html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
blockquote,
body,
figure {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent;
text-decoration: none!important;
outline: 0;
cursor: pointer
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
optgroup,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
mark {
background: #ff0;
color: #000
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre,
textarea {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace,monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
fieldset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: 0 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
legend {
border: 0;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
html:not(.webkit-line-clamp) .desc_m_limit-2::before,
html:not(.webkit-line-clamp) .desc_s_limit-3::before,
html:not(.webkit-line-clamp) .info__desc_cut::before,
html:not(.webkit-line-clamp) .info__link_cut::before,
html:not(.webkit-line-clamp) .module .desc_m_limit-2::before {
min-width: 25%;
content: "...";
position: absolute;
right: 0;
padding-left: 2em
}
html:not(.webkit-line-clamp) .desc_m_limit-2::after,
html:not(.webkit-line-clamp) .desc_s_limit-3::after,
html:not(.webkit-line-clamp) .info__desc_cut::after,
html:not(.webkit-line-clamp) .info__link_cut::after,
html:not(.webkit-line-clamp) .module .desc_m_limit-2::after {
content: " ";
display: inline;
letter-spacing: 1em;
position: relative;
z-index: 1;
font-size: 75%
}
@font-face {
font-family: akzidenzgroteskpro-regular-webfont;
src: url(../fonts/akzidenzgroteskpro-regular-webfont.woff2) format("woff2"),url(../fonts/akzidenzgroteskpro-regular-webfont.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: akzidenzgroteskpro-light-webfont;
src: url(../fonts/akzidenzgroteskpro-light-webfont.woff2) format("woff2"),url(../fonts/akzidenzgroteskpro-light-webfont.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: akzidenzgroteskpro-md-webfont;
src: url(../fonts/akzidenzgroteskpro-md-webfont.woff2) format("woff2"),url(../fonts/akzidenzgroteskpro-md-webfont.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: akzidenzgroteskpro-bold-webfont;
src: url(../fonts/akzidenzgroteskpro-bold-webfont.woff2) format("woff2"),url(../fonts/akzidenzgroteskpro-bold-webfont.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: ptf75f_0-webfont;
src: url(../fonts/ptf75f_0-webfont.woff2) format("woff2"),url(../fonts/ptf75f_0-webfont.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: opensans-regular-webfont;
src: url(../fonts/opensans-regular-webfont.woff2) format("woff2"),url(../fonts/opensans-regular-webfont.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: akzidenz-grotesk_proBdCn;
src: url(../fonts/akzidenzgroteskpro-boldcn-webfont.eot);
src: url(../fonts/akzidenzgroteskpro-boldcn-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/akzidenzgroteskpro-boldcn-webfont.woff2) format("woff2"),url(../fonts/akzidenzgroteskpro-boldcn-webfont.woff) format("woff"),url(../fonts/akzidenzgroteskpro-boldcn-webfont.ttf) format("truetype"),url(../fonts/akzidenzgroteskpro-boldcn-webfont.svg#akzidenz-grotesk_proBdCn) format("svg");
font-weight: 400;
font-style: normal
}
.icon-lupa,
.icon-menu {
display: inline-block;
fill: #bababa;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.icon-next {
display: inline-block;
fill: #fff;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.icon-left,
.icon-right {
display: inline-block;
fill: #404040;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.icon-left:hover,
.icon-right:hover {
fill: #d51900
}
.icon-close {
display: inline-block;
width: 30px;
height: 30px;
position: absolute;
top: 20px;
right: 30px;
background-color: transparent;
outline: 0;
border: none
}
@media only screen and (max-width:1025px) {
.icon-close {
top: 80px
}
.ppp__content_health .icon-close {
top: 20px
}
}
.icon-close:before {
content: '';
width: 35px;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50%;
border-top: 2px solid #717171;
-webkit-transform-origin: 0 center;
-ms-transform-origin: 0 center;
transform-origin: 0 center;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.icon-close:after {
content: '';
width: 35px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
-webkit-transform-origin: 0 center;
-ms-transform-origin: 0 center;
transform-origin: 0 center;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: 2px solid #717171
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
:after,
:before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
svg {
-webkit-box-sizing: content-box;
box-sizing: content-box
}
html ::selection {
background: rgba(0,0,0,.2);
color: #fff
}
html ::-moz-selection {
background: rgba(0,0,0,.2);
color: #fff
}
body,
html {
width: 100%;
height: 100%;
background-color: #fff;
color: #404040;
font-size: 13px;
line-height: 1.33
}
body.no-move,
html.no-move {
position: fixed
}
.page__wrapper {
position: relative;
min-height: calc(100% - 245px);
padding-top: 0
}
@media only screen and (max-width:780px) {
.page__wrapper {
min-height: calc(100% - 426px)
}
}
@media only screen and (max-width:650px) {
.page__wrapper {
min-height: calc(100% - 439px)
}
}
* html .page__wrapper {
height: 100%
}
.page__buffer {
height: 50px
}
.layout-big {
display: block;
width: calc(100% - 40px);
margin: 0 auto;
max-width: calc(1146px + 50px);
padding: 0 20px 0 70px;
overflow: hidden;
-webkit-transition: .4s .2s;
-o-transition: .4s .2s;
transition: .4s .2s
}
.layout-big.nav-open {
max-width: calc(1146px + 315px);
padding-left: 335px;
-webkit-transition: .4s .2s;
-o-transition: .4s .2s;
transition: .4s .2s
}
@media only screen and (max-width:1550px) {
.layout-big.nav-open {
max-width: calc(1146px + 286px)
}
.layout-big {
margin: 0 auto;
max-width: calc(100% - 335px)
}
}
@media only screen and (max-width:1430px) {
.layout-big.nav-open {
max-width: 100%
}
.layout-big {
max-width: calc(100% - 305px)
}
}
@media only screen and (max-width:1025px) {
.layout-big {
width: 100%;
max-width: 100%;
padding: 0 20px
}
}
.layout_flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.read {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px
}
.read__link {
position: relative;
text-transform: uppercase;
white-space: nowrap;
font-size: 18px;
color: #fefefe;
padding-right: 56px;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
@media only screen and (max-width:500px) {
.read__link {
font-size: 12px;
padding-right: 46px
}
}
.read__link:hover {
opacity: .9
}
.read__link:hover .icon-next {
background-color: #a61502
}
.read .icon-next {
position: absolute;
top: 46%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
width: 16px;
height: 16px;
border-radius: 100%;
padding: 10px;
background-color: #d51900;
fill: #fff;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.read.read_small {
text-align: left;
font-size: 16px;
margin-top: 15px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.read.read_small .read__link {
font-size: 16px;
color: #404040;
text-transform: none
}
.go-top {
position: fixed;
display: inline-block;
right: 30px;
bottom: 40px;
width: 40px;
height: 40px;
cursor: pointer;
z-index: 20
}
.go-top:after,
.go-top:before {
content: '';
position: absolute;
bottom: 2px;
width: 60%;
height: 4px;
border-right: 4px;
background-color: #ccc
}
.go-top:before {
left: 4px;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(-43deg);
-ms-transform: rotate(-43deg);
transform: rotate(-43deg)
}
.go-top:after {
right: 4px;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 .8em;
font-weight: 400;
line-height: 1.1
}
h1 {
font-size: 2em
}
h2 {
font-size: 1.8em
}
h3 {
font-size: 1.6em
}
h4 {
font-size: 1.5em
}
h5 {
font-size: 1.4em
}
h6 {
font-size: 1.3em
}
p {
margin: 0
}
b {
font-weight: 700
}
hr {
color: #c1c1c1;
background-color: #c1c1c1;
border-color: #c1c1c1;
opacity: .2
}
[tabindex="0"] {
outline: 0
}
.mt-0 {
margin-top: 0
}
.mt-70 {
margin-top: 70px
}
.mt-30 {
margin-top: 30px
}
.wrap_740 {
width: 96%;
max-width: 740px;
margin: 0 auto
}
.wrap_760 {
width: 96%;
max-width: 760px;
margin: 0 auto
}
.wrap_790 {
width: 96%;
max-width: 790px;
margin: 0 auto
}
@media only screen and (max-width:780px) {
.read .icon-next {
padding: 4px
}
.wrap_790 {
width: 100%
}
}
.wrap_836 {
width: 96%;
max-width: 836px;
margin: 0 auto
}
@media only screen and (max-width:780px) {
.wrap_836 {
width: 100%
}
}
.wrap_910 {
width: 96%;
max-width: 910px;
margin: 0 auto
}
@media only screen and (max-width:1240px) {
.wrap_910 {
width: 100%
}
}
.wrap_910 .title_line {
width: 96%;
max-width: 800px;
position: relative
}
@media only screen and (max-width:780px) {
.wrap_910 {
width: 100%
}
}
.wrap_940 {
width: 96%;
max-width: 940px;
margin: 0 auto
}
@media only screen and (max-width:780px) {
.wrap_940 {
width: 100%
}
}
.wrap_960 {
width: 96%;
max-width: 960px;
margin: 0 auto
}
@media only screen and (max-width:780px) {
.wrap_960 {
width: 100%
}
}
.wrap_970 {
width: 96%;
margin: 0 auto
}
@media only screen and (max-width:780px) {
.wrap_970 {
width: 100%
}
}
.wrap_1020 {
width: 96%;
max-width: 1020px;
margin: 0 auto
}
.title__xxl {
font-size: 72px;
line-height: .9;
margin-bottom: 25px;
color: #d51900;
font-family: 'PT Serif',serif;
font-weight: 700
}
@media only screen and (max-width:780px) {
.wrap {
width: 100%;
max-width: 100%
}
.title__xxl {
font-size: 36px
}
}
.title__xxl .title_line_wrap:after,
.title__xxl .title_line_wrap:before {
top: .5em
}
.title__xl {
font-size: 48px;
line-height: 1.25;
color: #404040;
margin-bottom: .8em;
font-family: 'PT Serif',serif;
font-weight: 700
}
.title__xl.is-regular {
font-family: 'PT Serif',serif;
font-weight: 400
}
.title__xl .title_line_wrap:after,
.title__xl .title_line_wrap:before {
top: .7em
}
@media only screen and (max-width:780px) {
.title__xl {
font-size: 24px
}
}
.title__lm {
font-size: 40px;
line-height: 1.25;
color: #404040;
margin-bottom: .8em;
font-family: 'PT Serif',serif;
font-weight: 400
}
@media only screen and (max-width:780px) {
.title__lm {
font-size: 18px;
font-family: 'PT Serif',serif;
font-weight: 700
}
}
.title__lm .title_line_wrap:after,
.title__lm .title_line_wrap:before {
top: .7em
}
.title__lm.is-regular {
font-family: 'PT Serif',serif;
font-weight: 400
}
.title__ls {
font-size: 36px;
line-height: 1.25;
color: #404040;
margin-bottom: .8em;
font-family: 'PT Serif',serif;
font-weight: 400
}
@media only screen and (max-width:780px) {
.title__ls {
font-size: 16px
}
}
.title__l {
font-size: 30px;
line-height: 1.2;
margin-bottom: .8em;
font-family: 'PT Serif',serif;
font-weight: 700
}
@media only screen and (max-width:780px) {
.title__l {
font-size: 18px;
line-height: 1.33
}
}
.title__sm {
font-size: 26px;
line-height: 1;
margin-bottom: 10px;
color: #404040;
font-family: Prata,serif
}
@media only screen and (max-width:780px) {
.title__sm {
font-size: 18px;
line-height: 1.2
}
}
.title__sm.has-direction {
font-size: 0
}
.title__sm.has-direction .title_line_wrap:after,
.title__sm.has-direction .title_line_wrap:before {
top: 12px
}
.title__sx {
font-size: 24px;
line-height: 1;
margin-bottom: 30px;
color: #404040;
font-family: 'PT Serif',serif;
font-weight: 400
}
@media only screen and (max-width:780px) {
.title__sx {
font-size: 16px;
line-height: 1.24;
font-family: 'PT Serif',serif;
font-weight: 700
}
}
.title__sx .title_line_wrap:after,
.title__sx .title_line_wrap:before {
top: .5em
}
.title__sx .desc__link_red {
text-decoration: underline
}
.title__sx .desc__link_red:hover {
text-decoration: none
}
.title__sx.mod_red {
color: #d51900
}
.title__sc {
font-size: 24px;
line-height: 1;
margin-bottom: .2em;
color: #404040;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif
}
@media only screen and (max-width:780px) {
.title__sc {
font-size: 16px;
line-height: 1.24;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif
}
}
.title__sc .title_line_wrap:after,
.title__sc .title_line_wrap:before {
top: .5em
}
.title__sc .desc__link_red {
text-decoration: underline
}
.title__sc .desc__link_red:hover {
text-decoration: none
}
.title__sc.mod_red {
color: #d51900
}
.title__xm {
font-size: 20px;
line-height: 1.2;
margin-bottom: 10px;
color: #404040;
font-family: 'PT Serif',serif;
font-weight: 400
}
.title__xm.mod_red {
color: #d51900
}
.title__m {
font-size: 18px;
line-height: 1.3333;
margin-bottom: 5px;
color: #404040;
font-family: 'PT Serif',serif;
font-weight: 700
}
.title__md {
font-size: 18px;
line-height: 1.3333;
margin-bottom: 10px;
text-transform: uppercase;
color: #d51900;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.title__tt {
font-size: 18px;
line-height: 1.66;
text-transform: uppercase;
color: #404040;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
@media only screen and (max-width:780px) {
.title__tt {
font-size: 14px;
line-height: 1.28
}
}
.title__tb {
font-size: 18px;
line-height: 1.66;
margin-bottom: 10px;
color: #404040;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif
}
.title_line,
.title_small_line {
position: relative;
width: 96%;
max-width: 800px;
margin: 0 auto 20px;
padding: 0 20px 10px;
text-align: center;
overflow: hidden;
z-index: 20
}
@media only screen and (max-width:1200px) {
.title_line,
.title_small_line {
position: relative
}
}
@media only screen and (max-width:900px) {
.title_line,
.title_small_line {
max-width: 100%
}
}
.title_line_wrap,
.title_small_line_wrap {
display: inline-block;
background-color: #fff;
padding: 0 30px;
margin: 0 auto
}
@media only screen and (max-width:780px) {
.title__tb {
font-size: 14px;
line-height: 1.28
}
.title_line_wrap,
.title_small_line_wrap {
padding: 0 15px
}
.title__direction {
margin-right: .8em
}
}
.title_line_wrap:before,
.title_small_line_wrap:before {
content: '';
position: absolute;
top: .3em;
left: 0;
right: 0;
height: 0;
border-bottom: 2px solid #e8e7e4;
z-index: -2
}
.title_line_wrap:after,
.title_small_line_wrap:after {
content: '';
position: absolute;
bottom: 0;
top: .3em;
left: 0;
right: 0;
border: 2px solid #e8e7e4;
border-top: none;
border-bottom: none
}
.title_small_line {
width: 96%;
max-width: 300px
}
.title__direction {
display: inline-block;
font-size: 18px;
line-height: 1.33;
color: #949494;
vertical-align: top;
padding-right: .5em;
border-right: 2px solid #e8e7e4;
font-family: akzidenz-grotesk_proBdCn,Arial,sans-serif;
font-weight: 400
}
@media only screen and (max-width:520px) {
.page__wrapper {
min-height: calc(100% - 370px)
}
.title__direction {
font-size: 12px;
line-height: 1.1;
margin: 0 .8em 0 0
}
}
.title__direction_detail {
vertical-align: top;
font-size: 18px;
line-height: 1.33;
color: #404040;
font-family: akzidenz-grotesk_proBdCn,Arial,sans-serif;
font-weight: 400
}
@media only screen and (max-width:520px) {
.title__direction_detail {
font-size: 12px;
line-height: 1.1;
margin: 0
}
}
.title.mod_red {
color: #d51900
}
.desc_xl {
font-size: 24px;
line-height: 1.5;
color: #767676;
margin-bottom: 1em;
font-family: akzidenzgroteskpro-light-webfont,Arial,sans-serif
}
@media only screen and (max-width:780px) {
.desc_xl {
font-size: 14px;
line-height: 1.28
}
}
.desc_c {
font-size: 20px;
line-height: 1.2;
color: #767676;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
@media only screen and (max-width:780px) {
.desc_c {
font-size: 14px
}
}
.desc_l {
font-size: 18px;
line-height: 1.3333;
margin-bottom: 1em;
color: #404040;
font-family: akzidenzgroteskpro-light-webfont,Arial,sans-serif
}
.desc_l b {
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
@media only screen and (max-width:780px) {
.desc_l {
font-size: 14px
}
}
.desc_lm {
font-size: 18px;
line-height: 1.3333;
margin-bottom: 1em;
color: #404040;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif
}
.desc_lm b {
font-family: akzidenz-grotesk_proBdCn,Arial,sans-serif;
font-weight: 400
}
@media only screen and (max-width:780px) {
.desc_lm {
font-size: 14px
}
}
.desc_m {
font-size: 16px;
line-height: 1.5;
color: #404040;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
@media only screen and (max-width:780px) {
.desc_m {
font-size: 14px
}
}
.desc_m_limit-2 {
position: relative;
overflow: hidden
}
.webkit-line-clamp .desc_m_limit-2 {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
html:not(.webkit-line-clamp) .desc_m_limit-2 {
position: relative;
max-height: 3em;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
display: block
}
html:not(.webkit-line-clamp) .desc_m_limit-2::before {
top: 1.5em;
background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(2em,#fff));
background: -o-linear-gradient(left,rgba(255,255,255,0),#fff 2em);
background: linear-gradient(to right,rgba(255,255,255,0),#fff 2em)
}
html:not(.webkit-line-clamp) .desc_m_limit-2::after {
background: #fff
}
.desc_s {
font-size: 14px;
line-height: 1.28;
color: #404040;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.desc_s_limit-3 {
position: relative;
overflow: hidden
}
.webkit-line-clamp .desc_s_limit-3 {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
html:not(.webkit-line-clamp) .desc_s_limit-3 {
position: relative;
max-height: 3.84em;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
display: block
}
html:not(.webkit-line-clamp) .desc_s_limit-3::before {
top: 2.56em;
background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(2em,#fff));
background: -o-linear-gradient(left,rgba(255,255,255,0),#fff 2em);
background: linear-gradient(to right,rgba(255,255,255,0),#fff 2em)
}
html:not(.webkit-line-clamp) .desc_s_limit-3::after {
background: #fff
}
.desc__link {
font-size: inherit;
color: inherit;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.desc__link:hover {
color: #d51900
}
.desc__link_red {
color: #d51900;
font-size: inherit;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.desc__link_red.mod_underline,
.desc__link_red:hover {
text-decoration: underline
}
.desc__link_red.mod_underline:hover {
text-decoration: none
}
.desc.mod_underline {
text-decoration: underline
}
.desc.mod_underline:hover {
text-decoration: none
}
.mod_red {
color: #d51900
}
.wider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #d51900;
padding: 25px 20px 30px;
color: #fff
}
.wider .title__sx {
color: #fff;
margin-bottom: .5em
}
.wider .desc_m {
color: #fff
}
.wider .read {
margin-top: 0
}
@media only screen and (max-width:700px) {
.wider {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center
}
.wider .read {
margin-bottom: 0;
margin-top: 20px
}
.wider__col {
margin-bottom: 10px
}
}
.wider .read.read_small .read__link {
text-transform: uppercase;
color: #fff
}
.wider .read .icon-next {
background-color: #fff;
fill: #d51900;
padding: 5px
}
.wider-wide {
-ms-flex-preferred-size: 68%;
flex-basis: 68%
}
.box_130 {
margin-bottom: 130px
}
@media only screen and (max-width:780px) {
.box_130 {
margin-bottom: 70px
}
}
.box_100 {
margin-bottom: 100px
}
@media only screen and (max-width:780px) {
.box_100 {
margin-bottom: 50px
}
}
.box_80 {
margin-bottom: 80px
}
@media only screen and (max-width:780px) {
.box_80 {
margin-bottom: 40px
}
}
.box_60 {
margin-bottom: 60px
}
@media only screen and (max-width:780px) {
.box_60 {
margin-bottom: 30px
}
}
.box_40 {
margin-bottom: 40px
}
@media only screen and (max-width:780px) {
.box_40 {
margin-bottom: 20px
}
}
.box_20 {
margin-bottom: 20px
}
.box_0 {
margin-bottom: 0
}
.box_pt-40 {
padding-top: 40px
}
.box_pb-40 {
padding-bottom: 40px
}
@media only screen and (max-width:780px) {
.box_pt-40 {
padding-top: 20px
}
.box_pb-40 {
padding-bottom: 20px
}
.box_mob-side {
padding-left: 15px;
padding-right: 15px
}
}
.box_ptb-40 {
padding-top: 40px;
padding-bottom: 40px
}
.btn {
padding: 0;
border: none;
outline: 0;
cursor: pointer;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.btn-more {
display: inline-block;
width: 230px;
max-width: 100%;
padding: 13px 20px;
font-size: 18px;
max-width: 100%;
background-color: #e8e7e4;
color: #404040;
border-radius: 50px;
font-family: 'PT Serif',serif;
font-weight: 700
}
.btn-more:hover {
-webkit-box-shadow: inset 0 0 4px 1px #fff;
box-shadow: inset 0 0 4px 1px #fff;
opacity: .8
}
.btn-send {
display: inline-block;
vertical-align: top;
color: #fff;
background-color: #d51900;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .1em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
outline: 0;
border: none;
border-radius: 16px;
line-height: 40px;
height: 40px;
width: auto;
min-width: 168px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.btn-send:hover {
background-color: #a61502
}
@media only screen and (max-width:1025px) {
.box_first {
margin-top: 70px
}
.hide_mob {
display: none!important
}
}
.is-center {
text-align: center
}
.is-shadow {
-webkit-box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
box-shadow: 0 3px 13px 0 rgba(217,217,217,.75)
}
@media only screen and (max-width:780px) {
.hide_780 {
display: none!important
}
.more__mob {
margin-top: -10px;
margin-bottom: 15px
}
.more__mob_box {
display: none
}
}
.more__mob_footer {
display: none
}
@media only screen and (max-width:780px) {
.more__mob_footer {
display: block
}
}
.more__mob_link {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 18px;
color: #d51900;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.more__mob_link:after {
content: '';
position: absolute;
top: .4em;
left: calc(100% + 10px);
display: inline-block;
vertical-align: top;
background: url(https://jnj.ru/wp-content/themes/twice/static/img/content/icon-arrow-down.png) no-repeat #fff;
width: 14px;
height: 9px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.more__mob.is-active {
margin-top: 0;
margin-bottom: 0
}
.more__mob.is-active .more__mob_link:after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.simple__list {
padding: 0 0 0 30px;
margin: 10px 0 0;
list-style-type: none
}
.simple__item {
position: relative;
margin-bottom: 10px
}
.simple__item:before {
content: '';
position: absolute;
top: .6em;
left: -30px;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #d51900
}
@media only screen and (max-width:780px) {
.simple__list {
padding: 0 0 0 20px
}
.simple__item:before {
left: -20px;
top: .5em;
width: 4px;
height: 4px
}
.mod-center {
text-align: center
}
}
.alfa__list {
padding: 0;
margin: 10px 0;
list-style-type: none
}
.mod_desc-offset .title__sc {
margin-bottom: .3em
}
.mod_desc-offset .desc_l {
margin-bottom: .1em
}
.contact-text .desc_l {
margin-bottom: .4em
}
.mCustomScrollbar {
-ms-touch-action: none;
touch-action: none
}
.mCustomScrollbar.mCS_no_scrollbar {
-ms-touch-action: auto;
touch-action: auto
}
.mCustomScrollBox {
position: relative;
overflow: hidden;
max-height: 252px;
height: auto;
max-width: 100%;
outline: 0;
direction: ltr
}
.yay-nav .mCustomScrollBox {
min-height: 100%;
padding-right: 20px
}
.yay-nav .mCSB_scrollTools {
right: 2px
}
.mCSB_container {
overflow: hidden;
width: auto;
height: auto
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
margin-right: 0;
margin-left: 30px
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0
}
.mCSB_scrollTools {
position: absolute;
top: 5px;
bottom: 5px;
right: 0;
width: 20px;
height: auto;
background-color: transparent;
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.picture__wrap {
padding-right: 20px;
overflow: hidden
}
.picture__wrap .mCustomScrollBox {
overflow: visible
}
.picture__wrap .mCSB_scrollTools {
position: absolute;
top: 5px;
bottom: 5px;
right: -20px;
width: 20px;
height: auto;
background-color: transparent
}
.mCSB_outside + .mCSB_scrollTools {
right: -26px
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
right: auto;
left: 0
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
position: absolute;
top: 0;
bottom: 0;
height: auto;
width: 8px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
height: 100%;
margin: 0 auto;
border-radius: 4px;
background-color: #dad9d8!important
}
.mCSB_scrollTools .mCSB_dragger {
cursor: pointer;
width: 6px;
border-radius: 6px;
background-color: #d51900;
margin: 0 auto;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.4);
box-shadow: 0 0 6px 0 rgba(0,0,0,.4);
z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
position: relative;
width: 6px;
height: auto;
margin: 0 auto;
text-align: center;
background-color: #cfc4b6
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-right: 0;
margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
min-height: 100%
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0
}
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
height: 100%;
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0
}
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px
}
.mCSB_container_wrapper > .mCSB_container {
padding-right: 30px;
padding-bottom: 30px
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
margin-right: 0;
margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
padding-right: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
padding-bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
-o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
-webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
-o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)"
}
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fdd333
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: #cfc4b6
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
background-image: url(mCSB_buttons.png);
background-repeat: no-repeat;
opacity: .4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0;
background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
opacity: .75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
opacity: .9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0,0,0,.15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0,0,0,.75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0,0,0,.85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0,0,0,.9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: rgba(255,255,255,.1);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: rgba(255,255,255,.75);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(255,255,255,.85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(255,255,255,.9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0,0,0,.1);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0,0,0,.75);
border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0,0,0,.85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0,0,0,.9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: rgba(255,255,255,.1);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: rgba(255,255,255,.75);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(255,255,255,.85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(255,255,255,.9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0,0,0,.1);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0,0,0,.75);
border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0,0,0,.85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0,0,0,.9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(255,255,255,.1)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0,0,0,.15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0,0,0,.75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0,0,0,.85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0,0,0,.9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(255,255,255,.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
height: 14px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
height: 16px;
margin: -1px 0
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
width: 16px;
margin: 0 -1px
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0,0,0,.75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0,0,0,.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0,0,0,.85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0,0,0,.9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
background-repeat: repeat-y;
opacity: .3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,.5)),to(rgba(255,255,255,0)));
background-image: -o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.5)),to(rgba(255,255,255,0)));
background-image: -o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);
background-image: linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px
}
.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
border-radius: 16px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: rgba(0,0,0,.2);
-webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2);
box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0,0,0,.1);
-webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.1);
box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)"
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
border-radius: 7px
}
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
right: 1px
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
-webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
bottom: 1px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5);
box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
border-radius: 5px;
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
box-shadow: inset 0 1px 0 rgba(255,255,255,.4);
height: 12px;
width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #555
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: rgba(0,0,0,.05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
-webkit-box-shadow: inset 0 0 14px rgba(0,0,0,.2);
box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2);
box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: rgba(0,0,0,.05);
-webkit-box-shadow: inset 1px 1px 16px rgba(0,0,0,.1);
box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px
}
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
left: 0;
right: auto
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(255,255,255,.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(255,255,255,.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0,0,0,.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0,0,0,.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)"
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: rgba(0,0,0,.2)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0,0,0,.75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0,0,0,.85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0,0,0,.9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0,0,0,.1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: rgba(0,0,0,.2)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0,0,0,.75)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0,0,0,.85)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0,0,0,.9)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0,0,0,.1)
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: rgba(255,255,255,.2);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: rgba(0,0,0,.2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(255,255,255,.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0,0,0,.6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0,0,0,.75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0,0,0,.85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(0,0,0,.9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #cfc4b6
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(255,255,255,.85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
background-color: rgba(255,255,255,.9)
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default!important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: .1px;
display: block;
-ms-touch-action: none;
touch-action: none
}
.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted #000
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0
}
.ui-menu .ui-menu {
position: absolute
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0
}
.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
margin: -1px
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible
}
.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
text-decoration: none
}
.ui-button-icon-only {
width: 2em;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-button-icon-only {
text-indent: 0
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em
}
button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0
}
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus,
.ui-controlgroup > .ui-controlgroup-item:focus {
z-index: 9999
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left
}
.ui-controlgroup-vertical .ui-controlgroup-item {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none
}
.ui-controlgroup-vertical .ui-spinner-input {
width: 75%;
width: calc(100% - 2.4em)
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid
}
.ui-checkboxradio-label .ui-icon-background {
-webkit-box-shadow: inset 1px 1px 1px #ccc;
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid
}
.ui-checkboxradio-disabled {
pointer-events: none
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: 700;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td a,
.ui-datepicker td span {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0;
padding: 1px;
height: 20px
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: 0 0;
overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0
}
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw,
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw {
width: 7px;
height: 7px
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%
}
.ui-progressbar .ui-progressbar-overlay {
background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
height: 100%;
opacity: .25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: 700;
line-height: 1.5;
padding: 2px .4em;
margin: .5em 0 0;
height: auto;
border: 0
}
.ui-selectmenu-open {
display: block
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
-webkit-filter: inherit;
filter: inherit
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle
}
.ui-spinner-input {
border: none;
background: 0 0;
color: inherit;
padding: .222em 0;
margin: .2em 2em .2em .4em;
vertical-align: middle
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0
}
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none
}
.ui-spinner-up {
top: 0
}
.ui-spinner-down {
bottom: 0
}
.ui-tabs {
position: relative;
padding: .2em
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: 0 0
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px
}
body .ui-tooltip {
border-width: 2px
}
.accordion {
position: relative;
padding-top: 0
}
@media only screen and (max-width:780px) {
.accordion {
padding-top: 10px
}
}
.accordion:before {
content: '';
position: absolute;
top: -10px;
left: 50%;
width: 200px;
height: 20px;
max-width: 96%;
display: inline-block;
vertical-align: top;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: url(https://jnj.ru/wp-content/themes/twice/static/img/general/acord.svg) #fff
}
.accordion__item {
position: relative;
padding: 25px 135px 25px 24px;
border-top: 2px solid #e8e7e4;
cursor: pointer
}
@media only screen and (max-width:780px) {
.accordion__item {
padding: 15px 40px 15px 0
}
}
.accordion__item:first-child {
border-top: none
}
.accordion__item.is-active .accordion__text {
display: block;
-webkit-transform: rotateX(0);
transform: rotateX(0);
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
padding-top: 17px
}
.accordion__item.is-active .accordion__btn:before {
-webkit-transform: translate(-50%,-50%) rotate(90deg);
-ms-transform: translate(-50%,-50%) rotate(90deg);
transform: translate(-50%,-50%) rotate(90deg)
}
.accordion__item.is-active .accordion__btn:after {
-webkit-transform: translate(-50%,-50%) rotate(270deg);
-ms-transform: translate(-50%,-50%) rotate(270deg);
transform: translate(-50%,-50%) rotate(270deg)
}
.accordion__btn {
position: absolute;
right: 10px;
top: 22px;
display: inline-block;
width: 28px;
height: 28px;
border-radius: 100%;
padding: 0;
margin: 0;
border: none;
outline: 0;
background-color: #e8e7e4
}
.accordion__btn:after,
.accordion__btn:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 14px;
width: 2px;
background-color: #333;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.accordion__btn:after {
-webkit-transform: translate(-50%,-50%) rotate(90deg);
-ms-transform: translate(-50%,-50%) rotate(90deg);
transform: translate(-50%,-50%) rotate(90deg)
}
.accordion__title {
font-size: 18px;
color: #333;
margin: 0;
font-family: 'PT Serif',serif;
font-weight: 400
}
@media only screen and (max-width:780px) {
.accordion__btn {
top: 9px;
right: 0
}
.accordion__title {
font-size: 14px
}
}
.accordion__text {
display: none;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.accordion__desc {
font-size: 15px;
line-height: 1.66;
color: #333;
font-family: 'PT Serif',serif;
font-weight: 400
}
.slider {
position: relative;
margin-bottom: 120px
}
@media only screen and (max-width:780px) {
.accordion__desc {
font-size: 12px;
font-family: akzidenzgroteskpro-light-webfont,Arial,sans-serif
}
.slider {
width: calc(100% + 40px);
margin-left: -20px;
margin-bottom: 60px
}
}
.slider__item {
width: 100%;
position: relative;
overflow: hidden
}
.slider__pic {
position: relative;
width: 100%;
height: 584px;
overflow: hidden
}
@media only screen and (max-width:780px) {
.slider__pic {
height: 0;
padding-top: 58%
}
}
.slider__img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
width: 100%;
height: auto
}
.slider__br {
margin-bottom: 6px
}
.slider__text {
position: absolute;
bottom: 20px;
left: 50%;
width: 65%;
max-width: 650px;
-webkit-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0);
text-align: center;
color: #fefefe
}
@media only screen and (max-width:1025px) {
.slider__text {
bottom: 60px
}
}
@media only screen and (max-width:780px) {
.slider__img {
height: 100%
}
.slider__text {
position: relative;
top: 0;
left: 0;
right: auto;
bottom: auto;
width: 100%;
max-width: none;
padding: 10px 20px 20px;
background-color: #f0efed;
text-align: left;
color: #404040;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0)
}
}
.slider__title {
display: inline-block;
background-color: #d51900;
padding: 0 10px;
margin: 0;
font-size: 14px;
line-height: 40px;
color: #fff;
text-transform: uppercase;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
font-weight: 700
}
@media only screen and (max-width:780px) {
.slider__title {
font-size: 10px;
margin-bottom: 10px
}
}
@media only screen and (max-width:520px) {
.slider__title {
line-height: 20px;
padding: 5px 10px
}
}
.slider__desc {
font-size: 36px;
color: #fefefe;
line-height: 1.33;
font-family: 'PT Serif',serif;
font-weight: 700
}
@media only screen and (max-width:1200px) {
.slider__desc {
font-size: 26px
}
}
@media only screen and (max-width:520px) {
.slider__desc {
font-size: 16px
}
}
.slider__read {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 15px
}
@media only screen and (max-width:780px) {
.slider__desc {
font-size: 16px;
color: #404040
}
.slider__read {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 20px
}
}
.slider__link {
position: relative;
text-transform: uppercase;
white-space: nowrap;
font-size: 18px;
color: #fefefe;
padding-right: 56px
}
@media only screen and (max-width:780px) {
.slider__link {
color: #404040;
font-size: 16px
}
}
.slider__link:hover {
opacity: .9
}
.slider__link:hover .icon-next {
-webkit-transform: translate(10px,-50%);
-ms-transform: translate(10px,-50%);
transform: translate(10px,-50%);
opacity: .9
}
.slider .icon-next {
position: absolute;
top: 46%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
right: 0;
width: 16px;
height: 16px;
border-radius: 100%;
padding: 10px;
background-color: #d51900;
fill: #fff;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
@media only screen and (max-width:520px) {
.slider__link {
font-size: 12px;
padding-right: 38px
}
.slider .icon-next {
padding: 4px
}
}
.slider .slick-slide {
opacity: .5;
-webkit-transform: translate3d(50%,0,0) scaleY(.9);
transform: translate3d(50%,0,0) scaleY(.9);
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s
}
@media only screen and (max-width:1025px) {
.slider .slick-slide {
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1)
}
}
.slider .slick-current {
opacity: 1;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
z-index: 10;
-webkit-transition: opacity .2s .3s;
-o-transition: opacity .2s .3s;
transition: opacity .2s .3s
}
.slider .slick-current + .slick-slide {
-webkit-transform: translate3d(-50%,0,0) scaleY(.9);
transform: translate3d(-50%,0,0) scaleY(.9);
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s
}
@media only screen and (max-width:1025px) {
.slider .slick-current + .slick-slide {
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1)
}
}
.slider .slick-arrow {
position: relative;
top: 0;
border: none;
outline: 0;
background-color: transparent
}
.slider .slick-disabled {
opacity: .3;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
cursor: auto
}
.slider__btns {
font-size: 0;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
top: 50%;
left: 11px;
right: 8px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.photo {
width: 100%;
overflow: hidden
}
@media only screen and (max-width:780px) {
.photo {
width: calc(100% + 40px);
margin-left: -20px
}
}
.photo__pic {
font-size: 0
}
.photo__text {
position: absolute;
bottom: 60px;
left: 12%;
color: #fff;
z-index: 10
}
@media only screen and (max-width:1200px) {
.photo__text {
bottom: 40px;
width: 87%
}
}
@media only screen and (max-width:1025px) {
.slider__btns {
display: none
}
.photo__text {
left: 8%
}
}
@media only screen and (max-width:650px) {
.photo__text {
position: relative;
top: 0;
left: 0;
right: auto;
bottom: auto;
width: 100%;
padding: 20px 20px 30px;
height: auto;
background-color: #f0efed;
color: #404040
}
.photo__text .read {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.photo__text .read__link {
padding-right: 43px
}
}
@media only screen and (max-width:650px) and (max-width:780px) {
.photo__text .read__link {
font-size: 12px;
color: #404040
}
}
.photo__text.mod_b {
bottom: 20px
}
.photo_title {
margin-bottom: 70px
}
.photo_title.box_40 {
margin-bottom: 40px
}
@media only screen and (max-width:1280px) {
.photo .title__l {
font-size: 24px
}
}
.photo .read {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.in-shadow {
position: relative
}
.in-shadow:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
background-color: transparent;
background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));
background-image: -o-linear-gradient(transparent,#000);
background-image: linear-gradient(transparent,#000)
}
.context {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:780px) {
.photo_title {
margin-bottom: 30px
}
.photo_title.box_40 {
margin-bottom: 20px
}
.photo .title__l {
font-size: 18px;
margin-bottom: 0
}
.context {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px
}
}
.context__wrap {
width: 100%
}
.context__text {
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: 0 0 64%;
flex: 0 0 64%
}
.context__text.mod_width {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%
}
@media only screen and (max-width:780px) {
.context__text.mod_width {
width: 100%
}
.context__text {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
}
.context__text_wrap {
margin-bottom: 20px
}
@media only screen and (max-width:600px) {
.context__text_wrap {
margin-bottom: 0
}
}
.context__pic {
display: inline-block;
vertical-align: top;
-webkit-box-flex: 0;
-ms-flex: 0 0 33%;
flex: 0 0 33%;
font-size: 0
}
.context__pic img {
max-width: 100%;
height: auto
}
.context__pic.mod_width {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: calc(25% - 40px);
margin-right: 40px;
text-align: center
}
.context__pic.mod_width img {
display: inline-block;
vertical-align: top;
max-width: 100%;
height: auto
}
@media only screen and (max-width:780px) {
.context__pic.mod_width {
width: 100%;
margin: 0 0 20px
}
.context__pic {
display: block;
position: relative;
width: 100%;
margin-bottom: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
text-align: center
}
}
.context__pic.is-border {
-ms-flex-item-align: start;
align-self: flex-start
}
.context__pic.is-border img {
border: 1px solid #e8e7e4
}
.context__img {
width: 100%
}
@media only screen and (max-width:780px) {
.context__img {
max-width: 100%;
width: auto
}
}
.context .title__sx {
margin-bottom: 5px;
color: #d51900;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.context .title__sx.mod_med {
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif
}
.context .desc__link_red {
text-decoration: underline
}
.context .desc__link_red:hover {
text-decoration: none
}
.context__list {
display: inline-block;
vertical-align: top;
width: 32%;
font-size: 0;
padding: 0;
margin: 20px 0 0;
list-style-type: none
}
@media only screen and (max-width:1300px) {
.context__list {
width: 49%
}
}
.context__item {
display: block;
vertical-align: top;
padding-right: 10px;
margin-bottom: 16px;
font-size: 14px;
text-transform: uppercase;
color: #404040;
font-family: 'PT Serif',serif;
font-weight: 400
}
@media only screen and (max-width:600px) {
.context__list {
width: 100%;
margin-top: 20px
}
.context__item {
padding: 0
}
}
.context__item_link {
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #d51900;
text-transform: none;
color: #d51900;
font-family: 'PT Serif',serif;
font-weight: 400;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.context__item_link:hover {
border-color: transparent
}
.goods {
padding: 32px;
margin-bottom: 20px
}
.quote {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 35%;
flex: 0 0 35%
}
@media only screen and (max-width:780px) {
.quote {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.quote__line {
position: relative;
margin: 0;
text-align: center;
overflow: hidden;
font-size: 50px;
line-height: 1;
color: #d51900
}
.quote__line:after,
.quote__line:before {
content: '';
position: relative;
top: .3em;
display: inline-block;
vertical-align: top;
width: 50%;
height: 4px;
background: url(https://jnj.ru/wp-content/themes/twice/static/img/content/q-pic.png) repeat-x
}
.quote__line:before {
left: -20px;
margin-left: -50%
}
.quote__line:after {
left: 20px;
margin-right: -50%
}
.quote__desc {
font-size: 26px;
line-height: 1.38;
color: #767676;
padding: 0 0 20px;
text-align: center;
font-family: 'PT Serif',serif;
font-weight: 400
}
.about {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
padding: 40px 45px 50px 85px;
background-color: #fff
}
.about__text {
display: inline-block;
width: 54%
}
.about__what {
color: #d51900;
text-transform: uppercase;
font-size: 16px;
line-height: 1.5;
margin-bottom: 30px;
font-family: akzidenz-grotesk_proBdCn,Arial,sans-serif;
font-weight: 400
}
.about .title__ls {
font-weight: 700
}
.about .btn {
display: inline-block;
margin-top: 50px;
width: 234px;
max-width: 100%;
background-color: #e8e7e4;
border-radius: 50px;
text-align: center;
padding: 14px 20px;
font-size: 18px;
color: #404040;
border: none;
outline: 0;
cursor: pointer;
font-family: 'PT Serif',serif;
font-weight: 700
}
@media only screen and (max-width:780px) {
.about {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 30px
}
.about__text {
width: 100%
}
.about__what {
font-size: 12px
}
.about .btn {
font-size: 14px;
margin-top: 30px
}
}
.about .btn:hover {
-webkit-box-shadow: inset 0 0 4px 1px #fff;
box-shadow: inset 0 0 4px 1px #fff;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.about__pic {
font-size: 0;
width: 40%
}
@media only screen and (max-width:780px) {
.about__pic {
width: 100%;
text-align: center;
margin-bottom: 20px
}
}
.about__img {
max-width: 100%;
display: inline-block;
vertical-align: top
}
.details {
position: relative;
border-bottom: 1px solid #d51900
}
.details__box {
display: none
}
.details__content {
display: inline-block;
background-color: #fff;
width: 422px;
padding: 24px 20px;
-webkit-box-shadow: inset 0 0 4px 1px #fff;
box-shadow: inset 0 0 4px 1px #fff;
font-size: 12px;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
font-style: italic
}
.details__title {
color: #d51900;
font-size: 12px;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
font-style: italic
}
#qtip-details__tooltip {
width: 422px;
max-width: 100%!important;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.4);
box-shadow: 0 0 6px rgba(0,0,0,.4);
padding: 0;
background-color: #fff;
border: none
}
#qtip-details__tooltip:before {
content: '';
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 17px 11.5px 0;
border-color: #fff transparent transparent;
-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, .4));
filter: drop-shadow(0 0 6px rgba(0, 0, 0, .4))
}
#qtip-details__tooltip .qtip-content {
padding: 0
}
@media only screen and (max-width:520px) {
.details__content {
width: auto
}
#qtip-details__tooltip {
width: auto;
max-width: 94%!important
}
}
#qtip-details__tooltip .qtip-close {
display: inline-block;
top: 0!important;
right: 0;
width: 30px;
height: 30px;
background-color: #fff;
border: none;
padding: 0;
margin: 0;
outline: 0
}
#qtip-details__tooltip .qtip-close .ui-icon.ui-icon-close {
display: inline-block;
line-height: 30px;
width: 30px;
height: auto;
font-size: 0;
background-image: url(/static/img/content/icon-close.png);
background-position: 50% 50%
}
.infoblock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 50px 45px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #fff;
-webkit-box-shadow: 0 0 13px 0 rgba(217,217,217,.75);
box-shadow: 0 0 13px 0 rgba(217,217,217,.75);
margin-bottom: 20px
}
@media only screen and (max-width:780px) {
.infoblock {
display: block;
padding: 20px
}
}
.infoblock__pic {
display: inline-block;
width: 70px;
min-width: 70px;
height: 70px;
margin-right: 60px
}
@media only screen and (max-width:1320px) {
.infoblock__pic {
width: 90px;
min-width: 90px;
margin-right: 40px
}
}
@media only screen and (max-width:780px) {
.infoblock__pic {
display: block;
width: 36px;
min-width: 36px;
height: 36px;
margin: 0 auto 20px
}
}
.infoblock__img {
width: auto;
height: 70px;
max-height: 100%
}
.infoblock__link {
font-size: 30px;
line-height: 1.1;
margin: 0;
color: #d51900;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.infoblock__link:hover {
text-decoration: underline
}
.infoblock .desc_l {
font-size: 18px;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
@media only screen and (max-width:700px) {
.infoblock .desc_l {
font-size: 14px
}
}
.infoblock .desc_xl {
margin: 0
}
.infoblock.mod_justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.infoblock.mod_single {
padding: 26px 40px
}
.question {
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
padding: 54px 0 40px
}
.question__form {
width: 624px;
margin: 0 auto
}
@media only screen and (max-width:780px) {
.infoblock__link {
font-size: 14px
}
.infoblock .desc_xl {
margin-bottom: 6px
}
.infoblock .btn {
margin-top: 20px
}
.question {
padding: 15px 20px
}
.question__form {
width: 100%
}
}
.question__fieldset {
display: block;
width: 100%
}
.question__textarea {
width: 100%;
height: 105px;
background: #f5f7f7;
border: none;
outline: 0;
padding: 12px 30px;
margin-bottom: 16px;
resize: none;
border-radius: 16px
}
.question__textarea::-webkit-input-placeholder {
font-size: 14px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.question__textarea:-ms-input-placeholder {
font-size: 14px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.question__textarea::-ms-input-placeholder {
font-size: 14px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.question__textarea::-moz-placeholder {
font-size: 14px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.question__textarea::placeholder {
font-size: 14px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.question__inp {
display: block;
width: 100%;
background: #f5f7f7;
border: none;
outline: 0;
padding: 12px 30px;
margin-bottom: 16px;
border-radius: 16px
}
.question__inp::-webkit-input-placeholder {
font-size: 14px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.question__inp:-ms-input-placeholder {
font-size: 14px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.question__inp::-ms-input-placeholder {
font-size: 14px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.question__inp::-moz-placeholder {
font-size: 14px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.question__inp::placeholder {
font-size: 14px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.question .title__l {
color: #d51900;
font-family: 'PT Serif',serif;
font-weight: 400
}
.question__fieldset .selectric {
display: block;
width: 100%;
background: #f5f7f7;
border: none;
outline: 0;
padding: 0 30px;
margin-bottom: 16px;
border-radius: 16px
}
.question__fieldset .selectric .button {
right: 20px;
color: #404040
}
.question__fieldset .selectric .button:after {
width: 0;
height: 0;
border-style: solid;
border-width: 7px 6px 0;
border-color: #000 transparent transparent
}
.question__fieldset .selectric .label {
margin: 0;
font-size: 14px;
line-height: 40px;
height: 40px;
color: #404040;
letter-spacing: .075em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.illnes__wrap .counter {
text-align: center
}
@media only screen and (max-width:1025px) {
.illnes__wrap .counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 15px 0;
text-align: left
}
}
@media only screen and (max-width:780px) {
.illnes__wrap .counter {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.illnes__wrap .counter__wrap {
display: inline-block;
margin: 0 auto 15px;
padding: 0 14px;
background-image: -webkit-gradient(linear,left top,right top,from(#d9d8d8),color-stop(17%,#ececec),color-stop(51%,#fff),color-stop(79%,#f3f3f3),to(#e6e6e6));
background-image: -o-linear-gradient(left,#d9d8d8 0,#ececec 17%,#fff 51%,#f3f3f3 79%,#e6e6e6 100%);
background-image: linear-gradient(90deg,#d9d8d8 0,#ececec 17%,#fff 51%,#f3f3f3 79%,#e6e6e6 100%)
}
@media only screen and (max-width:1025px) {
.illnes__wrap .counter__wrap {
margin: 0 6px 0 0;
min-width: 230px;
width: 230px
}
}
@media only screen and (max-width:780px) {
.illnes__wrap .counter__wrap {
margin: 0 16px 0 0;
padding: 0 4px;
min-width: 0;
width: auto
}
}
.illnes__wrap .counter__desc {
font-size: 0;
white-space: nowrap
}
.illnes__wrap .counter__desc span {
font-size: 48px;
color: #d51900;
padding: 0 3px;
position: relative;
display: inline-block;
font-family: akzidenz-grotesk_proBdCn,Arial,sans-serif;
font-weight: 400
}
.illnes__wrap .counter__desc span:first-of-type:after {
right: 2px
}
@media only screen and (max-width:780px) {
.illnes__wrap .counter__desc span {
font-size: 44px
}
}
@media only screen and (max-width:500px) {
.illnes__wrap .counter {
-ms-flex-pack: distribute;
justify-content: space-around
}
.illnes__wrap .counter__wrap {
padding: 0 2px;
margin: 0
}
.illnes__wrap .counter__desc span {
font-size: 36px;
padding: 0 2px
}
}
.illnes__wrap .counter__desc span:after {
content: '';
position: absolute;
top: .4em;
bottom: .4em;
right: -1px;
width: 1px;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(35%,#c1c1c1),color-stop(65%,#c1c1c1),to(rgba(0,0,0,0)));
background: -o-linear-gradient(top,rgba(0,0,0,0) 0,#c1c1c1 35%,#c1c1c1 65%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,#c1c1c1 35%,#c1c1c1 65%,rgba(0,0,0,0) 100%)
}
.illnes__wrap .counter__desc span:last-child:after {
content: none
}
.illnes__wrap .counter__pic {
margin: 0 auto 15px;
display: inline-block;
vertical-align: top;
width: 75px;
height: 75px
}
.illnes__wrap .counter__help {
display: block
}
@media only screen and (max-width:1025px) {
.illnes__wrap .counter__pic {
height: auto;
max-height: 100%;
width: 51px;
margin: 0 0 3px
}
.illnes__wrap .counter__help {
height: 65px;
display: inline-block;
vertical-align: top;
text-align: center
}
.illnes__wrap .counter__help .title__tt {
font-size: 10px;
line-height: .8
}
}
.big-count .counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden
}
.big-count .counter__wrap {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 90px;
margin: 0 20px 15px;
padding: 0 25px;
background-image: -webkit-gradient(linear,left top,right top,from(#d9d8d8),color-stop(17%,#ececec),color-stop(51%,#fff),color-stop(79%,#f3f3f3),to(#e6e6e6));
background-image: -o-linear-gradient(left,#d9d8d8 0,#ececec 17%,#fff 51%,#f3f3f3 79%,#e6e6e6 100%);
background-image: linear-gradient(90deg,#d9d8d8 0,#ececec 17%,#fff 51%,#f3f3f3 79%,#e6e6e6 100%)
}
.big-count .counter__wrap:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -20px;
right: -20px;
-webkit-box-shadow: inset 0 0 30px 6px #9a9a9a;
box-shadow: inset 0 0 30px 6px #9a9a9a;
pointer-events: none
}
@media only screen and (max-width:780px) {
.big-count .counter__wrap {
height: 70px
}
}
@media only screen and (max-width:650px) {
#qtip-details__tooltip:before {
content: none
}
.big-count .counter__wrap {
padding: 0 4px
}
}
.big-count .counter__desc {
font-size: 0;
white-space: no-wrap
}
.big-count .counter__desc span {
font-size: 103px;
color: #d51900;
padding: 4px 3px;
position: relative;
display: inline-block;
line-height: 80px;
font-family: akzidenz-grotesk_proBdCn,Arial,sans-serif;
font-weight: 400
}
@media only screen and (max-width:780px) {
.big-count .counter__desc span {
font-size: 60px;
line-height: 64px
}
.credo {
position: relative;
background-color: #fff;
-webkit-box-shadow: 0 3px 12.48px 3.52px rgba(197,197,197,.75);
box-shadow: 0 3px 12.48px 3.52px rgba(197,197,197,.75);
padding: 20px 10px;
z-index: 5
}
}
@media only screen and (max-width:500px) {
.big-count .counter__wrap {
width: auto;
min-width: 0;
height: 44px;
padding: 0 2px;
margin: 0 5px 0 0
}
.big-count .counter__desc span {
line-height: 44px;
font-size: 36px;
padding: 0 2px
}
}
.big-count .counter__desc span:after,
.big-count .counter__desc span:before {
content: none
}
.big-count .counter__pic {
margin: 0 auto 15px;
display: inline-block;
vertical-align: top;
width: 75px;
height: 75px
}
@media only screen and (max-width:1025px) {
.big-count .counter__pic {
height: auto;
max-height: 100%;
width: 51px;
margin: 0 0 3px
}
.credo {
margin-top: 50px
}
}
.big-count .counter__help {
display: inline-block
}
.big-count .counter .title__tt {
margin: 0
}
#counter .counter__wrap {
overflow: hidden
}
.counter_num {
position: relative;
display: inline-block;
vertical-align: top;
width: 50px
}
@media only screen and (max-width:650px) {
.counter_num {
width: 32px
}
}
@media only screen and (max-width:500px) {
.big-count .counter__pic {
width: 35px
}
.big-count .counter__help {
height: 47px;
vertical-align: top;
text-align: center
}
.big-count .counter .title__tt {
font-size: 10px
}
.counter_num {
width: 22px
}
}
.counter_num:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: -1px;
width: 1px;
background-color: rgba(193,193,193,.4)
}
.counter_num:last-child:after {
content: none
}
.counter_num span {
display: block!important;
line-height: 1
}
.credo {
margin-bottom: 30px
}
.credo__wrap {
position: relative;
width: 96%;
max-width: 990px;
margin: 0 auto;
padding: 30px 150px 70px 140px;
-webkit-box-shadow: 0 3px 12.48px 3.52px rgba(197,197,197,.75);
box-shadow: 0 3px 12.48px 3.52px rgba(197,197,197,.75);
background-color: #fff;
z-index: 5
}
@media only screen and (max-width:780px) {
.credo__wrap {
width: 100%;
padding: 0;
margin-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none
}
}
.credo__top {
text-align: right;
position: relative;
width: 96%;
max-width: 990px;
margin: 40px auto 70px;
z-index: 5
}
@media only screen and (max-width:780px) {
.credo__top {
text-align: center;
margin: 0 0 15px
}
.credo__title {
display: none
}
}
.credo__title {
font-size: 46px;
color: #d51900;
margin-bottom: .8em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.credo__desc {
font-size: 18px;
line-height: 1.66;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
@media only screen and (max-width:780px) {
.credo__desc {
font-size: 16px;
line-height: 1.25;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
}
.credo__desc_span {
color: #d51900;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif
}
.credo__img {
display: inline-block;
margin-top: 40px;
width: auto;
max-width: 100%
}
#parallaxParent {
position: absolute;
top: 140px;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 1
}
#parallaxParent > * {
height: 100%;
position: relative;
top: 0;
background-size: contain
}
.alfabet {
border: 1px solid #e8e7e4;
border-right: none;
border-left: none;
padding: 10px 50px 0
}
@media only screen and (max-width:780px) {
.alfabet {
padding: 10px 0
}
.alfabet__list {
width: 50%;
margin: 0 auto
}
}
.alfabet__list {
font-size: 0;
padding: 0;
margin: 0 auto;
list-style: none
}
.alfabet__item {
display: inline-block;
padding: 0 7px;
list-style: none
}
.alfabet__item.is-active .alfabet__link {
color: #d51900
}
.alfabet__link {
display: block;
font-size: 30px;
margin-bottom: 10px;
color: #404040;
text-transform: uppercase;
font-family: 'PT Serif',serif;
font-weight: 400;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
@media only screen and (max-width:780px) {
.alfabet__item {
padding: 0 2px
}
.alfabet__link {
font-size: 16px;
line-height: 1.28;
margin-bottom: 2px
}
}
@media only screen and (max-width:650px) {
.alfabet__list {
width: 100%
}
.alfabet__link {
font-size: 18px;
padding: 2px 4px
}
}
.alfabet__link:hover {
color: #d51900
}
.pill__box {
padding: 40px 5px 20px
}
@media only screen and (max-width:780px) {
.pill__box {
padding: 20px 5px
}
}
.pill__list {
display: none;
font-size: 0;
list-style: none;
padding: 0;
margin: 0
}
.pill__list.is-active {
display: block
}
.pill__item {
display: inline-block;
padding: 0 4px;
margin-bottom: 4px
}
.pill__item.is-active .pill__link {
color: #d51900;
font-family: 'PT Serif',serif;
font-weight: 700
}
.pill__link {
display: block;
font-size: 18px;
line-height: 1.6;
color: #404040;
font-family: 'PT Serif',serif;
font-weight: 400
}
.pill__link:hover {
color: #d51900
}
.medicine {
background-color: #fff;
-webkit-box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
padding: 50px 80px
}
@media only screen and (max-width:780px) {
.pill__item {
margin-bottom: 0
}
.pill__link {
font-size: 14px;
line-height: 1.7
}
.medicine {
padding: 15px 10px 30px
}
}
.medicine__item {
display: none;
font-size: 18px;
color: #404040;
line-height: 1.6;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.medicine__item.is-active {
display: block
}
@media only screen and (max-width:780px) {
.medicine__item {
font-size: 14px;
line-height: 1.28
}
}
.medicine__mark {
color: #d51900;
font-size: 18px;
line-height: 1.6;
font-family: akzidenz-grotesk_proBdCn,Arial,sans-serif;
font-weight: 400
}
.flexible {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -20px;
height: 100%
}
@media only screen and (max-width:540px) {
.flexible {
margin-left: 0
}
}
.flexible__1-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: calc(33.33% - 20px);
margin-left: 20px;
margin-bottom: 20px;
padding: 30px 40px;
background-color: #fff;
-webkit-box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
box-shadow: 0 3px 13px 0 rgba(217,217,217,.75)
}
@media only screen and (max-width:1200px) {
.flexible__1-3 {
width: calc(50% - 20px)
}
}
@media only screen and (max-width:1025px) {
.flexible__1-3 {
width: calc(33.33% - 20px);
padding: 20px 30px
}
}
@media only screen and (max-width:780px) {
.medicine__mark {
font-size: 14px;
line-height: 1.28
}
.flexible__1-3 {
width: calc(50% - 20px);
margin-left: 20px;
margin-bottom: 20px
}
}
@media only screen and (max-width:540px) {
.flexible__1-3 {
width: 100%;
margin: 0 0 20px;
padding: 25px 30px
}
}
.flexible__title {
font-size: 20px;
color: #d51900;
line-height: 1.2;
margin-bottom: 20px;
font-family: 'PT Serif',serif;
font-weight: 400
}
.flexible .desc_s {
margin-bottom: 30px
}
.flexible .read {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: auto
}
.flexible .read__link {
text-transform: none;
color: #404040
}
.footer {
position: relative;
background-color: #d51900;
padding: 15px 0 10px
}
.footer__desc {
font-size: 12px;
color: #fefefe;
line-height: 1.16;
text-align: right;
margin: 0;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.footer .logo {
margin-left: 16px
}
.footer .logo:hover {
opacity: .8
}
.footer .logo__footer {
fill: #fff;
width: 180px
}
@media only screen and (max-width:780px) {
.footer {
padding: 20px 0
}
.footer__text {
width: 100%
}
.footer .logo {
margin: 0 0 20px
}
.footer__desc {
text-align: center
}
.footer > .layout_flex {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column
}
}
.footer__cash {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 110px;
background-color: #333;
color: #fff;
padding: 20px 0;
display: none
}
.footer__cash.is-active {
display: block
}
.cash__title {
font-size: 18px;
line-height: 30px;
text-transform: uppercase;
color: #fefefe;
font-family: akzidenzgroteskpro-bold-webfont,Arial,sans-serif
}
.cash__desc {
font-size: 18px;
line-height: 30px;
color: #fefefe;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.cash__link {
color: #fefefe;
font-size: 18px;
line-height: 30px;
text-decoration: underline;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.cash__link:hover {
text-decoration: none
}
.cash__close {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0;
margin: 0;
border: none;
outline: 0;
display: inline-block;
vertical-align: top;
width: 32px;
height: 32px;
background: url(https://jnj.ru/wp-content/themes/twice/static/img/content/cash-close.png) 50% 50% no-repeat;
cursor: pointer;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.cash__close:hover {
opacity: .8
}
@media only screen and (max-width:780px) {
.cash__close {
width: 20px;
height: 20px;
margin: 0 0 auto 20px
}
}
@media only screen and (max-width:650px) {
.cash__desc,
.cash__title {
font-size: 16px;
line-height: 1.36
}
.cash__link {
font-size: inherit;
line-height: inherit
}
}
.hdr,
.header {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 50px;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
z-index: 50
}
.hdr:after,
.header:after {
content: " ";
display: table;
clear: both
}
.hdr.is-active,
.header.is-active {
z-index: 100
}
.hdr.menu .header__logos,
.header.menu .header__logos {
opacity: 0
}
.hdr.menu .header_menu,
.header.menu .header_menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
@media only screen and (max-width:1025px) {
.hdr,
.header {
height: 50px;
width: 100%;
bottom: auto
}
.hdr.menu .header__logos,
.header.menu .header__logos {
opacity: 1
}
.hdr.menu .header_menu,
.header.menu .header_menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
left: 0
}
}
.hdr.search .header_menu,
.header.search .header_menu {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.hdr.search .header_search,
.header.search .header_search {
-webkit-transition: .4s .2s;
-o-transition: .4s .2s;
transition: .4s .2s;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.hdr.search .header__logos,
.header.search .header__logos {
z-index: 10;
opacity: 1
}
.hdr__logos,
.header__logos {
position: fixed;
top: 0;
left: 0;
height: 100px;
background-color: #d51900;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);
box-shadow: 0 0 4px rgba(0,0,0,.5);
z-index: 10;
opacity: 1;
-webkit-transition: .4s .2s;
-o-transition: .4s .2s;
transition: .4s .2s
}
.hdr__logos .header__logo_big,
.header__logos .header__logo_big {
display: none
}
@media only screen and (max-width:1025px) {
.hdr__logos,
.header__logos {
z-index: 25;
height: 50px;
width: calc(100% - 150px)
}
.hdr__logos .header__logo_small,
.header__logos .header__logo_small {
display: none
}
.hdr__logos .header__logo_big,
.header__logos .header__logo_big {
display: inline-block;
height: 50px;
width: 200px;
max-width: 100%
}
}
.hdr__btns,
.header__btns {
position: relative;
display: inline-block;
width: 50px;
height: 100%;
background-color: #f0efed;
padding: 1px 0;
margin-top: 100px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);
box-shadow: 0 0 4px rgba(0,0,0,.5);
z-index: 20;
font-size: 0
}
@media only screen and (max-width:1025px) {
.hdr__btns,
.header__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
width: 150px;
margin: 0 0 0 auto
}
}
.hdr__btn,
.header__btn {
display: block;
text-align: center;
border: none;
background-color: transparent;
padding: 0;
margin: 10px auto 20px;
outline: 0
}
.hdr__btn:hover [class^=icon],
.header__btn:hover [class^=icon] {
fill: #000
}
.hdr__btn [class^=icon],
.header__btn [class^=icon] {
display: inline-block;
vertical-align: top;
width: 25px;
height: 25px
}
@media only screen and (max-width:1025px) {
.hdr__btn,
.header__btn {
display: inline-block;
margin: 0;
width: 75px;
height: 50px
}
.hdr__btn_search,
.header__btn_search {
position: relative
}
.hdr__btn_search:before,
.header__btn_search:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
background-color: #cccccb
}
}
.hdr__inner,
.header__inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
height: 100%;
font-size: 0;
-webkit-transition: .4s .8s;
-o-transition: .4s .8s;
transition: .4s .8s
}
.hdr__logo,
.header__logo {
position: relative;
display: inline-block;
vertical-align: top;
height: 100px;
width: 100%;
background-color: #d51900;
z-index: 20;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.hdr__logo:hover .header__pic,
.header__logo:hover .header__pic {
opacity: .8
}
.hdr__logo_big,
.header__logo_big {
opacity: 1
}
.hdr__logo_big .header__pic,
.header__logo_big .header__pic {
max-width: 100%
}
@media only screen and (max-width:1025px) {
.hdr__inner,
.header__inner {
top: 50px
}
.hdr__logo_big .header__pic,
.header__logo_big .header__pic {
position: absolute;
top: 50%;
-webkit-transform: translate(0,-50%) translateZ(0);
transform: translate(0,-50%) translateZ(0);
left: 20px
}
}
@media only screen and (max-width:400px) {
.hdr__logo_big .header__pic,
.header__logo_big .header__pic {
width: 80%
}
}
.hdr__logo_small,
.header__logo_small {
width: 50px;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.hdr__pic,
.header__pic {
will-change: transform;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
max-width: 78%;
width: 178px
}
.hdr_menu,
.header_menu {
width: 315px;
background-color: #faf9f7;
-webkit-transition: .4s .2s;
-o-transition: .4s .2s;
transition: .4s .2s;
-webkit-transform: translateX(-90%);
-ms-transform: translateX(-90%);
transform: translateX(-90%)
}
@media only screen and (max-width:1550px) {
.hdr__logos,
.header__logos {
opacity: 1
}
.hdr_menu,
.header_menu {
-webkit-transform: translateX(-90%);
-ms-transform: translateX(-90%);
transform: translateX(-90%)
}
}
@media only screen and (max-width:1025px) {
.hdr_menu,
.header_menu {
width: 100%;
height: calc(100vh - 50px);
padding-top: 20px;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
left: 0
}
}
.hdr__nav,
.header__nav {
background-color: #faf9f7;
overflow: auto;
height: 100%;
padding: 0 50px 0 88px
}
@media only screen and (max-width:700px) {
.hdr__nav,
.header__nav {
padding: 0 20px
}
}
.hdr__nav .mCSB_container,
.header__nav .mCSB_container {
padding-bottom: 10px
}
.hdr_search,
.header_search {
width: 315px;
padding: 130px 30px 0 0;
background-color: #fff;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
box-shadow: 0 0 4px rgba(0,0,0,.4);
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
@media only screen and (max-width:1025px) {
.hdr_search,
.header_search {
width: 100%;
height: 100vh;
left: 0;
padding-top: 190px
}
}
.nav {
padding: 12px 0 8px;
font-size: 0
}
.nav__title {
list-style: none;
margin-bottom: 0;
color: #807d79;
font-size: 14px;
text-transform: uppercase;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
font-weight: 400
}
.nav__item {
position: relative;
list-style: none;
margin-left: 10px
}
.nav__item:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #e3e2e0
}
@media only screen and (max-width:780px) {
.nav__item:after {
width: 50%
}
}
.nav__item:last-child:after {
content: none
}
.nav__item.is-active {
border-bottom: none
}
.nav__item.is-active .sublist {
padding: 6px 0 6px 18px;
max-height: 10000px;
border-top: 1px solid #e3e2e0
}
.wsp-container li {
color: #d51900;
list-style-type: square
}
.wsp-container li strong {
color: #404040
}
.nav__link,
.wsp-container a {
display: inline-block;
padding: 5px 0 3px;
color: #404040;
font-size: 13px;
line-height: 1.33;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.nav__link:hover,
.wsp-container a:hover {
color: #d51900
}
.nav .has-sub,
.sub-name {
position: relative
}
.sub-link {
color: inherit;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.sub-link:hover {
color: #d51900
}
.sub-icon {
display: none;
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 10px;
vertical-align: top;
background-color: transparent;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer
}
@media only screen and (max-width:1025px) {
.nav__link,
.wsp-container a {
font-size: 16px;
margin-right: 40px
}
.sub-icon {
display: inline-block
}
}
.sub-icon svg {
max-height: 100%
}
.sublist {
max-height: 0;
overflow: hidden;
padding: 0 0 0 15px;
list-style: none;
-webkit-transition: .2s .2s;
-o-transition: .2s .2s;
transition: .2s .2s
}
.sublist.is-active {
max-height: 1000px
}
.sublist__item {
margin-bottom: 2px
}
.sublist__link {
display: block;
padding: 2px 0;
color: #404040;
font-size: 13px;
line-height: 1.33;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.sublist__link:hover {
color: #d51900
}
#search {
width: 100%;
display: block;
border: none;
border-bottom: 1px solid #d0d0d0;
padding: 0;
font-size: 18px;
color: #000;
outline: 0;
border-radius: 0!important;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
#search:focus {
border-bottom: 2px solid #375da0
}
#search::-webkit-input-placeholder {
font-size: 18px;
color: #404040;
font-family: opensans-regular-webfont,Arial,sans-serif
}
#search:-ms-input-placeholder {
font-size: 18px;
color: #404040;
font-family: opensans-regular-webfont,Arial,sans-serif
}
#search::-ms-input-placeholder {
font-size: 18px;
color: #404040;
font-family: opensans-regular-webfont,Arial,sans-serif
}
#search::-moz-placeholder {
font-size: 18px;
color: #404040;
font-family: opensans-regular-webfont,Arial,sans-serif
}
#search::placeholder {
font-size: 18px;
color: #404040;
font-family: opensans-regular-webfont,Arial,sans-serif
}
.form-search {
display: block;
padding-left: 74px
}
.form-search__fieldset {
display: block
}
#search_cursor {
display: inline-block;
-webkit-animation: 1s step-end infinite cursor;
animation: 1s step-end infinite cursor;
background-color: red
}
@-webkit-keyframes cursor {
50% {
background: 0 0
}
}
@keyframes cursor {
50% {
background: 0 0
}
}
.illnes {
margin-left: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media only screen and (max-width:650px) {
.nav__item:after {
width: 100%
}
.illnes {
margin: 0
}
}
.illnes__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% - 20px);
min-height: 250px;
margin-left: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 20px;
background-color: #fff;
-webkit-box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
overflow: hidden
}
.illnes__item.mod_health {
min-height: 375px;
margin-bottom: 0
}
@media only screen and (max-width:840px) {
.illnes__item {
width: calc(50% - 20px)
}
}
@media only screen and (max-width:650px) {
.illnes__item {
width: 100%;
margin: 0 0 20px;
min-height: 250px
}
.illnes__item.mod_health {
min-height: 250px
}
.illnes_landing .illnes__item {
width: 100%
}
.illnes_landing .illnes__item.mod-h_224 {
min-height: auto
}
.illnes_landing .illnes__item .illnes__wrap {
padding: 24px 16px
}
.illnes_landing .illnes__item .illnes__wrap.mod-h_224 {
min-height: auto
}
}
.illnes__item.mod_h-290 {
min-height: 290px
}
@media only screen and (max-width:650px) {
.illnes__item.mod_h-290 {
min-height: 180px
}
}
.illnes__item.mod-h_224 {
min-height: 224px
}
.illnes__item.no-shadow {
-webkit-box-shadow: none;
box-shadow: none
}
.illnes__item.no-offset {
margin: 0;
padding: 0;
width: 100%
}
.illnes__item_2-3 {
width: calc(66.66% - 20px)
}
.illnes__item_2-3.no-offset {
width: 66.66%
}
.illnes__item_1-2 {
width: calc(50% - 20px)
}
.illnes__item_1-2.no-offset {
width: 50%
}
.illnes__item_1-3 {
width: calc(33.33% - 20px)
}
@media only screen and (max-width:1200px) {
.illnes__item_1-3 {
width: calc(50% - 20px)
}
}
@media only screen and (max-width:1025px) {
.sublist__link {
font-size: 14px
}
.form-search {
padding-left: 20px
}
.illnes__item {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
.illnes_landing .illnes__item {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.illnes__item.mod_reverse {
-webkit-box-orient: vertical!important;
-webkit-box-direction: reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
padding: 10px 0
}
.illnes__item.mod_reverse .illnes__wrap {
padding: 10px 15px
}
.illnes__item_1-3 {
width: calc(33.33% - 20px)
}
}
@media only screen and (max-width:780px) {
.illnes__item_1-3 {
width: calc(50% - 20px)
}
}
.illnes__item_1-3.no-offset {
width: 50%
}
.illnes__item_column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.illnes__item.mod_column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #d51900
}
.illnes__item.mod_column .illnes__pic {
display: inline-block;
width: 100%;
font-size: 0;
vertical-align: top;
margin: 0
}
.illnes__item.mod_column .illnes__img {
width: 100%;
max-width: 100%;
height: auto;
display: block
}
.illnes__item.mod_column .illnes__wrap {
background-color: #d51900;
padding: 30px 15px 50px
}
.illnes__item.mod_column .illnes__title {
font-size: 24px;
margin-bottom: .6em;
color: #fff
}
.illnes__item.mod_column .desc {
color: #fff
}
.illnes__item.mod_column .read {
margin-top: 20px
}
.illnes__item.mod_column .read__link {
color: #fff
}
.illnes__item.mod_column .read .icon-next {
background-color: #fff;
fill: #d51900;
padding: 5px
}
.illnes__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 250px;
height: 100%;
width: 100%;
padding: 35px 40px 40px 30px
}
.illnes__wrap.mod_health {
padding: 80px 45px 40px 55px
}
@media only screen and (max-width:1025px) {
.illnes__wrap {
height: auto
}
}
.illnes__wrap.mod_h-290 {
min-height: 290px
}
@media only screen and (max-width:650px) {
.illnes__item_1-3 {
width: 100%
}
.illnes__wrap {
min-height: 260px;
padding: 10px 15px 34px
}
.illnes__wrap.mod_health {
padding: 35px 15px
}
.illnes__wrap.mod_h-290 {
min-height: 180px
}
}
.illnes__wrap.mod-h_224 {
min-height: 224px;
padding-right: 34px
}
.illnes__text-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 65px
}
.illnes__pic {
margin-bottom: 20px
}
.illnes__pic.mod-h-32 {
height: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.illnes__pic.mod-h-32 img {
height: 100%;
margin-right: 20px
}
.illnes__pic.mod-h-32 .h-50 {
height: 50%
}
.illnes__img {
height: 46px;
width: auto;
max-width: 60px
}
.illnes__title {
color: #d51900;
font-size: 20px;
line-height: 1.2;
margin-bottom: .9em;
font-family: 'PT Serif',serif;
font-weight: 400;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.illnes__photo {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
min-height: 100%;
min-width: 100%
}
@media only screen and (max-width:780px) {
.illnes_help {
margin: 0
}
}
.illnes_help .illnes__item,
.illnes_help .illnes__wrap {
min-height: 220px
}
@media only screen and (max-width:1200px) {
.illnes_help .illnes__item_1-3 {
width: calc(100% - 20px)
}
}
@media only screen and (max-width:1025px) {
.illnes_help .illnes__item,
.illnes_help .illnes__wrap {
min-height: 120px
}
.illnes_help .illnes__item_1-3 {
width: calc(50% - 20px)
}
}
@media only screen and (max-width:700px) {
.illnes_help .illnes__item_1-3 {
width: 100%;
margin: 0 0 20px
}
}
@media only screen and (max-width:1200px) {
.illnes_help .illnes__item_2-3 {
width: calc(100% - 20px)
}
}
@media only screen and (max-width:1025px) {
.illnes_help .illnes__item_2-3 {
width: calc(50% - 20px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.illnes_help .illnes__item_2-3 .illnes__item_1-2 {
width: 100%
}
}
@media only screen and (max-width:700px) {
.illnes_help .illnes__item_2-3 {
width: 100%;
margin: 0 0 20px
}
}
.illnes_slider {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 0;
font-size: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.illnes_slider .illnes__slider_item {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
padding: 0
}
.illnes_slider .slick-arrow {
height: 16px;
width: 16px
}
.illnes_slider .slick-arrow::before {
height: 8px;
width: 4px
}
@media only screen and (max-width:1200px) {
.illnes_slider .illnes__slider_item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.illnes_slider {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.illnes_slider .illnes__title {
font-size: 24px
}
.illnes_slider .illnes__wrap {
min-height: 0
}
.illnes_slider .illnes__item_1-3 {
margin-left: 0;
width: 34%;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #f0efed
}
.illnes_slider .illnes__item_1-3.mod_health {
width: 36%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
@media only screen and (max-width:1200px) {
.illnes_slider .illnes__item_1-3 {
width: 100%;
margin-bottom: 0;
min-height: 0;
text-align: center
}
.illnes_slider .illnes__item_1-3.mod_health {
width: 100%
}
}
.illnes_slider .illnes__item_2-3 {
width: 64%;
margin-left: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #f0efed
}
.illnes_slider .illnes__item_2-3.mod_health {
width: 69%;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0
}
@media only screen and (max-width:1200px) {
.illnes_slider .illnes__item_2-3,
.illnes_slider .illnes__item_2-3.mod_health {
width: 100%
}
}
.illnes__logo {
height: 46px;
max-width: 100%;
margin-bottom: 10px
}
.illnes__logo img {
max-width: 100%;
max-height: 100%
}
.illnes__download {
display: inline-block;
margin-top: auto
}
.illnes__download_link {
position: relative;
padding-right: 45px;
font-size: 16px;
color: #404040;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.illnes__download_link:after {
content: '';
position: absolute;
top: 0;
right: 0;
display: inline-block;
vertical-align: top;
width: 26px;
height: 26px;
border-radius: 100%;
background: url(https://jnj.ru/wp-content/themes/twice/static/img/content/download.png) 50% 50% no-repeat
}
.illnes__download_link:hover:after {
background: url(https://jnj.ru/wp-content/themes/twice/static/img/content/download-hover.png) 50% 50% no-repeat
}
.illnes__slider {
display: block;
width: 100%;
background-color: #ddd
}
.illnes__slider_item {
position: relative;
width: 100%;
height: 100%;
padding: 10px
}
.illnes__slider_bg {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.illnes__slider_img {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
vertical-align: top;
max-width: calc(100% - 30px);
max-height: calc(100% - 30px)
}
@media only screen and (max-width:1025px) {
.illnes_help .title__tt {
margin-bottom: 0
}
.illnes__slider_health {
max-width: 620px;
margin: 0 auto
}
}
.illnes .read {
-ms-flex-negative: 0;
flex-shrink: 0
}
.illnes .desc_s {
margin: 12px 0;
-webkit-box-flex: 5;
-ms-flex-positive: 5;
flex-grow: 5
}
.illnes .title__xm {
margin-bottom: 10px
}
.ppp {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,.4)
}
.ppp.is-active {
display: block;
z-index: 1000
}
.ppp__content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 94%;
max-width: 780px;
background-color: #fff;
padding: 50px 40px;
-webkit-box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
box-shadow: 0 3px 13px 0 rgba(217,217,217,.75)
}
.ppp__content-height {
max-height: 96%;
overflow: auto
}
.ppp__content-height::-webkit-scrollbar {
width: 6px
}
.ppp__content-height::-webkit-scrollbar-thumb {
background: #d51900
}
.ppp__content-height .icon-close {
cursor: pointer
}
@media only screen and (max-width:700px) {
.ppp__content {
padding: 20px 30px
}
.ppp__content-height .icon-close {
top: 15px
}
}
.ppp__content-height .ppp__title {
font-size: 24px
}
.ppp__content-height .ppp__desc {
font-size: 16px;
margin-bottom: 1em;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
@media only screen and (min-width:701px) {
.ppp__content_health {
padding: 60px 44px 68px
}
}
.ppp__wrap {
margin-bottom: 10px
}
.ppp__title {
font-size: 36px;
color: #d51900;
margin-bottom: 1em;
font-family: 'PT Serif',serif;
font-weight: 700
}
@media only screen and (max-width:768px) {
.illnes__slider .slick-prev {
left: 0
}
.illnes__slider .slick-next {
right: 0
}
.ppp__title {
margin-top: 20px
}
.ppp .icon-close {
top: 14px
}
}
@media only screen and (max-width:600px) {
.ppp__title {
font-size: 20px
}
}
.ppp__desc {
font-size: 24px;
line-height: 1.24;
color: #404040;
font-family: 'PT Serif',serif;
font-weight: 400
}
.ppp__footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around
}
@media only screen and (max-width:600px) {
.ppp__desc {
font-size: 16px
}
.ppp__footer {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.ppp__btn {
display: inline-block;
vertical-align: top;
width: 230px;
text-align: center;
padding: 14px 20px;
margin: 0;
border: none;
border-radius: 46px;
outline: 0;
background-color: #f7f7f5;
font-size: 18px;
color: #404040;
font-family: 'PT Serif',serif;
font-weight: 700
}
.ppp__btn.is-active,
.ppp__btn:hover {
background-color: #e8e7e4
}
@media only screen and (max-width:600px) {
.ppp__btn {
width: 100%;
margin: 10px 0
}
}
.ppp__list {
padding-left: 15px
}
.ppp_img {
width: 100%;
height: 250px;
background-size: cover;
background-position: 50%;
margin-top: 10px;
margin-bottom: 30px
}
@media only screen and (max-width:700px) {
.ppp_img {
height: 125px;
margin-top: 30px
}
}
.module {
position: relative;
background-color: #f7f7f5
}
@media only screen and (max-width:780px) {
.module {
position: relative;
width: calc(100% + 40px);
margin-left: -20px
}
.module__wrap {
text-align: center
}
}
.module__wrap {
margin: 0 auto;
width: 100%;
max-width: 730px
}
.module__pic {
position: absolute;
display: inline-block;
vertical-align: top;
width: 176px;
height: 176px;
margin-right: 40px;
border-radius: 100%;
overflow: hidden;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px)
}
@media only screen and (max-width:780px) {
.module__pic {
position: relative;
width: 130px;
height: 130px;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
margin: 0 auto
}
}
.module__img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
min-width: 100%;
min-height: 100%
}
.module__text {
display: inline-block;
width: calc(350px + 206px);
padding: 20px 0 20px 206px
}
@media only screen and (max-width:780px) {
.module__text {
width: 100%;
padding: 0 20px 20px
}
.module__text .read {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
.module .desc_m_limit-2 {
position: relative;
overflow: hidden
}
.webkit-line-clamp .module .desc_m_limit-2 {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2
}
html:not(.webkit-line-clamp) .module .desc_m_limit-2 {
position: relative;
max-height: 3em;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
display: block
}
html:not(.webkit-line-clamp) .module .desc_m_limit-2::before {
top: 1.5em;
background: -webkit-gradient(linear,left top,right top,from(rgba(247,247,245,0)),color-stop(2em,#f7f7f5));
background: -o-linear-gradient(left,rgba(247,247,245,0),#f7f7f5 2em);
background: linear-gradient(to right,rgba(247,247,245,0),#f7f7f5 2em)
}
html:not(.webkit-line-clamp) .module .desc_m_limit-2::after {
background: #f7f7f5
}
.news {
margin-left: -20px;
font-size: 0
}
.news__more {
padding-bottom: 65px;
padding-left: 20px
}
@media only screen and (max-width:780px) {
.news__more {
padding-bottom: 40px
}
}
@media only screen and (max-width:520px) {
.news__more {
padding-bottom: 20px
}
}
.news__more_line {
width: 90%;
max-width: 570px;
margin: 0 auto;
padding-bottom: 60px;
border-bottom: 1px solid #cdcdcd
}
@media only screen and (max-width:1025px) {
.news__more_line {
padding-bottom: 40px
}
}
.news .read__link {
padding-right: 40px;
font-size: 24px;
line-height: 1;
color: #404040
}
@media only screen and (max-width:780px) {
.news__more_line {
padding-bottom: 20px
}
.news .read__link {
font-size: 18px
}
}
@media only screen and (max-width:520px) {
.news .read__link {
font-size: 12px
}
}
.info {
display: inline-block;
vertical-align: top;
position: relative;
font-size: 0;
width: calc(33.3333% - 20px);
margin: 0 0 20px 20px
}
@media only screen and (max-width:780px) {
.info {
width: calc(50% - 20px);
height: auto
}
}
.info-wide {
display: inline-block;
width: calc(66.6666% - 20px)
}
.info-wide .info__pic {
height: 370px;
opacity: .6
}
@media only screen and (max-width:780px) {
.info-wide {
width: calc(100% - 20px)
}
.info-wide .info__pic {
height: 0;
padding-top: 40%
}
}
.info-wide .info__text {
position: absolute;
left: 35px;
bottom: 50px;
width: 80%;
padding: 0
}
.info-wide .info__desc {
font-size: 24px
}
@media only screen and (max-width:780px) {
.info-wide .info__text {
position: relative;
top: 0;
left: 0;
right: auto;
bottom: auto;
width: 100%;
background-color: #fff;
padding: 10px 0
}
.info-wide .info__desc {
font-size: 18px
}
.info__img {
width: 100%
}
}
.info-wide .info__time {
font-size: 16px;
margin: 0 0 6px
}
.info__pic {
position: relative;
width: 100%;
height: 240px;
overflow: hidden
}
.info__img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
min-width: 100%;
max-height: 100%
}
.info__text {
padding: 5px 0
}
.info__desc {
font-size: 18px;
line-height: 1.4;
color: #404040;
font-family: 'PT Serif',serif;
font-weight: 700
}
.info__desc_cut {
position: relative;
overflow: hidden
}
.webkit-line-clamp .info__desc_cut {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
html:not(.webkit-line-clamp) .info__desc_cut {
position: relative;
max-height: 4.2em;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
display: block
}
html:not(.webkit-line-clamp) .info__desc_cut::before {
top: 2.8em;
background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(2em,#fff));
background: -o-linear-gradient(left,rgba(255,255,255,0),#fff 2em);
background: linear-gradient(to right,rgba(255,255,255,0),#fff 2em)
}
html:not(.webkit-line-clamp) .info__desc_cut::after {
background: #fff
}
.info__last {
text-transform: uppercase;
color: #d51900;
font-size: 12px;
margin-bottom: 5px;
font-family: akzidenzgroteskpro-bold-webfont,Arial,sans-serif
}
.info__link {
font-size: 18px;
line-height: 1.38;
color: #404040;
font-family: 'PT Serif',serif;
font-weight: 700
}
.info__link:hover {
color: #d51900;
opacity: .8
}
.info__link_cut {
margin-top: 6px;
position: relative;
overflow: hidden
}
.webkit-line-clamp .info__link_cut {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
html:not(.webkit-line-clamp) .info__link_cut {
position: relative;
max-height: 4.14em;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
display: block
}
html:not(.webkit-line-clamp) .info__link_cut::before {
top: 2.76em;
background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(2em,#fff));
background: -o-linear-gradient(left,rgba(255,255,255,0),#fff 2em);
background: linear-gradient(to right,rgba(255,255,255,0),#fff 2em)
}
html:not(.webkit-line-clamp) .info__link_cut::after {
background: #fff
}
@media only screen and (max-width:780px) {
.info__link {
font-size: 14px
}
.info__link_cut {
margin-top: 0
}
}
.info__time {
display: inline-block;
margin-bottom: 10px;
font-size: 12px;
color: #767676;
font-family: 'PT Serif',serif;
font-weight: 700
}
.info .read {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 15px
}
.info .read__link {
padding-right: 33px;
font-size: 16px;
color: #767676
}
@media only screen and (max-width:780px) {
.info__time {
margin-bottom: .5em
}
.info .read__link {
font-size: 12px
}
}
.info .read .icon-next {
width: 12px;
height: 12px;
padding: 7px
}
.page-list {
width: 300px;
margin: 30px auto;
list-style-type: decimal
}
.page-list li {
display: block;
margin-bottom: 10px;
list-style-type: decimal
}
.page-list a {
color: #000;
font-size: 16px
}
.picturelist {
margin: 0;
padding: 0;
max-width: 840px
}
.picturelist__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 35px
}
.picturelist__pic {
display: inline-block;
vertical-align: top;
max-width: 55px;
height: 50px;
width: auto;
margin-right: 20px
}
@media only screen and (max-width:600px) {
.picturelist__item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.picturelist__pic {
max-width: 35px;
height: 40px;
margin-right: 15px
}
}
.picturelist__pic img {
max-width: 100%;
height: 100%;
max-height: 45px
}
.picturelist__text {
display: inline-block;
width: calc(100% - 75px)
}
.prefooter {
background-color: #f0efed;
padding: 28px 0 20px
}
@media only screen and (max-width:520px) {
.prefooter {
padding: 15px 0 20px
}
}
.prefooter__link {
display: block;
margin: 0;
color: #404040;
font-size: 16px;
line-height: 1.9;
text-decoration: none;
cursor: pointer;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.prefooter__link:hover {
color: #d51900
}
.prefooter__spy {
text-align: right
}
@media only screen and (max-width:780px) {
.prefooter__link {
font-size: 14px;
line-height: 1.33
}
.prefooter__spy {
margin-top: 20px
}
.prefooter__spy,
.prefooter__text {
width: 100%;
text-align: center
}
}
@media only screen and (max-width:650px) {
.prefooter__spy,
.prefooter__text {
text-align: left
}
}
.prefooter__title {
font-size: 16px;
text-transform: uppercase;
color: #404040;
font-weight: 400;
margin-bottom: 23px
}
@media only screen and (max-width:780px) {
.prefooter__title {
margin-bottom: 15px
}
.prefooter .layout_flex {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.soc__link {
display: inline-block;
vertical-align: top;
margin-left: 7px;
font-size: 0
}
.soc__link:first-child {
margin-left: 0
}
.soc__link:hover {
opacity: .8
}
.soc-icon {
display: inline-block;
vertical-align: top;
width: 30px;
height: 30px
}
.startscreen {
position: relative;
width: 100%;
margin-bottom: 70px;
-webkit-transition: .4s .2s;
-o-transition: .4s .2s;
transition: .4s .2s
}
@media only screen and (max-width:1025px) {
.startscreen {
margin-top: 49px
}
}
.startscreen .slick-list,
.startscreen .slick-slide,
.startscreen__item,
.startscreen__slider {
position: relative;
font-size: 0;
z-index: 5;
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s
}
@media only screen and (max-width:780px) {
.startscreen {
margin-bottom: 20px
}
.startscreen .slick-list,
.startscreen .slick-slide,
.startscreen__item,
.startscreen__slider {
height: auto
}
.startscreen__pic {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: auto
}
}
.startscreen__img {
position: relative;
width: 100%;
-webkit-transform: translate3d(0,0,0)!important;
transform: translate3d(0,0,0)!important
}
.startscreen__content {
position: absolute;
left: 50%;
top: 0;
width: 890%;
height: 100%;
max-width: 1000px;
margin: 0 auto;
-webkit-transform: translate3d(-50%,0,0);
transform: translate3d(-50%,0,0);
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s
}
@media only screen and (max-width:1025px) {
.startscreen__content {
left: 8%;
max-width: 80%;
width: auto;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@media only screen and (max-width:780px) {
.startscreen__content {
position: relative;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
padding: 20px 20px 30px;
height: auto;
background-color: #f0efed
}
}
.startscreen__text {
position: absolute;
bottom: 90px;
left: 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.startscreen__title {
font-size: 35px;
margin-bottom: .4em;
line-height: 1.2;
color: #fff;
font-family: 'PT Serif',serif;
font-weight: 700
}
@media only screen and (max-width:1280px) {
.startscreen__text {
bottom: 35px
}
.startscreen__title {
font-size: 35px
}
}
@media only screen and (max-width:1025px) {
.startscreen__title {
font-size: 40px
}
}
.startscreen.nav-open {
padding-left: 315px;
-webkit-transition: .4s .2s;
-o-transition: .4s .2s;
transition: .4s .2s
}
.startscreen .read {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.startscreen .read__link {
padding-right: 43px
}
@media only screen and (max-width:520px) {
.startscreen .read__link {
font-size: 12px
}
}
.startscreen .slick-dots {
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
padding: 2px 0
}
@media only screen and (max-width:780px) {
.startscreen__text {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: auto
}
.startscreen__title {
font-size: 30px;
color: #404040
}
.startscreen .read__link {
color: #404040
}
.startscreen .slick-dots {
bottom: auto;
top: calc(33.68vw - 24px)
}
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform,-webkit-transform
}
.swiper-invisible-blank-slide {
visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height,-webkit-transform;
-o-transition-property: transform,height;
transition-property: transform,height,-webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: transform .2s,top .2s,-webkit-transform .2s;
-o-transition: transform .2s,top .2s,-webkit-transform .2s;
transition: transform .2s,top .2s,-webkit-transform .2s
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: transform .2s,left .2s,-webkit-transform .2s;
-o-transition: transform .2s,left .2s,-webkit-transform .2s;
transition: transform .2s,left .2s,-webkit-transform .2s
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: transform .2s,right .2s,-webkit-transform .2s;
-o-transition: transform .2s,right .2s,-webkit-transform .2s;
transition: transform .2s,right .2s,-webkit-transform .2s
}
.swiper-pagination-progressbar {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255,255,255,.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0,0,0,.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: 1s steps(12,end) infinite swiper-preloader-spin;
animation: 1s steps(12,end) infinite swiper-preloader-spin
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
.swiper-slide img {
width: 100%
}
.swiper-slide {
height: auto;
font-size: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
width: 16px;
height: 16px;
background-color: transparent;
border: 2px solid #fff;
opacity: 1
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
background-color: #fff
}
.swiper-slide.swiper-slide-active {
width: 100%!important
}
@media only screen and (max-width:780px) {
.swiper-container-horizontal > .swiper-pagination-bullets {
top: calc(33.68vw - 32px);
bottom: auto
}
}
.selectric-wrapper {
position: relative;
cursor: pointer
}
.selectric-responsive {
width: 100%
}
.selectric {
border: 1px solid #ddd;
border-radius: 0;
background: #f8f8f8;
position: relative;
overflow: hidden
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin: 0 38px 0 10px;
font-size: 12px;
line-height: 38px;
color: #444;
height: 38px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.selectric .button {
display: block;
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 38px;
background-color: #f8f8f8;
color: #bbb;
text-align: center;
font: 0/0 a
}
.selectric .button:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #bbb;
border-bottom: none
}
.selectric-focus .selectric {
border-color: #aaa
}
.selectric-hover .selectric {
border-color: #c4c4c4
}
.selectric-hover .selectric .button {
color: #a2a2a2
}
.selectric-hover .selectric .button:after {
border-top-color: #a2a2a2
}
.selectric-open {
z-index: 9999
}
.selectric-open .selectric {
border-color: #c4c4c4
}
.selectric-open .selectric-items {
display: block
}
.selectric-disabled {
opacity: .5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0
}
.selectric-hide-select select {
position: absolute;
left: -100%
}
.selectric-hide-select.selectric-is-native {
position: absolute;
width: 100%;
height: 100%;
z-index: 10
}
.selectric-hide-select.selectric-is-native select {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
z-index: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: 0
}
.selectric-input {
position: absolute!important;
top: 0!important;
left: 0!important;
overflow: hidden!important;
clip: rect(0,0,0,0)!important;
margin: 0!important;
padding: 0!important;
width: 1px!important;
height: 1px!important;
outline: 0!important;
border: none!important;
background: 0 0!important
}
.selectric-temp-show {
position: absolute!important;
visibility: hidden!important;
display: block!important
}
.selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #f8f8f8;
border: 1px solid #c4c4c4;
z-index: -1;
-webkit-box-shadow: 0 0 10px -6px;
box-shadow: 0 0 10px -6px
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%
}
.selectric-items li,
.selectric-items ul {
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
line-height: 20px;
min-height: 20px
}
.selectric-items li {
display: block;
padding: 10px;
color: #666;
cursor: pointer
}
.selectric-items li.selected {
background: #e0e0e0;
color: #444
}
.selectric-items li.highlighted {
background: #d0d0d0;
color: #444
}
.selectric-items li:hover {
background: #d5d5d5;
color: #444
}
.selectric-items .disabled {
opacity: .5;
cursor: default!important;
background: 0 0!important;
color: #666!important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: 700;
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: 0 0;
color: #444
}
.selectric-items .selectric-group.disabled li {
opacity: 1
}
.selectric-items .selectric-group li {
padding-left: 25px
}
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-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;
height: 100%;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-loading .slick-list {
background: #fff
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slide,
.slick-slider .slick-list,
.slick-track {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
outline: 0
}
.slick-slide img {
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
display: block
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
height: 100%;
zoom: 1
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px
}
.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-next,
.slick-prev {
position: absolute;
top: 50%;
font: 0/0 a;
text-shadow: none;
color: transparent;
margin-top: -13px;
height: 26px;
width: 26px;
background: #fff;
left: 20px;
z-index: 10;
border: none;
border-radius: 100%;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
.slick-next:hover,
.slick-prev:hover {
opacity: .8;
background-color: #d51900
}
.slick-next:hover:before,
.slick-prev:hover:before {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: translate(-50%,-50%) rotate(180deg);
-ms-transform: translate(-50%,-50%) rotate(180deg);
transform: translate(-50%,-50%) rotate(180deg);
background: url(https://jnj.ru/wp-content/themes/twice/static/img/content/icon-slick-next-white.png) 50% 50% no-repeat
}
.slick-next:focus,
.slick-prev:focus {
outline: 0
}
.slick-next.slick-disabled,
.slick-prev.slick-disabled {
opacity: .2;
cursor: default
}
.slick-next:before,
.slick-prev:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 12px;
-webkit-transform: translate(-50%,-50%) rotate(180deg);
-ms-transform: translate(-50%,-50%) rotate(180deg);
transform: translate(-50%,-50%) rotate(180deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: url(https://jnj.ru/wp-content/themes/twice/static/img/content/icon-slick-next.png) 50% 50% no-repeat
}
.slick-next {
left: auto;
right: 20px
}
.slick-next:before {
content: "";
display: inline-block;
-webkit-transform: translate(-50%,-50%) rotate(0);
-ms-transform: translate(-50%,-50%) rotate(0);
transform: translate(-50%,-50%) rotate(0)
}
.slick-next:hover:before {
-webkit-transform: translate(-50%,-50%) rotate(0);
-ms-transform: translate(-50%,-50%) rotate(0);
transform: translate(-50%,-50%) rotate(0)
}
.slick-dots {
position: absolute;
margin: 0;
padding: 2px 0;
font-size: 0;
bottom: 8px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10
}
.slick-dots li {
position: relative;
display: inline-block;
padding: 0 3px
}
.slick-dots li.slick-active button {
background: #fff
}
.slick-dots button {
display: inline-block;
width: 15px;
height: 15px;
background: 0 0;
border: 3px solid #fff;
cursor: pointer;
padding: 0;
outline: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;
border-radius: 100%
}
@media only screen and (max-width:780px) {
.slick-dots {
top: calc(58vw - 34px);
bottom: auto
}
.slick-dots button {
width: 10px;
height: 10px;
border: 2px solid #fff
}
}
.qtip {
position: absolute;
left: -28000px;
top: -28000px;
display: none;
max-width: 280px;
min-width: 50px;
font-size: 10.5px;
line-height: 12px;
direction: ltr;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0
}
.qtip-content {
position: relative;
padding: 5px 9px;
overflow: hidden;
text-align: left;
word-wrap: break-word
}
.qtip-titlebar {
position: relative;
padding: 5px 35px 5px 10px;
overflow: hidden;
border-width: 0 0 1px;
font-weight: 700
}
.qtip-titlebar + .qtip-content {
border-top-width: 0!important
}
.qtip-close {
position: absolute;
right: -9px;
top: -9px;
z-index: 11;
cursor: pointer;
outline: 0;
border: 1px solid transparent
}
.qtip-titlebar .qtip-close {
right: 4px;
top: 50%;
margin-top: -9px
}
* html .qtip-titlebar .qtip-close {
top: 16px
}
.qtip-icon .ui-icon,
.qtip-titlebar .ui-icon {
display: block;
text-indent: -1000em;
direction: ltr
}
.qtip-icon,
.qtip-icon .ui-icon {
border-radius: 3px;
text-decoration: none
}
.qtip-icon .ui-icon {
width: 18px;
height: 14px;
text-align: center;
text-indent: 0;
font: bold 10px/13px Tahoma,sans-serif;
color: inherit;
background: -100em -100em no-repeat
}
.qtip-default {
border: 1px solid #f1d031;
background-color: #ffffa3;
color: #555
}
.qtip-default .qtip-titlebar {
background-color: #ffef93
}
.qtip-default .qtip-icon {
border-color: #ccc;
background: #f1f1f1;
color: #777
}
.qtip-default .qtip-titlebar .qtip-close {
border-color: #aaa;
color: #111
}
h1.title_line_wrap {
font-size: inherit
}
.photo__img {
height: auto;
display: block;
width: 100%
}
.wsp-category-title {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
cursor: default
}
.title__xl + .wrap_836 > .photo > .photo__pic .wp-post-image {
width: auto;
margin: 0 auto
}
@media only screen and (max-width:768px) {
.title__xl + .wrap_836 > .photo > .photo__pic .wp-post-image {
width: 100%
}
}
.modal-window.active {
display: block
}
.modal-window {
position: fixed;
background: rgba(0,0,0,.6);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1000;
display: none
}
.modal-window .modal-content {
max-width: 780px;
margin: 100px auto 50px;
width: 100%;
background: #fff;
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.8);
box-shadow: 0 3px 9px rgba(0,0,0,.8);
padding: 40px 95px 50px
}
.modal-window .modal-content h2 {
font-weight: 700;
font-size: 42px;
color: #d51900;
margin: 0 0 38px;
font-family: 'PT Serif',serif
}
.modal-window .modal-content p {
font-size: 20px;
line-height: 1.5;
margin: 0 0 55px;
font-family: 'PT Serif',serif
}
.modal-window .modal-content .wrap-link-modal {
text-align: center
}
.modal-window .modal-content .wrap-link-modal a {
display: inline-block;
vertical-align: middle;
font-weight: 700;
height: 48px;
line-height: 48px;
border-radius: 24px;
width: 226px;
padding: 0 20px;
margin: 0 21px;
background: #f6f6f4;
font-size: 18px;
color: #40403e;
font-family: 'PT Serif',serif
}
.modal-window .modal-content .wrap-link-modal a:focus,
.modal-window .modal-content .wrap-link-modal a:hover {
background: #e7e6e2
}
@media (max-width:991px) {
.modal-window .modal-content {
padding: 30px;
margin: 50px auto 30px;
width: 96%
}
.modal-window .modal-content .wrap-link-modal a {
padding: 0 30px;
width: auto
}
}
@media (max-width:479px) {
.modal-window .modal-content {
padding: 25px;
margin: 30px auto 20px
}
.modal-window .modal-content .wrap-link-modal a {
padding: 0 30px;
display: block;
margin: 0 15px 10px
}
.modal-window .modal-content h2 {
margin-bottom: 30px;
font-size: 40px
}
.modal-window .modal-content p {
margin-bottom: 40px;
font-size: 16px
}
}
.content-height {
min-height: calc(100vh - 335px)
}
.button-send-q {
padding-bottom: 40px
}
.fix-ie-button {
position: absolute;
bottom: 40px
}
@media (max-width:700px) {
.fix-ie-button {
bottom: 20px
}
}
.nav__title.has-sub + .sublist {
padding-left: 11px
}
.nav > li > a {
padding: 5px 0 3px!important
}
.nav > li > a:focus,
.nav > li > a:hover {
background-color: transparent
}
.news-page .sublist__link:hover {
text-decoration: none
}
.news-page .row-contacts {
margin-top: -15px;
padding: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.news-page .row-contacts .contacts-element {
background-color: #fff;
box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
-webkit-box-shadow: 0 3px 13px 0 rgba(217,217,217,.75);
padding: 20px 15px 20px 21px;
margin: 15px 0;
width: 100%
}
.news-page .row-contacts > [class*=col-] {
display: -ms-flexbox;
display: flex;
display: -webkit-box
}
.news-page .row-contacts .contacts-element h3 {
margin: 0 0 13px;
font-family: "PT Serif",sans-serif;
font-size: 16px;
color: #d51900;
line-height: 1.2
}
.news-page .wrap-contacts-info {
margin: 0 0 8px
}
.news-page .wrap-contacts-info:last-child {
margin: 0
}
.news-page .wrap-contacts-info .wrap-icons.icons-phone {
font-size: 12px
}
.news-page .wrap-contacts-info .wrap-icons {
width: 18px;
vertical-align: top;
margin-right: 14px;
display: inline-block;
height: 18px;
border-radius: 50%;
margin-top: 2px;
background: #767676;
text-align: center;
color: #fff;
font-size: 16px;
line-height: 18px
}
.news-page .wrap-contacts-info .wrap-icons.email-wrap {
background: 0 0
}
.news-page .wrap-contacts-info .wrap-icons img {
z-index: 9
}
.news-page .wrap-contacts-info .wrap-icons i {
font-size: inherit;
color: inherit
}
.news-page .wrap-contacts-info .contacts-address {
width: calc(100% - 40px);
width: -webkit-calc(100% - 40px);
display: inline-block
}
.news-page .wrap-contacts-info .wrap-icons.icons-marker {
background: 0 0;
color: #767676;
font-size: 20px
}
.news-page .row-contacts .contacts-address p {
font-size: 14px;
font-family: "PT Serif",sans-serif;
color: #404040;
line-height: 1.286;
margin: 0
}
.news-page .contacts-address a {
color: inherit
}
.news-page .wrap-contacts-info a.email {
text-decoration: underline
}
.news-page .wrap-contacts-info a.email:focus,
.news-page .wrap-contacts-info a.email:hover {
text-decoration: none;
color: inherit
}
.illnes__title_health {
color: #404040;
font-family: 'PT Serif',serif;
font-size: 20px;
font-weight: 400;
margin-bottom: 35px
}
.illnes__text_health {
color: #404040;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
font-size: 18px;
font-weight: 400
}
.illnes__link_health {
position: relative;
display: inline-block;
vertical-align: middle;
color: #d41801;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
font-size: 14px;
font-weight: 400;
margin-top: auto
}
.illnes__link_health span {
display: inline-block;
vertical-align: middle;
margin-top: -7.5px;
width: 15px;
height: 15px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAAXNSR0IB2cksfwAAAG9QTFRFAAAA3yAA1BgA1BgB1BgB1BgB1RoA1BkB1BgB3Uw61iUP1BsF+NzZ9crF1SEK2z0q++zq87+51R0H3Ec1/PHw8LOr1BoE4WBQ////7JmP1ywX99bS+uXj2jwo2TQg+N7b2TQf2DEc99XR1ysW6Yl+ccmhcgAAACV0Uk5TAAhqwvX/Mdrw/////////////////////////////////////1T8gsUAAAB3SURBVHicZU/tEoIwDMvWjSGiIMiHig7Q939GWeu4A/Mn16ZJWwBQmow1pBUYibMCl3CZ2oh0aShWD5lMKOjAx/x05oYGMRflpQpMMGKtr027kEHM6vpboKjfH8OTdfG/vB/Fz/nTML9/+by//az79/f93b/97wumSQXzrtQmXQAAAABJRU5ErkJggg==);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.illnes__link_health:hover span {
-webkit-transform: translateX(5px);
-ms-transform: translateX(5px);
transform: translateX(5px)
}
.health-news {
padding-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.health-news__item {
width: calc(100% / 3 - 20px);
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:1200px) {
.health-news {
margin-bottom: -30px
}
.health-news__item {
width: calc(100% / 2 - 20px);
margin-bottom: 30px
}
}
@media only screen and (max-width:650px) {
.health-news__item {
width: 100%
}
}
.health-news__img {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 71px;
height: 71px;
border-radius: 50%;
margin-right: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: cover
}
.health-news__info h6 {
color: #404040;
font-family: 'PT Serif',serif;
font-size: 16px;
font-weight: 700;
margin-bottom: 8px
}
.health-news__info p {
color: #404040;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
font-size: 16px;
font-weight: 400
}
.video-block {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
background-color: #f0efed
}
.video-block video {
width: 100%;
height: 100%
}
.video-block__cover {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.video-block__cover button {
position: absolute;
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 106px;
height: 106px;
border: 0;
border-radius: 50%;
background-color: #f30617;
outline: 0
}
@media only screen and (max-width:1200px) {
.video-block__cover button {
-webkit-transform: translate(-50%,-50%) scale(.8);
-ms-transform: translate(-50%,-50%) scale(.8);
transform: translate(-50%,-50%) scale(.8)
}
}
@media only screen and (max-width:650px) {
.video-block__cover button {
-webkit-transform: translate(-50%,-50%) scale(.6);
-ms-transform: translate(-50%,-50%) scale(.6);
transform: translate(-50%,-50%) scale(.6)
}
}
.video-block__cover button:before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 39px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 32px 0 32px 46px;
border-color: transparent transparent transparent #fff
}
.video-block .video-block__player {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.bariatriya.startscreen {
margin-bottom: 0
}
.bariatriya .startscreen__content {
max-width: 80%
}
.bariatriya__item {
position: relative;
height: 620px;
background-repeat: no-repeat
}
.bariatriya__item:after {
content: '';
display: block;
position: absolute;
top: 0;
height: 100%;
left: 50%;
border-left: 1px solid #ea8c7f
}
.bariatriya__item:first-child:after {
top: 250px
}
.bariatriya__item:last-child:after {
bottom: calc(100% - 250px);
height: auto
}
.bariatriya__item:nth-child(odd) {
background-color: #fff
}
.bariatriya__item:nth-child(odd) .bariatriya__item-image {
background-position: right bottom;
right: 0
}
.bariatriya__item:nth-child(even) {
background-color: #f2f2f2
}
.bariatriya__item:nth-child(even) .bariatriya__item-image {
background-position: left bottom;
left: 0
}
.bariatriya__item-container {
max-width: 1146px;
margin: 0 auto;
position: relative
}
.bariatriya__item-wrap {
padding-top: 125px
}
.bariatriya__item:nth-child(odd) .bariatriya__item-wrap {
padding-right: calc(50% + 40px);
padding-left: 40px
}
.bariatriya__item:nth-child(even) .bariatriya__item-wrap {
padding-left: calc(50% + 40px);
padding-right: 40px
}
.bariatriya__item-title {
position: relative;
font-size: 35px;
font-weight: 700;
margin-bottom: 40px
}
.bariatriya__item-title:after {
content: '';
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
top: 13px;
background-color: #ea8c7f
}
.bariatriya__item:first-child .bariatriya__item-title:after {
background-color: #d51900;
z-index: 10
}
.bariatriya__item:nth-child(odd) .bariatriya__item-title:after {
right: -50px
}
.bariatriya__item:nth-child(even) .bariatriya__item-title:after {
left: -50px
}
.bariatriya__item-text {
font-size: 18px;
margin-bottom: 30px;
font-weight: 100
}
.bariatriya__item-more {
display: block;
width: 147px;
text-align: center;
line-height: 44px;
background-color: #d51900;
color: #fff;
text-decoration: none;
border-radius: 22px
}
.bariatriya__item-image {
position: absolute;
width: 80%;
height: 100%;
top: 0;
background-repeat: no-repeat;
background-size: contain
}
.bariatriya__item-icon {
height: 85px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px
}
@media (min-width:1025px) and (max-width:1440px) {
.bariatriya__item {
height: 600px
}
.nav-open .bariatriya__item {
height: 400px
}
.nav-open .bariatriya__item-title {
font-size: 24px;
margin-bottom: 25px
}
.nav-open .bariatriya__item-wrap {
padding-top: 50px
}
.nav-open .bariatriya__item-text {
font-size: 14px
}
.nav-open .bariatriya__item-icon {
height: 60px;
margin-bottom: 10px
}
.nav-open .bariatriya__item-icon img {
max-height: 100%
}
.bariatriya__item:last-child:after {
bottom: calc(100% - 150px)
}
.bariatriya__item:first-child:after {
top: 150px
}
}
@media (min-width:768px) and (max-width:1024px) {
.bariatriya .startscreen__content {
position: absolute;
top: auto;
bottom: 0;
max-width: 100%;
background: 0 0;
padding: 20px 45px 30px
}
.bariatriya .swiper-slide {
height: auto!important
}
.bariatriya .startscreen__title {
color: #fff!important;
font-size: 18px;
line-height: 1.4
}
}
@media (max-width:1024px) {
.bariatriya.startscreen + .bariatriya.startscreen {
margin-top: 0
}
.bariatriya__item {
height: 400px
}
.bariatriya__item-title {
font-size: 24px;
margin-bottom: 20px
}
.bariatriya__item-wrap {
padding-top: 40px
}
.bariatriya__item-text {
font-size: 14px
}
.bariatriya__item:nth-child(odd) .bariatriya__item-image {
right: -10%
}
.bariatriya__item:nth-child(even) .bariatriya__item-image {
left: -10%
}
.bariatriya__item-title:after,
.bariatriya__item:after {
display: none
}
.bariatriya__item-icon {
height: 60px;
margin-bottom: 10px
}
.bariatriya__item-icon img {
max-height: 100%
}
.bariatriya__item:nth-child(odd) .bariatriya__item-wrap {
padding-left: 15px;
padding-right: calc(50% + 15px)
}
.bariatriya__item:nth-child(even) .bariatriya__item-wrap {
padding-right: 15px;
padding-left: calc(50% + 15px)
}
}
@media (max-width:767px) {
.bariatriya .startscreen__content {
max-width: 100%;
background-color: #fff
}
.bariatriya .startscreen__title {
font-size: 18px;
line-height: 1.4
}
.bariatriya .swiper-slide {
height: auto!important
}
.bariatriya__item {
height: auto
}
.bariatriya__item .bariatriya__item-image {
position: static;
height: 200px;
width: 100%;
background-color: #f2f2f2;
background-size: auto 115%
}
.bariatriya__item:nth-child(even) .bariatriya__item-wrap,
.bariatriya__item:nth-child(odd) .bariatriya__item-wrap {
padding: 30px 20px 40px;
background-color: #fff
}
.bariatriya__item-icon {
height: 40px;
margin-bottom: 10px
}
.bariatriya__item-title {
font-size: 18px;
margin-bottom: 10px
}
.bariatriya .swiper-slide img {
width: 140%;
margin-left: -15%
}
.bariatriya .in-shadow {
overflow: hidden;
background: 0 0
}
}
.bottom-banner {
margin-bottom: 0
}
.bottom-banner img {
vertical-align: top;
width: 100%
}
@media screen and (max-width:600px) {
table.table-2,
table.table-2 tbody {
display: block
}
table.table-2 td a,
table.table-2 th a {
word-break: break-word
}
}
.infoblock .desc_l a:not([class]) {
color: #d51900;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s
}
._g-text-center {
text-align: center
}
._g-visible-mobile {
display: none
}
@media screen and (max-width:767px) {
._g-visible-mobile {
display: block
}
._g-hidden-mobile {
display: none
}
}
._g-buttons-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
._g-buttons-list:not(:first-child) {
margin-top: 30px
}
._g-buttons-list:not(:last-child) {
margin-bottom: 30px
}
._g-buttons-list > * {
margin-bottom: 10px
}
._g-buttons-list > :not(:last-child) {
margin-right: 24px
}
._g-buttons-list .jj-button {
min-width: 230px
}
.box_30 {
margin-bottom: 30px!important
}
.wrap_908 {
width: 100%;
max-width: 908px;
margin: 0 auto
}
.mb-30 {
margin-bottom: 30px
}
.typography {
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
color: #404040;
font-size: 18px;
line-height: 1.33
}
.typography_sans {
font-family: opensans-regular-webfont,sans-serif;
line-height: 1.5
}
.typography ol,
.typography p,
.typography ul {
margin: 0 0 20px
}
* + .typography ol:not(:first-child),
* + .typography p:not(:first-child),
* + .typography ul:not(:first-child) {
margin-top: 24px
}
.typography ol a:not([class]),
.typography p a:not([class]),
.typography ul a:not([class]) {
color: inherit;
text-decoration: underline!important;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif;
font-weight: 500;
-webkit-transition: color .2s;
-o-transition: color .2s;
transition: color .2s
}
.typography ol a:not([class]):hover,
.typography p a:not([class]):hover,
.typography ul a:not([class]):hover {
text-decoration: none!important;
color: #d51900
}
.typography ol strong,
.typography p strong,
.typography ul strong {
font-family: akzidenzgroteskpro-bold-webfont,Arial,sans-serif;
font-weight: 700
}
.title__sx a {
color: inherit;
text-decoration: inherit
}
@media screen and (max-width:767px) {
._g-buttons-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
._g-buttons-list > :not(:last-child) {
margin-right: 0
}
._g-buttons-list .jj-button {
min-width: auto;
width: 100%
}
.typography_sans {
font-size: 15px;
line-height: 1.46
}
.layout-big .banner {
margin-left: -20px;
margin-right: -20px
}
}
.banner {
display: block;
position: relative;
font-family: opensans-regular-webfont,sans-serif;
font-size: 14px;
line-height: 1.25;
color: #adaba8;
background-color: #939393;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.banner:before {
content: "";
display: block;
padding-top: 46.155%;
background: -webkit-gradient(linear,left top,left bottom,color-stop(53.97%,rgba(0,0,0,0)),to(rgba(0,0,0,.9)));
background: -o-linear-gradient(top,rgba(0,0,0,0) 53.97%,rgba(0,0,0,.9) 100%);
background: linear-gradient(180deg,rgba(0,0,0,0) 53.97%,rgba(0,0,0,.9) 100%)
}
.banner__inner {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 40px 40px 50px 70px
}
.banner__title {
display: block;
font-family: "PT Serif",serif;
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 1.333
}
@media screen and (max-width:1339px) {
.banner__inner {
padding: 30px 30px 30px 40px
}
.banner__title {
font-size: 24px
}
}
@media screen and (max-width:767px) {
.banner:before {
padding-top: 120%
}
.banner__inner {
padding: 20px 20px 30px
}
.banner__title {
font-size: 20px
}
}
.banner__title:not(:last-child) {
margin-bottom: 20px
}
@media screen and (max-width:1339px) {
.banner__title:not(:last-child) {
margin-bottom: 16px
}
}
.banner__more {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: inherit;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.banner__more:focus,
.banner__more:hover {
text-decoration: none;
color: #fff
}
.banner__more .icon-next {
width: 24px;
height: 24px;
background-color: #d51900;
fill: #fff;
padding: 6px;
border-radius: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.banner__more .icon-next:not(:first-child) {
margin-left: 15px
}
.distributors-wrap {
max-width: 910px;
margin-left: auto;
margin-right: auto;
padding-bottom: 100px
}
@media screen and (max-width:1025px) {
.distributors-wrap {
padding-top: 90px
}
}
@media screen and (max-width:767px) {
.distributors-wrap {
padding-top: 75px
}
}
.distributors .title__h1 {
max-width: 565px
}
.distributors-head {
padding: 22px 0;
margin-bottom: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.distributors-head__left {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.distributors-head__right {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width:1025px) {
.distributors-head {
padding: 0;
margin-bottom: 20px
}
.distributors-head__right {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch
}
}
.distributors-filter:not(:last-child) {
margin-bottom: 15px
}
.distributors-filter__title {
font-family: "PT Serif",serif;
font-weight: 400;
font-size: 20px;
line-height: 1.3;
color: #000;
margin: 0 0 20px
}
@media screen and (max-width:767px) {
.distributors-filter__title {
font-size: 18px;
line-height: 1.333;
margin-bottom: 15px
}
}
.distributors-filter__title:last-child {
margin-bottom: 0
}
.distributors-filter-list {
list-style: none;
padding: 0;
margin: 0 0 0 -15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.distributors-filter-list_country > li:nth-child(3) {
display: none
}
.distributors-filter-list > li {
padding-left: 15px;
margin-bottom: 15px
}
@media screen and (max-width:767px) {
.distributors-filter-list {
margin-left: -5px
}
.distributors-filter-list > li {
padding-left: 5px;
margin-bottom: 5px
}
}
.distributors-filter-item {
display: block;
position: relative;
z-index: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.distributors-filter-item input {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
opacity: 0
}
.distributors-filter-item input:checked + span {
color: #d51900
}
.distributors-filter-item input:checked + span::before {
background-color: #d51900
}
.distributors-filter-item span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px 15px 15px 50px;
border: 1px solid #ccc;
color: #ccc;
border-radius: 25px;
font-family: akzidenzgroteskpro-bold-webfont,Arial,sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 20px;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.distributors-filter-item span::before {
content: "";
position: absolute;
top: 10px;
left: 10px;
background-color: #ccc;
width: 30px;
height: 30px;
border-radius: 30px;
-webkit-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s
}
@media screen and (max-width:767px) {
.distributors-filter-item span {
padding: 8px 8px 8px 33px;
font-size: 13px;
line-height: 17px
}
.distributors-filter-item span::before {
top: 6px;
left: 6px;
width: 22px;
height: 22px
}
}
.distributors-list {
list-style: none;
padding: 0;
margin: 0 0 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.distributors-list > li {
width: 33.33333%;
padding-left: 10px;
margin-bottom: 10px
}
@media screen and (max-width:1280px) {
.distributors-list > li {
width: 50%
}
}
.distributors-item {
height: 100%;
background: #fff;
padding: 30px 30px 25px;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
color: #000;
-webkit-box-shadow: 0 0 18px rgba(0,0,0,.07);
box-shadow: 0 0 18px rgba(0,0,0,.07)
}
.distributors-item__head:not(:last-child) {
border-bottom: 1px solid rgba(204,204,204,.5);
padding-bottom: 20px;
margin-bottom: 20px
}
@media screen and (max-width:767px) {
.distributors-list > li {
width: 100%
}
.distributors-list > li:not(:last-child) {
margin-bottom: 20px
}
.distributors-item {
padding: 20px
}
.distributors-item__head:not(:last-child) {
padding-bottom: 15px;
margin-bottom: 15px
}
}
.distributors-item__body:not(:last-child) {
margin-bottom: 20px
}
.distributors-item__footer {
margin-top: auto
}
.distributors-item__footer:not(:first-child) {
border-top: 1px solid rgba(204,204,204,.5);
padding-top: 20px
}
@media screen and (max-width:767px) {
.distributors-item__body:not(:last-child) {
margin-bottom: 15px
}
.distributors-item__footer:not(:first-child) {
padding-top: 15px
}
}
.distributors-item__category {
font-size: 14px;
line-height: 18px
}
.distributors-item__category:not(:last-child) {
margin-bottom: 10px
}
.distributors-item__name {
font-family: akzidenzgroteskpro-bold-webfont,Arial,sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 20px
}
.distributors-item__text {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.44
}
.distributors-item__text p {
margin: 0
}
.distributors-item__text p:not(:last-child) {
margin-bottom: 10px
}
.distributors-item__contacts {
list-style: none;
padding: 0;
margin: 0
}
.distributors-item__contacts:not(:last-child) {
margin-bottom: 25px
}
.distributors-item__contacts > li:not(:last-child) {
margin-bottom: 10px
}
.distributors-item__contacts > li span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 0;
padding-left: 40px;
min-height: 20px;
font-size: 16px;
line-height: 20px;
color: #d51900
}
.distributors-item__contacts > li span::before {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain
}
.distributors-item__contacts > li span._phone {
color: #000
}
.distributors-item__contacts > li span._phone::before {
background-image: url(/wp-content/themes/twice/static/img/distributors/icon-phone.svg)
}
.distributors-item__contacts > li span._mail::before {
background-image: url(/wp-content/themes/twice/static/img/distributors/icon-mail.svg)
}
.distributors-item__contacts > li span._web::before {
background-image: url(/wp-content/themes/twice/static/img/distributors/icon-web.svg)
}
.distributors-item__contacts > li span a {
display: inline-block;
text-decoration: none;
white-space: nowrap;
color: inherit
}
.distributors-item__region {
display: block;
font-size: 14px;
line-height: 18px;
color: #868686
}
.distributors-not-found {
display: block;
font-size: 16px;
line-height: 20px;
font-family: akzidenzgroteskpro-bold-webfont,Arial,sans-serif;
font-weight: 700;
color: #d51900
}
.distributors-not-found:not(:first-child) {
margin-top: 15px
}
.event {
font-family: akzidenzgroteskpro-light-webfont,Arial,sans-serif
}
.event *,
.event :after,
.event :before {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.event-categories {
list-style: none;
padding-left: 0;
margin: 0
}
.event-categories > li:not(:last-child) {
margin-bottom: 20px
}
.event-category {
display: block;
color: #404040;
background: #fff;
-webkit-box-shadow: 0 2px 14px rgba(0,0,0,.1);
box-shadow: 0 2px 14px rgba(0,0,0,.1);
padding: 30px;
font-family: akzidenzgroteskpro-light-webfont,Arial,sans-serif;
font-size: 16px;
line-height: 1.36
}
.event-category__inner {
min-height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.event-category__inner:after {
content: "";
min-height: inherit;
font-size: 0
}
@media screen and (max-width:767px) {
.distributors-item__contacts:not(:last-child) {
margin-bottom: 20px
}
.event-category {
padding: 24px 16px
}
.event-category__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.event-category__inner:after {
display: none
}
}
.event-category__column:nth-child(2) {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 150px
}
.event-category__column:not(:last-child) {
margin-right: 24px
}
.event-category__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 80px;
height: 80px;
color: #d51900
}
.event-category__icon svg {
max-width: 100%;
max-height: 100%;
-ms-flex-negative: 0;
flex-shrink: 0
}
.event-category__icon svg path {
fill: currentColor
}
.event-category__title {
display: block;
text-decoration: none;
font-weight: 500;
color: #d51900;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif
}
.event-category__text p {
font: inherit
}
.event-category__more {
display: block;
color: #d51900;
text-decoration: none;
font-weight: 500;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif
}
.event a.event-category {
text-decoration: none;
-webkit-transition: background .2s,color .2s,-webkit-box-shadow .2s;
-o-transition: background .2s,color .2s,box-shadow .2s;
transition: background .2s,color .2s,box-shadow .2s,-webkit-box-shadow .2s
}
@media screen and (min-width:768px) {
.event a.event-category:focus,
.event a.event-category:hover {
text-decoration: none;
background-color: #d51900;
color: #fff
}
.event a.event-category:focus .event-category__icon,
.event a.event-category:focus .event-category__title,
.event a.event-category:hover .event-category__icon,
.event a.event-category:hover .event-category__title {
color: inherit
}
}
.event-tabs-select__current {
display: none
}
@media screen and (max-width:767px) {
.event-category__column:not(:last-child) {
margin-right: 0;
margin-bottom: 16px
}
.event-category__icon {
height: 50px
}
.layout-big .event-tabs-select {
margin-left: -20px;
margin-right: -20px
}
.event-tabs-select__current {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #d51900;
-webkit-box-shadow: 0 2px 14px rgba(0,0,0,.1);
box-shadow: 0 2px 14px rgba(0,0,0,.1);
min-height: 60px;
font-weight: 700;
font-size: 14px;
line-height: 1.28;
color: #fff;
padding: 0 24px 0 20px
}
.event-tabs-select__current:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 14px;
height: 7px;
background-image: url(../img/events/arrow-down.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain
}
}
.event-tabs-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 0 0 -10px
}
.event-tabs-list > li {
width: calc(99.99% / 3);
padding-left: 10px
}
@media screen and (max-width:767px) {
.event-tabs-list {
display: none;
-webkit-box-shadow: 0 6px 14px rgba(0,0,0,.1);
box-shadow: 0 6px 14px rgba(0,0,0,.1)
}
.event-tabs-list.is-open {
display: block
}
.event-tabs-list > li {
width: 100%
}
}
.event-tabs-list > li:not(.is-active) {
cursor: pointer
}
.event-tabs-list__item {
height: 100%;
min-height: 104px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: #404040;
background: #fff;
-webkit-box-shadow: 0 2px 14px rgba(0,0,0,.1);
box-shadow: 0 2px 14px rgba(0,0,0,.1);
padding: 12px;
font-family: akzidenzgroteskpro-light-webfont,Arial,sans-serif;
font-size: 16px;
line-height: 1.36;
-webkit-transition: background .2s,color .2s,-webkit-box-shadow .2s;
-o-transition: background .2s,color .2s,box-shadow .2s;
transition: background .2s,color .2s,box-shadow .2s,-webkit-box-shadow .2s
}
.event-tabs-list__item:focus,
.event-tabs-list__item:hover {
text-decoration: none;
background: #f0efed;
color: #404040
}
.is-active .event-tabs-list__item {
text-decoration: none;
background: #d51900;
color: #fff
}
.is-active .event-tabs-list__item .event-tabs-list__item__icon,
.is-active .event-tabs-list__item .event-tabs-list__item__title {
color: inherit
}
@media screen and (max-width:767px) {
.event-tabs-list__item {
min-height: 60px;
height: auto;
padding: 0 20px;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #e3e3df
}
.is-active .event-tabs-list__item {
background: #fff;
color: #404040
}
}
.event-tabs-list__item__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 80px;
height: 80px;
color: #d51900
}
.event-tabs-list__item__icon:not(:last-child) {
margin-right: 16px
}
@media screen and (max-width:1023px) {
.event-tabs-list__item {
font-size: 14px;
line-height: 1.42
}
.event-tabs-list__item__icon {
width: 50px;
height: 50px
}
}
@media screen and (max-width:767px) {
.event-tabs-list__item__icon {
display: none
}
}
.event-tabs-list__item__icon svg {
max-width: 100%;
max-height: 100%;
-ms-flex-negative: 0;
flex-shrink: 0
}
.event-tabs-list__item__icon svg path {
fill: currentColor
}
.event-tabs-list__item__title {
display: block;
text-decoration: none;
font-weight: 500;
color: #d51900;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif
}
.event-tabs-content {
margin: 36px 0
}
@media screen and (max-width:767px) {
.event-tabs-content {
margin: 20px 0
}
}
.js-tabs:not(.js-tabs-init) .event-tab:not(:first-child) {
display: none
}
.event-list {
list-style: none;
padding: 0;
margin: 0
}
.event-list > li {
padding-bottom: 50px;
border-bottom: 1px solid #e3e3df
}
.event-list > li:not(:last-child) {
margin-bottom: 50px
}
.event-item {
font-size: 16px;
line-height: 1.5;
color: #4f4f4f
}
.event-item_disabled,
.event-item_disabled .read-more__link {
color: #4f4f4f
}
.event-item_disabled .read-more__link:after {
background-image: url(../img/events/read-more-arrow-gray.svg)
}
.event-item_disabled .jj-button,
.event-item_disabled .jj-button:active,
.event-item_disabled .jj-button:focus,
.event-item_disabled .jj-button:hover {
background-color: #797677;
border-color: #797677;
color: #fff
}
.event-item_disabled .jj-button-border,
.event-item_disabled .jj-button-border:active,
.event-item_disabled .jj-button-border:focus,
.event-item_disabled .jj-button-border:hover {
background-color: transparent;
border-color: #797677;
color: #4f4f4f
}
.event-item__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 0 -10px
}
.event-item__info {
width: calc(99.99% / 3);
padding-left: 10px
}
.event-item__info__item:not(:last-child) {
margin-bottom: 30px
}
@media screen and (max-width:767px) {
.event-list > li {
padding-bottom: 30px
}
.layout-big .event-list > li {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px
}
.event-list > li:not(:last-child) {
margin-bottom: 30px
}
.event-item__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-bottom: 24px
}
.event-item__info__item:not(:last-child) {
margin-bottom: 14px
}
.event-item__info__item {
width: 100%
}
.event-item__info__item:nth-child(2),
.event-item__info__item:nth-child(3) {
width: 50%
}
}
.event-item__info__text a:not([class]) {
color: inherit;
text-decoration: underline!important
}
.event-item__info__text a:not([class]):focus,
.event-item__info__text a:not([class]):hover {
text-decoration: underline!important;
color: #d51900
}
.event-item__desc {
width: calc(99.99% / 3 * 2);
padding-left: 10px
}
.event-item__desc__item:not(:last-child) {
margin-bottom: 30px
}
.event-item__date {
font-family: akzidenzgroteskpro-bold-webfont,Arial,sans-serif;
font-weight: 700
}
@media screen and (max-width:767px) {
.event-item__desc {
width: 100%
}
.event-item__desc__item:not(:last-child) {
margin-bottom: 14px
}
.event-item__date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.event-item__date > * {
width: 50%
}
}
.event-item__meta {
display: block;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #afadad;
margin: 0 0 6px
}
.event-item__title {
display: block;
font-style: normal;
font-weight: 700;
font-family: akzidenzgroteskpro-bold-webfont,Arial,sans-serif;
font-size: 20px;
line-height: 1.2;
color: #d51900
}
.event-item_disabled .event-item__title {
color: #4f4f4f
}
.event-item__subtitle {
display: block;
font-family: akzidenzgroteskpro-light-webfont,Arial,sans-serif;
color: #4f4f4f;
font-size: 16px;
line-height: 1.5;
font-weight: 400
}
.event-item_disabled .event-item__subtitle {
color: #4f4f4f
}
.event-item__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.event-item__buttons > :not(:last-child) {
margin-right: 24px
}
@media screen and (max-width:767px) {
.event-item__buttons {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.event-item__buttons .jj-button {
width: 100%
}
.event-item__buttons > :not(:last-child) {
margin-right: 0;
margin-bottom: 10px
}
}
.event-item__text {
line-height: 1.5
}
.event-item__text p {
font: inherit
}
.event-item__text p:not(:last-child) {
margin-bottom: 16px
}
.event-item__more {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-style: normal;
font-weight: 500;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif;
color: #d51900;
margin-top: 10px
}
.event-item__more svg {
width: 9px;
height: 5px;
-ms-flex-negative: 0;
flex-shrink: 0
}
.event-item__more svg:first-child {
margin-right: 10px
}
.event-item__more svg:last-child {
margin-left: 10px
}
.event-item__more svg path {
fill: currentColor
}
.event-item__more.js-readmore-collapse svg {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
.event-loadmore-block {
margin-top: 40px;
text-align: center
}
@media screen and (max-width:767px) {
.event-loadmore-block {
margin-top: 30px
}
.event-loadmore-block .jj-button {
width: 100%
}
}
.form-toggle:not(:last-child) {
margin-bottom: 30px
}
.form-toggle__item {
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.form-toggle__item__text {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 1.2;
color: #4f4f4f
}
.form-toggle__item__icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 40px;
background-color: #d51900;
color: #fff;
-webkit-transition: color .2s,background .2s,-webkit-transform .2s;
-o-transition: transform .2s,color .2s,background .2s;
transition: transform .2s,color .2s,background .2s,-webkit-transform .2s
}
.form-toggle__item__icon:not(:first-child) {
margin-left: 15px
}
.form-toggle.is-open .form-toggle__item__icon {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
.form-toggle__item__icon svg {
width: 14px;
height: auto;
position: relative;
bottom: -1px
}
.form-toggle__item__icon svg path {
fill: currentColor
}
.form-toggle__collapse:not(:first-child) {
margin-top: 30px
}
.grid-news {
display: block
}
.grid-news-row {
list-style: none;
padding: 0;
margin: 0 0 0 -35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.grid-news-row > * {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 35px;
margin-bottom: 35px
}
.grid-news-col-1-3 {
width: 33.33333%
}
.grid-news-item {
display: block;
text-decoration: none;
font-family: opensans-regular-webfont,sans-serif;
color: #404040;
font-size: 14px;
line-height: 1.25
}
.grid-news-item__thumb {
display: block;
text-decoration: none;
color: inherit;
background-color: #939393;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.grid-news-item__thumb:before {
content: "";
display: block;
padding-top: 70%
}
.grid-news-item__thumb:not(:last-child) {
margin-bottom: 20px
}
@media screen and (max-width:1339px) {
.grid-news-row {
margin-left: -20px
}
.grid-news-row > * {
padding-left: 20px;
margin-bottom: 30px
}
.grid-news-item__thumb:not(:last-child) {
margin-bottom: 10px
}
}
.grid-news-item__date {
display: block;
font-family: "PT Serif",serif;
font-size: 13px;
font-weight: 700;
line-height: 1.3;
color: #8c8c8c
}
.grid-news-item__date:not(:last-child) {
margin-bottom: 20px
}
.grid-news-item__title {
display: block;
font-family: "PT Serif",serif;
color: inherit;
font-size: 18px;
font-weight: 700;
line-height: 1.333;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
@media screen and (max-width:1339px) {
.grid-news-item__date:not(:last-child) {
margin-bottom: 10px
}
.grid-news-item__title {
font-size: 16px
}
}
@media screen and (max-width:1280px) {
.grid-news-item__title {
font-size: 14px
}
}
.grid-news-item__title:not(:last-child) {
margin-bottom: 20px
}
.grid-news-item__title_thin {
font-size: 20px;
line-height: 1.3;
font-weight: 400
}
@media screen and (max-width:1339px) {
.grid-news-item__title:not(:last-child) {
margin-bottom: 10px
}
.grid-news-item__title_thin {
font-size: 16px
}
}
.grid-news-item a.grid-news-item__title:hover {
color: #d51900
}
.grid-news-item__download {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
color: #666;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.grid-news-item__download:focus,
.grid-news-item__download:hover {
text-decoration: none;
color: #d51900
}
.grid-news-item__download svg {
width: 24px;
height: 24px;
background-color: #d51900;
fill: #fff;
padding: 6px;
border-radius: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.grid-news-item__download svg:not(:first-child) {
margin-left: 15px
}
.header__nav {
background-color: #faf9f7;
height: calc(100% - 100px);
overflow: auto;
padding: 0 30px 0 88px
}
@media screen and (max-width:700px) {
.header__nav {
padding: 0 20px
}
}
.jn-layout {
display: block;
width: 100%;
overflow: hidden;
max-width: 100%;
-webkit-transition: .4s .2s;
-o-transition: .4s .2s;
transition: .4s .2s;
margin-top: 70px;
padding: 0 20px 0 70px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media screen and (max-width:1023px) {
.header__nav {
height: 100%
}
.jn-layout {
width: 100%;
max-width: 100%;
padding: 0 20px
}
}
@media screen and (max-width:767px) {
.grid-news-col-1-3 {
width: 100%
}
.jn-layout {
margin-left: 0;
padding: 0 15px
}
}
.jn-layout__wrap {
width: 96%;
max-width: 910px;
margin: 0 auto 30px
}
@media screen and (max-width:1023px) {
.jn-layout__wrap {
width: 100%;
max-width: 100%
}
}
.jn-layout__wrap-title {
width: 96%;
max-width: 800px;
position: relative;
margin: 0 auto 10px;
padding: 0 20px 10px;
text-align: center;
overflow: hidden;
z-index: 20;
font-size: 32px;
line-height: 42px
}
.jn-layout__wrap-title span {
display: inline-block;
background-color: #fff;
padding: 0 30px;
margin: 0 auto
}
.jn-layout__wrap-title span:before {
content: '';
position: absolute;
top: .7em;
left: 0;
right: 0;
height: 0;
border-bottom: 2px solid #e8e7e4;
z-index: -2
}
.jn-layout__wrap-title span:after {
content: '';
position: absolute;
bottom: 0;
top: .7em;
left: 0;
right: 0;
border: 2px solid #e8e7e4;
border-top: none;
border-bottom: none
}
@media screen and (max-width:767px) {
.jn-layout__wrap-title {
font-size: 24px;
line-height: 32px;
margin: 0 auto 20px;
padding: 0 20px
}
.jn-layout__wrap-title span:after {
height: 20px
}
}
.jn-layout__wrap-subtitle {
color: #999;
font-size: 17px;
line-height: 24px;
margin: 0 auto 30px;
width: 75%;
text-align: center;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif
}
.jn-layout-big {
max-width: calc(100% - 305px);
padding-left: 355px
}
.jn-layout__title {
font-size: 32px;
line-height: 42.4px;
font-weight: 700;
margin: 0 auto 15px
}
@media screen and (min-width:768px) and (max-width:1023px) {
.jn-layout__title {
position: relative;
top: 50px
}
.jn-layout__title.title_line {
width: 100%;
max-width: 100%
}
}
.jn-layout__title span:before {
border-bottom: 2px solid #c4c4c4
}
.jn-layout__title span:after {
border-left: 2px solid #c4c4c4;
border-right: 2px solid #c4c4c4;
height: 30px
}
.ml-40 {
margin-left: 40px
}
.jn-post {
border-top: 1px solid #c4c4c4
}
.jn-post:last-child {
border-bottom: 1px solid #c4c4c4
}
.jn-post__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 60px 0
}
@media screen and (max-width:1023px) {
.ml-40 {
margin-left: 0
}
.jn-post__item {
padding: 30px 0
}
}
@media screen and (max-width:767px) {
.jn-layout__wrap-subtitle {
width: 100%
}
.jn-layout__title {
font-size: 24px;
line-height: 31.8px
}
.jn-layout__title span:after {
height: 20px
}
.jn-post__item {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.jn-post__item-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: start;
width: calc(100% - 312px);
height: 100%
}
@media screen and (max-width:767px) {
.jn-post__item-content {
width: 100%
}
}
.jn-post__item-wrap {
width: 100%
}
.jn-post__item-img {
height: auto;
width: 282px
}
.jn-post__item-img img {
width: 100%;
-o-object-fit: contain;
object-fit: contain
}
.jn-post__item-title {
font-family: PT Serif,sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 31.8px;
margin-bottom: 20px
}
@media screen and (max-width:767px) {
.jn-post__item-img {
height: auto;
margin-right: 0;
margin-bottom: 20px;
width: 100%
}
.jn-post__item-title {
font-size: 24px
}
}
.jn-post__item-title a {
text-decoration: none;
color: #000
}
.jn-post__item-text {
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
margin-bottom: 20px;
font-size: 17px;
line-height: 22px;
font-weight: 400;
width: 100%;
color: #999;
-webkit-tap-highlight-color: transparent
}
.jn-post__item-text span {
color: #999
}
.jn-post__item-text a {
text-decoration: none;
color: #d51900
}
.jn-post__item-toggle {
display: none;
margin-bottom: 0
}
.jn-post__item-more {
cursor: pointer;
position: relative;
display: inline-block;
padding-right: 20px;
font-size: 16px;
font-weight: 400;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.jn-post__item-more:before {
content: '';
width: 10px;
position: absolute;
background-image: url(../img/arrow-icon.png);
height: 6px;
background-repeat: no-repeat;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.js-post-readmore.is-open .jn-post__item-more {
margin-top: 10px
}
.js-post-readmore.is-open .jn-post__item-more:before {
-webkit-transform: translateY(-50%) rotate(180deg)!important;
-ms-transform: translateY(-50%) rotate(180deg)!important;
transform: translateY(-50%) rotate(180deg)!important
}
.jn-post__download {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 10px 16px;
-webkit-box-shadow: 0 0 18px rgba(0,0,0,.07);
box-shadow: 0 0 18px rgba(0,0,0,.07);
border-radius: 30px;
width: calc(50% - 20px);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 10px 18px 0
}
@media screen and (max-width:1200px) {
.jn-post__download {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.jn-post__download-list {
margin-left: 0
}
}
@media screen and (max-width:767px) {
.jn-post__download {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
}
.jn-post__download-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.jn-post__download-icon {
margin-right: 15px
}
.jn-post__download-text {
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
color: #999;
font-size: 12px;
margin-right: 15px
}
.jn-post__list {
list-style-type: none;
color: #000;
padding-left: 0
}
.jn-post__list-category {
font-family: PT Serif,sans-serif;
font-size: 17px;
line-height: 27px;
margin-bottom: 20px
}
.jn-post__list-item {
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
font-size: 17px;
line-height: 18px;
color: #999;
margin-bottom: 16px
}
.jn-post__list-item:last-child {
margin-bottom: 30px
}
.jn-post .slide-fade-enter-active {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.jn-post .slide-fade-leave-active {
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.jn-post .slide-fade-enter,
.jn-post .slide-fade-leave-to {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
opacity: 0
}
.popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.6);
z-index: 150;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.popup._visible {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.popup__window {
background-color: #fff;
padding: 60px 54px;
font-family: akzidenzgroteskpro-light-webfont,Arial,sans-serif;
font-size: 16px;
color: #4f4f4f;
-webkit-box-flex: 700px;
-ms-flex: 700px 0 1;
flex: 700px 0 1;
max-width: 700px;
margin: 30px
}
@media screen and (max-width:767px) {
.popup__window {
padding: 45px 30px;
font-size: 14px
}
}
.popup__window-text {
margin-bottom: 30px;
text-align: center
}
.popup__window-btn {
background-color: #d51900;
color: #fff;
border-radius: 65px;
display: block;
width: 220px;
height: 50px;
font-size: 16px;
border: 0;
outline: 0;
margin: 0 auto
}
.popup__window-btn:active,
.popup__window-btn:hover {
color: rgba(255,255,255,.8)
}
@media screen and (max-width:767px) {
.popup__window-btn {
width: 150px;
height: 40px;
font-size: 14px
}
}
.popup__btn {
background-color: #d51900;
color: #fff;
border-radius: 65px;
display: block;
width: 220px;
height: 50px;
line-height: 50px;
font-size: 16px;
border: 0;
outline: 0;
margin: 0 auto
}
.popup__btn_gray {
background-color: #797979
}
.popup__btn_wide {
max-width: none!important;
text-align: center;
width: 250px
}
.popup__btn:active,
.popup__btn:hover {
color: rgba(255,255,255,.8)
}
@media screen and (max-width:767px) {
.popup__btn {
width: 150px;
height: 40px;
font-size: 14px
}
}
.popup__buttons-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.popup__buttons-container .popup__btn {
margin-left: 0;
margin-right: 20px;
max-width: 150px
}
.popup__buttons-container .popup__btn:last-child {
margin-right: 0
}
.prefooter__corporate-links {
display: block;
list-style: none;
padding-left: 0;
margin: 0
}
.prefooter__corporate-links:not(:first-child) {
margin-top: 30px
}
.prefooter__corporate-links:not(:last-child) {
margin-bottom: 30px
}
.prefooter__corporate-links > li:not(:last-child) {
margin-bottom: 15px
}
.prefooter__corporate-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-decoration: none;
color: #404040
}
@media screen and (max-width:780px) {
.prefooter__corporate-link {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media screen and (max-width:650px) {
.prefooter__corporate-link {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch
}
}
.prefooter__corporate-link-icon {
width: 30px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.prefooter__corporate-link-icon:not(:first-child) {
margin-left: 15px
}
@media screen and (max-width:650px) {
.prefooter__corporate-link-icon {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.prefooter__corporate-link-icon:not(:first-child) {
margin-left: 0;
margin-right: 15px
}
}
.prefooter__corporate-link-icon > img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%
}
.social-category {
display: block
}
.social-category-list {
list-style: none;
padding: 0;
margin: 0 0 0 -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.social-category-list > * {
width: 33.33333%;
padding-left: 20px
}
@media screen and (max-width:1280px) {
.social-category-list > * {
width: 50%
}
.social-category-list > :not(:last-child) {
margin-bottom: 20px
}
}
.social-category-item {
display: block;
position: relative;
text-decoration: none;
background-color: #939393;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
font-family: opensans-regular-webfont,sans-serif;
font-size: 14px;
line-height: 1.25;
color: #adaba8
}
.social-category-item::before {
content: "";
display: block;
padding-top: 112%;
background: -webkit-gradient(linear,left top,left bottom,color-stop(39.74%,rgba(0,0,0,0)),to(#000));
background: -o-linear-gradient(top,rgba(0,0,0,0) 39.74%,#000 100%);
background: linear-gradient(180deg,rgba(0,0,0,0) 39.74%,#000 100%)
}
.social-category-item__inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 32px 30px
}
@media screen and (max-width:767px) {
.social-category-list > * {
width: 100%
}
.social-category-item__inner {
padding: 26px 20px
}
}
.social-category-item__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.social-category-item__content ul:not([class]) {
list-style: none;
padding: 0;
margin: 0
}
.social-category-item__content ul:not([class]):not(:last-child) {
margin-bottom: 20px
}
.social-category-item__content ul:not([class]) li {
display: block;
position: relative;
padding-left: 16px
}
.social-category-item__content ul:not([class]) li::before {
content: "";
width: 6px;
height: 6px;
border-radius: 12px;
background-color: currentColor;
position: absolute;
top: .5em;
left: 0
}
.social-category-item__content ul:not([class]) li:not(:last-child) {
margin-bottom: 10px
}
.social-category-item__content ul:not([class]) li a {
color: inherit;
text-decoration: none;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.social-category-item__content ul:not([class]) li a:hover {
color: #fff
}
.social-category-item__title {
display: block;
font-family: "PT Serif",serif;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1.3
}
.social-category-item__title:not(:last-child) {
margin-bottom: 20px
}
.social-category-item__bottom {
margin-top: auto
}
.social-category-item__more {
display: inline-block;
color: inherit;
text-decoration: none;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s
}
.social-category-item a.social-category-item__more:hover {
color: #fff
}
.jj-button-alt {
position: relative;
background-color: #ff415e;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
padding: 16px 30px;
font-size: 18px;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
margin: 20px auto 0;
max-width: 367px;
text-align: left
}
@media screen and (max-width:780px) {
.jj-button-alt {
font-size: 14px
}
}
.jj-button-alt__arr {
display: block;
-webkit-box-flex: 26px;
-ms-flex: 26px 0 0px;
flex: 26px 0 0;
width: 26px;
height: 8px;
margin-left: 15px;
background: url(../img/minified-svg/icon-arr-right.svg) center/cover no-repeat;
will-change: transform;
-webkit-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out
}
.jj-button-alt:hover .jj-button-alt__arr {
-webkit-transform: translate3d(10px,0,0);
transform: translate3d(10px,0,0)
}
.jj-button {
margin: 0;
border: 2px solid #d51900;
overflow: visible;
font: inherit;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif;
text-transform: none;
-webkit-appearance: none;
border-radius: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
padding: 0 30px;
font-size: 16px;
line-height: 1.2;
font-weight: 500;
background-color: #d51900;
color: #fff;
text-align: center;
text-decoration: none;
-webkit-transition: color .2s,background-color .2s,border-color .2s;
-o-transition: color .2s,background-color .2s,border-color .2s;
transition: color .2s,background-color .2s,border-color .2s
}
.jj-button:not(:disabled) {
cursor: pointer
}
.jj-button:focus,
.jj-button:hover {
text-decoration: none;
background-color: #e91b00;
border-color: #e91b00;
color: #fff;
outline: 0
}
.jj-button:active {
background-color: #c11700;
border-color: #c11700;
color: #fff;
outline: 0
}
.jj-button-round {
border-radius: 50px
}
.jj-button-rounded {
border-radius: 5px
}
.jj-button-border {
background-color: transparent;
border-color: #d51900;
color: #d51900
}
.jj-button-border:focus,
.jj-button-border:hover {
text-decoration: none;
background-color: #e91b00;
border-color: #e91b00;
color: #fff
}
.jj-button-border:active {
background-color: #c11700;
border-color: #c11700;
color: #fff
}
.jj-button-light {
background-color: #e5e5e5;
border-color: #e5e5e5;
color: #d51900
}
.jj-button-light:focus,
.jj-button-light:hover {
text-decoration: none;
background-color: #efefef;
border-color: #efefef;
color: #d51900
}
.jj-button-light:active {
background-color: #dbdbdb;
border-color: #dbdbdb;
color: #d51900
}
.jj-button-icon svg {
max-width: 24px;
max-height: 24px;
-ms-flex-negative: 0;
flex-shrink: 0
}
.jj-button-icon svg:first-child {
margin-right: 14px
}
.jj-button-icon svg:last-child {
margin-left: 14px
}
.jj-button-icon svg path {
fill: currentColor
}
.jn-button {
margin-top: 30px;
margin-bottom: 94px
}
@media screen and (min-width:768px) and (max-width:1023px) {
.jn-button {
margin-bottom: 57px
}
}
@media screen and (max-width:768px) {
.jn-button {
margin-bottom: 30px
}
}
.jn-button a {
margin: 0;
border: 2px solid #d51900;
overflow: visible;
border-radius: 50px;
cursor: pointer;
font: inherit;
font-family: akzidenzgroteskpro-regular-webfont,Arial,sans-serif;
text-transform: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
padding: 0 30px;
font-size: 16px;
line-height: 20.38px;
font-weight: 700;
background-color: #d51900;
color: #fff;
text-align: center;
text-decoration: none;
-webkit-transition: color .2s,background-color .2s,border-color .2s;
-o-transition: color .2s,background-color .2s,border-color .2s;
transition: color .2s,background-color .2s,border-color .2s
}
@media screen and (max-width:479px) {
.jn-button a {
width: 100%
}
}
.read-more__link-wrap {
display: block;
margin-top: 10px
}
.is-expanded + .read-more__link-wrap .read-more__link:after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
.read-more__link {
cursor: pointer;
display: inline-block;
position: relative;
padding-right: 20px;
font-style: normal;
font-weight: 500;
font-family: akzidenzgroteskpro-md-webfont,Arial,sans-serif;
color: #d51900
}
.read-more--alt .read-more__link {
color: #939393;
font-family: akzidenzgroteskpro-light-webfont,Arial,sans-serif;
font-size: 16px
}
@media screen and (max-width:780px) {
.read-more--alt .read-more__link {
font-size: 14px
}
}
.read-more__link:after {
content: "";
position: absolute;
top: 50%;
margin-top: -3px;
right: 0;
background-image: url(../img/events/read-more-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 9px;
height: 5px;
-ms-flex-negative: 0;
flex-shrink: 0
}
.read-more--alt .read-more__link:after {
background-image: url(../img/general/arr-down-grey.svg)
}
.row {
margin-left: -20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.row_center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.col {
width: 100%;
padding-left: 20px
}
.col:not(:last-child) {
margin-bottom: 20px
}
@media screen and (min-width:768px) {
.js-post-readmore.is-open .jn-post__item-more {
margin-top: 13px
}
.col-sm-auto {
width: auto
}
.col-sm-auto:not(:last-child) {
margin-bottom: 0
}
}
@media screen and (min-width:1024px) {
.col-md-1-2 {
width: 50%
}
.col-md-1-2:not(:last-child) {
margin-bottom: 0
}
}
.title__h1 {
display: block;
font-family: "PT Serif",serif;
font-weight: 700;
font-size: 32px;
line-height: 1.32;
color: #000;
margin: 0 0 30px
}
@media screen and (max-width:767px) {
.title__big-mobile {
font-size: 32px;
line-height: 1.32
}
.title__h1 {
font-size: 24px;
line-height: 1.333;
margin-bottom: 20px
}
}
.title__h1:last-child {
margin-bottom: 0
}