html {
-webkit-text-size-adjust: 100%;
line-height: 1.15
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: 0;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
[hidden],
template {
display: none
}
[data-whatinput=mouse] *,
[data-whatinput=mouse] :focus,
[data-whatinput=touch] *,
[data-whatinput=touch] :focus,
[data-whatintent=mouse] *,
[data-whatintent=mouse] :focus,
[data-whatintent=touch] *,
[data-whatintent=touch] :focus {
outline: none
}
[draggable=false] {
-webkit-touch-callout: none;
-webkit-user-select: none
}
.foundation-mq {
font-family: "small=0em&medium=48em&large=64em&xlarge=80em"
}
html {
box-sizing: border-box;
font-size: 100%
}
*,
:after,
:before {
box-sizing: inherit
}
body {
background: #fefefe;
color: #000;
font-family: FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif;
font-weight: 500;
line-height: 1.5;
margin: 0;
padding: 0
}
img {
-ms-interpolation-mode: bicubic;
display: inline-block;
height: auto;
max-width: 100%;
vertical-align: middle
}
textarea {
border-radius: 0;
height: auto;
min-height: 50px
}
select {
box-sizing: border-box;
width: 100%
}
.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
max-width: none !important
}
button {
appearance: none;
background: transparent;
border: 0;
border-radius: 0;
cursor: auto;
line-height: 1;
padding: 0
}
[data-whatinput=mouse] button {
outline: 0
}
pre {
-webkit-overflow-scrolling: touch;
overflow: auto
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit
}
.is-visible {
display: block !important
}
.is-hidden {
display: none !important
}
blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
margin: 0;
padding: 0
}
p {
font-size: inherit;
line-height: 1.5;
margin-bottom: 1rem;
text-rendering: optimizeLegibility
}
em,
i {
font-style: italic
}
b,
em,
i,
strong {
line-height: inherit
}
b,
strong {
font-weight: 700
}
small {
font-size: 80%;
line-height: inherit
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
color: inherit;
font-family: FontHeader, var(--fallback-font-header), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif;
font-style: normal;
font-weight: 900;
text-rendering: optimizeLegibility
}
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
color: #cacaca;
line-height: 0
}
.h1,
h1 {
font-size: 1.75rem;
line-height: 1.2;
margin-bottom: .5rem;
margin-top: 0
}
@media print,
screen and (min-width:48em) {
.h1,
h1 {
font-size: 1.875rem
}
}
@media print,
screen and (min-width:64em) {
.h1,
h1 {
font-size: 1.9375rem
}
}
@media screen and (min-width:80em) {
.h1,
h1 {
font-size: 2.25rem
}
}
a {
color: #3772ff;
cursor: pointer;
line-height: inherit;
text-decoration: none
}
a:focus,
a:hover {
color: inherit
}
a img,
hr {
border: 0
}
hr {
border-bottom: 1px solid #cacaca;
clear: both;
height: 0;
margin: 1.25rem auto;
max-width: 75rem
}
dl,
ol,
ul {
line-height: 1.6;
list-style-position: outside;
margin-bottom: 1rem
}
li {
font-size: inherit
}
ul {
list-style-type: disc
}
ol,
ul {
margin-left: 1.25rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
margin-left: 1.25rem
}
dl {
margin-bottom: 1rem
}
dl dt {
font-weight: 700;
margin-bottom: .3rem
}
blockquote {
border-left: 1px solid #cacaca;
margin: 0 0 1rem;
padding: .5625rem 1.25rem 0 1.1875rem
}
blockquote,
blockquote p {
color: #8a8a8a;
line-height: 1.5
}
abbr,
abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none
}
figure,
kbd {
margin: 0
}
kbd {
background-color: #e6e6e6;
color: #0a0a0a;
font-family: Consolas, Liberation Mono, Courier, monospace;
padding: .125rem .25rem 0
}
.subheader {
color: #8a8a8a;
font-weight: 400;
line-height: 1.4;
margin-bottom: .5rem;
margin-top: .2rem
}
.lead {
font-size: 125%;
line-height: 1.6
}
.stat {
font-size: 2.5rem;
line-height: 1
}
p+.stat {
margin-top: -1rem
}
ol.no-bullet,
ul.no-bullet {
list-style: none;
margin-left: 0
}
.cite-block,
cite {
color: #8a8a8a;
display: block;
font-size: .8125rem
}
.cite-block:before,
cite:before {
content: "— "
}
.code-inline,
code {
word-wrap: break-word;
display: inline;
max-width: 100%;
padding: .125rem .3125rem .0625rem
}
.code-block,
.code-inline,
code {
background-color: #e6e6e6;
border: 1px solid #cacaca;
color: #0a0a0a;
font-family: Consolas, Liberation Mono, Courier, monospace;
font-weight: 400
}
.code-block {
display: block;
margin-bottom: 1.5rem;
overflow: auto;
padding: 1rem;
white-space: pre
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
@media print,
screen and (min-width:48em) {
.medium-text-left {
text-align: left
}
.medium-text-right {
text-align: right
}
.medium-text-center {
text-align: center
}
.medium-text-justify {
text-align: justify
}
}
@media print,
screen and (min-width:64em) {
.large-text-left {
text-align: left
}
.large-text-right {
text-align: right
}
.large-text-center {
text-align: center
}
.large-text-justify {
text-align: justify
}
}
@media screen and (min-width:80em) {
.xlarge-text-left {
text-align: left
}
.xlarge-text-right {
text-align: right
}
.xlarge-text-center {
text-align: center
}
.xlarge-text-justify {
text-align: justify
}
}
.show-for-print {
display: none !important
}
@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: #000 !important;
print-color-adjust: economy;
text-shadow: none !important
}
.show-for-print {
display: block !important
}
.hide-for-print {
display: none !important
}
table.show-for-print {
display: table !important
}
thead.show-for-print {
display: table-header-group !important
}
tbody.show-for-print {
display: table-row-group !important
}
tr.show-for-print {
display: table-row !important
}
td.show-for-print,
th.show-for-print {
display: table-cell !important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " ("attr(href) ")"
}
.ir a:after,
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""
}
abbr[title]:after {
content: " ("attr(title) ")"
}
blockquote,
pre {
border: 1px solid #8a8a8a;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: .5cm
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.print-break-inside {
page-break-inside: auto
}
}
[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
appearance: none;
background-color: #fefefe;
border: 1px solid #cacaca;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
color: #000;
display: block;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
height: 2.4375rem;
line-height: 1.5;
margin: 0 0 1rem;
padding: .5rem;
transition: box-shadow .5s, border-color .25s ease-in-out;
width: 100%
}
[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
background-color: #fefefe;
border: 1px solid #8a8a8a;
box-shadow: none;
outline: none;
transition: box-shadow .5s, border-color .25s ease-in-out
}
textarea {
max-width: 100%
}
textarea[rows] {
height: auto
}
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed
}
[type=button],
[type=submit] {
appearance: none;
border-radius: 0
}
input[type=search] {
box-sizing: border-box
}
::placeholder {
color: #647886
}
[type=checkbox],
[type=file],
[type=radio] {
margin: 0 0 1rem
}
[type=checkbox]+label,
[type=radio]+label {
display: inline-block;
margin-bottom: 0;
margin-left: .5rem;
margin-right: 1rem;
vertical-align: baseline
}
[type=checkbox]+label[for],
[type=radio]+label[for] {
cursor: pointer
}
label>[type=checkbox],
label>[type=radio] {
margin-right: .5rem
}
[type=file] {
width: 100%
}
label {
color: #0a0a0a;
display: block;
font-size: .875rem;
font-weight: 400;
line-height: 1.8;
margin: 0
}
label.middle {
line-height: 1.5;
margin: 0 0 1rem;
padding: .5625rem 0
}
.help-text {
color: #0a0a0a;
font-size: .8125rem;
font-style: italic;
margin-top: -.5rem
}
.input-group {
align-items: stretch;
display: flex;
margin-bottom: 1rem
}
.input-group>:first-child,
.input-group>:first-child.input-group-button>*,
.input-group>:last-child,
.input-group>:last-child.input-group-button>* {
border-radius: 0 0 0 0
}
.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
margin: 0;
white-space: nowrap
}
.input-group-label {
align-items: center;
background: #e6e6e6;
border: 1px solid #cacaca;
color: #0a0a0a;
display: flex;
flex: 0 0 auto;
padding: 0 1rem;
text-align: center;
white-space: nowrap
}
.input-group-label:first-child {
border-right: 0
}
.input-group-label:last-child {
border-left: 0
}
.input-group-field {
border-radius: 0;
flex: 1 1 0px;
min-width: 0
}
.input-group-button {
display: flex;
flex: 0 0 auto;
padding-bottom: 0;
padding-top: 0;
text-align: center
}
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
align-self: stretch;
font-size: 1rem;
height: auto;
padding-bottom: 0;
padding-top: 0
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
legend {
margin-bottom: .5rem;
max-width: 100%
}
.fieldset {
border: 1px solid #cacaca;
margin: 1.125rem 0;
padding: 1.25rem
}
.fieldset legend {
margin: 0 0 0 -.1875rem;
padding: 0 .1875rem
}
select {
appearance: none;
background-color: #fefefe;
background-image: url('data:image/svg+xml;utf8,');
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
border: 1px solid #cacaca;
border-radius: 0;
color: #000;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
height: 2.4375rem;
line-height: 1.5;
margin: 0 0 1rem;
padding: .5rem 1.5rem .5rem .5rem;
transition: box-shadow .5s, border-color .25s ease-in-out
}
@media screen and (min-width:0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
}
}
select:focus {
background-color: #fefefe;
border: 1px solid #8a8a8a;
box-shadow: none;
outline: none;
transition: box-shadow .5s, border-color .25s ease-in-out
}
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed
}
select::-ms-expand {
display: none
}
select[multiple] {
background-image: none;
height: auto
}
select:not([multiple]) {
padding-bottom: 0;
padding-top: 0
}
.is-invalid-input:not(:focus) {
background-color: #f9ecea;
border-color: #cc4b37
}
.is-invalid-input:not(:focus)::placeholder {
color: #cc4b37
}
.form-error,
.is-invalid-label {
color: #cc4b37
}
.form-error {
display: none;
font-size: .75rem;
font-weight: 700;
margin-bottom: 1rem;
margin-top: -.5rem
}
.form-error.is-visible {
display: block
}
.visible {
visibility: visible
}
@media print,
screen and (max-width:47.99875em) {
.hide-for-small-only {
display: none !important
}
}
@media screen and (max-width:0em),
screen and (min-width:48em) {
.show-for-small-only {
display: none !important
}
}
@media print,
screen and (min-width:48em) {
.hide-for-medium {
display: none !important
}
}
@media screen and (max-width:47.99875em) {
.show-for-medium {
display: none !important
}
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.hide-for-medium-only {
display: none !important
}
}
@media screen and (max-width:47.99875em),
screen and (min-width:64em) {
.show-for-medium-only {
display: none !important
}
}
@media print,
screen and (min-width:64em) {
.hide-for-large {
display: none !important
}
}
@media screen and (max-width:63.99875em) {
.show-for-large {
display: none !important
}
}
@media print,
screen and (min-width:64em)and (max-width:79.99875em) {
.hide-for-large-only {
display: none !important
}
}
@media screen and (max-width:63.99875em),
screen and (min-width:80em) {
.show-for-large-only {
display: none !important
}
}
@media screen and (max-width:79.99875em) {
.show-for-xlarge {
display: none !important
}
}
@media screen and (min-width:80em) {
.hide-for-xlarge-only {
display: none !important
}
}
@media screen and (max-width:79.99875em) {
.show-for-xlarge-only {
display: none !important
}
}
.show-for-sr,
.show-on-focus {
clip: rect(0, 0, 0, 0) !important;
border: 0 !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
white-space: nowrap !important;
width: 1px !important
}
.show-on-focus:active,
.show-on-focus:focus {
clip: auto !important;
height: auto !important;
overflow: visible !important;
white-space: normal !important;
width: auto !important
}
.show-for-dark-mode {
display: none
}
.hide-for-dark-mode {
display: block
}
@media screen and (prefers-color-scheme:dark) {
.show-for-dark-mode {
display: block !important
}
.hide-for-dark-mode {
display: none !important
}
}
.show-for-ie {
display: none
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.show-for-ie {
display: block !important
}
.hide-for-ie {
display: none !important
}
}
.show-for-sticky {
display: none
}
.is-stuck .show-for-sticky {
display: block
}
.is-stuck .hide-for-sticky {
display: none
}
.float-left {
float: left !important
}
.float-right {
float: right !important
}
.float-center {
display: block;
margin-left: auto;
margin-right: auto
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table;
flex-basis: 0;
order: 1
}
.clearfix:after {
clear: both
}
.row {
margin-left: auto;
margin-right: auto;
max-width: 84.5rem
}
.row:after,
.row:before {
content: " ";
display: table;
flex-basis: 0;
order: 1
}
.row:after {
clear: both
}
.row.collapse>.column,
.row.collapse>.columns {
padding-left: 0;
padding-right: 0
}
.row .row {
margin-left: -.5rem;
margin-right: -.5rem
}
@media print,
screen and (min-width:48em) {
.row .row {
margin-left: -1rem;
margin-right: -1rem
}
}
@media print,
screen and (min-width:64em) {
.row .row {
margin-left: -1rem;
margin-right: -1rem
}
}
@media screen and (min-width:80em) {
.row .row {
margin-left: -1rem;
margin-right: -1rem
}
}
.row .row.collapse {
margin-left: 0;
margin-right: 0
}
.row.expanded {
max-width: none
}
.row.expanded .row {
margin-left: auto;
margin-right: auto
}
.row:not(.expanded) .row {
max-width: none
}
.row.gutter-small>.column,
.row.gutter-small>.columns {
padding-left: .5rem;
padding-right: .5rem
}
.row.gutter-medium>.column,
.row.gutter-medium>.columns {
padding-left: 1rem;
padding-right: 1rem
}
.column,
.columns {
float: left;
padding-left: .5rem;
padding-right: .5rem;
width: 100%
}
@media print,
screen and (min-width:48em) {
.column,
.columns {
padding-left: 1rem;
padding-right: 1rem
}
}
.column,
.column:last-child:not(:first-child),
.columns {
clear: none;
float: left
}
.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
float: right
}
.column.end:last-child:last-child,
.end.columns:last-child:last-child {
float: left
}
.column.row.row,
.row.row.columns {
float: none
}
.row .column.row.row,
.row .row.row.columns {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0
}
.small-1 {
width: 8.3333333333%
}
.small-push-1 {
left: 8.3333333333%;
position: relative
}
.small-pull-1 {
left: -8.3333333333%;
position: relative
}
.small-offset-0 {
margin-left: 0
}
.small-2 {
width: 16.6666666667%
}
.small-push-2 {
left: 16.6666666667%;
position: relative
}
.small-pull-2 {
left: -16.6666666667%;
position: relative
}
.small-offset-1 {
margin-left: 8.3333333333%
}
.small-3 {
width: 25%
}
.small-push-3 {
left: 25%;
position: relative
}
.small-pull-3 {
left: -25%;
position: relative
}
.small-offset-2 {
margin-left: 16.6666666667%
}
.small-4 {
width: 33.3333333333%
}
.small-push-4 {
left: 33.3333333333%;
position: relative
}
.small-pull-4 {
left: -33.3333333333%;
position: relative
}
.small-offset-3 {
margin-left: 25%
}
.small-5 {
width: 41.6666666667%
}
.small-push-5 {
left: 41.6666666667%;
position: relative
}
.small-pull-5 {
left: -41.6666666667%;
position: relative
}
.small-offset-4 {
margin-left: 33.3333333333%
}
.small-6 {
width: 50%
}
.small-push-6 {
left: 50%;
position: relative
}
.small-pull-6 {
left: -50%;
position: relative
}
.small-offset-5 {
margin-left: 41.6666666667%
}
.small-7 {
width: 58.3333333333%
}
.small-push-7 {
left: 58.3333333333%;
position: relative
}
.small-pull-7 {
left: -58.3333333333%;
position: relative
}
.small-offset-6 {
margin-left: 50%
}
.small-8 {
width: 66.6666666667%
}
.small-push-8 {
left: 66.6666666667%;
position: relative
}
.small-pull-8 {
left: -66.6666666667%;
position: relative
}
.small-offset-7 {
margin-left: 58.3333333333%
}
.small-9 {
width: 75%
}
.small-push-9 {
left: 75%;
position: relative
}
.small-pull-9 {
left: -75%;
position: relative
}
.small-offset-8 {
margin-left: 66.6666666667%
}
.small-10 {
width: 83.3333333333%
}
.small-push-10 {
left: 83.3333333333%;
position: relative
}
.small-pull-10 {
left: -83.3333333333%;
position: relative
}
.small-offset-9 {
margin-left: 75%
}
.small-11 {
width: 91.6666666667%
}
.small-push-11 {
left: 91.6666666667%;
position: relative
}
.small-pull-11 {
left: -91.6666666667%;
position: relative
}
.small-offset-10 {
margin-left: 83.3333333333%
}
.small-12 {
width: 100%
}
.small-offset-11 {
margin-left: 91.6666666667%
}
.small-up-1>.column,
.small-up-1>.columns {
float: left;
width: 100%
}
.small-up-1>.column:nth-of-type(1n),
.small-up-1>.columns:nth-of-type(1n) {
clear: none
}
.small-up-1>.column:nth-of-type(1n+1),
.small-up-1>.columns:nth-of-type(1n+1) {
clear: both
}
.small-up-1>.column:last-child,
.small-up-1>.columns:last-child {
float: left
}
.small-up-2>.column,
.small-up-2>.columns {
float: left;
width: 50%
}
.small-up-2>.column:nth-of-type(1n),
.small-up-2>.columns:nth-of-type(1n) {
clear: none
}
.small-up-2>.column:nth-of-type(odd),
.small-up-2>.columns:nth-of-type(odd) {
clear: both
}
.small-up-2>.column:last-child,
.small-up-2>.columns:last-child {
float: left
}
.small-up-3>.column,
.small-up-3>.columns {
float: left;
width: 33.3333333333%
}
.small-up-3>.column:nth-of-type(1n),
.small-up-3>.columns:nth-of-type(1n) {
clear: none
}
.small-up-3>.column:nth-of-type(3n+1),
.small-up-3>.columns:nth-of-type(3n+1) {
clear: both
}
.small-up-3>.column:last-child,
.small-up-3>.columns:last-child {
float: left
}
.small-up-4>.column,
.small-up-4>.columns {
float: left;
width: 25%
}
.small-up-4>.column:nth-of-type(1n),
.small-up-4>.columns:nth-of-type(1n) {
clear: none
}
.small-up-4>.column:nth-of-type(4n+1),
.small-up-4>.columns:nth-of-type(4n+1) {
clear: both
}
.small-up-4>.column:last-child,
.small-up-4>.columns:last-child {
float: left
}
.small-up-5>.column,
.small-up-5>.columns {
float: left;
width: 20%
}
.small-up-5>.column:nth-of-type(1n),
.small-up-5>.columns:nth-of-type(1n) {
clear: none
}
.small-up-5>.column:nth-of-type(5n+1),
.small-up-5>.columns:nth-of-type(5n+1) {
clear: both
}
.small-up-5>.column:last-child,
.small-up-5>.columns:last-child {
float: left
}
.small-up-6>.column,
.small-up-6>.columns {
float: left;
width: 16.6666666667%
}
.small-up-6>.column:nth-of-type(1n),
.small-up-6>.columns:nth-of-type(1n) {
clear: none
}
.small-up-6>.column:nth-of-type(6n+1),
.small-up-6>.columns:nth-of-type(6n+1) {
clear: both
}
.small-up-6>.column:last-child,
.small-up-6>.columns:last-child {
float: left
}
.small-up-7>.column,
.small-up-7>.columns {
float: left;
width: 14.2857142857%
}
.small-up-7>.column:nth-of-type(1n),
.small-up-7>.columns:nth-of-type(1n) {
clear: none
}
.small-up-7>.column:nth-of-type(7n+1),
.small-up-7>.columns:nth-of-type(7n+1) {
clear: both
}
.small-up-7>.column:last-child,
.small-up-7>.columns:last-child {
float: left
}
.small-up-8>.column,
.small-up-8>.columns {
float: left;
width: 12.5%
}
.small-up-8>.column:nth-of-type(1n),
.small-up-8>.columns:nth-of-type(1n) {
clear: none
}
.small-up-8>.column:nth-of-type(8n+1),
.small-up-8>.columns:nth-of-type(8n+1) {
clear: both
}
.small-up-8>.column:last-child,
.small-up-8>.columns:last-child {
float: left
}
.small-collapse>.column,
.small-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.expanded.row .small-collapse.row,
.small-collapse .row {
margin-left: 0;
margin-right: 0
}
.small-uncollapse>.column,
.small-uncollapse>.columns {
padding-left: .5rem;
padding-right: .5rem
}
.small-centered {
margin-left: auto;
margin-right: auto
}
.small-centered,
.small-centered:last-child:not(:first-child) {
clear: both;
float: none
}
.small-pull-0,
.small-push-0,
.small-uncentered {
margin-left: 0;
margin-right: 0;
position: static
}
.small-pull-0,
.small-pull-0:last-child:not(:first-child),
.small-push-0,
.small-push-0:last-child:not(:first-child),
.small-uncentered,
.small-uncentered:last-child:not(:first-child) {
clear: none;
float: left
}
.small-pull-0:last-child:not(:first-child),
.small-push-0:last-child:not(:first-child),
.small-uncentered:last-child:not(:first-child) {
float: right
}
@media print,
screen and (min-width:48em) {
.medium-1 {
width: 8.3333333333%
}
.medium-push-1 {
left: 8.3333333333%;
position: relative
}
.medium-pull-1 {
left: -8.3333333333%;
position: relative
}
.medium-offset-0 {
margin-left: 0
}
.medium-2 {
width: 16.6666666667%
}
.medium-push-2 {
left: 16.6666666667%;
position: relative
}
.medium-pull-2 {
left: -16.6666666667%;
position: relative
}
.medium-offset-1 {
margin-left: 8.3333333333%
}
.medium-3 {
width: 25%
}
.medium-push-3 {
left: 25%;
position: relative
}
.medium-pull-3 {
left: -25%;
position: relative
}
.medium-offset-2 {
margin-left: 16.6666666667%
}
.medium-4 {
width: 33.3333333333%
}
.medium-push-4 {
left: 33.3333333333%;
position: relative
}
.medium-pull-4 {
left: -33.3333333333%;
position: relative
}
.medium-offset-3 {
margin-left: 25%
}
.medium-5 {
width: 41.6666666667%
}
.medium-push-5 {
left: 41.6666666667%;
position: relative
}
.medium-pull-5 {
left: -41.6666666667%;
position: relative
}
.medium-offset-4 {
margin-left: 33.3333333333%
}
.medium-6 {
width: 50%
}
.medium-push-6 {
left: 50%;
position: relative
}
.medium-pull-6 {
left: -50%;
position: relative
}
.medium-offset-5 {
margin-left: 41.6666666667%
}
.medium-7 {
width: 58.3333333333%
}
.medium-push-7 {
left: 58.3333333333%;
position: relative
}
.medium-pull-7 {
left: -58.3333333333%;
position: relative
}
.medium-offset-6 {
margin-left: 50%
}
.medium-8 {
width: 66.6666666667%
}
.medium-push-8 {
left: 66.6666666667%;
position: relative
}
.medium-pull-8 {
left: -66.6666666667%;
position: relative
}
.medium-offset-7 {
margin-left: 58.3333333333%
}
.medium-9 {
width: 75%
}
.medium-push-9 {
left: 75%;
position: relative
}
.medium-pull-9 {
left: -75%;
position: relative
}
.medium-offset-8 {
margin-left: 66.6666666667%
}
.medium-10 {
width: 83.3333333333%
}
.medium-push-10 {
left: 83.3333333333%;
position: relative
}
.medium-pull-10 {
left: -83.3333333333%;
position: relative
}
.medium-offset-9 {
margin-left: 75%
}
.medium-11 {
width: 91.6666666667%
}
.medium-push-11 {
left: 91.6666666667%;
position: relative
}
.medium-pull-11 {
left: -91.6666666667%;
position: relative
}
.medium-offset-10 {
margin-left: 83.3333333333%
}
.medium-12 {
width: 100%
}
.medium-offset-11 {
margin-left: 91.6666666667%
}
.medium-up-1>.column,
.medium-up-1>.columns {
float: left;
width: 100%
}
.medium-up-1>.column:nth-of-type(1n),
.medium-up-1>.columns:nth-of-type(1n) {
clear: none
}
.medium-up-1>.column:nth-of-type(1n+1),
.medium-up-1>.columns:nth-of-type(1n+1) {
clear: both
}
.medium-up-1>.column:last-child,
.medium-up-1>.columns:last-child {
float: left
}
.medium-up-2>.column,
.medium-up-2>.columns {
float: left;
width: 50%
}
.medium-up-2>.column:nth-of-type(1n),
.medium-up-2>.columns:nth-of-type(1n) {
clear: none
}
.medium-up-2>.column:nth-of-type(odd),
.medium-up-2>.columns:nth-of-type(odd) {
clear: both
}
.medium-up-2>.column:last-child,
.medium-up-2>.columns:last-child {
float: left
}
.medium-up-3>.column,
.medium-up-3>.columns {
float: left;
width: 33.3333333333%
}
.medium-up-3>.column:nth-of-type(1n),
.medium-up-3>.columns:nth-of-type(1n) {
clear: none
}
.medium-up-3>.column:nth-of-type(3n+1),
.medium-up-3>.columns:nth-of-type(3n+1) {
clear: both
}
.medium-up-3>.column:last-child,
.medium-up-3>.columns:last-child {
float: left
}
.medium-up-4>.column,
.medium-up-4>.columns {
float: left;
width: 25%
}
.medium-up-4>.column:nth-of-type(1n),
.medium-up-4>.columns:nth-of-type(1n) {
clear: none
}
.medium-up-4>.column:nth-of-type(4n+1),
.medium-up-4>.columns:nth-of-type(4n+1) {
clear: both
}
.medium-up-4>.column:last-child,
.medium-up-4>.columns:last-child {
float: left
}
.medium-up-5>.column,
.medium-up-5>.columns {
float: left;
width: 20%
}
.medium-up-5>.column:nth-of-type(1n),
.medium-up-5>.columns:nth-of-type(1n) {
clear: none
}
.medium-up-5>.column:nth-of-type(5n+1),
.medium-up-5>.columns:nth-of-type(5n+1) {
clear: both
}
.medium-up-5>.column:last-child,
.medium-up-5>.columns:last-child {
float: left
}
.medium-up-6>.column,
.medium-up-6>.columns {
float: left;
width: 16.6666666667%
}
.medium-up-6>.column:nth-of-type(1n),
.medium-up-6>.columns:nth-of-type(1n) {
clear: none
}
.medium-up-6>.column:nth-of-type(6n+1),
.medium-up-6>.columns:nth-of-type(6n+1) {
clear: both
}
.medium-up-6>.column:last-child,
.medium-up-6>.columns:last-child {
float: left
}
.medium-up-7>.column,
.medium-up-7>.columns {
float: left;
width: 14.2857142857%
}
.medium-up-7>.column:nth-of-type(1n),
.medium-up-7>.columns:nth-of-type(1n) {
clear: none
}
.medium-up-7>.column:nth-of-type(7n+1),
.medium-up-7>.columns:nth-of-type(7n+1) {
clear: both
}
.medium-up-7>.column:last-child,
.medium-up-7>.columns:last-child {
float: left
}
.medium-up-8>.column,
.medium-up-8>.columns {
float: left;
width: 12.5%
}
.medium-up-8>.column:nth-of-type(1n),
.medium-up-8>.columns:nth-of-type(1n) {
clear: none
}
.medium-up-8>.column:nth-of-type(8n+1),
.medium-up-8>.columns:nth-of-type(8n+1) {
clear: both
}
.medium-up-8>.column:last-child,
.medium-up-8>.columns:last-child {
float: left
}
.medium-collapse>.column,
.medium-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.expanded.row .medium-collapse.row,
.medium-collapse .row {
margin-left: 0;
margin-right: 0
}
.medium-uncollapse>.column,
.medium-uncollapse>.columns {
padding-left: 1rem;
padding-right: 1rem
}
.medium-centered {
margin-left: auto;
margin-right: auto
}
.medium-centered,
.medium-centered:last-child:not(:first-child) {
clear: both;
float: none
}
.medium-pull-0,
.medium-push-0,
.medium-uncentered {
margin-left: 0;
margin-right: 0;
position: static
}
.medium-pull-0,
.medium-pull-0:last-child:not(:first-child),
.medium-push-0,
.medium-push-0:last-child:not(:first-child),
.medium-uncentered,
.medium-uncentered:last-child:not(:first-child) {
clear: none;
float: left
}
.medium-pull-0:last-child:not(:first-child),
.medium-push-0:last-child:not(:first-child),
.medium-uncentered:last-child:not(:first-child) {
float: right
}
}
@media print,
screen and (min-width:64em) {
.large-1 {
width: 8.3333333333%
}
.large-push-1 {
left: 8.3333333333%;
position: relative
}
.large-pull-1 {
left: -8.3333333333%;
position: relative
}
.large-offset-0 {
margin-left: 0
}
.large-2 {
width: 16.6666666667%
}
.large-push-2 {
left: 16.6666666667%;
position: relative
}
.large-pull-2 {
left: -16.6666666667%;
position: relative
}
.large-offset-1 {
margin-left: 8.3333333333%
}
.large-3 {
width: 25%
}
.large-push-3 {
left: 25%;
position: relative
}
.large-pull-3 {
left: -25%;
position: relative
}
.large-offset-2 {
margin-left: 16.6666666667%
}
.large-4 {
width: 33.3333333333%
}
.large-push-4 {
left: 33.3333333333%;
position: relative
}
.large-pull-4 {
left: -33.3333333333%;
position: relative
}
.large-offset-3 {
margin-left: 25%
}
.large-5 {
width: 41.6666666667%
}
.large-push-5 {
left: 41.6666666667%;
position: relative
}
.large-pull-5 {
left: -41.6666666667%;
position: relative
}
.large-offset-4 {
margin-left: 33.3333333333%
}
.large-6 {
width: 50%
}
.large-push-6 {
left: 50%;
position: relative
}
.large-pull-6 {
left: -50%;
position: relative
}
.large-offset-5 {
margin-left: 41.6666666667%
}
.large-7 {
width: 58.3333333333%
}
.large-push-7 {
left: 58.3333333333%;
position: relative
}
.large-pull-7 {
left: -58.3333333333%;
position: relative
}
.large-offset-6 {
margin-left: 50%
}
.large-8 {
width: 66.6666666667%
}
.large-push-8 {
left: 66.6666666667%;
position: relative
}
.large-pull-8 {
left: -66.6666666667%;
position: relative
}
.large-offset-7 {
margin-left: 58.3333333333%
}
.large-9 {
width: 75%
}
.large-push-9 {
left: 75%;
position: relative
}
.large-pull-9 {
left: -75%;
position: relative
}
.large-offset-8 {
margin-left: 66.6666666667%
}
.large-10 {
width: 83.3333333333%
}
.large-push-10 {
left: 83.3333333333%;
position: relative
}
.large-pull-10 {
left: -83.3333333333%;
position: relative
}
.large-offset-9 {
margin-left: 75%
}
.large-11 {
width: 91.6666666667%
}
.large-push-11 {
left: 91.6666666667%;
position: relative
}
.large-pull-11 {
left: -91.6666666667%;
position: relative
}
.large-offset-10 {
margin-left: 83.3333333333%
}
.large-12 {
width: 100%
}
.large-offset-11 {
margin-left: 91.6666666667%
}
.large-up-1>.column,
.large-up-1>.columns {
float: left;
width: 100%
}
.large-up-1>.column:nth-of-type(1n),
.large-up-1>.columns:nth-of-type(1n) {
clear: none
}
.large-up-1>.column:nth-of-type(1n+1),
.large-up-1>.columns:nth-of-type(1n+1) {
clear: both
}
.large-up-1>.column:last-child,
.large-up-1>.columns:last-child {
float: left
}
.large-up-2>.column,
.large-up-2>.columns {
float: left;
width: 50%
}
.large-up-2>.column:nth-of-type(1n),
.large-up-2>.columns:nth-of-type(1n) {
clear: none
}
.large-up-2>.column:nth-of-type(odd),
.large-up-2>.columns:nth-of-type(odd) {
clear: both
}
.large-up-2>.column:last-child,
.large-up-2>.columns:last-child {
float: left
}
.large-up-3>.column,
.large-up-3>.columns {
float: left;
width: 33.3333333333%
}
.large-up-3>.column:nth-of-type(1n),
.large-up-3>.columns:nth-of-type(1n) {
clear: none
}
.large-up-3>.column:nth-of-type(3n+1),
.large-up-3>.columns:nth-of-type(3n+1) {
clear: both
}
.large-up-3>.column:last-child,
.large-up-3>.columns:last-child {
float: left
}
.large-up-4>.column,
.large-up-4>.columns {
float: left;
width: 25%
}
.large-up-4>.column:nth-of-type(1n),
.large-up-4>.columns:nth-of-type(1n) {
clear: none
}
.large-up-4>.column:nth-of-type(4n+1),
.large-up-4>.columns:nth-of-type(4n+1) {
clear: both
}
.large-up-4>.column:last-child,
.large-up-4>.columns:last-child {
float: left
}
.large-up-5>.column,
.large-up-5>.columns {
float: left;
width: 20%
}
.large-up-5>.column:nth-of-type(1n),
.large-up-5>.columns:nth-of-type(1n) {
clear: none
}
.large-up-5>.column:nth-of-type(5n+1),
.large-up-5>.columns:nth-of-type(5n+1) {
clear: both
}
.large-up-5>.column:last-child,
.large-up-5>.columns:last-child {
float: left
}
.large-up-6>.column,
.large-up-6>.columns {
float: left;
width: 16.6666666667%
}
.large-up-6>.column:nth-of-type(1n),
.large-up-6>.columns:nth-of-type(1n) {
clear: none
}
.large-up-6>.column:nth-of-type(6n+1),
.large-up-6>.columns:nth-of-type(6n+1) {
clear: both
}
.large-up-6>.column:last-child,
.large-up-6>.columns:last-child {
float: left
}
.large-up-7>.column,
.large-up-7>.columns {
float: left;
width: 14.2857142857%
}
.large-up-7>.column:nth-of-type(1n),
.large-up-7>.columns:nth-of-type(1n) {
clear: none
}
.large-up-7>.column:nth-of-type(7n+1),
.large-up-7>.columns:nth-of-type(7n+1) {
clear: both
}
.large-up-7>.column:last-child,
.large-up-7>.columns:last-child {
float: left
}
.large-up-8>.column,
.large-up-8>.columns {
float: left;
width: 12.5%
}
.large-up-8>.column:nth-of-type(1n),
.large-up-8>.columns:nth-of-type(1n) {
clear: none
}
.large-up-8>.column:nth-of-type(8n+1),
.large-up-8>.columns:nth-of-type(8n+1) {
clear: both
}
.large-up-8>.column:last-child,
.large-up-8>.columns:last-child {
float: left
}
.large-collapse>.column,
.large-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.expanded.row .large-collapse.row,
.large-collapse .row {
margin-left: 0;
margin-right: 0
}
.large-uncollapse>.column,
.large-uncollapse>.columns {
padding-left: 1rem;
padding-right: 1rem
}
.large-centered {
margin-left: auto;
margin-right: auto
}
.large-centered,
.large-centered:last-child:not(:first-child) {
clear: both;
float: none
}
.large-pull-0,
.large-push-0,
.large-uncentered {
margin-left: 0;
margin-right: 0;
position: static
}
.large-pull-0,
.large-pull-0:last-child:not(:first-child),
.large-push-0,
.large-push-0:last-child:not(:first-child),
.large-uncentered,
.large-uncentered:last-child:not(:first-child) {
clear: none;
float: left
}
.large-pull-0:last-child:not(:first-child),
.large-push-0:last-child:not(:first-child),
.large-uncentered:last-child:not(:first-child) {
float: right
}
}
@media screen and (min-width:80em) {
.xlarge-1 {
width: 8.3333333333%
}
.xlarge-push-1 {
left: 8.3333333333%;
position: relative
}
.xlarge-pull-1 {
left: -8.3333333333%;
position: relative
}
.xlarge-offset-0 {
margin-left: 0
}
.xlarge-2 {
width: 16.6666666667%
}
.xlarge-push-2 {
left: 16.6666666667%;
position: relative
}
.xlarge-pull-2 {
left: -16.6666666667%;
position: relative
}
.xlarge-offset-1 {
margin-left: 8.3333333333%
}
.xlarge-3 {
width: 25%
}
.xlarge-push-3 {
left: 25%;
position: relative
}
.xlarge-pull-3 {
left: -25%;
position: relative
}
.xlarge-offset-2 {
margin-left: 16.6666666667%
}
.xlarge-4 {
width: 33.3333333333%
}
.xlarge-push-4 {
left: 33.3333333333%;
position: relative
}
.xlarge-pull-4 {
left: -33.3333333333%;
position: relative
}
.xlarge-offset-3 {
margin-left: 25%
}
.xlarge-5 {
width: 41.6666666667%
}
.xlarge-push-5 {
left: 41.6666666667%;
position: relative
}
.xlarge-pull-5 {
left: -41.6666666667%;
position: relative
}
.xlarge-offset-4 {
margin-left: 33.3333333333%
}
.xlarge-6 {
width: 50%
}
.xlarge-push-6 {
left: 50%;
position: relative
}
.xlarge-pull-6 {
left: -50%;
position: relative
}
.xlarge-offset-5 {
margin-left: 41.6666666667%
}
.xlarge-7 {
width: 58.3333333333%
}
.xlarge-push-7 {
left: 58.3333333333%;
position: relative
}
.xlarge-pull-7 {
left: -58.3333333333%;
position: relative
}
.xlarge-offset-6 {
margin-left: 50%
}
.xlarge-8 {
width: 66.6666666667%
}
.xlarge-push-8 {
left: 66.6666666667%;
position: relative
}
.xlarge-pull-8 {
left: -66.6666666667%;
position: relative
}
.xlarge-offset-7 {
margin-left: 58.3333333333%
}
.xlarge-9 {
width: 75%
}
.xlarge-push-9 {
left: 75%;
position: relative
}
.xlarge-pull-9 {
left: -75%;
position: relative
}
.xlarge-offset-8 {
margin-left: 66.6666666667%
}
.xlarge-10 {
width: 83.3333333333%
}
.xlarge-push-10 {
left: 83.3333333333%;
position: relative
}
.xlarge-pull-10 {
left: -83.3333333333%;
position: relative
}
.xlarge-offset-9 {
margin-left: 75%
}
.xlarge-11 {
width: 91.6666666667%
}
.xlarge-push-11 {
left: 91.6666666667%;
position: relative
}
.xlarge-pull-11 {
left: -91.6666666667%;
position: relative
}
.xlarge-offset-10 {
margin-left: 83.3333333333%
}
.xlarge-12 {
width: 100%
}
.xlarge-offset-11 {
margin-left: 91.6666666667%
}
.xlarge-up-1>.column,
.xlarge-up-1>.columns {
float: left;
width: 100%
}
.xlarge-up-1>.column:nth-of-type(1n),
.xlarge-up-1>.columns:nth-of-type(1n) {
clear: none
}
.xlarge-up-1>.column:nth-of-type(1n+1),
.xlarge-up-1>.columns:nth-of-type(1n+1) {
clear: both
}
.xlarge-up-1>.column:last-child,
.xlarge-up-1>.columns:last-child {
float: left
}
.xlarge-up-2>.column,
.xlarge-up-2>.columns {
float: left;
width: 50%
}
.xlarge-up-2>.column:nth-of-type(1n),
.xlarge-up-2>.columns:nth-of-type(1n) {
clear: none
}
.xlarge-up-2>.column:nth-of-type(odd),
.xlarge-up-2>.columns:nth-of-type(odd) {
clear: both
}
.xlarge-up-2>.column:last-child,
.xlarge-up-2>.columns:last-child {
float: left
}
.xlarge-up-3>.column,
.xlarge-up-3>.columns {
float: left;
width: 33.3333333333%
}
.xlarge-up-3>.column:nth-of-type(1n),
.xlarge-up-3>.columns:nth-of-type(1n) {
clear: none
}
.xlarge-up-3>.column:nth-of-type(3n+1),
.xlarge-up-3>.columns:nth-of-type(3n+1) {
clear: both
}
.xlarge-up-3>.column:last-child,
.xlarge-up-3>.columns:last-child {
float: left
}
.xlarge-up-4>.column,
.xlarge-up-4>.columns {
float: left;
width: 25%
}
.xlarge-up-4>.column:nth-of-type(1n),
.xlarge-up-4>.columns:nth-of-type(1n) {
clear: none
}
.xlarge-up-4>.column:nth-of-type(4n+1),
.xlarge-up-4>.columns:nth-of-type(4n+1) {
clear: both
}
.xlarge-up-4>.column:last-child,
.xlarge-up-4>.columns:last-child {
float: left
}
.xlarge-up-5>.column,
.xlarge-up-5>.columns {
float: left;
width: 20%
}
.xlarge-up-5>.column:nth-of-type(1n),
.xlarge-up-5>.columns:nth-of-type(1n) {
clear: none
}
.xlarge-up-5>.column:nth-of-type(5n+1),
.xlarge-up-5>.columns:nth-of-type(5n+1) {
clear: both
}
.xlarge-up-5>.column:last-child,
.xlarge-up-5>.columns:last-child {
float: left
}
.xlarge-up-6>.column,
.xlarge-up-6>.columns {
float: left;
width: 16.6666666667%
}
.xlarge-up-6>.column:nth-of-type(1n),
.xlarge-up-6>.columns:nth-of-type(1n) {
clear: none
}
.xlarge-up-6>.column:nth-of-type(6n+1),
.xlarge-up-6>.columns:nth-of-type(6n+1) {
clear: both
}
.xlarge-up-6>.column:last-child,
.xlarge-up-6>.columns:last-child {
float: left
}
.xlarge-up-7>.column,
.xlarge-up-7>.columns {
float: left;
width: 14.2857142857%
}
.xlarge-up-7>.column:nth-of-type(1n),
.xlarge-up-7>.columns:nth-of-type(1n) {
clear: none
}
.xlarge-up-7>.column:nth-of-type(7n+1),
.xlarge-up-7>.columns:nth-of-type(7n+1) {
clear: both
}
.xlarge-up-7>.column:last-child,
.xlarge-up-7>.columns:last-child {
float: left
}
.xlarge-up-8>.column,
.xlarge-up-8>.columns {
float: left;
width: 12.5%
}
.xlarge-up-8>.column:nth-of-type(1n),
.xlarge-up-8>.columns:nth-of-type(1n) {
clear: none
}
.xlarge-up-8>.column:nth-of-type(8n+1),
.xlarge-up-8>.columns:nth-of-type(8n+1) {
clear: both
}
.xlarge-up-8>.column:last-child,
.xlarge-up-8>.columns:last-child {
float: left
}
.xlarge-collapse>.column,
.xlarge-collapse>.columns {
padding-left: 0;
padding-right: 0
}
.expanded.row .xlarge-collapse.row,
.xlarge-collapse .row {
margin-left: 0;
margin-right: 0
}
.xlarge-uncollapse>.column,
.xlarge-uncollapse>.columns {
padding-left: 1rem;
padding-right: 1rem
}
.xlarge-centered {
margin-left: auto;
margin-right: auto
}
.xlarge-centered,
.xlarge-centered:last-child:not(:first-child) {
clear: both;
float: none
}
.xlarge-pull-0,
.xlarge-push-0,
.xlarge-uncentered {
margin-left: 0;
margin-right: 0;
position: static
}
.xlarge-pull-0,
.xlarge-pull-0:last-child:not(:first-child),
.xlarge-push-0,
.xlarge-push-0:last-child:not(:first-child),
.xlarge-uncentered,
.xlarge-uncentered:last-child:not(:first-child) {
clear: none;
float: left
}
.xlarge-pull-0:last-child:not(:first-child),
.xlarge-push-0:last-child:not(:first-child),
.xlarge-uncentered:last-child:not(:first-child) {
float: right
}
}
.column-block {
margin-bottom: 1rem
}
.column-block>:last-child {
margin-bottom: 0
}
@media print,
screen and (min-width:48em) {
.column-block {
margin-bottom: 2rem
}
.column-block>:last-child {
margin-bottom: 0
}
}
.tips {
background: #dafaf3;
border-radius: 8px;
cursor: default;
display: block;
font-family: Inter, Roboto, Tahoma, Arial, Helvetica, serif;
padding: 5.2rem 3.5rem;
position: relative
}
@media screen and (max-width:1023px) {
.tips {
padding: 5rem 2.2rem
}
}
@media screen and (max-width:413px) {
.tips {
padding: 5rem .9rem 3rem;
padding: 5rem .9rem
}
}
.tips__button-close {
align-items: center;
cursor: pointer;
display: flex;
justify-content: center;
padding: 1.125rem;
position: absolute;
right: 0;
top: 0;
z-index: 10
}
.tips_buttonBlock {
background: #0067f2;
color: #fff;
cursor: pointer;
font-size: 13px;
font-style: normal;
font-weight: 600;
grid-area: button;
height: 56px;
line-height: 16px;
max-width: 346px;
padding: 20px 32px;
text-align: center;
text-transform: uppercase;
width: 100%
}
.tips_buttonBlock:active,
.tips_buttonBlock:focus,
.tips_buttonBlock:hover {
color: #fff
}
.tips__wrapper {
display: grid;
grid-template-areas: "title tips-right""desc button"
}
@media(max-width:767px) {
.tips__wrapper {
grid-template-areas: "title""tips-right""desc""button";
justify-items: center
}
}
.tips__wrapper-image {
left: -17%;
pointer-events: none;
position: absolute;
top: -45%;
transform: translateX(61px);
user-select: none
}
@media(max-width:767px) {
.tips__wrapper-image {
left: -23%;
top: -11%;
transform: translateX(-95px)
}
}
.tips__image {
max-width: inherit;
width: 100%
}
@media(max-width:767px) {
.tips__image {
width: 165%
}
}
.tips__content {
text-align: left
}
@media screen and (max-width:768px) {
.tips__content {
text-align: center
}
}
.tips__text {
display: inline-block;
font-style: normal
}
.tips__list {
align-items: flex-start;
display: flex;
flex-direction: column;
list-style: none;
margin-left: 0
}
.tips__item {
margin-bottom: .5rem;
margin-top: .5rem;
padding-left: 1.875rem;
position: relative
}
.tips__item:first-child {
margin-top: 0
}
@media screen and (max-width:768px) {
.tips__item {
margin-bottom: .875rem;
margin-top: .875rem
}
}
.tips__item-icon {
height: 1.25rem;
left: -1.875rem;
position: absolute;
top: .188rem;
width: 1.25rem
}
.tips__item-icon path,
.tips__item-icon rect {
transition: fill .3s ease-out
}
@media(max-width:767px) {
.tips__item-icon {
top: 0
}
}
.tips__link {
color: #ffe74c;
cursor: pointer;
font-family: FontParagraph, var(--fallback-font-paragraph), Tahoma, Arial, Helvetica, serif;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.15;
position: relative;
text-decoration: none
}
.tips__link:before {
background-color: #ffe74c;
bottom: -.125rem;
content: "";
height: 1px;
left: 0;
opacity: 1;
position: absolute;
right: 0;
transition: opacity .3s ease-out;
width: 100%
}
.tips__link:active,
.tips__link:focus,
.tips__link:hover {
color: #ffe019
}
.tips__link:active:before,
.tips__link:focus:before,
.tips__link:hover:before {
opacity: 0
}
.tips__link:active .tips__item-icon rect,
.tips__link:focus .tips__item-icon rect,
.tips__link:hover .tips__item-icon rect {
fill: #ffe019
}
.tips__link:active .tips__item-icon path,
.tips__link:focus .tips__item-icon path,
.tips__link:hover .tips__item-icon path {
fill: #262c3e
}
@media screen and (max-width:768px) {
.tips__link {
font-size: .813rem
}
}
.tips-left__title {
color: #000;
display: inline-block;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 900;
grid-area: title;
line-height: 155%;
margin-right: 40px;
max-width: 270px
}
@media(max-width:1023px) {
.tips-left__title {
line-height: 125%
}
}
@media(max-width:767px) {
.tips-left__title {
font-size: 24px;
margin: 0 0 32px;
text-align: center
}
}
.tips-left__text {
align-self: center;
color: #000;
font-size: 21px;
font-weight: 500;
grid-area: desc;
line-height: 116%;
max-width: 270px
}
@media(max-width:767px) {
.tips-left__text {
font-size: 18px;
margin-bottom: 24px;
text-align: center
}
}
.tips-right {
align-items: center;
display: flex;
flex-wrap: nowrap;
grid-area: tips-right;
margin-bottom: 56px
}
@media(max-width:767px) {
.tips-right {
margin-bottom: 48px
}
}
.tips-right__text {
color: #000;
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 125%;
margin-bottom: 0;
margin-left: 23px;
max-width: 233px
}
@media screen and (max-width:1023px) {
.tips-right__text {
font-size: 32px
}
}
@media screen and (max-width:767px) {
.tips-right__text {
font-size: 24px;
max-width: 134px
}
}
.tabs {
box-shadow: 0 1px 12px rgba(0, 0, 0, .1)
}
.tabs__menu {
background: #fff;
border-width: .1875rem .1875rem 0
}
.tabs__tab-content {
padding: 1.5rem
}
.tabs__tab {
color: #3772ff;
display: inline-block;
font-weight: 900;
padding: 1.25rem 1.5rem
}
.tabs__tab.active {
color: #000
}
.comments-tab__title {
margin-right: .625rem
}
.comments-tab__quatity,
.comments-tab__title {
display: inline-block
}
.bread-crumbs {
border-bottom: 1px solid rgba(178, 188, 195, .5);
padding: 1rem 0
}
.bread-crumbs__item {
word-wrap: break-word;
display: inline-block;
font-size: .75rem;
line-height: 1.5;
max-width: 100%;
vertical-align: middle
}
.bread-crumbs__item a {
color: #343e45
}
.bread-crumbs__arrow {
line-height: 0
}
.bread-crumbs__arrow svg {
height: 2.5rem;
line-height: 0;
width: 1.875rem
}
.bread-crumbs__delimiter:before {
color: #647886;
content: "/";
display: inline-block;
padding: 0 .5rem
}
.bread-crumbs__item_active {
color: #000;
font-weight: 900
}
@media print,
screen and (min-width:48em) {
.bread-crumbs__item {
font-size: .8125rem
}
}
@media print,
screen and (min-width:64em) {
.large-1-of-9 {
float: left;
padding-left: .5rem;
padding-right: .5rem;
width: 11.1111111111%
}
}
@media print,
screen and (min-width:64em)and (min-width:48em) {
.large-1-of-9 {
padding-left: 1rem;
padding-right: 1rem
}
}
@media print,
screen and (min-width:64em) {
.large-1-of-9,
.large-1-of-9:last-child:not(:first-child) {
clear: none;
float: left
}
.large-1-of-9:last-child:not(:first-child) {
float: right
}
.large-2-of-9 {
float: left;
padding-left: .5rem;
padding-right: .5rem;
width: 22.2222222222%
}
}
@media print,
screen and (min-width:64em)and (min-width:48em) {
.large-2-of-9 {
padding-left: 1rem;
padding-right: 1rem
}
}
@media print,
screen and (min-width:64em) {
.large-2-of-9,
.large-2-of-9:last-child:not(:first-child) {
clear: none;
float: left
}
.large-2-of-9:last-child:not(:first-child) {
float: right
}
.large-7-of-9 {
float: left;
padding-left: .5rem;
padding-right: .5rem;
width: 77.7777777778%
}
}
@media print,
screen and (min-width:64em)and (min-width:48em) {
.large-7-of-9 {
padding-left: 1rem;
padding-right: 1rem
}
}
@media print,
screen and (min-width:64em) {
.large-7-of-9,
.large-7-of-9:last-child:not(:first-child) {
clear: none;
float: left
}
.large-7-of-9:last-child:not(:first-child) {
float: right
}
.large-8-of-9 {
float: left;
padding-left: .5rem;
padding-right: .5rem;
width: 88.8888888889%
}
}
@media print,
screen and (min-width:64em)and (min-width:48em) {
.large-8-of-9 {
padding-left: 1rem;
padding-right: 1rem
}
}
@media print,
screen and (min-width:64em) {
.large-8-of-9,
.large-8-of-9:last-child:not(:first-child) {
clear: none;
float: left
}
.large-8-of-9:last-child:not(:first-child) {
float: right
}
.large-4-of-9 {
float: left;
padding-left: .5rem;
padding-right: .5rem;
width: 44.4444444444%
}
}
@media print,
screen and (min-width:64em)and (min-width:48em) {
.large-4-of-9 {
padding-left: 1rem;
padding-right: 1rem
}
}
@media print,
screen and (min-width:64em) {
.large-4-of-9,
.large-4-of-9:last-child:not(:first-child) {
clear: none;
float: left
}
.large-4-of-9:last-child:not(:first-child) {
float: right
}
}
.small-4-of-9 {
float: left;
padding-left: .5rem;
padding-right: .5rem;
width: 44.4444444444%
}
@media print,
screen and (min-width:48em) {
.small-4-of-9 {
padding-left: 1rem;
padding-right: 1rem
}
}
.small-4-of-9,
.small-4-of-9:last-child:not(:first-child) {
clear: none;
float: left
}
.small-4-of-9:last-child:not(:first-child) {
float: right
}
.inline-column {
float: none !important;
padding-left: .5rem;
padding-right: .5rem
}
@media print,
screen and (min-width:48em) {
.inline-column {
padding-left: 1rem;
padding-right: 1rem
}
}
.row .row {
max-width: 85.5rem;
max-width: 86.5rem
}
@media print,
screen and (max-width:79.99875em) {
.show-for-xlarge {
display: none !important
}
}
@media screen and (min-width:80em) {
.hide-for-xlarge {
display: none !important
}
}
.display-flex {
display: flex
}
.svg-icon {
box-sizing: content-box;
line-height: 0
}
.svg-icon svg {
display: inline-block;
line-height: 0;
vertical-align: middle
}
.svg-icon_medium svg {
max-height: 1.5rem;
max-width: 1.5rem
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.svg-icon_medium svg {
max-height: 1.75rem;
max-width: 1.75rem
}
}
.svg-icon_cart svg {
max-height: 1.125rem;
max-width: 1.125rem
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.svg-icon_cart svg {
max-height: 1.375rem;
max-width: 1.375rem
}
}
.svg-icon_smallx svg {
max-height: 1.25rem;
max-width: 1.25rem
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.svg-icon_smallx svg {
max-height: 1.5rem;
max-width: 1.5rem
}
}
.svg-icon_small svg {
max-height: .75rem;
max-width: .75rem
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.svg-icon_small svg {
max-height: 1rem;
max-width: 1rem
}
}
.simple-nav__item {
display: inline-block;
vertical-align: middle
}
.simple-nav__item a,
.simple-nav__item a:active,
.simple-nav__item a:focus,
.simple-nav__item a:hover {
color: #3772ff
}
.simple-nav__delimiter:before {
color: #999;
content: "/";
display: inline-block;
padding: 0 .3125rem
}
.user-inner {
*zoom: 1;
word-wrap: break-word;
color: #343e45;
font-size: 1rem;
font-weight: 500;
-webkit-line-break: after-white-space;
overflow: hidden
}
.user-inner h2,
.user-inner h3,
.user-inner h4,
.user-inner h5,
.user-inner h6 {
word-wrap: break-word;
font-weight: 400;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
-o-hyphens: manual;
hyphens: manual;
line-height: 1.5;
margin: 0;
word-break: break-word
}
.user-inner h2 {
font-size: 1.1875rem
}
.user-inner h3,
.user-inner h4 {
font-size: 1.125rem
}
.user-inner h5 {
font-size: 1.0625rem
}
.user-inner h6 {
font-size: 1rem
}
@media print,
screen and (min-width:48em) {
.user-inner ol,
.user-inner p,
.user-inner ul {
font-size: 1rem
}
.user-inner h2 {
font-size: 2rem
}
.user-inner h3 {
font-size: 1.75rem
}
.user-inner h4 {
font-size: 1.5rem
}
.user-inner h5 {
font-size: 1.25rem
}
.user-inner h6 {
font-size: 1.125rem
}
}
@media print,
screen and (min-width:64em) {
.user-inner ol,
.user-inner p,
.user-inner ul {
font-size: 1.125rem
}
.user-inner h2 {
font-size: 2rem
}
.user-inner h3 {
font-size: 1.75rem
}
.user-inner h4 {
font-size: 1.5625rem
}
.user-inner h5 {
font-size: 1.25rem
}
.user-inner h6 {
font-size: 1.125rem
}
.user-inner span[style*="font-size: 40px"],
.user-inner span[style*="font-size: 50px"],
.user-inner span[style*="font-size: 60px"] {
line-height: 1.1
}
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.user-inner span[style*="font-size: 11"] {
font-size: .6875rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 12"] {
font-size: .75rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 13"] {
font-size: .8125rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 14"] {
font-size: .875rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 15"] {
font-size: .9375rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 16"] {
font-size: 1rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 17"] {
font-size: 1.0625rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 18"] {
font-size: 1.125rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 19"] {
font-size: 1.1875rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 20"] {
font-size: 1.25rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 25"] {
font-size: 1.375rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 30"] {
font-size: 1.5rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 35"] {
font-size: 1.75rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 40"] {
font-size: 2rem !important;
line-height: 1.1
}
.user-inner span[style*="font-size: 50"] {
font-size: 2.5rem !important;
line-height: 1.1
}
.user-inner span[style*="font-size: 60"] {
font-size: 3rem !important;
line-height: 1.1
}
}
@media print,
screen and (max-width:47.99875em) {
.user-inner span[style*="font-size: 11"],
.user-inner span[style*="font-size: 12"] {
font-size: .75rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 13"],
.user-inner span[style*="font-size: 14"] {
font-size: .875rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 15"],
.user-inner span[style*="font-size: 16"],
.user-inner span[style*="font-size: 17"] {
font-size: 1rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 18"],
.user-inner span[style*="font-size: 19"] {
font-size: 1.0625rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 20"],
.user-inner span[style*="font-size: 25"] {
font-size: 1.125rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 30"],
.user-inner span[style*="font-size: 35"] {
font-size: 1.25rem !important;
line-height: 1.5
}
.user-inner span[style*="font-size: 40"] {
font-size: 1.25rem !important;
line-height: 1.3
}
.user-inner span[style*="font-size: 50"] {
font-size: 1.375rem !important;
line-height: 1.3
}
.user-inner span[style*="font-size: 60"] {
font-size: 1.5rem !important;
line-height: 1.3
}
.user-inner img:not(.mce-object-iframe):not(.video-intext) {
width: auto !important
}
}
@media print,
screen and (max-width:63.99875em) {
.user-inner ol,
.user-inner p,
.user-inner ul {
line-height: 1.5
}
.user-inner img:not(.mce-object-iframe):not(.video-intext) {
margin-bottom: .625rem;
max-width: 100% !important
}
.user-inner .video__wrapper {
display: inline-block;
height: 0;
padding-bottom: 56.25% !important;
padding-top: 25px;
position: relative;
width: 100% !important
}
.user-inner .video__wrapper iframe.video__frame {
height: 100% !important;
left: 0;
position: absolute;
top: 0;
width: 100% !important
}
.user-inner iframe {
width: 100% !important
}
.user-inner iframe.rutube,
.user-inner iframe.vimeo,
.user-inner iframe.youtube {
min-height: 100% !important
}
.user-inner table {
display: none !important
}
.user-inner table td,
.user-inner table tr {
height: auto !important
}
.user-inner__table {
overflow-x: scroll;
width: 100%
}
.user-inner__table table {
display: table !important
}
}
.user-inner:after,
.user-inner:before {
content: "";
display: table;
line-height: 0
}
.user-inner:after {
clear: both
}
.user-inner img:not(.mce-object-iframe):not(.mce-pagebreak) {
display: inline-block;
height: auto !important
}
.user-inner a {
border: none;
color: #3066be;
text-decoration: underline
}
.user-inner a:hover {
text-decoration: none
}
.user-inner a img {
display: inline
}
.user-inner p {
margin: 0;
overflow: initial !important
}
.user-inner ol,
.user-inner p,
.user-inner ul {
word-wrap: break-word;
font-size: 1rem;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
-o-hyphens: manual;
hyphens: manual;
line-height: 1.5;
word-break: break-word
}
.user-inner ul {
list-style: disc;
margin: 10px 0 10px 30px;
padding: 0
}
.user-inner ul li {
margin-bottom: 8px
}
.user-inner ol {
margin-left: 18px
}
.user-inner ol li {
list-style: decimal;
margin: 0 0 8px 16px;
padding-left: 0
}
.user-inner .-underline {
text-decoration: underline
}
.user-inner .-pull-center {
margin: auto
}
.user-inner .-pull-left {
float: left
}
.user-inner .-pull-right {
float: right
}
.user-inner .video__wrapper {
display: inline-block;
height: 0;
padding-bottom: 56.25%;
padding-top: 25px;
position: relative;
width: 100%
}
.user-inner .video__wrapper iframe.video__frame {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.user-inner iframe {
border: none
}
.user-inner table,
.user-inner td,
.user-inner tr {
font-weight: 400
}
.user-inner table td {
padding: 3px 5px
}
.user-inner table.bordered {
border-collapse: collapse
}
.user-inner table.bordered,
.user-inner table.bordered td {
border: 1px solid #cacaca !important
}
.user-inner i {
background: none !important;
height: auto;
position: relative !important;
width: auto
}
.pagination {
display: inline-block;
margin: 0 auto;
padding: 0 2.6875rem;
position: relative;
text-align: center;
width: 100%
}
.pagination>li {
display: inline-block;
font-size: 18px !important;
line-height: 36px;
margin-right: 10px
}
.pagination>li a {
background-color: #fff;
border: 2px solid #303030;
border-radius: 5px;
color: #303030;
display: block;
height: 36px;
min-width: 36px;
text-decoration: none
}
.pagination>li a:hover {
background-color: #0a0a0a;
border-color: #0a0a0a;
color: #fff
}
.pagination__item,
.pagination__item:focus {
color: #999;
cursor: pointer;
display: inline-block;
font-family: FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif;
font-size: .9375rem;
font-weight: 500;
height: 2.5rem;
line-height: 2.5rem;
margin: 0 .1875rem;
text-align: center;
width: 1.25rem
}
.pagination__item:hover {
color: rgba(34, 34, 34, .8)
}
.pagination__item_active {
color: hsla(0, 0%, 7%, .8);
cursor: default
}
.pagination__item_active:hover {
color: rgba(0, 0, 0, .8)
}
.pagination__item_three-dots {
border: none;
cursor: default;
font-size: .75rem;
width: .9375rem
}
.pagination__item_three-dots:hover {
background: none
}
.pagination__arrow_right {
right: 0;
top: 0
}
.pagination__arrow_left {
left: 0
}
.pagination__arrow_left,
.pagination__arrow_right {
background: #eee;
color: rgba(34, 34, 34, .8);
display: inline-block;
font-size: 1.25rem;
height: 2.5rem;
line-height: 2.5rem;
position: absolute;
width: 2.5rem
}
.pagination__arrow_left svg,
.pagination__arrow_right svg {
max-height: 2.5rem;
max-width: 2.5rem
}
.pagination__arrow_disabled {
opacity: .5
}
.pagination #over {
background-color: #f1f1f1;
border: 2px solid #f1f1f1;
border-radius: 5px;
color: #454545;
height: 36px;
min-width: 36px
}
@media print,
screen and (min-width:48em) {
.pagination_min-width {
width: auto
}
.pagination__item,
.pagination__item:focus {
font-size: 1.25rem;
margin: 0 .625rem .625rem;
width: 1.5625rem
}
}
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none
}
.noUi-target {
direction: ltr;
position: relative
}
.noUi-base {
height: 100%;
position: relative;
width: 100%;
z-index: 1
}
.noUi-origin {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.noUi-handle {
position: relative;
z-index: 1
}
.noUi-stacking .noUi-handle {
z-index: 10
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left .3s, top .3s;
transition: left .3s, top .3s
}
.noUi-state-drag * {
cursor: inherit !important
}
.noUi-base,
.noUi-handle {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.noUi-horizontal {
height: 18px
}
.noUi-horizontal .noUi-handle {
height: 28px;
left: -17px;
top: -6px;
width: 34px
}
.noUi-vertical {
width: 18px
}
.noUi-vertical .noUi-handle {
height: 34px;
left: -6px;
top: -17px;
width: 28px
}
.noUi-background {
background: #fafafa;
box-shadow: inset 0 1px 1px #f0f0f0
}
.noUi-connect {
background: #3fb8af;
box-shadow: inset 0 0 3px rgba(51, 51, 51, .45);
-webkit-transition: background .45s;
transition: background .45s
}
.noUi-origin {
border-radius: 2px
}
.noUi-target {
border: 1px solid #d3d3d3;
border-radius: 4px;
box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}
.noUi-target.noUi-connect {
box-shadow: inset 0 0 3px rgba(51, 51, 51, .45), 0 3px 6px -5px #bbb
}
.noUi-draggable {
cursor: w-resize
}
.noUi-vertical .noUi-draggable {
cursor: n-resize
}
.noUi-handle {
background: #fff;
border: 1px solid #d9d9d9;
border-radius: 3px;
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
cursor: default
}
.noUi-active {
box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}
.noUi-handle:after,
.noUi-handle:before {
background: #e8e7e6;
content: "";
display: block;
height: 14px;
left: 14px;
position: absolute;
top: 6px;
width: 1px
}
.noUi-handle:after {
left: 17px
}
.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
height: 1px;
left: 6px;
top: 14px;
width: 14px
}
.noUi-vertical .noUi-handle:after {
top: 17px
}
[disabled] .noUi-connect,
[disabled].noUi-connect {
background: #b8b8b8
}
[disabled] .noUi-handle,
[disabled].noUi-origin {
cursor: not-allowed
}
.noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box
}
.noUi-pips {
color: #999;
position: absolute
}
.noUi-value {
position: absolute;
text-align: center
}
.noUi-value-sub {
color: #ccc;
font-size: 10px
}
.noUi-marker {
background: #ccc;
position: absolute
}
.noUi-marker-large,
.noUi-marker-sub {
background: #aaa
}
.noUi-pips-horizontal {
height: 80px;
left: 0;
padding: 10px 0;
top: 100%;
width: 100%
}
.noUi-value-horizontal {
-webkit-transform: translate3d(-50%, 50%, 0);
transform: translate3d(-50%, 50%, 0)
}
.noUi-marker-horizontal.noUi-marker {
height: 5px;
margin-left: -1px;
width: 2px
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px
}
.noUi-pips-vertical {
height: 100%;
left: 100%;
padding: 0 10px;
top: 0
}
.noUi-value-vertical {
padding-left: 25px;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.noUi-marker-vertical.noUi-marker {
height: 2px;
margin-top: -1px;
width: 5px
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px
}
.noUi-tooltip {
background: #fff;
border: 1px solid #d9d9d9;
border-radius: 3px;
display: block;
padding: 5px;
position: absolute;
text-align: center
}
.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
top: -32px
}
.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
bottom: -32px
}
.noUi-vertical .noUi-handle-lower .noUi-tooltip {
left: 120%
}
.noUi-vertical .noUi-handle-upper .noUi-tooltip {
right: 120%
}
.marker {
bottom: 0;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1
}
.marker-icon {
border-radius: .25em;
left: -5px;
position: absolute;
top: -10px;
width: fit-content
}
.marker-icon .left,
.marker-icon .right {
display: none
}
.marker-icon .center {
align-items: center;
display: flex;
font-weight: 500;
height: 1.75rem;
justify-content: center;
line-height: normal;
padding: .25rem
}
.marker-icon .text {
color: #fff;
display: inline-block;
font-size: .6875rem;
font-weight: 500;
text-transform: uppercase
}
.marker-icon.type-1 {
background: #00b4d8
}
.marker-icon.type-2 {
background: #ea2b1f
}
.marker-icon.type-3 {
background: #f75c03
}
.marker-icon.type-4 {
background: #d741a7
}
.marker-icon.type-5 {
background: #028090
}
.marker-icon.type-6 {
background: #03adc2
}
.marker-icon.type-7 {
background: #03cae4
}
.marker-icon.type-8 {
background: #731dd8
}
.marker-icon.type-9 {
background: #b33c86
}
.marker-icon.type-10 {
background: #ff9f1c
}
.marker-icon.type-11 {
background: #ef476f
}
.marker-icon.type-12 {
background: #0dbf76
}
.marker-icon.type-13 {
background: #a780e5
}
.marker-icon.type-14 {
background: #4d99de
}
.marker-icon.type-15 {
background: #008fff
}
.marker-icon.type-16 {
background: #0dbf76
}
.marker-icon.type-17 {
background: #ff7900
}
.marker-icon.type-18 {
background: #008fff
}
.marker-icon.type-19 {
background: #e22baa
}
.marker-icon.type-20 {
background: #603cba
}
.marker-icon.type-21 {
background: #e22baa
}
.marker-icon.type-22 {
background: #008fff
}
.marker-icon.type-23 {
background: #57d
}
.marker-icon.type-24 {
background: #690
}
.marker-icon.type-25 {
background: #008fff
}
.marker-icon.type-26 {
background: #0dbf76
}
.marker-icon.type-27 {
background: #ff7900
}
.marker-icon.type-28 {
background: #008fff
}
.marker-icon.type-29 {
background: #e22baa
}
.marker-icon.type-30 {
background: #603cba
}
.marker-icon.type-31,
.marker-icon.type-32,
.marker-icon.type-34 {
background: #e22baa
}
.marker-icon.type-35 {
background: #17259e
}
.marker-icon.type-36 {
background: #818f9a
}
.marker.type-33 {
align-items: center;
bottom: 0;
display: flex;
justify-content: center;
left: auto;
right: auto;
top: auto;
width: 100%;
z-index: 1
}
.marker .type-33 {
background-color: #8d99ae;
left: auto;
top: auto;
width: fit-content
}
.marker .type-33,
.modal-open {
position: relative
}
.fancybox-skin.site-popup,
.mfp-content.site-popup {
color: #000
}
.fancybox-skin.site-popup a,
.mfp-content.site-popup a {
color: #3772ff
}
.fancybox-skin.site-popup section,
.mfp-content.site-popup section {
background-color: #fff !important;
padding: 20px
}
.fancybox-skin.site-popup footer,
.fancybox-skin.site-popup header,
.fancybox-skin.site-popup section,
.mfp-content.site-popup footer,
.mfp-content.site-popup header,
.mfp-content.site-popup section {
border-radius: 0 !important
}
.fancybox-skin.site-popup header,
.fancybox-skin.site-popup header h1,
.mfp-content.site-popup header,
.mfp-content.site-popup header h1 {
background-color: transparent;
border: none !important;
color: #111;
font-size: 24px;
font-weight: 400;
text-align: center
}
.fancybox-skin.imageGallery,
.fancybox-skin.site-popup,
.mfp-content.imageGallery,
.mfp-content.site-popup {
background: none;
border-radius: 0;
box-shadow: none !important;
color: #888;
font-size: .75rem;
padding: 0 !important
}
.fancybox-skin.imageGallery .fancybox-outer,
.fancybox-skin.site-popup .fancybox-outer,
.mfp-content.imageGallery .fancybox-outer,
.mfp-content.site-popup .fancybox-outer {
border: solid #fff !important;
border-width: 0 .625rem !important
}
.fancybox-skin.imageGallery .fancybox-outer .fancybox-inner,
.fancybox-skin.site-popup .fancybox-outer .fancybox-inner,
.mfp-content.imageGallery .fancybox-outer .fancybox-inner,
.mfp-content.site-popup .fancybox-outer .fancybox-inner {
margin: auto !important;
z-index: 1112
}
.fancybox-skin.imageGallery .fancybox-outer .fancybox-inner .window:not(.set-sized),
.fancybox-skin.site-popup .fancybox-outer .fancybox-inner .window:not(.set-sized),
.mfp-content.imageGallery .fancybox-outer .fancybox-inner .window:not(.set-sized),
.mfp-content.site-popup .fancybox-outer .fancybox-inner .window:not(.set-sized) {
background-color: #f9f9f9;
border-radius: 4px
}
.fancybox-skin.imageGallery .fancybox-outer .fancybox-inner .window:not(.set-sized) header,
.fancybox-skin.site-popup .fancybox-outer .fancybox-inner .window:not(.set-sized) header,
.mfp-content.imageGallery .fancybox-outer .fancybox-inner .window:not(.set-sized) header,
.mfp-content.site-popup .fancybox-outer .fancybox-inner .window:not(.set-sized) header {
border-bottom: 1px solid #e0e0e0;
height: 14px;
padding: 7px 3px 7px 7px
}
.fancybox-skin.imageGallery .fancybox-outer .window>header,
.fancybox-skin.site-popup .fancybox-outer .window>header,
.mfp-content.imageGallery .fancybox-outer .window>header,
.mfp-content.site-popup .fancybox-outer .window>header {
color: #fff;
font-size: 13px
}
.fancybox-skin.imageGallery .fancybox-outer #windowContent,
.fancybox-skin.site-popup .fancybox-outer #windowContent,
.mfp-content.imageGallery .fancybox-outer #windowContent,
.mfp-content.site-popup .fancybox-outer #windowContent {
margin: 0
}
.fancybox-skin.imageGallery .fancybox-outer #photo-plate,
.fancybox-skin.site-popup .fancybox-outer #photo-plate,
.mfp-content.imageGallery .fancybox-outer #photo-plate,
.mfp-content.site-popup .fancybox-outer #photo-plate {
background-color: #fff
}
.fancybox-skin.imageGallery .fancybox-outer .fancybox-nav,
.fancybox-skin.site-popup .fancybox-outer .fancybox-nav,
.mfp-content.imageGallery .fancybox-outer .fancybox-nav,
.mfp-content.site-popup .fancybox-outer .fancybox-nav {
position: absolute;
z-index: 1115
}
.fancybox-skin.imageGallery .fancybox-outer .fancybox-prev span:before,
.fancybox-skin.site-popup .fancybox-outer .fancybox-prev span:before,
.mfp-content.imageGallery .fancybox-outer .fancybox-prev span:before,
.mfp-content.site-popup .fancybox-outer .fancybox-prev span:before {
background-size: initial;
color: #fff;
font-size: 1.875rem;
left: .8125rem;
line-height: inherit;
transform: rotate(135deg)
}
.fancybox-skin.imageGallery .fancybox-outer .fancybox-next span:before,
.fancybox-skin.site-popup .fancybox-outer .fancybox-next span:before,
.mfp-content.imageGallery .fancybox-outer .fancybox-next span:before,
.mfp-content.site-popup .fancybox-outer .fancybox-next span:before {
right: .8125rem;
transform: rotate(-45deg)
}
.fancybox-skin.imageGallery .fancybox-outer .fancybox-next,
.fancybox-skin.imageGallery .fancybox-outer .fancybox-prev,
.fancybox-skin.site-popup .fancybox-outer .fancybox-next,
.fancybox-skin.site-popup .fancybox-outer .fancybox-prev,
.mfp-content.imageGallery .fancybox-outer .fancybox-next,
.mfp-content.imageGallery .fancybox-outer .fancybox-prev,
.mfp-content.site-popup .fancybox-outer .fancybox-next,
.mfp-content.site-popup .fancybox-outer .fancybox-prev {
opacity: 0;
text-align: center;
transition-duration: .4s;
transition-property: opacity;
width: 40% !important
}
.fancybox-skin.imageGallery .fancybox-outer .fancybox-next:hover,
.fancybox-skin.imageGallery .fancybox-outer .fancybox-prev:hover,
.fancybox-skin.site-popup .fancybox-outer .fancybox-next:hover,
.fancybox-skin.site-popup .fancybox-outer .fancybox-prev:hover,
.mfp-content.imageGallery .fancybox-outer .fancybox-next:hover,
.mfp-content.imageGallery .fancybox-outer .fancybox-prev:hover,
.mfp-content.site-popup .fancybox-outer .fancybox-next:hover,
.mfp-content.site-popup .fancybox-outer .fancybox-prev:hover {
opacity: 1
}
.fancybox-skin.imageGallery .fancybox-outer .fancybox-next span,
.fancybox-skin.imageGallery .fancybox-outer .fancybox-prev span,
.fancybox-skin.site-popup .fancybox-outer .fancybox-next span,
.fancybox-skin.site-popup .fancybox-outer .fancybox-prev span,
.mfp-content.imageGallery .fancybox-outer .fancybox-next span,
.mfp-content.imageGallery .fancybox-outer .fancybox-prev span,
.mfp-content.site-popup .fancybox-outer .fancybox-next span,
.mfp-content.site-popup .fancybox-outer .fancybox-prev span {
background-color: rgba(0, 0, 0, .5);
border: 2px solid #fff;
visibility: visible
}
.fancybox-skin.imageGallery .fancybox-outer .fancybox-next span:before,
.fancybox-skin.imageGallery .fancybox-outer .fancybox-prev span:before,
.fancybox-skin.site-popup .fancybox-outer .fancybox-next span:before,
.fancybox-skin.site-popup .fancybox-outer .fancybox-prev span:before,
.mfp-content.imageGallery .fancybox-outer .fancybox-next span:before,
.mfp-content.imageGallery .fancybox-outer .fancybox-prev span:before,
.mfp-content.site-popup .fancybox-outer .fancybox-next span:before,
.mfp-content.site-popup .fancybox-outer .fancybox-prev span:before {
border-bottom: .125rem solid #fff;
border-right: .125rem solid #fff;
content: "";
display: inline-block;
height: .625rem;
position: absolute;
top: .625rem;
width: .625rem
}
.fancybox-skin.imageGallery .fancybox-outer .sidebar,
.fancybox-skin.site-popup .fancybox-outer .sidebar,
.mfp-content.imageGallery .fancybox-outer .sidebar,
.mfp-content.site-popup .fancybox-outer .sidebar {
background-color: #fff;
overflow-y: auto
}
@media print,
screen and (min-width:48em) {
.fancybox-skin.imageGallery .fancybox-outer,
.fancybox-skin.site-popup .fancybox-outer,
.mfp-content.imageGallery .fancybox-outer,
.mfp-content.site-popup .fancybox-outer {
border-width: 0 .9375rem .9375rem !important
}
}
@media print,
screen and (min-width:64em) {
.fancybox-skin.imageGallery .fancybox-outer,
.fancybox-skin.site-popup .fancybox-outer,
.mfp-content.imageGallery .fancybox-outer,
.mfp-content.site-popup .fancybox-outer {
border-width: 3.125rem .9375rem .9375rem !important
}
.fancybox-skin.imageGallery .fancybox-close,
.fancybox-skin.site-popup .fancybox-close,
.mfp-content.imageGallery .fancybox-close,
.mfp-content.site-popup .fancybox-close {
background: none;
height: 1.125rem;
position: absolute !important;
right: .875rem !important;
top: 1rem !important;
width: 1.125rem;
z-index: 20
}
.fancybox-skin.imageGallery .fancybox-close:hover,
.fancybox-skin.site-popup .fancybox-close:hover,
.mfp-content.imageGallery .fancybox-close:hover,
.mfp-content.site-popup .fancybox-close:hover {
opacity: .7
}
.fancybox-skin.imageGallery .fancybox-close:after,
.fancybox-skin.imageGallery .fancybox-close:before,
.fancybox-skin.site-popup .fancybox-close:after,
.fancybox-skin.site-popup .fancybox-close:before,
.mfp-content.imageGallery .fancybox-close:after,
.mfp-content.imageGallery .fancybox-close:before,
.mfp-content.site-popup .fancybox-close:after,
.mfp-content.site-popup .fancybox-close:before {
background-color: #111;
content: " ";
height: 1.125rem;
left: .5625rem;
position: absolute;
width: 2px
}
.fancybox-skin.imageGallery .fancybox-close:before,
.fancybox-skin.site-popup .fancybox-close:before,
.mfp-content.imageGallery .fancybox-close:before,
.mfp-content.site-popup .fancybox-close:before {
transform: rotate(45deg)
}
.fancybox-skin.imageGallery .fancybox-close:after,
.fancybox-skin.site-popup .fancybox-close:after,
.mfp-content.imageGallery .fancybox-close:after,
.mfp-content.site-popup .fancybox-close:after {
transform: rotate(-45deg)
}
}
#fancybox-loading,
.fancybox-close,
.fancybox-nav.fancybox-next span,
.fancybox-nav.fancybox-prev span {
background-image: none
}
.mfp-bg {
background: #0b0b0b;
opacity: .8;
overflow: hidden;
z-index: 1042
}
.mfp-bg,
.mfp-wrap {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%
}
.mfp-wrap {
-webkit-backface-visibility: hidden;
outline: none !important;
z-index: 1043
}
.mfp-container {
box-sizing: border-box;
height: 100%;
left: 0;
padding: 0 8px;
position: absolute;
text-align: center;
top: 0;
width: 100%
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
display: inline-block;
margin: 0 auto;
position: relative;
text-align: left;
vertical-align: middle;
z-index: 1045
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
cursor: auto;
width: 100%
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #ccc;
left: 8px;
margin-top: -.8em;
position: absolute;
right: 8px;
text-align: center;
top: 50%;
width: auto;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
display: none
}
button.mfp-arrow,
button.mfp-close {
-webkit-appearance: none;
background: transparent;
border: 0;
box-shadow: none;
cursor: pointer;
display: block;
outline: none;
overflow: visible;
padding: 0;
touch-action: manipulation;
z-index: 1046
}
button::-moz-focus-inner {
border: 0;
padding: 0
}
.mfp-close {
color: #fff;
font-family: Arial, Baskerville, monospace;
font-size: 28px;
font-style: normal;
height: 44px;
line-height: 44px;
opacity: .65;
padding: 0 0 18px 10px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
width: 44px
}
.mfp-close:focus,
.mfp-close:hover {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
color: #fff;
padding-right: 6px;
right: -6px;
text-align: right;
width: 100%
}
.mfp-counter {
color: #ccc;
font-size: 12px;
line-height: 18px;
position: absolute;
right: 0;
top: 0;
white-space: nowrap
}
.mfp-arrow {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
height: 110px;
margin: -55px 0 0;
opacity: .65;
padding: 0;
position: absolute;
top: 50%;
width: 90px
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:focus,
.mfp-arrow:hover {
opacity: 1
}
.mfp-arrow:after,
.mfp-arrow:before {
border: inset transparent;
content: "";
display: block;
height: 0;
left: 0;
margin-left: 35px;
margin-top: 35px;
position: absolute;
top: 0;
width: 0
}
.mfp-arrow:after {
border-bottom-width: 13px;
border-top-width: 13px;
top: 8px
}
.mfp-arrow:before {
border-bottom-width: 21px;
border-top-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left:before {
border-right: 27px solid #3f3f3f;
margin-left: 25px
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-bottom: 40px;
padding-top: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
max-width: 900px;
width: 100%
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
height: 0;
overflow: hidden;
padding-top: 56.25%;
width: 100%
}
.mfp-iframe-scaler iframe {
background: #000;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
img.mfp-img {
box-sizing: border-box;
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
padding: 0;
width: auto
}
.mfp-figure,
img.mfp-img {
line-height: 0
}
.mfp-figure:after {
background: #444;
bottom: 0;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
content: "";
display: block;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
width: auto;
z-index: -1
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
cursor: auto;
left: 0;
margin-top: 4;
position: absolute;
top: 100%;
width: 100%
}
.mfp-title {
word-wrap: break-word;
color: #f3f3f3;
line-height: 18px;
padding-right: 36px;
text-align: left
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-height:300px),
screen and (max-width:800px)and (orientation:landscape) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
bottom: 0;
top: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, .6);
bottom: 0;
box-sizing: border-box;
margin: 0;
padding: 3px 5px;
position: fixed;
top: auto
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
background: rgba(0, 0, 0, .6);
height: 35px;
line-height: 35px;
padding: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
width: 35px
}
}
@media (max-width:900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
border: 0;
margin: 0;
outline: none;
padding: 0;
vertical-align: top
}
.fancybox-wrap {
box-sizing: border-box;
cursor: default;
height: 100% !important;
left: 0 !important;
max-width: 100%;
overflow-x: hidden !important;
overflow-y: scroll !important;
padding: 0 60px;
position: fixed !important;
text-align: center;
top: 0 !important;
width: 100% !important;
z-index: 2020
}
.fancybox-wrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle
}
.fancybox-wrap.can-close {
cursor: pointer
}
.fancybox-skin {
background: #f9f9f9;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
color: #444;
display: inline-block;
margin-top: 40px;
max-width: 100%;
position: relative;
text-align: initial;
text-shadow: none;
vertical-align: middle
}
.fancybox-opened {
z-index: 2030
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}
.fancybox-inner,
.fancybox-outer {
position: relative
}
.fancybox-inner {
height: auto !important;
max-width: 100%;
overflow: hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font: 14px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-iframe,
.fancybox-image {
display: block;
width: 100%
}
.fancybox-image {
max-width: 100%
}
#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
background-image: url(../../grid_12/img/fancybox/fancybox_sprite-783d4031fe.png)
}
#fancybox-loading {
background-position: 0 -108px;
cursor: pointer;
left: 50%;
margin-left: -22px;
margin-top: -22px;
opacity: .8;
position: fixed;
top: 50%;
z-index: 2060
}
#fancybox-loading div {
background: url(../../grid_12/img/fancybox/fancybox_loading-328cc0f6c7.gif) 50% no-repeat;
height: 44px;
width: 44px
}
.fancybox-close {
height: 36px;
right: -18px;
top: -18px;
width: 36px
}
.fancybox-close,
.fancybox-nav {
cursor: pointer;
position: absolute;
z-index: 2040
}
.fancybox-nav {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: transparent url(../../grid_12/img/fancybox/blank-3254726015.gif);
height: 100%;
text-decoration: none;
top: 0;
width: 40%
}
.fancybox-prev {
left: 0
}
.fancybox-next {
right: 0
}
.fancybox-nav span {
cursor: pointer;
height: 34px;
margin-top: -18px;
position: absolute;
top: 50%;
visibility: hidden;
width: 36px;
z-index: 2040
}
.fancybox-prev span {
background-position: 0 -36px;
left: 10px
}
.fancybox-next span {
background-position: 0 -72px;
right: 10px
}
.fancybox-nav:hover span {
visibility: visible
}
.fancybox-tmp {
left: -99999px;
max-height: 99999px;
max-width: 99999px;
overflow: visible !important;
position: absolute;
top: -99999px;
visibility: hidden
}
.fancybox-lock {
width: auto
}
.fancybox-lock,
.fancybox-lock body {
overflow: hidden !important
}
.fancybox-lock-test {
overflow-y: hidden !important
}
.fancybox-overlay {
background: url(../../grid_12/img/fancybox/fancybox_overlay-77aeaa5271.png);
display: none;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: 2010
}
.fancybox-overlay-fixed {
bottom: 0;
position: fixed;
right: 0
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll
}
.fancybox-title {
font: normal 13px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
visibility: hidden;
z-index: 2050
}
.fancybox-opened .fancybox-title {
visibility: visible
}
.fancybox-title-float-wrap {
bottom: 0;
margin-bottom: -35px;
position: absolute;
right: 50%;
text-align: center;
z-index: 2050
}
.fancybox-title-float-wrap .child {
background: transparent;
background: rgba(0, 0, 0, .8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
color: #fff;
display: inline-block;
font-weight: 700;
line-height: 24px;
margin-right: -100%;
padding: 2px 20px;
text-shadow: 0 1px 2px #222;
white-space: nowrap
}
.fancybox-title-outside-wrap {
color: #fff;
margin-top: 10px;
position: relative
}
.fancybox-title-inside-wrap {
padding-top: 10px
}
.fancybox-title-over-wrap {
background: #000;
background: rgba(0, 0, 0, .8);
bottom: 0;
color: #fff;
left: 0;
padding: 10px;
position: absolute
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
background-image: url(../../grid_12/img/fancybox/fancybox_sprite@2x-ed9970ce22.png);
background-size: 44px 152px
}
#fancybox-loading div {
background-image: url(../../grid_12/img/fancybox/fancybox_loading@2x-f92938639f.gif);
background-size: 24px 24px
}
}
.popup-modal .fancybox-skin {
max-height: 90%;
overflow-x: hidden;
overflow-y: auto
}
.popup-modal .fancybox-close {
background-image: none
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
.popup-modal .fancybox-close {
background-image: none
}
}
.mfp-content .window {
display: block;
margin: auto
}
.mfp-content .mfp-counter {
display: inline-block;
margin-left: .625rem;
position: relative
}
.mfp-image-holder .mfp-content {
width: 100%
}
button.mfp-arrow {
display: none
}
@media print,
screen and (min-width:64em) {
.mfp-image-holder .window,
.mfp-inline-holder .window {
max-width: 56.25rem
}
button.mfp-arrow {
display: block
}
}
.mfp-iframe-scaler {
position: relative
}
.mfp-bg,
.mfp-wrap {
height: 100% !important;
position: fixed !important;
top: 0 !important
}
.mfp-wrap {
overflow-y: auto;
z-index: 50000000000 !important
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: .8
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all .15s ease-out;
-moz-transition: all .15s ease-out;
transition: all .15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0
}
@media print,
screen and (min-width:48em) {
.mfp-container {
padding: 0 2.5rem
}
}
.modal-open {
overflow-y: hidden
}
.modal-open .-notification-box {
z-index: 2147483015
}
@media print,
screen and (max-width:63.99875em) {
.fancybox-wrap {
padding: 0 !important
}
.fancybox-skin.imageGallery,
.fancybox-skin.site-popup {
margin: 0 !important;
padding-top: 3.125rem !important;
vertical-align: top;
width: 100% !important
}
.fancybox .close {
height: 32px;
opacity: .3;
position: absolute;
right: 32px;
top: 32px;
width: 32px
}
.fancybox .close:hover {
opacity: 1
}
.fancybox-close {
background: none;
height: 1.125rem;
position: absolute !important;
right: .875rem !important;
top: 1rem !important;
width: 1.125rem;
z-index: 20
}
.fancybox-close:hover {
opacity: .7
}
.fancybox-close:after,
.fancybox-close:before {
background-color: #111;
content: " ";
height: 1.125rem;
left: .5625rem;
position: absolute;
width: 2px
}
.fancybox-close:before {
transform: rotate(45deg)
}
.fancybox-close:after {
transform: rotate(-45deg)
}
}
.fancy-img-post {
cursor: pointer
}
.transition {
-webkit-animation-duration: .3s;
animation-duration: .3s
}
.transition.browse {
-webkit-animation-duration: .5s;
animation-duration: .5s
}
.transition.browse.in {
-webkit-animation-name: browseIn;
animation-name: browseIn
}
.transition.browse.left.out,
.transition.browse.out {
-webkit-animation-name: browseOutLeft;
animation-name: browseOutLeft
}
.transition.browse.right.out {
-webkit-animation-name: browseOutRight;
animation-name: browseOutRight
}
.drop.transition {
-webkit-animation-duration: .4s;
animation-duration: .4s
}
.transition.fade.in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
.transition[class*="fade up"].in {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.transition[class*="fade down"].in {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
.transition[class*="fade left"].in {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
.transition[class*="fade right"].in {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
.transition.fade.out {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
.transition[class*="fade up"].out {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
.transition[class*="fade down"].out {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
.transition[class*="fade left"].out {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
.transition[class*="fade right"].out {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(10%);
transform: translateX(10%)
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(10%);
transform: translateX(10%)
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(-10%);
transform: translateX(-10%)
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(-10%);
transform: translateX(-10%)
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(5%);
transform: translateY(5%)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(5%);
transform: translateY(5%)
}
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(-5%);
transform: translateY(-5%)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(-5%);
transform: translateY(-5%)
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
opacity: 0;
-webkit-transform: translateX(5%);
transform: translateX(5%)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
opacity: 0;
-webkit-transform: translateX(5%);
transform: translateX(5%)
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
opacity: 0;
-webkit-transform: translateX(-5%);
transform: translateX(-5%)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
opacity: 0;
-webkit-transform: translateX(-5%);
transform: translateX(-5%)
}
}
.flip.transition.in,
.flip.transition.out {
-webkit-animation-duration: .6s;
animation-duration: .6s
}
.vertical.flip.transition.in {
-webkit-animation-name: verticalFlipIn;
animation-name: verticalFlipIn
}
.transition.fly {
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}
.transition.fly.in {
-webkit-animation-name: flyIn;
animation-name: flyIn
}
.transition[class*="fly up"].in {
-webkit-animation-name: flyInUp;
animation-name: flyInUp
}
.transition[class*="fly down"].in {
-webkit-animation-name: flyInDown;
animation-name: flyInDown
}
.transition[class*="fly left"].in {
-webkit-animation-name: flyInLeft;
animation-name: flyInLeft
}
.transition[class*="fly right"].in {
-webkit-animation-name: flyInRight;
animation-name: flyInRight
}
.transition.fly.out {
-webkit-animation-name: flyOut;
animation-name: flyOut
}
.transition[class*="fly up"].out {
-webkit-animation-name: flyOutUp;
animation-name: flyOutUp
}
.transition[class*="fly down"].out {
-webkit-animation-name: flyOutDown;
animation-name: flyOutDown
}
.transition[class*="fly left"].out {
-webkit-animation-name: flyOutLeft;
animation-name: flyOutLeft
}
.transition[class*="fly right"].out {
-webkit-animation-name: flyOutRight;
animation-name: flyOutRight
}
@-webkit-keyframes flyIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes flyIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@-webkit-keyframes flyInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 1500px, 0);
transform: translate3d(0, 1500px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes flyInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 1500px, 0);
transform: translate3d(0, 1500px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -1500px, 0);
transform: translate3d(0, -1500px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -1500px, 0);
transform: translate3d(0, -1500px, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(1500px, 0, 0);
transform: translate3d(1500px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(1500px, 0, 0);
transform: translate3d(1500px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes flyInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-1500px, 0, 0);
transform: translate3d(-1500px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes flyInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-1500px, 0, 0);
transform: translate3d(-1500px, 0, 0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes flyOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes flyOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@-webkit-keyframes flyOutUp {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes flyOutUp {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@-webkit-keyframes flyOutDown {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes flyOutDown {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@-webkit-keyframes flyOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes flyOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@-webkit-keyframes flyOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes flyOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.transition.slide.in,
.transition[class*="slide down"].in {
-webkit-animation-name: slideInY;
animation-name: slideInY;
-webkit-transform-origin: top center;
transform-origin: top center
}
.transition[class*="slide up"].in {
-webkit-animation-name: slideInY;
animation-name: slideInY;
-webkit-transform-origin: bottom center;
transform-origin: bottom center
}
.transition[class*="slide left"].in {
-webkit-animation-name: slideInX;
animation-name: slideInX;
-webkit-transform-origin: center right;
transform-origin: center right
}
.transition[class*="slide right"].in {
-webkit-animation-name: slideInX;
animation-name: slideInX;
-webkit-transform-origin: center left;
transform-origin: center left
}
.transition.slide.out,
.transition[class*="slide down"].out {
-webkit-animation-name: slideOutY;
animation-name: slideOutY;
-webkit-transform-origin: top center;
transform-origin: top center
}
.transition[class*="slide up"].out {
-webkit-animation-name: slideOutY;
animation-name: slideOutY;
-webkit-transform-origin: bottom center;
transform-origin: bottom center
}
.transition[class*="slide left"].out {
-webkit-animation-name: slideOutX;
animation-name: slideOutX;
-webkit-transform-origin: center right;
transform-origin: center right
}
.transition[class*="slide right"].out {
-webkit-animation-name: slideOutX;
animation-name: slideOutX;
-webkit-transform-origin: center left;
transform-origin: center left
}
@-webkit-keyframes slideInY {
0% {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
to {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@keyframes slideInY {
0% {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
to {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@-webkit-keyframes slideInX {
0% {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes slideInX {
0% {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@-webkit-keyframes slideOutY {
0% {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
}
@keyframes slideOutY {
0% {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
}
@-webkit-keyframes slideOutX {
0% {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
to {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
}
@keyframes slideOutX {
0% {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
to {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
}
.transition.swing {
-webkit-animation-duration: .8s;
animation-duration: .8s
}
.transition[class*="swing down"].in {
-webkit-animation-name: swingInX;
animation-name: swingInX;
-webkit-transform-origin: top center;
transform-origin: top center
}
.transition[class*="swing up"].in {
-webkit-animation-name: swingInX;
animation-name: swingInX;
-webkit-transform-origin: bottom center;
transform-origin: bottom center
}
.transition[class*="swing left"].in {
-webkit-animation-name: swingInY;
animation-name: swingInY;
-webkit-transform-origin: center right;
transform-origin: center right
}
.transition[class*="swing right"].in {
-webkit-animation-name: swingInY;
animation-name: swingInY;
-webkit-transform-origin: center left;
transform-origin: center left
}
.transition.swing.out,
.transition[class*="swing down"].out {
-webkit-animation-name: swingOutX;
animation-name: swingOutX;
-webkit-transform-origin: top center;
transform-origin: top center
}
.transition[class*="swing up"].out {
-webkit-animation-name: swingOutX;
animation-name: swingOutX;
-webkit-transform-origin: bottom center;
transform-origin: bottom center
}
.transition[class*="swing left"].out {
-webkit-animation-name: swingOutY;
animation-name: swingOutY;
-webkit-transform-origin: center right;
transform-origin: center right
}
.transition[class*="swing right"].out {
-webkit-animation-name: swingOutY;
animation-name: swingOutY;
-webkit-transform-origin: center left;
transform-origin: center left
}
@-webkit-keyframes swingInX {
0% {
opacity: 0;
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg)
}
40% {
opacity: 1;
-webkit-transform: perspective(1000px) rotateX(-30deg);
transform: perspective(1000px) rotateX(-30deg)
}
60% {
-webkit-transform: perspective(1000px) rotateX(15deg);
transform: perspective(1000px) rotateX(15deg)
}
80% {
-webkit-transform: perspective(1000px) rotateX(-7.5deg);
transform: perspective(1000px) rotateX(-7.5deg)
}
to {
-webkit-transform: perspective(1000px) rotateX(0);
transform: perspective(1000px) rotateX(0)
}
}
@keyframes swingInX {
0% {
opacity: 0;
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg)
}
40% {
opacity: 1;
-webkit-transform: perspective(1000px) rotateX(-30deg);
transform: perspective(1000px) rotateX(-30deg)
}
60% {
-webkit-transform: perspective(1000px) rotateX(15deg);
transform: perspective(1000px) rotateX(15deg)
}
80% {
-webkit-transform: perspective(1000px) rotateX(-7.5deg);
transform: perspective(1000px) rotateX(-7.5deg)
}
to {
-webkit-transform: perspective(1000px) rotateX(0);
transform: perspective(1000px) rotateX(0)
}
}
@-webkit-keyframes swingInY {
0% {
opacity: 0;
-webkit-transform: perspective(1000px) rotateY(-90deg);
transform: perspective(1000px) rotateY(-90deg)
}
40% {
opacity: 1;
-webkit-transform: perspective(1000px) rotateY(30deg);
transform: perspective(1000px) rotateY(30deg)
}
60% {
-webkit-transform: perspective(1000px) rotateY(-17.5deg);
transform: perspective(1000px) rotateY(-17.5deg)
}
80% {
-webkit-transform: perspective(1000px) rotateY(7.5deg);
transform: perspective(1000px) rotateY(7.5deg)
}
to {
-webkit-transform: perspective(1000px) rotateY(0);
transform: perspective(1000px) rotateY(0)
}
}
@keyframes swingInY {
0% {
opacity: 0;
-webkit-transform: perspective(1000px) rotateY(-90deg);
transform: perspective(1000px) rotateY(-90deg)
}
40% {
opacity: 1;
-webkit-transform: perspective(1000px) rotateY(30deg);
transform: perspective(1000px) rotateY(30deg)
}
60% {
-webkit-transform: perspective(1000px) rotateY(-17.5deg);
transform: perspective(1000px) rotateY(-17.5deg)
}
80% {
-webkit-transform: perspective(1000px) rotateY(7.5deg);
transform: perspective(1000px) rotateY(7.5deg)
}
to {
-webkit-transform: perspective(1000px) rotateY(0);
transform: perspective(1000px) rotateY(0)
}
}
@-webkit-keyframes swingOutX {
0% {
-webkit-transform: perspective(1000px) rotateX(0);
transform: perspective(1000px) rotateX(0)
}
40% {
-webkit-transform: perspective(1000px) rotateX(-7.5deg);
transform: perspective(1000px) rotateX(-7.5deg)
}
60% {
-webkit-transform: perspective(1000px) rotateX(17.5deg);
transform: perspective(1000px) rotateX(17.5deg)
}
80% {
opacity: 1;
-webkit-transform: perspective(1000px) rotateX(-30deg);
transform: perspective(1000px) rotateX(-30deg)
}
to {
opacity: 0;
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg)
}
}
@keyframes swingOutX {
0% {
-webkit-transform: perspective(1000px) rotateX(0);
transform: perspective(1000px) rotateX(0)
}
40% {
-webkit-transform: perspective(1000px) rotateX(-7.5deg);
transform: perspective(1000px) rotateX(-7.5deg)
}
60% {
-webkit-transform: perspective(1000px) rotateX(17.5deg);
transform: perspective(1000px) rotateX(17.5deg)
}
80% {
opacity: 1;
-webkit-transform: perspective(1000px) rotateX(-30deg);
transform: perspective(1000px) rotateX(-30deg)
}
to {
opacity: 0;
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg)
}
}
@-webkit-keyframes swingOutY {
0% {
-webkit-transform: perspective(1000px) rotateY(0);
transform: perspective(1000px) rotateY(0)
}
40% {
-webkit-transform: perspective(1000px) rotateY(7.5deg);
transform: perspective(1000px) rotateY(7.5deg)
}
60% {
-webkit-transform: perspective(1000px) rotateY(-10deg);
transform: perspective(1000px) rotateY(-10deg)
}
80% {
opacity: 1;
-webkit-transform: perspective(1000px) rotateY(30deg);
transform: perspective(1000px) rotateY(30deg)
}
to {
opacity: 0;
-webkit-transform: perspective(1000px) rotateY(-90deg);
transform: perspective(1000px) rotateY(-90deg)
}
}
@keyframes swingOutY {
0% {
-webkit-transform: perspective(1000px) rotateY(0);
transform: perspective(1000px) rotateY(0)
}
40% {
-webkit-transform: perspective(1000px) rotateY(7.5deg);
transform: perspective(1000px) rotateY(7.5deg)
}
60% {
-webkit-transform: perspective(1000px) rotateY(-10deg);
transform: perspective(1000px) rotateY(-10deg)
}
80% {
opacity: 1;
-webkit-transform: perspective(1000px) rotateY(30deg);
transform: perspective(1000px) rotateY(30deg)
}
to {
opacity: 0;
-webkit-transform: perspective(1000px) rotateY(-90deg);
transform: perspective(1000px) rotateY(-90deg)
}
}
.bounce.transition,
.flash.transition,
.shake.transition,
.tada.transition {
-webkit-animation-duration: .75s;
animation-duration: .75s
}
.pulse.transition {
-webkit-animation-duration: .5s;
animation-duration: .5s
}
.jiggle.transition {
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-name: jiggle;
animation-name: jiggle
}
@-webkit-keyframes jiggle {
0%,
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
}
@keyframes jiggle {
0%,
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
}
#mrb-triggers .bl-trigger-title,
.mrb-triggers .bl-trigger-title {
display: inline-block;
height: auto;
margin-bottom: 25px;
min-height: 30px;
text-align: center;
vertical-align: middle;
width: 100%
}
#mrb-triggers .bl-trigger-title p,
.mrb-triggers .bl-trigger-title p {
font-size: 24px
}
#mrb-triggers .bl-trigger,
.mrb-triggers .bl-trigger {
display: inline-block;
position: relative;
vertical-align: top;
width: 18%
}
#mrb-triggers .bl-trigger-link,
.mrb-triggers .bl-trigger-link {
text-decoration: none
}
#mrb-triggers .bl-trigger-img,
.mrb-triggers .bl-trigger-img {
text-align: center
}
#mrb-triggers .bl-trigger-img img,
.mrb-triggers .bl-trigger-img img {
max-width: 100%
}
#mrb-triggers.theme-default .bl-trigger-icon,
.mrb-triggers.theme-default .bl-trigger-icon {
font-size: 4.5rem;
padding: 20px 0
}
#mrb-triggers.theme-default .bl-trigger-img,
.mrb-triggers.theme-default .bl-trigger-img {
background-image: none !important
}
#mrb-triggers.theme-default .bl-triggers-list,
#mrb-triggers.theme-default-circle .bl-triggers-list,
.mrb-triggers.theme-default .bl-triggers-list,
.mrb-triggers.theme-default-circle .bl-triggers-list {
width: 100%
}
#mrb-triggers.theme-default .bl-trigger,
#mrb-triggers.theme-default-circle .bl-trigger,
.mrb-triggers.theme-default .bl-trigger,
.mrb-triggers.theme-default-circle .bl-trigger {
margin-bottom: 15px;
width: 100%
}
#mrb-triggers.theme-default .blr-trigger-media,
#mrb-triggers.theme-default-circle .blr-trigger-media,
.mrb-triggers.theme-default .blr-trigger-media,
.mrb-triggers.theme-default-circle .blr-trigger-media {
text-align: center
}
#mrb-triggers.theme-default .bl-triggers_1 .bl-trigger,
#mrb-triggers.theme-default-circle .bl-triggers_1 .bl-trigger,
.mrb-triggers.theme-default .bl-triggers_1 .bl-trigger,
.mrb-triggers.theme-default-circle .bl-triggers_1 .bl-trigger {
margin-left: 6%;
width: 96%
}
#mrb-triggers.theme-default .bl-triggers_2 .bl-trigger,
#mrb-triggers.theme-default-circle .bl-triggers_2 .bl-trigger,
.mrb-triggers.theme-default .bl-triggers_2 .bl-trigger,
.mrb-triggers.theme-default-circle .bl-triggers_2 .bl-trigger {
margin-left: 4%;
width: 47%
}
#mrb-triggers.theme-default .bl-triggers_3 .bl-trigger,
#mrb-triggers.theme-default-circle .bl-triggers_3 .bl-trigger,
.mrb-triggers.theme-default .bl-triggers_3 .bl-trigger,
.mrb-triggers.theme-default-circle .bl-triggers_3 .bl-trigger {
margin-left: 3.33333%;
width: 30.66667%
}
#mrb-triggers.theme-default .bl-triggers_4 .bl-trigger,
#mrb-triggers.theme-default-circle .bl-triggers_4 .bl-trigger,
.mrb-triggers.theme-default .bl-triggers_4 .bl-trigger,
.mrb-triggers.theme-default-circle .bl-triggers_4 .bl-trigger {
margin-left: 3%;
width: 22.5%
}
#mrb-triggers.theme-default .bl-triggers_5 .bl-trigger,
#mrb-triggers.theme-default-circle .bl-triggers_5 .bl-trigger,
.mrb-triggers.theme-default .bl-triggers_5 .bl-trigger,
.mrb-triggers.theme-default-circle .bl-triggers_5 .bl-trigger {
margin-left: 2.8%;
width: 17.6%
}
#mrb-triggers.theme-default .bl-triggers-list,
#mrb-triggers.theme-default-circle .bl-triggers-list,
.mrb-triggers.theme-default .bl-triggers-list,
.mrb-triggers.theme-default-circle .bl-triggers-list {
margin-left: 0;
text-align: center
}
#mrb-triggers.theme-default .bl-trigger,
#mrb-triggers.theme-default-circle .bl-trigger,
.mrb-triggers.theme-default .bl-trigger,
.mrb-triggers.theme-default-circle .bl-trigger {
margin-bottom: 0
}
#mrb-triggers.theme-default .bl-trigger:first-child,
#mrb-triggers.theme-default-circle .bl-trigger:first-child,
.mrb-triggers.theme-default .bl-trigger:first-child,
.mrb-triggers.theme-default-circle .bl-trigger:first-child {
margin-left: 0 !important
}
#mrb-triggers.theme-default .bl-trigger-text,
#mrb-triggers.theme-default-circle .bl-trigger-text,
.mrb-triggers.theme-default .bl-trigger-text,
.mrb-triggers.theme-default-circle .bl-trigger-text {
margin-top: 10px;
text-align: center
}
#mrb-triggers.theme-default-circle .bl-trigger-icon,
.mrb-triggers.theme-default-circle .bl-trigger-icon {
font-size: 2.3rem;
padding: 20px 0
}
#mrb-triggers.theme-default-circle .blr-trigger-media,
.mrb-triggers.theme-default-circle .blr-trigger-media {
margin-bottom: 20px;
position: relative;
text-align: center;
width: 100%
}
#mrb-triggers.theme-default-circle .blr-trigger-media:after,
#mrb-triggers.theme-default-circle .blr-trigger-media:before,
.mrb-triggers.theme-default-circle .blr-trigger-media:after,
.mrb-triggers.theme-default-circle .blr-trigger-media:before {
content: " ";
display: table
}
#mrb-triggers.theme-default-circle .blr-trigger-media:after,
.mrb-triggers.theme-default-circle .blr-trigger-media:after {
clear: both
}
#mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-icon,
.mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-icon {
background: transparent !important;
border: 2px solid #444;
border-radius: 50%;
line-height: 1;
margin: 0 auto;
max-width: 90px;
padding: 0;
position: relative;
width: 72%
}
#mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-icon:before,
.mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-icon:before {
left: 50%;
margin: -1.15rem 0 0 -1.15rem;
position: absolute;
top: 50%
}
#mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-icon:after,
.mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-icon:after {
content: "";
display: block;
margin-top: 100%
}
#mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-img,
.mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-img {
background-size: cover !important;
border: 2px solid #444;
border-radius: 50%;
line-height: 1;
margin: 0 auto;
max-width: 200px;
position: relative;
width: 72%
}
#mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-img:before,
.mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-img:before {
content: "";
display: block;
margin-top: 100%
}
#mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-img img,
.mrb-triggers.theme-default-circle .blr-trigger-media .bl-trigger-img img {
display: none !important
}
#mrb-triggers.theme-horizontal-circle .blr-trigger-media,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media {
border-radius: 50%;
overflow: hidden;
position: relative
}
#mrb-triggers.theme-horizontal-circle .blr-trigger-media:before,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media:before {
content: "";
display: block;
margin-top: 100%
}
#mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-icon,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-icon {
line-height: 1
}
#mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-icon:before,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-icon:before {
left: 0;
line-height: 1;
margin-top: -20px;
position: absolute;
right: 0;
top: 50%
}
#mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-icon:after,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-icon:after {
border: 8px solid #fff;
border-radius: 50%;
bottom: 0;
content: "";
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0
}
#mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-icon,
#mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-img,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-icon,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-img {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
#mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-img:before,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-img:before {
border: 8px solid #fff;
border-radius: 50%;
bottom: 0;
content: "";
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0
}
#mrb-triggers.theme-horizontal,
#mrb-triggers.theme-horizontal-circle,
.mrb-triggers.theme-horizontal,
.mrb-triggers.theme-horizontal-circle {
text-align: center
}
#mrb-triggers.theme-horizontal-circle:after,
#mrb-triggers.theme-horizontal:after,
.mrb-triggers.theme-horizontal-circle:after,
.mrb-triggers.theme-horizontal:after {
clear: both;
content: "";
display: table
}
#mrb-triggers.theme-horizontal .bl-triggers-list,
#mrb-triggers.theme-horizontal-circle .bl-triggers-list,
.mrb-triggers.theme-horizontal .bl-triggers-list,
.mrb-triggers.theme-horizontal-circle .bl-triggers-list {
display: inline-block;
margin-left: -2%;
text-align: left;
vertical-align: middle;
width: 100%
}
#mrb-triggers.theme-horizontal .bl-trigger,
#mrb-triggers.theme-horizontal-circle .bl-trigger,
.mrb-triggers.theme-horizontal .bl-trigger,
.mrb-triggers.theme-horizontal-circle .bl-trigger {
margin: 0 0 15px 2%;
padding-top: 16px;
width: 48%
}
#mrb-triggers.theme-horizontal .bl-trigger-link,
#mrb-triggers.theme-horizontal-circle .bl-trigger-link,
.mrb-triggers.theme-horizontal .bl-trigger-link,
.mrb-triggers.theme-horizontal-circle .bl-trigger-link {
text-decoration: none
}
#mrb-triggers.theme-horizontal .bl-trigger-icon,
#mrb-triggers.theme-horizontal-circle .bl-trigger-icon,
.mrb-triggers.theme-horizontal .bl-trigger-icon,
.mrb-triggers.theme-horizontal-circle .bl-trigger-icon {
font-size: 40px;
padding: 10px 0
}
#mrb-triggers.theme-horizontal .bl-trigger-text,
#mrb-triggers.theme-horizontal-circle .bl-trigger-text,
.mrb-triggers.theme-horizontal .bl-trigger-text,
.mrb-triggers.theme-horizontal-circle .bl-trigger-text {
width: 74%
}
#mrb-triggers.theme-horizontal .bl-trigger-text,
#mrb-triggers.theme-horizontal .blr-trigger-media,
#mrb-triggers.theme-horizontal-circle .bl-trigger-text,
#mrb-triggers.theme-horizontal-circle .blr-trigger-media,
.mrb-triggers.theme-horizontal .bl-trigger-text,
.mrb-triggers.theme-horizontal .blr-trigger-media,
.mrb-triggers.theme-horizontal-circle .bl-trigger-text,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media {
display: inline-block;
vertical-align: middle
}
#mrb-triggers.theme-horizontal .blr-trigger-media,
#mrb-triggers.theme-horizontal-circle .blr-trigger-media,
.mrb-triggers.theme-horizontal .blr-trigger-media,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media {
float: left;
margin-right: 3%;
text-align: center;
width: 22%
}
#mrb-triggers.theme-horizontal .bl-trigger-img img,
#mrb-triggers.theme-horizontal-circle .bl-trigger-img img,
.mrb-triggers.theme-horizontal .bl-trigger-img img,
.mrb-triggers.theme-horizontal-circle .bl-trigger-img img {
width: 100%
}
.mrb-image {
text-align: center
}
.mrb-image img {
max-width: 100%
}
.mrb-button-block {
overflow: visible !important
}
[class*=theme-default-flat]#mrb-button-block .mrb-btn-item,
[class*=theme-default-flat].mrb-button-block .mrb-btn-item,
[class^=theme-default-flat]#mrb-button-block .mrb-btn-item,
[class^=theme-default-flat].mrb-button-block .mrb-btn-item {
background-color: #0073db !important;
border-radius: 4px;
color: #fff !important
}
[class*=theme-default-flat]#mrb-button-block .mrb-btn-item:before,
[class*=theme-default-flat].mrb-button-block .mrb-btn-item:before,
[class^=theme-default-flat]#mrb-button-block .mrb-btn-item:before,
[class^=theme-default-flat].mrb-button-block .mrb-btn-item:before {
border-radius: 4px
}
[class*=theme-default-flat]#mrb-button-block .mrb-btn-item:hover:before,
[class*=theme-default-flat].mrb-button-block .mrb-btn-item:hover:before,
[class^=theme-default-flat]#mrb-button-block .mrb-btn-item:hover:before,
[class^=theme-default-flat].mrb-button-block .mrb-btn-item:hover:before {
background-color: hsla(0, 0%, 100%, .1)
}
#mrb-button-block,
.mrb-button-block {
text-align: center
}
#mrb-button-block.theme-default-flat-orange .mrb-btn-item,
.mrb-button-block.theme-default-flat-orange .mrb-btn-item {
background-color: #f46036 !important
}
#mrb-button-block.theme-default-invert .mrb-btn-item,
.mrb-button-block.theme-default-invert .mrb-btn-item {
background-color: hsla(0, 0%, 7%, .2);
box-shadow: inset 0 0 0 2px #fff;
color: #fff
}
#mrb-button-block.theme-default-invert .mrb-btn-item:focus,
#mrb-button-block.theme-default-invert .mrb-btn-item:hover,
.mrb-button-block.theme-default-invert .mrb-btn-item:focus,
.mrb-button-block.theme-default-invert .mrb-btn-item:hover {
background-color: #fff;
color: #111;
opacity: 1
}
#mrb-button-block.theme-default-bordered-trans .mrb-btn-item,
.mrb-button-block.theme-default-bordered-trans .mrb-btn-item {
background-color: transparent;
box-shadow: inset 0 0 0 2px #111;
color: #111
}
#mrb-button-block.theme-default-bordered-trans .mrb-btn-item:focus,
#mrb-button-block.theme-default-bordered-trans .mrb-btn-item:hover,
.mrb-button-block.theme-default-bordered-trans .mrb-btn-item:focus,
.mrb-button-block.theme-default-bordered-trans .mrb-btn-item:hover {
background-color: #111;
color: #fff;
opacity: 1
}
#mrb-button-block.theme-default-bordered-white .mrb-btn-item,
.mrb-button-block.theme-default-bordered-white .mrb-btn-item {
background-color: hsla(0, 0%, 100%, .95);
box-shadow: inset 0 0 0 2px #111;
color: #111
}
#mrb-button-block.theme-default-bordered-white .mrb-btn-item:focus,
#mrb-button-block.theme-default-bordered-white .mrb-btn-item:hover,
.mrb-button-block.theme-default-bordered-white .mrb-btn-item:focus,
.mrb-button-block.theme-default-bordered-white .mrb-btn-item:hover {
background-color: hsla(0, 0%, 100%, .95);
color: #111;
opacity: .6
}
#mrb-button-block.theme-default .mrb-btn-item,
.mrb-button-block.theme-default .mrb-btn-item {
background-color: #0073db !important;
border-radius: 5px;
color: #fff !important;
overflow: hidden
}
#mrb-button-block.theme-default .mrb-btn-item:after,
.mrb-button-block.theme-default .mrb-btn-item:after {
background: rgba(0, 0, 0, .2);
height: 3px
}
#mrb-button-block.theme-default .mrb-btn-item:hover:before,
.mrb-button-block.theme-default .mrb-btn-item:hover:before {
background: rgba(0, 0, 0, .2)
}
#mrb-button-block.theme-default .mrb-btn-item:hover:after,
.mrb-button-block.theme-default .mrb-btn-item:hover:after {
background: rgba(0, 0, 0, .4)
}
#mrb-button-block.theme-default .mrb-btn-item:active,
.mrb-button-block.theme-default .mrb-btn-item:active {
transform: translateY(3px)
}
#mrb-button-block.theme-default .mrb-btn-item:active:after,
.mrb-button-block.theme-default .mrb-btn-item:active:after {
height: 0
}
#mrb-button-block.theme-default-dashed .mrb-btn-item,
.mrb-button-block.theme-default-dashed .mrb-btn-item {
background-color: #5bc0de !important;
border: 2px dashed #5bc0de !important;
color: #222 !important;
text-overflow: ellipsis
}
#mrb-button-block.theme-default-dashed .mrb-btn-item:hover,
.mrb-button-block.theme-default-dashed .mrb-btn-item:hover {
background: transparent !important
}
#mrb-button-block.theme-default-dashed .mrb-btn-item:active,
.mrb-button-block.theme-default-dashed .mrb-btn-item:active {
transform: translateY(3px)
}
#mrb-button-block.theme-default-rounded .mrb-btn-item,
.mrb-button-block.theme-default-rounded .mrb-btn-item {
background-color: #ba68c8 !important;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #fff !important;
color: #fff !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, .5)
}
#mrb-button-block.theme-default-rounded .mrb-btn-item.mrb-btn-large,
#mrb-button-block.theme-default-rounded .mrb-btn-item.mrb-btn-large:before,
.mrb-button-block.theme-default-rounded .mrb-btn-item.mrb-btn-large,
.mrb-button-block.theme-default-rounded .mrb-btn-item.mrb-btn-large:before {
border-radius: 40px
}
#mrb-button-block.theme-default-rounded .mrb-btn-item:before,
.mrb-button-block.theme-default-rounded .mrb-btn-item:before {
border-radius: 25px
}
#mrb-button-block.theme-default-rounded .mrb-btn-item:hover:before,
.mrb-button-block.theme-default-rounded .mrb-btn-item:hover:before {
background-color: rgba(0, 0, 0, .2)
}
#mrb-button-block.theme-default-bordered .mrb-btn-item,
.mrb-button-block.theme-default-bordered .mrb-btn-item {
background-color: transparent !important;
border-radius: 25px;
box-shadow: inset 0 0 0 2px #f46036 !important;
color: #f46036 !important;
overflow: hidden
}
#mrb-button-block.theme-default-bordered .mrb-btn-item.mrb-btn-large,
.mrb-button-block.theme-default-bordered .mrb-btn-item.mrb-btn-large {
border-radius: 40px
}
#mrb-button-block.theme-default-bordered .mrb-btn-item:hover,
.mrb-button-block.theme-default-bordered .mrb-btn-item:hover {
background-color: #f46036 !important;
color: #fff !important
}
#mrb-button-block.theme-default-bordered .mrb-btn-item:active:after,
.mrb-button-block.theme-default-bordered .mrb-btn-item:active:after {
background-color: rgba(0, 0, 0, .2)
}
#mrb-button-block.theme-default-blue .mrb-btn-item,
.mrb-button-block.theme-default-blue .mrb-btn-item {
background-color: #3772ff;
border: 2px solid #3772ff;
border-radius: 8px;
color: #fff !important
}
#mrb-button-block.theme-default-blue .mrb-btn-item:hover,
.mrb-button-block.theme-default-blue .mrb-btn-item:hover {
background-color: #1f61ff;
border-color: #1f61ff;
color: #fff !important
}
#mrb-button-block.theme-default-blue .mrb-btn-item:active,
.mrb-button-block.theme-default-blue .mrb-btn-item:active {
background-color: #054fff;
border-color: #054fff;
color: hsla(0, 0%, 100%, .75) !important
}
#mrb-button-block.theme-default-blue-bordered .mrb-btn-item,
.mrb-button-block.theme-default-blue-bordered .mrb-btn-item {
background-color: transparent;
border: 2px solid #3772ff;
border-radius: 8px;
color: #3772ff !important
}
#mrb-button-block.theme-default-blue-bordered .mrb-btn-item:hover,
.mrb-button-block.theme-default-blue-bordered .mrb-btn-item:hover {
background-color: #1f61ff;
border-color: #1f61ff;
color: #fff !important
}
#mrb-button-block.theme-default-blue-bordered .mrb-btn-item:active,
.mrb-button-block.theme-default-blue-bordered .mrb-btn-item:active {
background-color: #054fff;
border-color: #054fff;
color: hsla(0, 0%, 100%, .75) !important
}
#mrb-button-block.theme-default-primary .mrb-btn-item,
#mrb-button-block.theme-default-secondary .mrb-btn-item,
.mrb-button-block.theme-default-primary .mrb-btn-item,
.mrb-button-block.theme-default-secondary .mrb-btn-item {
border-radius: var(--button-default-radius-large, .375rem)
}
#mrb-button-block.theme-default-primary .mrb-btn-item,
.mrb-button-block.theme-default-primary .mrb-btn-item {
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff);
transition: all .3s ease-in-out
}
#mrb-button-block.theme-default-primary .mrb-btn-item:hover,
.mrb-button-block.theme-default-primary .mrb-btn-item:hover {
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
#mrb-button-block.theme-default-primary .mrb-btn-item:active,
.mrb-button-block.theme-default-primary .mrb-btn-item:active {
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
#mrb-button-block.theme-default-secondary .mrb-btn-item,
.mrb-button-block.theme-default-secondary .mrb-btn-item {
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 0)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
color: var(--button-bordered-color, #3772ff);
transition: all .3s ease-in-out
}
#mrb-button-block.theme-default-secondary .mrb-btn-item:hover,
.mrb-button-block.theme-default-secondary .mrb-btn-item:hover {
background-color: var(--button-bordered-bg-color-hover-rgba, var(--button-bordered-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-hover, 0)*1px) var(--button-bordered-border-color-hover-rgba, var(--button-bordered-border-color-hover, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-hover, 0)*1px) calc(var(--button-bordered-shadow-blur-hover, 0)*1px) 0 var(--button-bordered-shadow-color-hover-rgba, var(--button-bordered-shadow-color-hover, #1f61ff));
color: var(--button-bordered-color-hover, #fff)
}
#mrb-button-block.theme-default-secondary .mrb-btn-item:active,
.mrb-button-block.theme-default-secondary .mrb-btn-item:active {
background-color: var(--button-bordered-bg-color-active-rgba, var(--button-bordered-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-active, 0)*1px) var(--button-bordered-border-color-active-rgba, var(--button-bordered-border-color-active, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-active, 0)*1px) calc(var(--button-bordered-shadow-blur-active, 0)*1px) 0 var(--button-bordered-shadow-color-active-rgba, var(--button-bordered-shadow-color-active, #1f61ff));
color: var(--button-bordered-color-active, #fff)
}
#mrb-button-block .mrb-btn-item,
.mrb-button-block .mrb-btn-item {
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: 400;
line-height: normal;
outline: none;
padding: 15px 25px;
position: relative;
text-decoration: none !important;
transition-duration: .2s;
transition-property: transform, opacity, color, background, border-color, box-shadow;
transition-timing-function: ease-out;
vertical-align: middle
}
#mrb-button-block .mrb-btn-item.mrb-btn-large,
.mrb-button-block .mrb-btn-item.mrb-btn-large {
font-size: 20px;
padding: 20px 40px
}
#mrb-button-block .mrb-btn-item.mrb-btn-small,
.mrb-button-block .mrb-btn-item.mrb-btn-small {
font-size: 12px;
padding: 10px 15px
}
#mrb-button-block .mrb-btn-item:before,
.mrb-button-block .mrb-btn-item:before {
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
#mrb-button-block .mrb-btn-item:after,
.mrb-button-block .mrb-btn-item:after {
bottom: 0;
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
transition: all .3s
}
#mrb-button-block .mrb-btn-item .mrb-btn-item-text,
.mrb-button-block .mrb-btn-item .mrb-btn-item-text {
word-wrap: break-word;
display: inline-block;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
line-height: normal;
max-width: 100%;
min-width: 20px;
position: relative;
word-break: break-word;
z-index: 2
}
.hide {
display: none !important
}
.invisible {
visibility: hidden
}
@media screen and (max-width:39.9375em) {
.hide-for-mrb-small-only {
display: none !important
}
}
@media screen and (max-width:0em),
screen and (min-width:40em) {
.show-for-mrb-small-only {
display: none !important
}
}
@media screen and (min-width:40em) {
.hide-for-mrb-medium {
display: none !important
}
}
@media screen and (max-width:39.9375em) {
.show-for-mrb-medium {
display: none !important
}
}
@media screen and (min-width:40em)and (max-width:63.9375em) {
.hide-for-mrb-medium-only {
display: none !important
}
}
@media screen and (max-width:39.9375em),
screen and (min-width:64em) {
.show-for-mrb-medium-only {
display: none !important
}
}
@media screen and (min-width:64em) {
.hide-for-mrb-large {
display: none !important
}
}
@media screen and (max-width:63.9375em) {
.show-for-mrb-large {
display: none !important
}
}
@media screen and (min-width:64em)and (max-width:74.9375em) {
.hide-for-mrb-large-only {
display: none !important
}
}
@media screen and (max-width:63.9375em),
screen and (min-width:75em) {
.show-for-mrb-large-only {
display: none !important
}
}
.show-for-sr,
.show-on-focus {
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px
}
.show-on-focus:active,
.show-on-focus:focus {
clip: auto;
height: auto;
overflow: visible;
position: static !important;
width: auto
}
.hide-for-portrait,
.show-for-landscape {
display: block !important
}
@media screen and (orientation:landscape) {
.hide-for-portrait,
.show-for-landscape {
display: block !important
}
}
@media screen and (orientation:portrait) {
.hide-for-portrait,
.show-for-landscape {
display: none !important
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important
}
@media screen and (orientation:landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important
}
}
@media screen and (orientation:portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important
}
}
.mr-block .mrb-small-1 {
width: 5.55556%
}
.mr-block .mrb-small-2 {
width: 11.11111%
}
.mr-block .mrb-small-3 {
width: 16.66667%
}
.mr-block .mrb-small-4 {
width: 22.22222%
}
.mr-block .mrb-small-5 {
width: 27.77778%
}
.mr-block .mrb-small-6 {
width: 33.33333%
}
.mr-block .mrb-small-7 {
width: 38.88889%
}
.mr-block .mrb-small-8 {
width: 44.44444%
}
.mr-block .mrb-small-9 {
width: 50%
}
.mr-block .mrb-small-10 {
width: 55.55556%
}
.mr-block .mrb-small-11 {
width: 61.11111%
}
.mr-block .mrb-small-12 {
width: 66.66667%
}
.mr-block .mrb-small-13 {
width: 72.22222%
}
.mr-block .mrb-small-14 {
width: 77.77778%
}
.mr-block .mrb-small-15 {
width: 83.33333%
}
.mr-block .mrb-small-16 {
width: 88.88889%
}
.mr-block .mrb-small-17 {
width: 94.44444%
}
.mr-block .mrb-small-18 {
width: 100%
}
@media screen and (min-width:40em) {
.mr-block .mrb-medium-1 {
width: 5.55556%
}
.mr-block .mrb-medium-2 {
width: 11.11111%
}
.mr-block .mrb-medium-3 {
width: 16.66667%
}
.mr-block .mrb-medium-4 {
width: 22.22222%
}
.mr-block .mrb-medium-5 {
width: 27.77778%
}
.mr-block .mrb-medium-6 {
width: 33.33333%
}
.mr-block .mrb-medium-7 {
width: 38.88889%
}
.mr-block .mrb-medium-8 {
width: 44.44444%
}
.mr-block .mrb-medium-9 {
width: 50%
}
.mr-block .mrb-medium-10 {
width: 55.55556%
}
.mr-block .mrb-medium-11 {
width: 61.11111%
}
.mr-block .mrb-medium-12 {
width: 66.66667%
}
.mr-block .mrb-medium-13 {
width: 72.22222%
}
.mr-block .mrb-medium-14 {
width: 77.77778%
}
.mr-block .mrb-medium-15 {
width: 83.33333%
}
.mr-block .mrb-medium-16 {
width: 88.88889%
}
.mr-block .mrb-medium-17 {
width: 94.44444%
}
.mr-block .mrb-medium-18 {
width: 100%
}
}
@media screen and (min-width:64em) {
.mr-block .mrb-large-1 {
width: 5.55556%
}
.mr-block .mrb-large-2 {
width: 11.11111%
}
.mr-block .mrb-large-3 {
width: 16.66667%
}
.mr-block .mrb-large-4 {
width: 22.22222%
}
.mr-block .mrb-large-5 {
width: 27.77778%
}
.mr-block .mrb-large-6 {
width: 33.33333%
}
.mr-block .mrb-large-7 {
width: 38.88889%
}
.mr-block .mrb-large-8 {
width: 44.44444%
}
.mr-block .mrb-large-9 {
width: 50%
}
.mr-block .mrb-large-10 {
width: 55.55556%
}
.mr-block .mrb-large-11 {
width: 61.11111%
}
.mr-block .mrb-large-12 {
width: 66.66667%
}
.mr-block .mrb-large-13 {
width: 72.22222%
}
.mr-block .mrb-large-14 {
width: 77.77778%
}
.mr-block .mrb-large-15 {
width: 83.33333%
}
.mr-block .mrb-large-16 {
width: 88.88889%
}
.mr-block .mrb-large-17 {
width: 94.44444%
}
.mr-block .mrb-large-18 {
width: 100%
}
}
.-gd-content {
padding: 15px 5px 10px;
z-index: 30
}
.-gd-content img {
display: inline-block;
vertical-align: middle
}
.mrb-inline-group_top>* {
display: inline-block;
vertical-align: top
}
.mrb-background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
@media screen and (min-width:40em)and (max-width:63.9375em) {
#mrb-triggers.theme-default .bl-triggers_small .bl-trigger,
#mrb-triggers.theme-default-circle .bl-triggers_small .bl-trigger,
.mrb-triggers.theme-default .bl-triggers_small .bl-trigger,
.mrb-triggers.theme-default-circle .bl-triggers_small .bl-trigger {
margin-bottom: 30px;
margin-left: 3% !important;
width: 47%
}
#mrb-triggers.theme-default .bl-triggers-list,
#mrb-triggers.theme-default-circle .bl-triggers-list,
.mrb-triggers.theme-default .bl-triggers-list,
.mrb-triggers.theme-default-circle .bl-triggers-list {
margin-left: -3%;
text-align: left
}
#mrb-triggers.theme-default .bl-triggers_3,
#mrb-triggers.theme-default-circle .bl-triggers_3,
.mrb-triggers.theme-default .bl-triggers_3,
.mrb-triggers.theme-default-circle .bl-triggers_3 {
margin-left: 0
}
#mrb-triggers.theme-default .bl-triggers_3 .bl-trigger,
#mrb-triggers.theme-default-circle .bl-triggers_3 .bl-trigger,
.mrb-triggers.theme-default .bl-triggers_3 .bl-trigger,
.mrb-triggers.theme-default-circle .bl-triggers_3 .bl-trigger {
margin-bottom: 15px;
margin-left: 2% !important;
width: 30.66%
}
}
@media screen and (max-width:39.9375em) {
#mrb-triggers.theme-default .bl-triggers_small .bl-trigger,
#mrb-triggers.theme-default-circle .bl-triggers_small .bl-trigger,
.mrb-triggers.theme-default .bl-triggers_small .bl-trigger,
.mrb-triggers.theme-default-circle .bl-triggers_small .bl-trigger {
margin: 0 0 15px !important;
width: 100%
}
}
@media screen and (max-width:63.9375em) {
#mrb-triggers.theme-horizontal .bl-trigger,
#mrb-triggers.theme-horizontal-circle .bl-trigger,
.mrb-triggers.theme-horizontal .bl-trigger,
.mrb-triggers.theme-horizontal-circle .bl-trigger {
margin: 0 0 15px;
padding: 0;
width: 100%
}
#mrb-triggers.theme-horizontal .bl-triggers-list,
#mrb-triggers.theme-horizontal-circle .bl-triggers-list,
.mrb-triggers.theme-horizontal .bl-triggers-list,
.mrb-triggers.theme-horizontal-circle .bl-triggers-list {
margin-left: 0
}
#mrb-triggers.theme-horizontal .blr-trigger-media .bl-trigger-icon:after,
#mrb-triggers.theme-horizontal .blr-trigger-media .bl-trigger-img:before,
#mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-icon:after,
#mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-img:before,
.mrb-triggers.theme-horizontal .blr-trigger-media .bl-trigger-icon:after,
.mrb-triggers.theme-horizontal .blr-trigger-media .bl-trigger-img:before,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-icon:after,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media .bl-trigger-img:before {
border: 3px solid #fff
}
}
@media screen and (min-width:40em)and (max-width:63.9375em) {
#mrb-triggers.theme-horizontal .blr-trigger-media,
#mrb-triggers.theme-horizontal-circle .blr-trigger-media,
.mrb-triggers.theme-horizontal .blr-trigger-media,
.mrb-triggers.theme-horizontal-circle .blr-trigger-media {
width: 12%
}
#mrb-triggers.theme-horizontal .bl-trigger-text,
#mrb-triggers.theme-horizontal-circle .bl-trigger-text,
.mrb-triggers.theme-horizontal .bl-trigger-text,
.mrb-triggers.theme-horizontal-circle .bl-trigger-text {
width: 84%
}
}
.list-by-letter__letter {
font-size: 1.5625rem;
font-weight: 900
}
.list-by-letter__item {
font-size: 1rem
}
.list-by-letter__item a {
color: #3772ff;
line-height: 1.5
}
.list-by-letter__item a:active,
.list-by-letter__item a:focus,
.list-by-letter__item a:hover {
color: #3772ff
}
.list-by-letter__item:after {
content: ","
}
.list-by-letter__item:last-child:after {
content: ""
}
@media print,
screen and (max-width:63.99875em) {
.-notification-box {
width: 100% !important
}
.-notification-box,
.-notification-box .-notification {
box-sizing: border-box !important;
max-width: 100% !important
}
.-notification-box .-notification {
left: .625rem;
right: .625rem;
width: auto !important
}
}
.-notification-box .-notification .-notification-icon {
height: 1.875rem !important;
line-height: 1.875rem;
padding: 0 !important;
width: 1.875rem !important
}
#order-form-0 input[type=email].error,
#order-form-0 input[type=file].error,
#order-form-0 input[type=number].error,
#order-form-0 input[type=tel].error,
#order-form-0 input[type=text].error,
#order-form-0 input[type=url].error,
#order-form-0 select.error,
#order-form-0 textarea.error,
#order-form-1 input[type=email].error,
#order-form-1 input[type=file].error,
#order-form-1 input[type=number].error,
#order-form-1 input[type=tel].error,
#order-form-1 input[type=text].error,
#order-form-1 input[type=url].error,
#order-form-1 select.error,
#order-form-1 textarea.error,
#order-form-product input[type=email].error,
#order-form-product input[type=file].error,
#order-form-product input[type=number].error,
#order-form-product input[type=tel].error,
#order-form-product input[type=text].error,
#order-form-product input[type=url].error,
#order-form-product select.error,
#order-form-product textarea.error,
#order-form-services input[type=email].error,
#order-form-services input[type=file].error,
#order-form-services input[type=number].error,
#order-form-services input[type=tel].error,
#order-form-services input[type=text].error,
#order-form-services input[type=url].error,
#order-form-services select.error,
#order-form-services textarea.error,
#payment-form-services input[type=email].error,
#payment-form-services input[type=file].error,
#payment-form-services input[type=number].error,
#payment-form-services input[type=tel].error,
#payment-form-services input[type=text].error,
#payment-form-services input[type=url].error,
#payment-form-services select.error,
#payment-form-services textarea.error,
.comment-form input[type=email].error,
.comment-form input[type=file].error,
.comment-form input[type=number].error,
.comment-form input[type=tel].error,
.comment-form input[type=text].error,
.comment-form input[type=url].error,
.comment-form select.error,
.comment-form textarea.error,
.lead-form input[type=email].error,
.lead-form input[type=file].error,
.lead-form input[type=number].error,
.lead-form input[type=tel].error,
.lead-form input[type=text].error,
.lead-form input[type=url].error,
.lead-form select.error,
.lead-form textarea.error,
.mfp-content input[type=email].error,
.mfp-content input[type=file].error,
.mfp-content input[type=number].error,
.mfp-content input[type=tel].error,
.mfp-content input[type=text].error,
.mfp-content input[type=url].error,
.mfp-content select.error,
.mfp-content textarea.error {
border-color: red;
box-shadow: 0 0 8px rgba(255, 0, 0, .2);
margin-bottom: 1.4375rem !important
}
#order-form-0 input[type=email]+ul.errors,
#order-form-0 input[type=file]+ul.errors,
#order-form-0 input[type=number]+ul.errors,
#order-form-0 input[type=tel]+ul.errors,
#order-form-0 input[type=text]+ul.errors,
#order-form-0 input[type=url]+ul.errors,
#order-form-0 select+ul.errors,
#order-form-0 textarea+ul.errors,
#order-form-1 input[type=email]+ul.errors,
#order-form-1 input[type=file]+ul.errors,
#order-form-1 input[type=number]+ul.errors,
#order-form-1 input[type=tel]+ul.errors,
#order-form-1 input[type=text]+ul.errors,
#order-form-1 input[type=url]+ul.errors,
#order-form-1 select+ul.errors,
#order-form-1 textarea+ul.errors,
#order-form-product input[type=email]+ul.errors,
#order-form-product input[type=file]+ul.errors,
#order-form-product input[type=number]+ul.errors,
#order-form-product input[type=tel]+ul.errors,
#order-form-product input[type=text]+ul.errors,
#order-form-product input[type=url]+ul.errors,
#order-form-product select+ul.errors,
#order-form-product textarea+ul.errors,
#order-form-services input[type=email]+ul.errors,
#order-form-services input[type=file]+ul.errors,
#order-form-services input[type=number]+ul.errors,
#order-form-services input[type=tel]+ul.errors,
#order-form-services input[type=text]+ul.errors,
#order-form-services input[type=url]+ul.errors,
#order-form-services select+ul.errors,
#order-form-services textarea+ul.errors,
#payment-form-services input[type=email]+ul.errors,
#payment-form-services input[type=file]+ul.errors,
#payment-form-services input[type=number]+ul.errors,
#payment-form-services input[type=tel]+ul.errors,
#payment-form-services input[type=text]+ul.errors,
#payment-form-services input[type=url]+ul.errors,
#payment-form-services select+ul.errors,
#payment-form-services textarea+ul.errors,
.comment-form input[type=email]+ul.errors,
.comment-form input[type=file]+ul.errors,
.comment-form input[type=number]+ul.errors,
.comment-form input[type=tel]+ul.errors,
.comment-form input[type=text]+ul.errors,
.comment-form input[type=url]+ul.errors,
.comment-form select+ul.errors,
.comment-form textarea+ul.errors,
.lead-form input[type=email]+ul.errors,
.lead-form input[type=file]+ul.errors,
.lead-form input[type=number]+ul.errors,
.lead-form input[type=tel]+ul.errors,
.lead-form input[type=text]+ul.errors,
.lead-form input[type=url]+ul.errors,
.lead-form select+ul.errors,
.lead-form textarea+ul.errors,
.mfp-content input[type=email]+ul.errors,
.mfp-content input[type=file]+ul.errors,
.mfp-content input[type=number]+ul.errors,
.mfp-content input[type=tel]+ul.errors,
.mfp-content input[type=text]+ul.errors,
.mfp-content input[type=url]+ul.errors,
.mfp-content select+ul.errors,
.mfp-content textarea+ul.errors {
border-radius: 0 0 .25rem .25rem;
display: block;
height: 0;
margin-bottom: 1.4375rem !important;
position: relative;
top: -1.1875rem
}
#order-form-0 .attach-file__btn-label,
#order-form-1 .attach-file__btn-label {
margin-bottom: 1.4375rem !important;
padding-left: 14px
}
ul.errors {
list-style: none;
margin: 0;
width: 100%
}
ul.errors li {
color: red !important;
font-size: .75rem !important;
line-height: 1.25;
text-align: left
}
#order-form-products input[type=checkbox].error.error,
#order-form-products input[type=email].error,
#order-form-products input[type=file].error,
#order-form-products input[type=number].error,
#order-form-products input[type=tel].error,
#order-form-products input[type=text].error,
#order-form-products input[type=url].error,
#order-form-products select.error,
#order-form-products textarea.error {
border-color: red;
box-shadow: 0 0 8px rgba(255, 0, 0, .2);
margin: 0 0 1.6875rem !important
}
#order-form-products input[type=checkbox].error+ul.errors,
#order-form-products input[type=email]+ul.errors,
#order-form-products input[type=file]+ul.errors,
#order-form-products input[type=number]+ul.errors,
#order-form-products input[type=tel]+ul.errors,
#order-form-products input[type=text]+ul.errors,
#order-form-products input[type=url]+ul.errors,
#order-form-products select+ul.errors,
#order-form-products textarea+ul.errors {
background-color: red;
bottom: 0 !important;
display: flex;
height: fit-content;
left: 0;
margin-bottom: -15px !important;
min-width: max-content;
padding: 2px 4px;
position: absolute;
top: inherit !important;
width: 100%
}
#order-form-products input[type=checkbox].error+ul.errors li,
#order-form-products input[type=email]+ul.errors li,
#order-form-products input[type=file]+ul.errors li,
#order-form-products input[type=number]+ul.errors li,
#order-form-products input[type=tel]+ul.errors li,
#order-form-products input[type=text]+ul.errors li,
#order-form-products input[type=url]+ul.errors li,
#order-form-products select+ul.errors li,
#order-form-products textarea+ul.errors li {
color: #fff !important;
left: 0;
margin: 0 !important;
width: 100%
}
#order-form-products input[type=checkbox].error+label:before,
#order-form-products input[type=email]+label:before,
#order-form-products input[type=file]+label:before,
#order-form-products input[type=number]+label:before,
#order-form-products input[type=tel]+label:before,
#order-form-products input[type=text]+label:before,
#order-form-products input[type=url]+label:before,
#order-form-products select+label:before,
#order-form-products textarea+label:before {
border: .0625rem solid red;
color: red
}
#order-form-products .attach-file {
margin: 0 0 1.6875rem !important
}
#order-form-products .attach-file__icon-file {
left: 0 !important
}
.attach-btn .errors {
border-radius: 0 !important;
bottom: -2px !important;
left: 35px !important
}
.incremental-field .js-num-products_error {
color: red;
left: 0;
position: absolute;
text-align: center;
width: max-content
}
@media print,
screen and (min-width:64em) {
.incremental-field {
margin-right: -.9375rem
}
.incremental-field>* {
display: inline-block
}
.incremental-field .incremental-field__button {
width: auto
}
}
.fileapi {
overflow: hidden;
position: relative
}
.fileapi input[type=file] {
bottom: 0;
cursor: pointer;
filter: alpha(opacity=0);
font-size: 50px;
height: auto !important;
left: 0;
margin: 0 !important;
opacity: 0;
padding: 0 !important;
position: absolute;
right: -40px;
top: -10px;
z-index: 2
}
.js-edit-mode .client-cookies-notice {
left: 4.375rem
}
.client-cookies-notice {
left: 0;
margin-left: -100%;
position: fixed;
transition: margin-left .7s linear;
z-index: 1000
}
@media print,
screen and (max-width:47.99875em) {
.client-cookies-notice {
bottom: 2.75rem;
width: calc(100% - 48px)
}
}
@media print,
screen and (min-width:48em) {
.client-cookies-notice {
bottom: 1.5rem;
width: 21.5625rem
}
}
.client-cookies-notice_open {
animation: notice-show .7s linear;
margin-left: 1.5rem
}
.client-cookies-notice__design {
word-wrap: break-word;
border-radius: .25rem;
box-sizing: border-box;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
-o-hyphens: manual;
hyphens: manual;
max-height: calc(100vh - 48px);
overflow: auto;
padding: 1rem;
word-break: break-word
}
.client-cookies-notice__design_light {
background: #fff;
box-shadow: 0 4px 24px rgba(114, 128, 170, .32);
color: #000
}
.client-cookies-notice__design_light a {
color: #0067f2
}
.client-cookies-notice__design_dark {
background: #161925;
color: #fff;
opacity: .95
}
.client-cookies-notice__design_dark a {
color: currentColor
}
.client-cookies-notice__design_dark a,
.client-cookies-notice__design_light a {
box-shadow: 0 1px 0 0 currentColor;
transition: box-shadow .1s ease-out
}
.client-cookies-notice__design_dark a:hover,
.client-cookies-notice__design_light a:hover {
box-shadow: none
}
.client-cookies-notice__description {
padding-bottom: 1rem
}
.client-cookies-notice__description,
.client-cookies-notice__description p {
line-height: 1.25rem
}
@media print,
screen and (max-width:63.99875em) {
.client-cookies-notice__description,
.client-cookies-notice__description p {
font-size: .8125rem
}
}
@media print,
screen and (min-width:64em) {
.client-cookies-notice__description,
.client-cookies-notice__description p {
font-size: .875rem
}
}
.client-cookies-notice__description p {
margin: 0;
padding: 0
}
.client-cookies-notice__button {
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
border-radius: var(--button-default-radius-large, .25em);
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
box-sizing: border-box;
color: var(--button-default-color, #fff);
font-size: .75rem;
font-weight: 600;
line-height: 1rem;
outline: none;
padding: .625rem 1.375rem;
text-align: center;
text-transform: uppercase;
transition: all .3s ease-in-out;
width: 100%
}
.client-cookies-notice__button:hover {
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.client-cookies-notice__button:active {
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
@keyframes notice-show {
0% {
margin-left: -100%
}
to {
margin-left: 1.5rem
}
}
.nh-text-editor__column-2 {
columns: 18rem 2
}
.nh-text-editor__column-3 {
columns: 18rem 3
}
@media screen and (min-width:64rem) {
.nh-text-editor__column-3 {
column-width: 15.125rem
}
}
.nh-text-editor__letterspacing-m015 {
letter-spacing: -.015em
}
.nh-text-editor__letterspacing-25 {
letter-spacing: .25em
}
.nh-text-editor__letterspacing-50 {
letter-spacing: .5em
}
.nh-text-editor__letterspacing-75 {
letter-spacing: .75em
}
.nh-text-editor__lineheight-100 {
line-height: 1
}
.nh-text-editor__lineheight-110 {
line-height: 1.1
}
.nh-text-editor__lineheight-120 {
line-height: 1.2
}
.nh-text-editor__lineheight-150 {
line-height: 1.5
}
.nh-text-editor__fontsize-12.nh-text-editor__fontsize-12,
.nh-text-editor__size-12px {
font-size: .75rem
}
.nh-text-editor__fontsize-14.nh-text-editor__fontsize-14,
.nh-text-editor__size-14px {
font-size: .8125rem;
font-size: clamp(.8125rem, .8125rem + (1vw - .2rem)*.1883, .875rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-14.nh-text-editor__fontsize-14,
.nh-text-editor__size-14px {
font-size: .875rem;
font-size: clamp(.8125rem, .8125rem + (1vw - .5325rem)*.1949, .875rem)
}
}
.nh-text-editor__fontsize-16.nh-text-editor__fontsize-16,
.nh-text-editor__size-16px {
font-size: .875rem;
font-size: clamp(.875rem, .875rem + (1vw - .2rem)*.3766, 1rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-16.nh-text-editor__fontsize-16,
.nh-text-editor__size-16px {
font-size: 1rem;
font-size: clamp(.875rem, .875rem + (1vw - .5325rem)*.3899, 1rem)
}
}
.nh-text-editor__fontsize-18.nh-text-editor__fontsize-18,
.nh-text-editor__size-18px {
font-size: 1rem;
font-size: clamp(1rem, 1rem + (1vw - .2rem)*.3766, 1.125rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-18.nh-text-editor__fontsize-18,
.nh-text-editor__size-18px {
font-size: 1.125rem;
font-size: clamp(1rem, 1rem + (1vw - .5325rem)*.3899, 1.125rem)
}
}
.nh-text-editor__fontsize-20.nh-text-editor__fontsize-20,
.nh-text-editor__size-20px {
font-size: 1.0625rem;
font-size: clamp(1.0625rem, 1.0625rem + (1vw - .2rem)*.565, 1.25rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-20.nh-text-editor__fontsize-20,
.nh-text-editor__size-20px {
font-size: 1.25rem;
font-size: clamp(1.0625rem, 1.0625rem + (1vw - .5325rem)*.5848, 1.25rem)
}
}
.nh-text-editor__fontsize-22.nh-text-editor__fontsize-22 {
font-size: 1.125rem;
font-size: clamp(1.125rem, 1.125rem + (1vw - .2rem)*.7533, 1.375rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-22.nh-text-editor__fontsize-22 {
font-size: 1.375rem;
font-size: clamp(1.125rem, 1.125rem + (1vw - .5325rem)*.7797, 1.375rem)
}
}
.nh-text-editor__fontsize-24.nh-text-editor__fontsize-24,
.nh-text-editor__size-24px {
font-size: 1.25rem;
font-size: clamp(1.25rem, 1.25rem + (1vw - .2rem)*.7533, 1.5rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-24.nh-text-editor__fontsize-24,
.nh-text-editor__size-24px {
font-size: 1.5rem;
font-size: clamp(1.25rem, 1.25rem + (1vw - .5325rem)*.7797, 1.5rem)
}
}
.nh-text-editor__fontsize-28.nh-text-editor__fontsize-28 {
font-size: 1.375rem;
font-size: clamp(1.375rem, 1.375rem + (1vw - .2rem)*1.1299, 1.75rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-28.nh-text-editor__fontsize-28 {
font-size: 1.75rem;
font-size: clamp(1.375rem, 1.375rem + (1vw - .5325rem)*1.1696, 1.75rem)
}
}
.nh-text-editor__fontsize-32.nh-text-editor__fontsize-32,
.nh-text-editor__size-32px {
font-size: 1.5rem;
font-size: clamp(1.5rem, 1.5rem + (1vw - .2rem)*1.5066, 2rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-32.nh-text-editor__fontsize-32,
.nh-text-editor__size-32px {
font-size: 2rem;
font-size: clamp(1.5rem, 1.5rem + (1vw - .5325rem)*1.5595, 2rem)
}
}
.nh-text-editor__fontsize-36.nh-text-editor__fontsize-36 {
font-size: 1.625rem;
font-size: clamp(1.625rem, 1.625rem + (1vw - .2rem)*1.8832, 2.25rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-36.nh-text-editor__fontsize-36 {
font-size: 2.25rem;
font-size: clamp(1.625rem, 1.625rem + (1vw - .5325rem)*1.9493, 2.25rem)
}
}
.nh-text-editor__fontsize-40.nh-text-editor__fontsize-40 {
font-size: 1.75rem;
font-size: clamp(1.75rem, 1.75rem + (1vw - .2rem)*2.2599, 2.5rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-40.nh-text-editor__fontsize-40 {
font-size: 2.5rem;
font-size: clamp(1.75rem, 1.75rem + (1vw - .5325rem)*2.3392, 2.5rem)
}
}
.nh-text-editor__fontsize-44.nh-text-editor__fontsize-44 {
font-size: 1.875rem;
font-size: clamp(1.875rem, 1.875rem + (1vw - .2rem)*2.6365, 2.75rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-44.nh-text-editor__fontsize-44 {
font-size: 2.75rem;
font-size: clamp(1.875rem, 1.875rem + (1vw - .5325rem)*2.729, 2.75rem)
}
}
.nh-text-editor__fontsize-48.nh-text-editor__fontsize-48 {
font-size: 2rem;
font-size: clamp(2rem, 2rem + (1vw - .2rem)*3.0132, 3rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-48.nh-text-editor__fontsize-48 {
font-size: 3rem;
font-size: clamp(2rem, 2rem + (1vw - .5325rem)*3.1189, 3rem)
}
}
.nh-text-editor__fontsize-56.nh-text-editor__fontsize-56 {
font-size: 2.25rem;
font-size: clamp(2.25rem, 2.25rem + (1vw - .2rem)*3.7665, 3.5rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-56.nh-text-editor__fontsize-56 {
font-size: 3.5rem;
font-size: clamp(2.25rem, 2.25rem + (1vw - .5325rem)*3.8986, 3.5rem)
}
}
.nh-text-editor__fontsize-64.nh-text-editor__fontsize-64 {
font-size: 2.5rem;
font-size: clamp(2.5rem, 2.5rem + (1vw - .2rem)*4.5198, 4rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-64.nh-text-editor__fontsize-64 {
font-size: 4rem;
font-size: clamp(2.5rem, 2.5rem + (1vw - .5325rem)*4.6784, 4rem)
}
}
.nh-text-editor__fontsize-72.nh-text-editor__fontsize-72 {
font-size: 2.75rem;
font-size: clamp(2.75rem, 2.75rem + (1vw - .2rem)*5.2731, 4.5rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-72.nh-text-editor__fontsize-72 {
font-size: 4.5rem;
font-size: clamp(2.75rem, 2.75rem + (1vw - .5325rem)*5.4581, 4.5rem)
}
}
.nh-text-editor__fontsize-80.nh-text-editor__fontsize-80 {
font-size: 3rem;
font-size: clamp(3rem, 3rem + (1vw - .2rem)*6.0264, 5rem)
}
@media screen and (min-width:53.25rem) {
.nh-text-editor__fontsize-80.nh-text-editor__fontsize-80 {
font-size: 5rem;
font-size: clamp(3rem, 3rem + (1vw - .5325rem)*6.2378, 5rem)
}
}
.nh-text-editor__uppercase,
.nh-text-editor__uppercase-true {
text-transform: uppercase
}
.small-cabinet__header-container {
align-items: flex-start;
display: flex;
margin-right: 5px
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.small-cabinet__header-container {
margin-right: 0;
margin-top: 0
}
}
@media print,
screen and (max-width:47.99875em) {
.small-cabinet__header-container {
align-items: center;
justify-content: center;
margin-right: 0;
margin-top: 0;
width: 40px
}
}
.cabinet__button {
color: var(--menu-color, #fff);
cursor: pointer;
display: flex;
padding: .5rem 1rem;
position: relative
}
@media print,
screen and (max-width:47.99875em) {
.cabinet__button {
margin: 0;
padding: 20px 8px
}
}
.cabinet__button.active .cabinet__arrow svg,
.cabinet__button.active:before,
.cabinet__button:active .cabinet__arrow svg,
.cabinet__button:active:before,
.cabinet__button:hover .cabinet__arrow svg,
.cabinet__button:hover:before {
opacity: 1
}
.cabinet-button__icon {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
margin: auto 0;
width: 24px
}
.cabinet-button__icon svg path {
fill: var(--menu-color, #fff)
}
@media print,
screen and (max-width:47.99875em) {
.cabinet-button__icon {
margin: auto 0
}
}
.cabinet-button__text {
font-family: var(--menu-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: var(--menu-font-size, .75rem);
font-weight: var(--menu-font-weight, 500);
line-height: 1.5;
margin: auto .1875rem auto .5rem;
text-transform: uppercase
}
@media print,
screen and (max-width:47.99875em) {
.cabinet-button__text {
display: none
}
}
.cabinet__list {
display: none;
position: absolute;
right: 0;
top: 100%;
z-index: 100
}
.cabinet__list--open {
display: block
}
.cabinet-list__item {
background-color: var(--menu-bg-color, rgba(0, 0, 0, .85));
color: var(--menu-color, #fff);
font-size: var(--menu-font-size, .75rem);
font-weight: 500;
line-height: 1.5;
padding: 10px 12px;
position: relative;
text-transform: uppercase;
width: 168px
}
.cabinet-list__item:before {
background-color: var(--menu-color, #fff);
bottom: 1px;
content: "";
height: .0625rem;
left: 0;
opacity: .2;
position: absolute;
right: 0
}
.button {
cursor: pointer;
display: inline-block;
letter-spacing: -.003125rem;
transition: all .3s ease-in-out
}
.nh-add-block {
margin: 0 auto
}
.nh-add-block_large {
max-width: 34rem;
padding: .75rem 0
}
.nh-add-block__btn {
align-items: center;
background: #0067f2;
border: .125rem solid #fff;
border-radius: 1.75rem;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: flex;
justify-content: center;
margin: 0 auto;
outline: none;
transition: background-color .1s ease-out, box-shadow .1s ease-out;
user-select: none;
z-index: 1100
}
.nh-add-block__btn_medium {
padding: .625rem
}
.nh-add-block__btn_medium .nh-add-block__icon {
margin-right: .625rem
}
.nh-add-block__btn_medium .nh-add-block__title {
font-size: .75rem
}
.nh-add-block__btn_large {
max-width: 100%;
padding: .875rem;
width: 100%
}
.nh-add-block__btn_large .nh-add-block__icon {
margin-right: .875rem
}
.nh-add-block__btn_large .nh-add-block__title {
font-size: .8125rem
}
.nh-add-block__btn:focus,
.nh-add-block__btn:hover {
background-color: #0058f2
}
.nh-add-block__btn:active {
background-color: #0046f2
}
.nh-add-block__btn:focus {
outline: .125rem dashed #4b587c
}
.nh-add-block__icon {
flex-shrink: 0;
height: .75rem;
opacity: 1;
overflow: hidden;
position: relative;
transition: max-width .1s ease-out, opacity .3s ease-out;
width: .75rem
}
.nh-add-block__icon:after,
.nh-add-block__icon:before {
background-color: #fff;
border: .0625rem solid #fff;
box-sizing: border-box;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.nh-add-block__icon:before {
height: .75rem;
width: .125rem
}
.nh-add-block__icon:after {
height: .125rem;
width: .75rem
}
.nh-add-block__title {
font-family: Inter, sans-serif;
font-weight: 700;
line-height: 1rem;
text-transform: uppercase;
transition: max-width .3s ease-out, opacity .3s ease-out
}
.ui.tab {
display: none
}
.ui.tab.active,
.ui.tab.open {
display: block
}
.ui.tab.loading {
display: block;
min-height: 250px;
overflow: hidden;
position: relative
}
.ui.tab.loading * {
left: -10000px !important;
position: relative !important
}
.ui.tab.loading.segment:before,
.ui.tab.loading:before {
border: .2em solid rgba(0, 0, 0, .1);
border-radius: 500rem;
content: "";
height: 2.5em;
left: 50%;
margin: -1.25em 0 0 -1.25em;
position: absolute;
top: 100px;
width: 2.5em
}
.ui.tab.loading.segment:after,
.ui.tab.loading:after {
-webkit-animation: button-spin .6s linear;
animation: button-spin .6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border: .2em solid transparent;
border-radius: 500rem;
border-top-color: #767676;
box-shadow: 0 0 0 1px transparent;
content: "";
height: 2.5em;
left: 50%;
margin: -1.25em 0 0 -1.25em;
position: absolute;
top: 100px;
width: 2.5em
}
@font-face {
font-family: triggers-ft;
font-style: normal;
font-weight: 400;
src: url(../../grid_12/fonts/triggers-ft-738b1721cf.eot);
src: url(triggers-ft.eot?#iefix) format("eot"), url(../../grid_12/fonts/triggers-ft-b8590028a6.woff) format("woff"), url(../../grid_12/fonts/triggers-ft-51fc0049da.ttf) format("truetype")
}
[class*=-triggers-ft],
[class^=-triggers-ft] {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: triggers-ft !important;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-decoration: none;
text-transform: none
}
[class*=-triggers-ft].off,
[class^=-triggers-ft].off {
opacity: .6
}
[class*=-triggers-ft].disable,
[class^=-triggers-ft].disable {
cursor: default;
opacity: .4
}
.-triggers-ft-bomb:before {
content: "оЁЃ"
}
.-triggers-ft-bubble:before {
content: "оЁ‚"
}
.-triggers-ft-calendar:before {
content: "оЁѓ"
}
.-triggers-ft-camera:before {
content: "оЁ„"
}
.-triggers-ft-cart:before {
content: "оЁ…"
}
.-triggers-ft-child:before {
content: "оЁ†"
}
.-triggers-ft-cloudy:before {
content: "оЁ‡"
}
.-triggers-ft-comments-o:before {
content: "оЁ€"
}
.-triggers-ft-credit-card:before {
content: "оЁ‰"
}
.-triggers-ft-credit:before {
content: "оЁЉ"
}
.-triggers-ft-dashboard:before {
content: "оЁ‹"
}
.-triggers-ft-database:before {
content: "оЁЊ"
}
.-triggers-ft-earth:before {
content: "оЁЌ"
}
.-triggers-ft-eightball:before {
content: "оЁЋ"
}
.-triggers-ft-fire:before {
content: "оЁЏ"
}
.-triggers-ft-flag-checkered:before {
content: "оЁђ"
}
.-triggers-ft-flag-o:before {
content: "оЁ‘"
}
.-triggers-ft-futbol-o:before {
content: "оЁ’"
}
.-triggers-ft-gamepad:before {
content: "оЁ“"
}
.-triggers-ft-gift:before {
content: "оЁ”"
}
.-triggers-ft-graduate:before {
content: "оЁ•"
}
.-triggers-ft-graph:before {
content: "оЁ–"
}
.-triggers-ft-happy:before {
content: "оЁ—"
}
.-triggers-ft-headphones:before {
content: "оЁ"
}
.-triggers-ft-heart:before {
content: "оЁ™"
}
.-triggers-ft-key:before {
content: "оЁљ"
}
.-triggers-ft-laptop:before {
content: "оЁ›"
}
.-triggers-ft-life-bouy:before {
content: "оЁњ"
}
.-triggers-ft-lightbulb-o:before {
content: "оЁќ"
}
.-triggers-ft-like:before {
content: "оЁћ"
}
.-triggers-ft-location:before {
content: "оЁџ"
}
.-triggers-ft-magic:before {
content: "оЁ "
}
.-triggers-ft-medal:before {
content: "оЁЎ"
}
.-triggers-ft-medal2:before {
content: "оЁў"
}
.-triggers-ft-megaphone:before {
content: "оЁЈ"
}
.-triggers-ft-news:before {
content: "оЁ¤"
}
.-triggers-ft-organization:before {
content: "оЁҐ"
}
.-triggers-ft-package:before {
content: "оЁ¦"
}
.-triggers-ft-paper-plane-o:before {
content: "оЁ§"
}
.-triggers-ft-pen:before {
content: "оЁЁ"
}
.-triggers-ft-pie-chart:before {
content: "оЁ©"
}
.-triggers-ft-rocket:before {
content: "оЁЄ"
}
.-triggers-ft-security:before {
content: "оЁ«"
}
.-triggers-ft-settings:before {
content: "оЁ¬"
}
.-triggers-ft-star-o:before {
content: "оЁ"
}
.-triggers-ft-stats:before {
content: "оЁ®"
}
.-triggers-ft-stats2:before {
content: "оЁЇ"
}
.-triggers-ft-study:before {
content: "оЁ°"
}
.-triggers-ft-sun:before {
content: "оЁ±"
}
.-triggers-ft-t-shirt:before {
content: "оЁІ"
}
.-triggers-ft-tools:before {
content: "оЁі"
}
.-triggers-ft-truck:before {
content: "оЁґ"
}
.-triggers-ft-wallet:before {
content: "оЁµ"
}
.-triggers-ft-washingmachine:before {
content: "оЁ¶"
}
.video__wrapper {
display: inline-block;
height: 0;
padding-bottom: 56.25%;
padding-top: 25px;
position: relative;
width: 100%
}
.video__wrapper .video__frame {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.mce-video__frame {
box-sizing: border-box;
display: inline-block;
height: 0;
margin: 0;
min-width: 100px;
padding-bottom: 56%;
width: 100%
}
.mce-video-intext,
.video-intext {
cursor: pointer;
height: 120px !important;
position: relative;
width: 160px !important
}
.mce-input-error {
border-color: #ff4500 !important
}
.mce-tooltip-error .mce-tooltip-inner {
background-color: #ff4500
}
.mce-tooltip-error .mce-tooltip-arrow {
border-color: #ff4500
}
.top-bar {
position: relative
}
.top-bar__element {
letter-spacing: .04em
}
.top-bar__element_tariff a {
padding: .5rem
}
.top-bar__element_buy-tariff a {
letter-spacing: .04em
}
.top-bar__element_link {
color: #0067f2;
transition: background .5s
}
.top-bar__element_link a {
color: #0067f2;
padding: .5rem .75rem
}
.top-bar__element_link:hover {
background: #d1eaff;
color: #0058f2
}
.top-bar__element_link:hover a {
color: #0058f2
}
.top-bar__element_link:active {
background: none;
color: #0046f2;
outline: 2px solid #a3d5ff
}
.top-bar__element_link:active a {
color: #0046f2
}
.top-bar__account-link {
display: block;
letter-spacing: -.02em
}
#topbar-tariff-buttons {
display: inline-flex
}
.gift-modal {
align-items: center;
background-color: rgba(19, 41, 61, .7);
bottom: 0;
display: none;
justify-content: center;
left: 0;
overflow-y: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 1002
}
.gift-modal__wrapper {
background-color: #fff;
margin: 0 auto;
max-width: 736px;
perspective: 1300px;
width: 100%
}
.gift-modal__header {
background-color: #c9f9ff;
padding: 23px 19px;
position: relative
}
.gift-modal__close,
.gift-modal__header {
align-items: center;
display: flex;
justify-content: center
}
.gift-modal__close {
cursor: pointer;
padding: 6px;
position: absolute;
right: 19px;
top: 18px
}
.gift-modal__title {
color: #13293d;
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 1.33;
margin-bottom: 0
}
.gift-modal__content {
margin: 32px auto 64px;
max-width: 480px;
text-align: center;
width: 100%
}
.gift-modal__text {
color: #13293d;
font-family: Roboto;
font-size: 16px;
font-weight: 400;
letter-spacing: .01em;
line-height: 1.5;
margin-bottom: 24px;
text-align: center
}
.gift-modal__text--bold {
font-weight: 700
}
.gift-modal__button {
align-items: center;
border-radius: 4px;
color: #fff;
display: inline-flex;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 400;
justify-content: center;
letter-spacing: .04em;
line-height: 1.14;
padding: 12px 16px;
text-decoration: none
}
.gift-modal__button svg {
margin-right: 10px
}
.gift-modal__button:active,
.gift-modal__button:focus,
.gift-modal__button:hover {
color: #fff !important
}
.gift-modal__button--vk {
background-color: #3e6388;
margin-right: 24px
}
.gift-modal__button--tg {
background-color: #4faee6
}
.gift-modal__icon-wrapper {
align-items: center;
background-color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
margin-left: -100px;
margin-right: 40px;
padding: 14px
}
.info-panel {
background: #1092d3;
font-size: 16px;
padding: 4px 0;
position: relative;
text-align: center;
z-index: 1
}
.info-panel_alert {
background: #b94a48
}
.info-panel,
.info-panel a {
color: #fff;
font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 400
}
.info-panel .icon svg {
fill: #fff;
display: inline-block;
height: auto;
vertical-align: middle;
width: 24px
}
.info-panel .icon_close {
cursor: pointer;
margin-left: 15px;
opacity: .7
}
.info-panel .icon_close:hover svg {
opacity: 1
}
@font-face {
font-family: icon-font;
font-style: normal;
font-weight: 400;
src: url(../../grid_12/fonts/icon-font-3a7e2087df.eot);
src: url(icon-font.eot?#iefix) format("eot"), url(../../grid_12/fonts/icon-font-177518125d.woff) format("woff"), url(../../grid_12/fonts/icon-font-4d50cb9734.ttf) format("truetype")
}
[class*=-icon-font],
[class^=-icon-font] {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: icon-font;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-decoration: none;
text-transform: none
}
[class*=-icon-font].off,
[class^=-icon-font].off {
opacity: .6
}
[class*=-icon-font].disable,
[class^=-icon-font].disable {
cursor: default;
opacity: .4
}
.-icon-font-arrow-down:before {
content: "оЁЃ"
}
.-icon-font-arrow-left-3:before {
content: "оЁ‚"
}
.-icon-font-arrow-left:before {
content: "оЁѓ"
}
.-icon-font-arrow-left2:before {
content: "оЁ„"
}
.-icon-font-arrow-right-3:before {
content: "оЁ…"
}
.-icon-font-arrow-right:before {
content: "оЁ†"
}
.-icon-font-arrow-right2:before {
content: "оЁ‡"
}
.-icon-font-arrow-up:before {
content: "оЁ€"
}
.-icon-font-basket:before {
content: "оЁ‰"
}
.-icon-font-bomb:before {
content: "оЁЉ"
}
.-icon-font-bubble:before {
content: "оЁ‹"
}
.-icon-font-calendar:before {
content: "оЁЊ"
}
.-icon-font-camera:before {
content: "оЁЌ"
}
.-icon-font-cart-2:before {
content: "оЁЋ"
}
.-icon-font-cart:before {
content: "оЁЏ"
}
.-icon-font-chain:before {
content: "оЁђ"
}
.-icon-font-check-box:before {
content: "оЁ‘"
}
.-icon-font-checkmark:before,
.-notification-box .-notification.success .-notification-icon:before {
content: "оЁ’"
}
.-icon-font-checkmark2:before {
content: "оЁ“"
}
.-icon-font-child:before {
content: "оЁ”"
}
.-icon-font-close:before {
content: "оЁ•"
}
.-icon-font-close2:before {
content: "оЁ–"
}
.-icon-font-cloudy:before {
content: "оЁ—"
}
.-icon-font-comments-o:before {
content: "оЁ"
}
.-icon-font-credit-card:before {
content: "оЁ™"
}
.-icon-font-credit:before {
content: "оЁљ"
}
.-icon-font-dashboard:before {
content: "оЁ›"
}
.-icon-font-database:before {
content: "оЁњ"
}
.-icon-font-download:before {
content: "оЁќ"
}
.-icon-font-earth:before {
content: "оЁћ"
}
.-icon-font-edit:before {
content: "оЁџ"
}
.-icon-font-eightball:before {
content: "оЁ "
}
.-icon-font-eye-slash:before {
content: "оЁЎ"
}
.-icon-font-eye:before {
content: "оЁў"
}
.-icon-font-fire:before {
content: "оЁЈ"
}
.-icon-font-flag-checkered:before {
content: "оЁ¤"
}
.-icon-font-flag-o:before {
content: "оЁҐ"
}
.-icon-font-futbol-o:before {
content: "оЁ¦"
}
.-icon-font-gamepad:before {
content: "оЁ§"
}
.-icon-font-gift:before {
content: "оЁЁ"
}
.-icon-font-graduate:before {
content: "оЁ©"
}
.-icon-font-graph:before {
content: "оЁЄ"
}
.-icon-font-happy:before {
content: "оЁ«"
}
.-icon-font-headphones:before {
content: "оЁ¬"
}
.-icon-font-heart:before {
content: "оЁ"
}
.-icon-font-home-slash:before {
content: "оЁ®"
}
.-icon-font-home:before {
content: "оЁЇ"
}
.-icon-font-image:before {
content: "оЁ°"
}
.-icon-font-key:before {
content: "оЁ±"
}
.-icon-font-laptop:before {
content: "оЁІ"
}
.-icon-font-library:before {
content: "оЁі"
}
.-icon-font-life-bouy:before {
content: "оЁґ"
}
.-icon-font-lightbulb-o:before {
content: "оЁµ"
}
.-icon-font-like:before {
content: "оЁ¶"
}
.-icon-font-link:before {
content: "оЁ·"
}
.-icon-font-location:before {
content: "оЁё"
}
.-icon-font-magic:before {
content: "оЁ№"
}
.-icon-font-mail:before {
content: "оЁє"
}
.-icon-font-medal:before {
content: "оЁ»"
}
.-icon-font-medal2:before {
content: "оЁј"
}
.-icon-font-megaphone:before {
content: "оЁЅ"
}
.-icon-font-minus:before {
content: "оЁѕ"
}
.-icon-font-move-vertical:before {
content: "оЁї"
}
.-icon-font-news:before {
content: "о©Ђ"
}
.-icon-font-notification:before,
.-notification-box .-notification.warning .-notification-icon:before {
content: "о©Ѓ"
}
.-icon-font-organization:before {
content: "о©‚"
}
.-icon-font-package:before {
content: "о©ѓ"
}
.-icon-font-paper-plane-o:before {
content: "о©„"
}
.-icon-font-pen:before {
content: "о©…"
}
.-icon-font-phone:before {
content: ""
}
.-icon-font-pie-chart:before {
content: ""
}
.-icon-font-plus:before {
content: "о©€"
}
.-icon-font-print:before {
content: ""
}
.-icon-font-question:before {
content: "о©Љ"
}
.-icon-font-reply:before {
content: "о©‹"
}
.-icon-font-rocket:before {
content: "о©Њ"
}
.-icon-font-sad:before {
content: "о©Ќ"
}
.-icon-font-search:before {
content: "о©Ћ"
}
.-icon-font-security:before {
content: "о©Џ"
}
.-icon-font-settings:before {
content: "о©ђ"
}
.-icon-font-sm-arrow-down:before {
content: "о©‘"
}
.-icon-font-sm-arrow-right:before {
content: "о©’"
}
.-icon-font-sm-arrow-up:before {
content: "о©“"
}
.-icon-font-spin:before {
content: "о©”"
}
.-icon-font-spinner:before {
content: "о©•"
}
.-icon-font-star-o:before {
content: "о©–"
}
.-icon-font-star:before {
content: "о©—"
}
.-icon-font-stats:before {
content: "о©"
}
.-icon-font-stats2:before {
content: "о©™"
}
.-icon-font-study:before {
content: "о©љ"
}
.-icon-font-sun:before {
content: "о©›"
}
.-icon-font-t-shirt:before {
content: "о©њ"
}
.-icon-font-tools:before {
content: "о©ќ"
}
.-icon-font-truck:before {
content: "о©ћ"
}
.-icon-font-unlink:before {
content: "о©џ"
}
.-icon-font-upload:before {
content: "о© "
}
.-icon-font-user:before {
content: "о©Ў"
}
.-icon-font-wallet:before {
content: "о©ў"
}
.-icon-font-warning:before,
.-notification-box .-notification.error .-notification-icon:before {
content: "о©Ј"
}
.-icon-font-washingmachine:before {
content: ""
}
.-icon-font-zoom-in:before {
content: "о©Ґ"
}
.notify-line {
background: #02508b;
color: #fff;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100
}
.notify-line__height {
height: 50px;
width: 100%
}
.notify-line--nethouse-domains .notify-line__logo>* {
display: inline-block;
vertical-align: bottom
}
.notify-line--nethouse-domains .notify-line__logo-image {
margin-right: 10px
}
.notify-line--nethouse-domains .notify-line__logo-text {
padding-left: 10px;
position: relative
}
.notify-line--nethouse-domains .notify-line__logo-text:before {
background-color: hsla(0, 0%, 100%, .5);
bottom: -3px;
content: "";
left: 0;
position: absolute;
top: -2px;
width: 1px
}
.notify-line a {
border: none;
color: #fff;
display: block;
text-decoration: none
}
.notify-line__underline {
text-decoration: underline
}
.notify-line__content {
font-family: Arial, sans-serif;
font-size: 18px;
margin: auto;
padding-bottom: 12px;
padding-top: 6px;
text-align: center;
width: 962px
}
.notify-line__logo,
.notify-line__text {
display: inline-block;
vertical-align: bottom
}
.notify-line__logo {
margin-right: 50px
}
.notify-line__logo-image {
height: 32px
}
.notify-line__close {
cursor: pointer;
font-size: 20px;
opacity: .5;
position: absolute;
right: 20px;
top: 13px;
transition: opacity .3s
}
.notify-line__close:hover {
opacity: 1
}
.notify-line__domain-zone {
color: #ffac28;
font-weight: 700;
text-transform: uppercase
}
.-tooltip-notifyer-content {
font-size: 12px
}
.tooltipster-error {
background: #e43725;
border: 1px solid #e43725;
border-radius: 2px;
color: #fff
}
.tooltipster-error .tooltipster-content {
font-size: 12px;
line-height: 16px;
overflow: hidden;
padding: 2px 10px 3px
}
.tooltipster-default {
background: #000;
border: 1px solid #000;
color: #fff
}
.tooltipster-default .tooltipster-content {
font-size: 12px;
line-height: 16px;
overflow: hidden;
padding: 4px 10px
}
.tooltip-notifyer {
background: #fff;
box-shadow: 0 2px 5px -2px #000;
color: #000;
pointer-events: auto !important
}
.tooltip-notifyer .site-icons-close {
cursor: pointer;
position: absolute;
right: 8px;
top: 8px
}
.tooltip-notifyer.tooltip-type-warning {
border: 1px solid #f80
}
.tooltip-notifyer .tooltipster-content {
overflow: hidden;
padding: 10px
}
.tooltip-colorpicker {
background: #fff;
border: 2px solid #666;
box-shadow: 0 2px 5px -2px #000;
color: #000;
pointer-events: auto !important
}
.tooltip-colorpicker .tooltipster-content {
overflow: hidden
}
.tooltipster-icon {
cursor: help;
margin-left: 4px
}
.tooltipster-base {
font-size: 0;
left: 0;
line-height: 0;
overflow: visible;
padding: 0;
pointer-events: none;
position: absolute;
top: 0;
width: auto;
z-index: 9000
}
.tooltipster-base .tooltipster-content {
overflow: hidden
}
.tooltipster-arrow {
display: block;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: -1
}
.tooltipster-arrow span,
.tooltipster-arrow-border {
display: block;
height: 0;
position: absolute;
width: 0
}
.tooltipster-arrow-top span,
.tooltipster-arrow-top-left span,
.tooltipster-arrow-top-right span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-top: 8px solid;
bottom: -7px
}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
border-left: 6px solid transparent !important;
border-right: 6px solid transparent !important;
border-top: 6px solid;
bottom: -5px
}
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom-right span {
border-bottom: 8px solid;
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
top: -7px
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
border-bottom: 6px solid;
border-left: 6px solid transparent !important;
border-right: 6px solid transparent !important;
top: -5px
}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top span {
left: 0;
margin: 0 auto;
right: 0
}
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-top-left span {
left: 6px
}
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
left: 5px
}
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-top-right span {
right: 6px
}
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
right: 5px
}
.tooltipster-arrow-left .tooltipster-arrow-border,
.tooltipster-arrow-left span {
border-bottom: 8px solid transparent !important;
border-left: 8px solid;
border-top: 8px solid transparent !important;
margin-top: -7px;
right: -8px;
top: 50%
}
.tooltipster-arrow-left .tooltipster-arrow-border {
border-bottom: 9px solid transparent !important;
border-left: 9px solid;
border-top: 9px solid transparent !important;
margin-top: -8px
}
.tooltipster-arrow-right .tooltipster-arrow-border,
.tooltipster-arrow-right span {
border-bottom: 8px solid transparent !important;
border-right: 8px solid;
border-top: 8px solid transparent !important;
left: -8px;
margin-top: -8px;
top: 50%
}
.tooltipster-arrow-right .tooltipster-arrow-border {
border-bottom: 9px solid transparent !important;
border-right: 9px solid;
border-top: 9px solid transparent !important;
margin-top: -9px
}
.tooltipster-fade {
opacity: 0;
transition-property: opacity
}
.tooltipster-fade-show {
opacity: 1
}
.tooltipster-grow {
-webkit-backface-visibility: hidden;
transform: scale(0);
transition-property: transform
}
.tooltipster-grow-show {
transform: scale(1);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-swing {
opacity: 0;
transform: rotate(4deg);
transition-property: transform
}
.tooltipster-swing-show {
opacity: 1;
transform: rotate(0deg);
transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}
.tooltipster-fall {
top: 0;
transition-property: top;
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-fall.tooltipster-dying {
opacity: 0;
top: 0 !important;
transition-property: all
}
.tooltipster-slide {
left: -40px;
transition-property: left;
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-slide.tooltipster-dying {
left: 0 !important;
opacity: 0;
transition-property: all
}
.tooltipster-content-changing {
opacity: .5;
transform: scale(1.1)
}
.transition {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
.animating.transition {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: visible !important
}
.loading.transition {
left: -99999px;
position: absolute;
top: -99999px
}
.hidden.transition {
display: none;
visibility: hidden
}
.visible.transition {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: block !important;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: visible !important
}
.disabled.transition {
-webkit-animation-play-state: paused;
animation-play-state: paused
}
.looping.transition {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.flash.transition {
-webkit-animation-name: flash;
animation-name: flash
}
.shake.transition {
-webkit-animation-name: shake;
animation-name: shake
}
.bounce.transition {
-webkit-animation-name: bounce;
animation-name: bounce
}
.tada.transition {
-webkit-animation-name: tada;
animation-name: tada
}
.pulse.transition {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
to {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(.9) rotate(-3deg);
transform: scale(.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
to {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(.9) rotate(-3deg);
transform: scale(.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
to {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@-webkit-keyframes pulse {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
opacity: .7;
-webkit-transform: scale(.9);
transform: scale(.9)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes pulse {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
opacity: .7;
-webkit-transform: scale(.9);
transform: scale(.9)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.slide.down.transition.in {
-webkit-animation-name: slideIn;
animation-name: slideIn;
transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-webkit-transform-origin: 50% 0
}
.slide.down.transition.out {
-webkit-animation-name: slideOut;
animation-name: slideOut;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0
}
.slide.up.transition.in {
-webkit-animation-name: slideIn;
animation-name: slideIn
}
.slide.up.transition.in,
.slide.up.transition.out {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.slide.up.transition.out {
-webkit-animation-name: slideOut;
animation-name: slideOut
}
@-webkit-keyframes slideIn {
0% {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
to {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@keyframes slideIn {
0% {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
to {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
}
@-webkit-keyframes slideOut {
0% {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
}
@keyframes slideOut {
0% {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
to {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
}
.flip.transition.in,
.flip.transition.out {
-webkit-perspective: 2000px;
perspective: 2000px
}
.horizontal.flip.transition.in {
-webkit-animation-name: horizontalFlipIn;
animation-name: horizontalFlipIn
}
.horizontal.flip.transition.out {
-webkit-animation-name: horizontalFlipOut;
animation-name: horizontalFlipOut
}
.vertical.flip.transition.out {
-webkit-animation-name: verticalFlipIn;
animation-name: verticalFlipIn;
-webkit-animation-name: verticalFlipOut;
animation-name: verticalFlipOut
}
@-webkit-keyframes horizontalFlipIn {
0% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg)
}
to {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg)
}
}
@keyframes horizontalFlipIn {
0% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg)
}
to {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg)
}
}
@-webkit-keyframes horizontalFlipOut {
0% {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg)
}
to {
opacity: 0;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg)
}
}
@keyframes horizontalFlipOut {
0% {
opacity: 1;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg)
}
to {
opacity: 0;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg)
}
}
@-webkit-keyframes verticalFlipIn {
0% {
opacity: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg)
}
to {
opacity: 1;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg)
}
}
@keyframes verticalFlipIn {
0% {
opacity: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg)
}
to {
opacity: 1;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg)
}
}
@-webkit-keyframes verticalFlipOut {
0% {
opacity: 1;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg)
}
to {
opacity: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg)
}
}
@keyframes verticalFlipOut {
0% {
opacity: 1;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg)
}
to {
opacity: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg)
}
}
.fade.transition.in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
.fade.transition.out {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
.fade.up.transition.in {
-webkit-animation-name: fadeUpIn;
animation-name: fadeUpIn
}
.fade.up.transition.out {
-webkit-animation-name: fadeUpOut;
animation-name: fadeUpOut
}
.fade.down.transition.in {
-webkit-animation-name: fadeDownIn;
animation-name: fadeDownIn
}
.fade.down.transition.out {
-webkit-animation-name: fadeDownOut;
animation-name: fadeDownOut
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@-webkit-keyframes fadeUpIn {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeUpIn {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fadeUpOut {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%)
}
}
@keyframes fadeUpOut {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%)
}
}
@-webkit-keyframes fadeDownIn {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeDownIn {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%)
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes fadeDownOut {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%)
}
}
@keyframes fadeDownOut {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
to {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%)
}
}
.scale.transition.in {
-webkit-animation-name: scaleIn;
animation-name: scaleIn
}
.scale.transition.out {
-webkit-animation-name: scaleOut;
animation-name: scaleOut
}
@-webkit-keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes scaleOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7)
}
}
@keyframes scaleOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(.7);
transform: scale(.7)
}
}
.drop.transition {
-webkit-animation-timing-function: cubic-bezier(.34, 1.61, .7, 1);
animation-timing-function: cubic-bezier(.34, 1.61, .7, 1);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center
}
.drop.transition.in {
-webkit-animation-name: dropIn;
animation-name: dropIn
}
.drop.transition.out {
-webkit-animation-name: dropOut;
animation-name: dropOut
}
@-webkit-keyframes dropIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes dropIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@-webkit-keyframes dropOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
}
@keyframes dropOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0)
}
}
.browse.transition.in {
-webkit-animation-name: browseIn;
animation-name: browseIn;
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
.browse.transition.out,
.browse.transition.out.left {
-webkit-animation-name: browseOutLeft;
animation-name: browseOutLeft;
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
.browse.transition.out.right {
-webkit-animation-name: browseOutRight;
animation-name: browseOutRight;
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
@-webkit-keyframes browseIn {
0% {
-webkit-transform: scale(.8) translateZ(0);
transform: scale(.8) translateZ(0);
z-index: -1
}
10% {
opacity: .7;
-webkit-transform: scale(.8) translateZ(0);
transform: scale(.8) translateZ(0);
z-index: -1
}
80% {
opacity: 1;
-webkit-transform: scale(1.05) translateZ(0);
transform: scale(1.05) translateZ(0);
z-index: 999
}
to {
-webkit-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
z-index: 999
}
}
@keyframes browseIn {
0% {
-webkit-transform: scale(.8) translateZ(0);
transform: scale(.8) translateZ(0);
z-index: -1
}
10% {
opacity: .7;
-webkit-transform: scale(.8) translateZ(0);
transform: scale(.8) translateZ(0);
z-index: -1
}
80% {
opacity: 1;
-webkit-transform: scale(1.05) translateZ(0);
transform: scale(1.05) translateZ(0);
z-index: 999
}
to {
-webkit-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
z-index: 999
}
}
@-webkit-keyframes browseOutLeft {
0% {
-webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg);
transform: translateX(0) rotateY(0deg) rotateX(0deg);
z-index: 999
}
50% {
-webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
z-index: -1
}
80% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
z-index: -1
}
}
@keyframes browseOutLeft {
0% {
-webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg);
transform: translateX(0) rotateY(0deg) rotateX(0deg);
z-index: 999
}
50% {
-webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
z-index: -1
}
80% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
z-index: -1
}
}
@-webkit-keyframes browseOutRight {
0% {
-webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg);
transform: translateX(0) rotateY(0deg) rotateX(0deg);
z-index: 999
}
50% {
-webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
z-index: 1
}
80% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
z-index: 1
}
}
@keyframes browseOutRight {
0% {
-webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg);
transform: translateX(0) rotateY(0deg) rotateX(0deg);
z-index: 999
}
50% {
-webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
z-index: 1
}
80% {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
transform: translateX(0) rotateY(0deg) rotateX(0deg) translateZ(-10px);
z-index: 1
}
}
.-inline-group_top>* {
display: inline-block;
vertical-align: top
}
.-inline-group>* {
display: inline-block;
vertical-align: middle
}
.-relative {
position: relative
}
.no-wrap {
white-space: nowrap
}
.-wrap-text {
white-space: normal
}
.inline-block {
display: inline-block;
vertical-align: middle
}
.-notification-box {
position: fixed;
right: 0;
width: 420px;
z-index: 5000
}
.-notification-box .-notification {
background: #fff;
border: 2px solid;
border-radius: 4px;
box-shadow: 0 1px 10px -3px #000;
box-sizing: content-box;
color: #333;
font-size: 14px;
margin-top: 5px;
padding: 9px 58px 11px 13px;
position: absolute;
user-select: none;
white-space: nowrap;
width: 320px
}
.-notification-box .-notification a {
color: #0af
}
.-notification-box .-notification .-notification-timer {
bottom: 0;
height: 3px;
left: 0;
opacity: .5;
position: absolute;
width: 100%
}
.-notification-box .-notification .-notification-icon {
border-radius: 30px;
color: #fff;
cursor: pointer;
height: 21px;
margin-right: 8px;
padding: 4px 5px 5px;
text-align: center;
width: 20px
}
.-notification-box .-notification.error {
border-color: #e74c3c
}
.-notification-box .-notification.error .-notification-icon,
.-notification-box .-notification.error .-notification-timer {
background: #e74c3c
}
.-notification-box .-notification.success {
border-color: #90c000
}
.-notification-box .-notification.success .-notification-icon,
.-notification-box .-notification.success .-notification-timer {
background: #90c000
}
.-notification-box .-notification.warning {
border-color: #ff8a00
}
.-notification-box .-notification.warning .-notification-icon,
.-notification-box .-notification.warning .-notification-timer {
background: #ff8a00
}
.-notification-box .-notification .-notification-close {
cursor: pointer;
position: absolute;
right: 10px
}
.-notification-box .-notification .-notification-text {
white-space: normal
}
.upload-image {
line-height: 1;
position: relative
}
.upload-image__progress {
background: hsla(0, 0%, 100%, .7);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.upload-image_uploaded .upload-image__progress {
display: none
}
.upload-image canvas {
display: block
}
.upload-image_fail .upload-image__status,
.upload-image_uploaded .upload-image__status {
display: none
}
.upload-image_fail .upload-image__progress {
background: rgba(255, 0, 0, .3);
top: 0 !important
}
.-screen-loader {
-webkit-backface-visibility: hidden;
box-sizing: border-box;
height: 100%;
left: 0;
outline: none !important;
overflow: hidden;
padding: 0 8px;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 1043
}
.-screen-loader:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle
}
.-screen-loader div {
display: inline-block;
margin: 0 auto;
position: relative;
text-align: left;
vertical-align: middle;
z-index: 1045
}
.-screen-loader div .-screen-loader-img {
margin: auto;
padding: 8px 10px;
position: relative
}
.-screen-loader div .-screen-loader-img:after {
background: #000;
border-radius: 3px;
content: "";
display: block;
height: 100%;
left: 0;
opacity: .9;
position: absolute;
top: 0;
width: 100%;
z-index: 10
}
.-screen-loader div img {
height: 24px;
position: relative;
width: 24px;
z-index: 15
}
.slider-item_prev {
transition-delay: .6s !important
}
.slider-item_no-delay {
transition-delay: 0s !important
}
.slick-loading .slick-list {
background: #fff url(https://s.siteapi.org/frontend/stub/grid_12/img/ajax-loader-893539.gif) 50% no-repeat
}
.slick-next,
.slick-prev {
background: transparent;
color: #fff;
cursor: pointer;
display: block;
height: 50px;
opacity: .75;
outline: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 50px
}
.slick-next:hover,
.slick-prev:hover {
background: transparent;
color: transparent;
opacity: 1;
outline: none
}
.slick-next.slick-disabled,
.slick-prev.slick-disabled {
opacity: .25
}
.slick-prev {
left: -70px
}
.slick-next {
right: -70px
}
.slick-slider {
margin-bottom: 30px
}
.slick-dots {
bottom: -45px;
display: block;
list-style: none;
padding: 0;
position: absolute;
text-align: center;
width: 100%
}
.slick-dots li {
cursor: pointer;
display: inline-block;
height: 20px;
margin: 0 5px;
padding: 0;
position: relative;
width: 10px
}
.slick-dots li button {
background: #000;
border: 0;
border-radius: 50%;
color: transparent;
cursor: pointer;
display: block;
font-size: 0;
height: 10px;
line-height: 0;
opacity: .25;
outline: none;
padding: 5px;
width: 10px
}
.slick-dots li button:focus,
.slick-dots li button:hover {
opacity: 1;
outline: none
}
.slick-dots li.slick-active button {
background: #000;
opacity: .75
}
.ui.dropdown {
tap-highlight-color: transparent;
cursor: pointer;
display: inline-block;
line-height: 1em;
outline: none;
position: relative;
text-align: left;
-webkit-transition: border-radius .1s ease, width .2s ease;
transition: border-radius .1s ease, width .2s ease
}
.ui.dropdown .menu {
background: #fff;
border: 1px solid rgba(39, 41, 43, .15);
border-radius: 0 0 .2857rem .2857rem;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .15);
cursor: auto;
display: none;
margin: 0;
min-width: 100%;
outline: none;
padding: 0;
position: absolute;
text-align: left;
text-shadow: none;
top: 100%;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
white-space: nowrap;
will-change: transform, opacity;
z-index: 11
}
.ui.dropdown>input[type=hidden],
.ui.dropdown>select {
display: none !important
}
.ui.dropdown>.dropdown.icon {
margin: 0 0 0 1em;
width: auto
}
.ui.dropdown .menu>.item .dropdown.icon {
float: right;
margin: .2em 0 0 .75em;
width: auto
}
.ui.dropdown>.text {
display: inline-block;
font-size: .875rem;
font-weight: 500;
line-height: inherit;
-webkit-transition: color .2s ease;
transition: color .2s ease
}
.ui.dropdown .menu>.item {
-webkit-touch-callout: none;
border-top: none;
box-shadow: none;
color: #647886;
cursor: pointer;
display: block;
font-weight: 400;
height: auto;
line-height: 1.2em;
padding: .75rem 1.25rem !important;
position: relative;
text-transform: none
}
.ui.dropdown .menu>.item:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.ui.dropdown .menu>.item:first-child {
border-top: none
}
.ui.dropdown .menu .item>[class*="right floated"],
.ui.dropdown>.text>[class*="right floated"] {
float: right;
margin-left: 1em;
margin-right: 0
}
.ui.dropdown .menu .item>[class*="left floated"],
.ui.dropdown>.text>[class*="left floated"] {
float: right;
margin-left: 0;
margin-right: 1em
}
.ui.dropdown .menu .item>.flag.floated,
.ui.dropdown .menu .item>.icon.floated,
.ui.dropdown .menu .item>.image.floated,
.ui.dropdown .menu .item>img.floated {
margin-top: .2em
}
.ui.dropdown .menu>.header {
color: rgba(0, 0, 0, .85);
font-weight: 700;
margin: 1rem 0 .75rem;
padding: 0 1.25rem;
text-transform: uppercase
}
.ui.dropdown .menu>.divider {
border-top: 1px solid rgba(0, 0, 0, .05);
height: 0;
margin: .5em 0
}
.ui.dropdown .menu>.input {
margin: .75rem 1.25rem .25rem;
min-width: 200px
}
.ui.dropdown .menu>.header+.input {
margin-top: 0
}
.ui.dropdown .menu>.input:not(.transparent) input {
padding: .5em 1em
}
.ui.dropdown .menu>.item>.description,
.ui.dropdown>.text>.description {
color: rgba(0, 0, 0, .4);
margin: 0 0 0 1em
}
.ui.dropdown .menu .menu {
border-radius: 0 .2857rem .2857rem 0 !important;
left: 100% !important;
margin: 0 0 0 -.5em !important;
right: auto !important;
top: 0 !important;
z-index: 21 !important
}
.ui.dropdown .menu .menu:after {
display: none
}
.ui.dropdown .menu>.item>.image,
.ui.dropdown .menu>.item>img,
.ui.dropdown>.text>.image,
.ui.dropdown>.text>img {
display: inline-block;
max-height: 2.5em;
vertical-align: middle;
width: auto
}
.ui.dropdown .ui.menu>.item:before,
.ui.menu .ui.dropdown .menu>.item:before {
display: none
}
.ui.menu .ui.dropdown .menu .active.item {
border-left: none
}
.ui.buttons>.ui.dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.menu .right.menu .dropdown:last-child .menu {
left: auto;
right: 0
}
.ui.dropdown.icon.button>.dropdown.icon {
margin: 0
}
.ui.dropdown.button:not(.pointing):not(.floating).active,
.ui.dropdown.button:not(.pointing):not(.floating).visible {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.ui.selection.dropdown {
word-wrap: break-word;
-webkit-font-smoothing: auto;
background: #fff;
border: 1px solid #b2bcc3;
border-radius: .25rem;
box-shadow: none;
color: #647886;
cursor: pointer;
display: inline-block;
min-width: 180px;
outline: 0;
padding: .625rem;
-webkit-transition: border-radius .1s ease, width .2s ease, box-shadow .2s ease, border .2s ease;
transition: border-radius .1s ease, width .2s ease, box-shadow .2s ease, border .2s ease;
white-space: normal
}
.ui.selection.dropdown.active,
.ui.selection.dropdown.visible {
z-index: 10
}
.filter-group-catalog .ui.selection.dropdown {
width: 245px
}
.filter-group-catalog .ui.selection.dropdown>.delete.icon,
.filter-group-catalog .ui.selection.dropdown>.dropdown.icon,
.filter-group-catalog .ui.selection.dropdown>.search.icon {
margin: -7px 0 0;
top: 50%
}
select.ui.dropdown {
height: 38px;
margin: 0;
padding: 0;
visibility: hidden
}
.ui.selection.dropdown>.text {
margin-right: 2em;
overflow: hidden;
text-overflow: ellipsis
}
.ui.selection.dropdown>.dropdown.icon {
left: auto !important;
margin-top: -.375rem;
position: absolute;
right: .625rem;
top: 50%;
transition: transform .2s;
z-index: 5
}
.ui.selection.dropdown>.delete.icon,
.ui.selection.dropdown>.search.icon {
margin: 0;
opacity: .8;
position: absolute;
right: 1.1em;
top: auto;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
width: auto
}
.ui.compact.selection.dropdown {
min-width: 0
}
.ui.selection.dropdown>.delete.icon {
opacity: .6
}
.ui.selection.dropdown>.delete.icon:hover {
opacity: 1
}
.ui.selection.dropdown .menu {
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-top: none !important;
max-height: 200px;
min-width: 100%;
outline: none;
overflow-x: hidden;
overflow-y: auto;
transition: box-shadow .2s ease, border .2s ease;
width: auto
}
@media print,
screen and (max-width:63.99875em) {
.ui.selection.dropdown .menu {
max-height: 25rem
}
}
.ui.selection.dropdown .menu .variant-chooser-value__title {
color: #647886
}
@media print,
screen and (max-width:63.99875em) {
.ui.selection.dropdown .menu .variant-chooser-value__title {
color: #000
}
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
display: none
}
.ui.selection.dropdown .menu>.item {
word-wrap: normal;
border-top: 1px solid rgba(0, 0, 0, .05);
padding: .625rem .75rem !important;
white-space: normal
}
.ui.selection.visible.dropdown .menu {
border: none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .2)
}
.ui.selection.dropdown.visible {
border-color: #3772ff;
box-shadow: 0 0 8px rgba(55, 114, 255, .4)
}
.ui.visible.selection.dropdown>.dropdown.icon {
margin-top: -3px;
opacity: 1;
transform: rotate(225deg)
}
.ui.selection.active.dropdown>.text:not(.default),
.ui.selection.visible.dropdown>.text:not(.default) {
color: rgba(0, 0, 0, .8);
font-weight: 400
}
.ui.search.dropdown {
min-width: 0
}
.ui.search.dropdown>input.search {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
background: none transparent;
border: none;
border-radius: 0 !important;
box-sizing: border-box;
cursor: pointer;
left: 0;
outline: none;
padding: inherit;
position: absolute;
top: 0;
width: 100%
}
.ui.search.selection.dropdown .menu {
left: .0625rem;
top: 100%
}
.ui.search.selection.dropdown .message {
padding: .625rem 1.9375rem .625rem 1.0625rem
}
.ui.search.selection.dropdown>input.search {
line-height: 1.2em
}
.ui.search.dropdown.active>input.search,
.ui.search.dropdown.visible>input.search {
cursor: auto
}
.ui.active.search.dropdown>input.search:focus+.text {
color: rgba(0, 0, 0, .4) !important
}
.ui.search.dropdown .menu {
-webkit-overflow-scrolling: touch;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow-x: hidden;
overflow-y: auto
}
.ui.dropdown .menu>.item:hover {
background: rgba(0, 0, 0, .02);
color: #000;
z-index: 12
}
.ui.dropdown .menu>.item:hover .variant-chooser-value__title {
color: #1f61ff
}
@media print,
screen and (max-width:63.99875em) {
.ui.dropdown .menu>.item:hover .variant-chooser-value__title {
color: #000
}
}
.ui.dropdown .menu .active.item {
background: transparent;
box-shadow: none;
color: #000;
font-weight: 500;
z-index: 12
}
.ui.default.dropdown>.text,
.ui.dropdown>.default.text {
-webkit-font-smoothing: auto;
color: #647886
}
.ui.default.dropdown:hover>.text,
.ui.dropdown:hover>.default.text {
color: #647886
}
.ui.loading.dropdown>.text {
-webkit-transition: none;
transition: none
}
.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
background: rgba(0, 0, 0, .05)
}
.ui.dropdown .menu .selected.item .variant-chooser-value__title,
.ui.dropdown.selected .variant-chooser-value__title {
color: #054fff
}
@media print,
screen and (max-width:63.99875em) {
.ui.dropdown .menu .selected.item .variant-chooser-value__title,
.ui.dropdown.selected .variant-chooser-value__title {
color: #000
}
}
.ui.dropdown>.filtered.text {
visibility: hidden
}
.ui.dropdown .filtered.item {
display: none
}
.ui.dropdown.error,
.ui.dropdown.error>.default.text,
.ui.dropdown.error>.text {
color: #a94442
}
.ui.selection.dropdown.error {
background: #fff0f0;
border-color: #dbb1b1
}
.ui.dropdown.error>.menu,
.ui.dropdown.error>.menu .menu,
.ui.selection.dropdown.error:hover {
border-color: #dbb1b1
}
.ui.dropdown.error>.menu>.item {
color: #d95c5c
}
.ui.dropdown.error>.menu>.item:hover {
background-color: #fff2f2
}
.ui.dropdown.error>.menu .active.item {
background-color: #fdcfcf
}
.ui.dropdown .menu {
left: 0
}
.ui.simple.dropdown .menu:after,
.ui.simple.dropdown .menu:before {
display: none
}
.ui.simple.dropdown .menu {
display: block;
height: 0;
opacity: 0;
overflow: hidden;
position: absolute;
top: -9999px !important;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
width: 0
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.ui.simple.active.dropdown>.menu,
.ui.simple.dropdown:hover>.menu {
height: auto;
opacity: 1;
overflow: visible;
top: 100% !important;
width: auto
}
.ui.simple.dropdown:hover>.menu>.item:hover>.menu,
.ui.simple.dropdown>.menu>.item:active>.menu {
height: auto;
left: 100% !important;
opacity: 1;
overflow: visible;
top: 0 !important;
width: auto
}
.ui.simple.disabled.dropdown:hover .menu {
display: none;
height: 0;
overflow: hidden;
width: 0
}
.ui.simple.visible.dropdown>.menu {
display: block
}
.ui.fluid.dropdown {
display: block;
min-width: 0;
width: 100%
}
.ui.fluid.dropdown>.dropdown.icon {
float: right
}
@font-face {
font-family: Dropdown;
font-style: normal;
font-weight: 400;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff")
}
.ui.dropdown>.dropdown.icon {
background-color: #b2bcc3;
display: inline-block;
height: .5rem;
position: relative;
transform: rotate(45deg);
width: .5rem
}
.ui.dropdown>.dropdown.icon:before {
background-color: #fff;
content: "";
height: .6875rem;
left: -.3125rem;
position: absolute;
top: -.3125rem;
transform: rotate(45deg);
width: 100%;
width: .6875rem
}
@media print,
screen and (min-width:64em) {
.ui.selection.dropdown .menu {
padding: 0 !important
}
}
@media print,
screen and (max-width:63.99875em) {
.ui-dropdown__header {
background-color: #fff;
display: none;
font-size: 1.125rem;
font-weight: 500;
left: 0;
margin: 0;
padding: 1.5rem 2rem;
position: fixed;
right: 0;
top: 0;
z-index: 1004
}
.ui-dropdown__header:after {
background-color: #000;
content: "";
display: block;
height: .25rem;
margin: 0 -2rem;
opacity: .2;
position: absolute;
top: 4.6875rem;
width: 100%
}
.ui-dropdown__title {
padding-right: 2.5rem
}
.ui-dropdown__close {
cursor: pointer;
padding: .5rem;
position: absolute;
right: 1.5rem;
top: 1.125rem
}
.ui-dropdown__close svg {
fill: currentColor;
height: 1.5rem;
width: 1.5rem
}
.ui.selection.dropdown {
animation-duration: 0s !important;
transition: none !important
}
.ui.selection.dropdown.active,
.ui.selection.dropdown.visible {
z-index: 1003
}
.ui.selection.dropdown.active+.ui-dropdown__header,
.ui.selection.dropdown.visible+.ui-dropdown__header {
display: block
}
.ui.selection.dropdown .menu {
animation-duration: 0s !important;
bottom: 0;
height: 100%;
left: 0;
min-height: 100vh;
padding: 4rem 1.25rem 1.25rem;
position: fixed;
right: 0;
transition: none !important;
user-select: none
}
.ui.selection.dropdown .menu>.item {
color: #444;
font-size: .875rem;
font-weight: 500;
padding: .9375rem 0 !important
}
}
@media print,
screen and (max-width:63.99875em)and (max-width:63.99875em) {
.ui.selection.dropdown .menu>.item {
border-bottom: 1px solid rgba(0, 0, 0, .2) !important
}
}
@media print,
screen and (max-width:63.99875em) {
.ui.selection.dropdown .menu>.item.active {
background: none;
color: #111
}
}
:root {
--button-radius-small-0: 0;
--button-radius-medium-0: 0;
--button-radius-large-0: 0;
--button-radius-xlarge-0: 0;
--button-radius-xxlarge-0: 0;
--button-radius-small-1: 0.25em;
--button-radius-medium-1: 0.25em;
--button-radius-large-1: 0.25em;
--button-radius-xlarge-1: 0.375em;
--button-radius-xxlarge-1: 0.5em;
--button-radius-small-2: 5em;
--button-radius-medium-2: 6em;
--button-radius-large-2: 7em;
--button-radius-xlarge-2: 8em;
--button-radius-xxlarge-2: 9em;
--button-default-radius-small-0: 0;
--button-default-radius-medium-0: 0;
--button-default-radius-large-0: 0;
--button-default-radius-xlarge-0: 0;
--button-default-radius-xxlarge-0: 0;
--button-default-radius-small-1: 0.25em;
--button-default-radius-medium-1: 0.25em;
--button-default-radius-large-1: 0.25em;
--button-default-radius-xlarge-1: 0.375em;
--button-default-radius-xxlarge-1: 0.5em;
--button-default-radius-small-2: 5em;
--button-default-radius-medium-2: 6em;
--button-default-radius-large-2: 7em;
--button-default-radius-xlarge-2: 8em;
--button-default-radius-xxlarge-2: 9em;
--button-bordered-radius-small-0: 0;
--button-bordered-radius-medium-0: 0;
--button-bordered-radius-large-0: 0;
--button-bordered-radius-xlarge-0: 0;
--button-bordered-radius-xxlarge-0: 0;
--button-bordered-radius-small-1: 0.25em;
--button-bordered-radius-medium-1: 0.25em;
--button-bordered-radius-large-1: 0.25em;
--button-bordered-radius-xlarge-1: 0.375em;
--button-bordered-radius-xxlarge-1: 0.5em;
--button-bordered-radius-small-2: 5em;
--button-bordered-radius-medium-2: 6em;
--button-bordered-radius-large-2: 7em;
--button-bordered-radius-xlarge-2: 8em;
--button-bordered-radius-xxlarge-2: 9em
}
.top-bar {
background-color: #fff;
filter: drop-shadow(5px 2px 5px rgba(114, 128, 170, .2));
font-family: Roboto, Arial, sans-serif;
height: 3.5rem;
position: fixed;
width: 100%;
z-index: 1002
}
.top-bar__section {
align-items: center;
display: flex;
flex-direction: row
}
.top-bar__form {
display: flex;
flex-direction: row;
margin: 0
}
.top-bar__elements {
margin: 0 0 0 auto
}
.top-bar__element,
.top-bar__elements {
align-items: center;
display: flex;
flex-direction: row;
list-style: none
}
.top-bar__element {
box-sizing: border-box;
cursor: pointer;
font-size: .688rem;
font-style: normal;
font-weight: 500;
line-height: 1rem;
padding: 1.25rem;
position: relative;
text-transform: uppercase
}
.top-bar__element_text {
margin-left: 8px
}
.top-bar__element_help {
display: flex;
margin: 0
}
.top-bar__element_help span {
margin-left: 8px
}
.top-bar__element_icon svg {
display: block;
height: 1rem;
width: 1rem
}
.top-bar__element_tariff {
background: #dafaf3;
border-radius: 8px;
margin-right: 12px;
max-height: 32px;
padding: 0;
transition: background .5s
}
.top-bar__element_tariff a {
color: #06af48;
font-size: 12px;
line-height: 125%;
padding: .5rem .75rem;
text-transform: capitalize
}
.top-bar__element_buy-tariff {
background: #0067f2;
margin-right: 12px;
max-height: 32px;
padding: 0;
transition: background .5s
}
.top-bar__element_buy-tariff a {
color: #fff;
font-size: 11px;
font-weight: 600;
line-height: 16px;
padding: .5rem .75rem;
text-transform: uppercase
}
.top-bar__element_buy-tariff:hover {
background: #0058f2
}
.top-bar__element_buy-tariff:active {
background: #0046f2
}
.top-bar__element_link {
margin-right: 12px;
max-height: 32px;
padding: 0;
transition: all .5s
}
.top-bar__element_link a {
padding: .533rem .8rem;
transition: all .5s
}
.top-bar__element_primary--btn {
background-color: #fff;
border: 2px solid #0067f2;
color: #0067f2
}
.top-bar__element_primary--btn a {
color: #0067f2
}
.top-bar__element_primary--btn:hover {
background-color: #0058f2;
border: 2px solid #0058f2;
color: #fff
}
.top-bar__element_primary--btn:hover a {
color: #fff
}
.top-bar__element_primary--btn:active {
background-color: #0046f2;
border: 2px solid #0046f2;
color: #fff
}
.top-bar__element_primary--btn:active a {
color: #fff
}
.top-bar__element_secondary--btn,
.top-bar__element_secondary--btn a {
color: #0067f2
}
.top-bar__element_secondary--btn:hover {
background: #d1eaff;
color: #0058f2
}
.top-bar__element_secondary--btn:hover a {
color: #0058f2
}
.top-bar__element_secondary--btn:active {
background: none;
color: #0046f2;
outline: 2px solid #a3d5ff
}
.top-bar__element_secondary--btn:active a {
color: #0046f2
}
.top-bar__element_gift {
padding: .533rem .8rem
}
.top-bar__account-toggle {
cursor: pointer;
display: block;
height: 100%;
left: 0 !important;
margin: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%
}
.top-bar input[type=checkbox]:checked~.top-bar__account-menu {
opacity: 1;
visibility: visible;
z-index: 10
}
.top-bar__account-menu {
display: block;
list-style: none;
margin: 0;
opacity: 0;
position: absolute;
right: 0;
top: 103%;
transition: opacity .5s;
visibility: hidden;
width: 192px
}
.top-bar__account-item {
background: #fff;
padding: 10px 12px;
transition: background .5s
}
.top-bar__account-item--with-border {
border-top: 1px solid #d1eaff
}
.top-bar__account-item:hover {
background: #f2f8ff;
color: #0058f2
}
.top-bar__account-item:hover a {
color: #0058f2
}
.top-bar__account-item:active {
background: #e1efff;
color: #0046f2
}
.top-bar__account-item:active a {
color: #0046f2
}
.top-bar__account-link {
color: #4b587c;
font-size: 14px;
font-weight: 400;
line-height: 145%;
text-transform: none
}
.top-bar__account-role {
color: #5e6b92 !important;
font-size: 12px;
font-weight: 400;
line-height: 145%
}
.top-bar .top-bar__element_form-button {
background: none;
color: #5e6b92;
cursor: pointer;
transition: background .5s
}
.top-bar .top-bar__element_form-button:hover {
background: #e3e6ee;
color: #4b587c
}
.top-bar .top-bar__element_form-button:active,
.top-bar .top-bar__element_form-button:focus {
background: none;
color: #262c3e;
outline: 2px solid #a7b0ca;
outline-offset: -2px
}
@media screen and (min-width:768px) {
.top-bar .top-bar__element_form-padding {
padding: 1.25rem .75rem
}
}
.top-bar .top-bar__element_form-aciive {
background: #e3e6ee;
color: #4b587c
}
a:focus,
button:focus {
outline: 0
}
button,
input,
optgroup,
select,
textarea {
color: inherit
}
table {
border-collapse: collapse
}
.main-page-module .site-header {
left: 0;
position: -webkit-sticky;
position: var(--menu-sticky, sticky);
right: 0;
top: 0;
z-index: 1001
}
.main-page-module__list>.widget-block:nth-child(odd) {
background-color: #fff
}
.main-page-module__list>.widget-block:nth-child(2n) {
background-color: #f5f1fe
}
.main-page-module__list--no-background>.widget-block:nth-child(2n),
.main-page-module__list--no-background>.widget-block:nth-child(odd) {
background-color: transparent
}
.main-page-module__list .widget__content_filled {
background: transparent
}
@media print,
screen and (max-width:47.99875em) {
.main-page-module__list .widget__header h1,
.main-page-module__list .widget__header h3 {
margin: 0
}
}
@media print,
screen and (min-width:64em) {
.main-page-module__list .widget button.button_bordered_medium {
line-height: 3.125rem;
min-height: 3.125rem
}
}
.main-page-module__list .widget__header,
.main-page-module__list .widget__header a {
color: var(--block-headerColor, --header-color, #000)
}
.main-page-module__list .widget__header a {
fill: var(--block-headerColor, --header-color, #000)
}
.main-page-module__list .widget__header_underlined h1,
.main-page-module__list .widget__header_underlined h3,
.site-footer {
position: relative
}
.site-footer {
width: 100%;
z-index: 1
}
.site-footer_dark {
background: #000
}
.site-footer_dark .site-footer__inner,
.site-footer_dark .site-footer__inner a {
color: #fff
}
.site-footer_light {
background: #fff
}
.site-footer_light .site-footer__inner,
.site-footer_light .site-footer__inner a {
color: #000
}
.site-footer_custom {
background: var(--menu-bg-color-solid, #000)
}
.site-footer_custom .site-footer__inner,
.site-footer_custom .site-footer__inner a {
color: var(--menu-color, #fff)
}
.site-footer_fake {
visibility: hidden
}
.site-footer_fake .site-footer {
position: relative
}
.site-footer_indent {
margin-top: 1.25rem
}
.site-footer__inner {
padding: 1.25rem 0
}
.site-footer__logo {
border-top: none;
padding: 1.25rem 0 0
}
.site-footer__statcounters {
border-top: none;
padding: 1.5625rem 0 0
}
.footer-text {
font-size: .8125rem;
line-height: 1.5;
padding: 0 0 .3125rem
}
.project-info {
display: inline-block;
vertical-align: top
}
.project-info__link-wrap {
color: inherit;
float: left;
font-size: .75rem;
line-height: .9375rem;
padding: .25rem 0 0;
text-align: right
}
.nh-logo {
background: #02508b;
border-radius: 3px;
float: left;
height: 2.25rem;
margin-left: .625rem;
margin-right: 0;
width: 6.375rem
}
.nh-logo svg {
height: inherit;
width: 5.0625rem
}
.footer-logo-text-with-image {
word-wrap: break-word;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
-o-hyphens: manual;
hyphens: manual;
padding-right: 10px;
text-align: right;
word-break: break-word
}
@media print,
screen and (max-width:47.99875em) {
.site-footer {
padding: 1.25rem 0 3.75rem
}
}
@media print,
screen and (min-width:48em) {
.site-footer__statcounters {
padding: 1.875rem 0 0
}
.footer-text {
font-size: 1.125rem;
line-height: 1.5rem;
padding: .3125rem 0 .625rem
}
.project-info__link-wrap {
font-size: 1.25rem;
line-height: 1.625rem
}
.nh-logo {
height: 3.75rem;
width: 10.625rem
}
.nh-logo svg {
width: 9.3125rem
}
}
@media print,
screen and (min-width:64em) {
.site-footer_indent {
margin-top: 0
}
.site-footer__logo {
border: none;
padding: 0
}
.site-footer__statcounters {
border: 0;
padding: 1.25rem 0 0
}
.footer-text {
font-size: .8125rem;
line-height: 1.125rem;
padding: 0
}
.project-info {
display: block
}
.project-info__link-wrap {
font-size: .8125rem;
line-height: 1.125rem;
padding: 0
}
.nh-logo {
height: 2.4375rem;
width: 6.375rem
}
.nh-logo svg {
width: 5.625rem
}
}
.widget__header {
word-wrap: break-word;
background-color: var(--header-background-color);
color: var(--header-color, #fff);
display: var(--show-header);
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
-o-hyphens: manual;
hyphens: manual;
word-break: break-word
}
.widget__header a {
fill: var(--header-color, #fff);
color: var(--header-color, #fff);
opacity: 1;
text-decoration: none;
transition: .2s
}
.widget__header a:hover {
text-decoration: underline
}
.widget__header.active a,
.widget__header:hover a {
text-decoration: var(--block-headerUnderlineOnHover, underline)
}
.widget__header h1,
.widget__header h3 {
margin-bottom: 0
}
.widget__header_underlined h1,
.widget__header_underlined h3 {
position: relative
}
.widget__content_filled {
background: #fff
}
.widget__inner {
padding: 2.5rem 0
}
.widget__wrapper {
padding: 0 1rem
}
.widget .on-edit {
display: none
}
.widget__desc {
color: #343e45;
font-size: .875rem;
line-height: 1.5;
margin: 0 0 2rem;
text-align: center
}
@media print,
screen and (min-width:48em) {
.widget__desc {
padding: 0 3.75rem
}
}
@media print,
screen and (min-width:64em)and (max-width:79.99875em) {
.widget__desc {
font-size: .9375rem;
padding: 0 5rem
}
}
@media screen and (min-width:80em) {
.widget__desc {
font-size: 1rem;
padding: 0 14rem
}
}
.widget__empty-text {
color: #000;
font-size: 1.25rem;
font-weight: 900;
margin: 0;
padding: 1.25rem 0;
text-align: center
}
@media print,
screen and (max-width:47.99875em) {
.widget__inner {
word-break: break-word
}
}
@media screen and (min-width:80em) {
.widget__inner {
padding: 3rem 0
}
}
.widget-video .items-head-title {
display: inline-block
}
@media screen and (max-width:25.8125rem) {
.widget--indent-top-1 {
padding-top: 1.5rem
}
}
@media screen and (min-width:25.875rem)and (max-width:47.9375rem) {
.widget--indent-top-1 {
padding-top: 1.75rem
}
}
@media screen and (min-width:48rem)and (max-width:63.9375rem) {
.widget--indent-top-1 {
padding-top: 2rem
}
}
@media screen and (min-width:64rem)and (max-width:79.9375rem) {
.widget--indent-top-1 {
padding-top: 2.25rem
}
}
@media screen and (min-width:80rem) {
.widget--indent-top-1 {
padding-top: 2.5rem
}
}
@media screen and (max-width:25.8125rem) {
.widget--indent-bottom-1 {
padding-bottom: 1.5rem
}
}
@media screen and (min-width:25.875rem)and (max-width:47.9375rem) {
.widget--indent-bottom-1 {
padding-bottom: 1.75rem
}
}
@media screen and (min-width:48rem)and (max-width:63.9375rem) {
.widget--indent-bottom-1 {
padding-bottom: 2rem
}
}
@media screen and (min-width:64rem)and (max-width:79.9375rem) {
.widget--indent-bottom-1 {
padding-bottom: 2.25rem
}
}
@media screen and (min-width:80rem) {
.widget--indent-bottom-1 {
padding-bottom: 2.5rem
}
}
@media screen and (max-width:25.8125rem) {
.widget--indent-top-2 {
padding-top: 3rem
}
}
@media screen and (min-width:25.875rem)and (max-width:47.9375rem) {
.widget--indent-top-2 {
padding-top: 3.5rem
}
}
@media screen and (min-width:48rem)and (max-width:63.9375rem) {
.widget--indent-top-2 {
padding-top: 4rem
}
}
@media screen and (min-width:64rem)and (max-width:79.9375rem) {
.widget--indent-top-2 {
padding-top: 4.5rem
}
}
@media screen and (min-width:80rem) {
.widget--indent-top-2 {
padding-top: 5rem
}
}
@media screen and (max-width:25.8125rem) {
.widget--indent-bottom-2 {
padding-bottom: 3rem
}
}
@media screen and (min-width:25.875rem)and (max-width:47.9375rem) {
.widget--indent-bottom-2 {
padding-bottom: 3.5rem
}
}
@media screen and (min-width:48rem)and (max-width:63.9375rem) {
.widget--indent-bottom-2 {
padding-bottom: 4rem
}
}
@media screen and (min-width:64rem)and (max-width:79.9375rem) {
.widget--indent-bottom-2 {
padding-bottom: 4.5rem
}
}
@media screen and (min-width:80rem) {
.widget--indent-bottom-2 {
padding-bottom: 5rem
}
}
@media screen and (max-width:25.8125rem) {
.widget--indent-top-3 {
padding-top: 4.5rem
}
}
@media screen and (min-width:25.875rem)and (max-width:47.9375rem) {
.widget--indent-top-3 {
padding-top: 5.25rem
}
}
@media screen and (min-width:48rem)and (max-width:63.9375rem) {
.widget--indent-top-3 {
padding-top: 6rem
}
}
@media screen and (min-width:64rem)and (max-width:79.9375rem) {
.widget--indent-top-3 {
padding-top: 6.75rem
}
}
@media screen and (min-width:80rem) {
.widget--indent-top-3 {
padding-top: 7.5rem
}
}
@media screen and (max-width:25.8125rem) {
.widget--indent-bottom-3 {
padding-bottom: 4.5rem
}
}
@media screen and (min-width:25.875rem)and (max-width:47.9375rem) {
.widget--indent-bottom-3 {
padding-bottom: 5.25rem
}
}
@media screen and (min-width:48rem)and (max-width:63.9375rem) {
.widget--indent-bottom-3 {
padding-bottom: 6rem
}
}
@media screen and (min-width:64rem)and (max-width:79.9375rem) {
.widget--indent-bottom-3 {
padding-bottom: 6.75rem
}
}
@media screen and (min-width:80rem) {
.widget--indent-bottom-3 {
padding-bottom: 7.5rem
}
}
.ui.dropdown.default>.text,
.ui.dropdown>.default.text {
line-height: 1.125rem
}
.ui.dropdown.selection {
background-color: transparent;
border: 1px solid #b2bcc3;
font-size: .875rem;
font-weight: 500;
min-height: 2.125rem;
min-width: 12.5rem;
transition: border .3s ease
}
.ui.dropdown.selection:hover {
border: 1px solid #3772ff;
box-shadow: none
}
.ui.dropdown.selection.active,
.ui.dropdown.selection.active:hover,
.ui.dropdown.selection.visible,
.ui.dropdown.selection.visible:hover {
box-shadow: none
}
.ui.dropdown.selection.active>.text:not(.default),
.ui.dropdown.selection.visible>.text:not(.default) {
font-weight: 500
}
.ui.dropdown.selection .menu {
box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
top: .875rem
}
@media print,
screen and (min-width:64em) {
.ui.dropdown.selection .menu {
top: calc(100% + 4px)
}
}
.ui.dropdown.selection,
.ui.dropdown.selection .menu {
border-radius: .25rem
}
.site-checkbox[type=checkbox]:checked,
.site-checkbox[type=checkbox]:not(:checked) {
left: -9999px;
position: absolute
}
.site-checkbox[type=checkbox]+label {
box-sizing: border-box;
color: #343e45;
cursor: pointer;
display: block;
font-size: .875rem;
font-weight: 500;
line-height: 1.25rem;
margin-left: 0;
padding-left: 2rem;
position: relative;
user-select: none
}
.site-checkbox[type=checkbox]+label a {
color: #3772ff
}
.site-checkbox[type=checkbox]+label a:hover {
color: inherit
}
.site-checkbox[type=checkbox]+label:before {
background: transparent;
border: .0625rem solid #b2bcc3;
box-sizing: border-box;
content: "";
height: 1.25rem;
left: 0;
position: absolute;
top: 0;
transition: background .5s ease-out;
width: 1.25rem
}
.site-checkbox[type=checkbox]+label:after {
fill: #fff;
background-image: url("data:image/svg+xml; utf8, ");
background-size: cover;
box-sizing: border-box;
content: "";
display: none;
height: .625rem;
left: .25rem;
position: absolute;
top: .3125rem;
width: .75rem;
z-index: 2
}
.site-checkbox[type=checkbox]:not(:checked):disabled+label:after {
background-color: rgba(0, 0, 0, .26);
border: none
}
.site-checkbox[type=checkbox]:checked+label {
color: #3772ff
}
.site-checkbox[type=checkbox]:checked+label:after {
display: inline-block
}
.site-checkbox[type=checkbox]:checked:disabled+label:after {
border-bottom: 2px solid rgba(0, 0, 0, .26);
border-right: 2px solid rgba(0, 0, 0, .26)
}
.site-checkbox[type=checkbox]:checked+label:before {
background: #3772ff;
border-color: #3772ff;
content: ""
}
.site-checkbox[type=checkbox]:indeterminate+label:after {
-webkit-backface-visibility: hidden;
border: none;
border-right: 2px solid #fff;
height: 22px;
left: -10px;
top: -11px;
transform: rotate(90deg);
transform-origin: 100% 100%;
width: 10px
}
.site-checkbox[type=checkbox]:indeterminate:disabled+label:after {
background-color: transparent;
border-right: 2px solid rgba(0, 0, 0, .26)
}
.site-checkbox_small[type=checkbox]:checked+label:after {
-webkit-backface-visibility: hidden;
border-color: transparent #fff #fff transparent;
border-style: solid;
border-width: 2px;
height: 1.125rem;
left: .375rem;
top: .3125rem;
transform: rotate(40deg);
transform-origin: 100% 100%;
width: .625rem
}
.material_radio[type=radio]:checked,
.material_radio[type=radio]:not(:checked) {
left: -9999px;
position: absolute;
visibility: hidden
}
.material_radio[type=radio]:checked+label,
.material_radio[type=radio]:not(:checked)+label,
.material_radio[type=radio]:not(:disabled)+label:hover {
color: #111
}
.material_radio[type=radio]:checked+label,
.material_radio[type=radio]:not(:checked)+label {
cursor: pointer;
display: inline-block;
line-height: 25px;
margin-left: 0;
padding-left: 35px;
position: relative;
transition: .2s ease;
user-select: none
}
.material_radio[type=radio]+label:after,
.material_radio[type=radio]+label:before {
content: "";
height: 20px;
left: 0;
margin: 2.5px 0;
position: absolute;
top: 0;
transition: .2s ease;
width: 20px;
z-index: 0
}
.material_radio[type=radio]:not(:checked)+label:before {
border: 2px solid #5a5a5a;
border-radius: 50%
}
.material_radio[type=radio]:not(:checked)+label:after {
background-color: #3066be;
border: 2px solid #5a5a5a;
border-radius: 50%;
transform: scale(0);
z-index: 0
}
.material_radio[type=radio]:checked+label:before {
border: 2px solid transparent;
border-radius: 50%
}
.material_radio[type=radio]:checked+label:after {
background-color: #3066be;
border: 2px solid #3066be;
border-radius: 50%;
transform: scale(1.02);
z-index: 0
}
.material_radio[type=radio].with-gap:checked+label:before {
border: 2px solid #3066be;
border-radius: 50%
}
.material_radio[type=radio].with-gap:checked+label:after {
background-color: #3066be;
border: 2px solid #3066be;
border-radius: 50%;
transform: scale(.5);
z-index: 0
}
.material_radio[type=radio]:disabled:checked+label:before,
.material_radio[type=radio]:disabled:not(:checked)+label:before {
background-color: transparent;
border-color: rgba(0, 0, 0, .26)
}
.material_radio[type=radio]:disabled+label {
color: rgba(0, 0, 0, .26)
}
.material_radio[type=radio]:disabled:not(:checked)+label:hover:before {
border-color: rgba(0, 0, 0, .26)
}
.input_flat {
background: #fff;
border: .0625rem solid #b2bcc3;
border-radius: .25rem;
color: #000;
font-size: 1rem;
height: 3rem;
padding-left: .625rem
}
.input_flat::placeholder {
color: #647886
}
.input_flat:hover {
border-color: #1f61ff
}
.input_flat:focus {
border-color: #054fff
}
.input-group {
display: table;
width: 100%
}
.input-group__button,
.input-group__field {
display: table-cell;
padding-left: .5rem;
padding-right: .5rem;
vertical-align: middle;
white-space: nowrap
}
@media print,
screen and (min-width:48em) {
.input-group__button,
.input-group__field {
padding-left: 1rem;
padding-right: 1rem
}
}
.input-group__input {
margin: 0;
width: 100%
}
.input-group__button {
height: 100%;
width: 1%
}
.input-group__button .button {
height: 100%;
line-height: 100%;
min-height: 0
}
.button {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff);
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-weight: var(--button-font-weight, 500)
}
.button__icon,
.button__text {
display: inline-block;
vertical-align: middle
}
.button__text:not(:first-child) {
margin-left: .625rem
}
.button__text:not(:last-child) {
margin-right: .625rem
}
@media print,
screen and (max-width:47.99875em) {
.button__text:not(:last-child) {
margin-right: 0
}
}
.button__icon svg {
vertical-align: middle
}
.button:hover {
fill: var(--button-default-color-hover, #fff);
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.button:active {
fill: var(--button-default-color-active, #fff);
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
.button.disable {
cursor: default;
opacity: .5
}
.button.disable:focus,
.button.disable:hover,
.button_for_filter-group,
.button_for_filter-price {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff)
}
.button_for_filter-group,
.button_for_filter-price {
border-radius: var(--button-default-radius-large, .25em);
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: 1rem;
font-weight: var(--button-font-weight, 500);
line-height: 150%;
padding: .75rem 1rem
}
.button_for_filter-group:hover,
.button_for_filter-price:hover {
fill: var(--button-default-color-hover, #fff);
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.button_for_filter-group:active,
.button_for_filter-price:active {
fill: var(--button-default-color-active, #fff);
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
.button_for_filter-group.disable,
.button_for_filter-price.disable {
cursor: default;
opacity: .5
}
.button_for_filter-group.disable:focus,
.button_for_filter-group.disable:hover,
.button_for_filter-price.disable:focus,
.button_for_filter-price.disable:hover {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff)
}
@media print,
screen and (max-width:47.99875em) {
.button_for_filter-group,
.button_for_filter-price {
width: 100%
}
}
@media screen and (max-width:63.9375rem) {
.button_for_filter-price {
width: 100%
}
}
.button_bordered_small {
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
border-radius: var(--button-default-radius-medium, .25em);
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
font-family: var(--button-bordered-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: .875rem;
font-weight: var(--button-font-weight, 500);
line-height: 140%;
padding: .625rem 1rem
}
.button_bordered_small,
.button_bordered_small:focus {
fill: var(--button-bordered-color, #3772ff);
color: var(--button-bordered-color, #3772ff)
}
.button_bordered_small:hover {
fill: var(--button-bordered-color-hover, #fff);
background-color: var(--button-bordered-bg-color-hover-rgba, var(--button-bordered-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-hover, 0)*1px) var(--button-bordered-border-color-hover-rgba, var(--button-bordered-border-color-hover, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-hover, 0)*1px) calc(var(--button-bordered-shadow-blur-hover, 0)*1px) 0 var(--button-bordered-shadow-color-hover-rgba, var(--button-bordered-shadow-color-hover, #1f61ff));
color: var(--button-bordered-color-hover, #fff)
}
.button_bordered_small:active {
fill: var(--button-bordered-color-active, #fff);
background-color: var(--button-bordered-bg-color-active-rgba, var(--button-bordered-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-active, 0)*1px) var(--button-bordered-border-color-active-rgba, var(--button-bordered-border-color-active, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-active, 0)*1px) calc(var(--button-bordered-shadow-blur-active, 0)*1px) 0 var(--button-bordered-shadow-color-active-rgba, var(--button-bordered-shadow-color-active, #1f61ff));
color: var(--button-bordered-color-active, #fff)
}
.button_bordered_small.disable {
cursor: default;
opacity: .5
}
.button_bordered_small.disable:focus,
.button_bordered_small.disable:hover {
fill: var(--button-bordered-color, #3772ff);
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
color: var(--button-bordered-color, #3772ff)
}
@media print,
screen and (max-width:47.99875em) {
.button_bordered_small {
width: 100%
}
}
.button_for_vk {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
background-color: #4d75a3;
border: none;
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff);
color: #fff;
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: .75rem;
font-weight: var(--button-font-weight, 500);
font-weight: 400;
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 .3125rem;
text-transform: none;
width: 100%
}
.button_for_vk:hover {
fill: var(--button-default-color-hover, #fff);
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.button_for_vk:active {
fill: var(--button-default-color-active, #fff);
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
.button_for_vk.disable {
cursor: default;
opacity: .5
}
.button_for_vk.disable:focus,
.button_for_vk.disable:hover {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff)
}
.button_for_vk:hover {
background-color: #3d5c80;
color: #fff
}
.button_for_vk svg {
fill: #fff;
max-height: 20px;
max-width: 20px;
vertical-align: middle
}
@media print,
screen and (min-width:48em) {
.button_for_vk {
font-size: .875rem;
height: 3.75rem;
line-height: 3.3125rem;
padding: 0 .9375rem;
width: 3.75rem
}
.button_for_vk span {
display: none
}
}
@media print,
screen and (min-width:64em) {
.button_for_vk {
font-size: .875rem;
height: 2.8125rem;
line-height: 2.8125rem;
text-align: left;
width: 100%
}
.button_for_vk span {
display: inline-block;
padding-left: .3125rem
}
}
@media print,
screen and (max-width:47.99875em) {
.button_for_vk svg {
margin-right: .3125rem
}
}
.button_for_vk span {
line-height: 2.125rem
}
.button_for_fb {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
background-color: #3b5998;
border: none;
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff);
color: #fff;
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: .75rem;
font-weight: var(--button-font-weight, 500);
font-weight: 400;
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0 .3125rem;
text-transform: none;
width: 100%
}
.button_for_fb:hover {
fill: var(--button-default-color-hover, #fff);
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.button_for_fb:active {
fill: var(--button-default-color-active, #fff);
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
.button_for_fb.disable {
cursor: default;
opacity: .5
}
.button_for_fb.disable:focus,
.button_for_fb.disable:hover {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff)
}
.button_for_fb:hover {
background-color: #2d4373;
color: #fff
}
.button_for_fb svg {
fill: #fff;
max-height: 20px;
max-width: 20px;
vertical-align: middle
}
@media print,
screen and (min-width:48em) {
.button_for_fb {
font-size: .875rem;
height: 3.75rem;
line-height: 3.3125rem;
padding: 0 .9375rem;
width: 3.75rem
}
.button_for_fb span {
display: none
}
}
@media print,
screen and (min-width:64em) {
.button_for_fb {
font-size: .875rem;
height: 2.8125rem;
line-height: 2.8125rem;
text-align: left;
width: 100%
}
.button_for_fb span {
display: inline-block;
padding-left: .3125rem
}
}
.button_for_fb span {
line-height: 2.125rem
}
.button_for_services-list {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
border-radius: var(--button-default-radius-xlarge, .375em);
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff);
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: 1rem;
font-weight: var(--button-font-weight, 500);
line-height: 150%;
padding: 1rem 1.25rem
}
.button_for_services-list:hover {
fill: var(--button-default-color-hover, #fff);
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.button_for_services-list:active {
fill: var(--button-default-color-active, #fff);
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
.button_for_services-list.disable {
cursor: default;
opacity: .5
}
.button_for_services-list.disable:focus,
.button_for_services-list.disable:hover {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff)
}
@media print,
screen and (max-width:47.99875em) {
.button_for_services-list {
width: 100%
}
}
@media print,
screen and (min-width:64em)and (max-width:79.99875em) {
.button_for_services-list {
border-radius: var(--button-default-radius-large, .25em);
font-size: 1rem;
line-height: 150%;
padding: .75rem 1rem
}
}
@media print,
screen and (min-width:64em)and (max-width:79.99875em)and (max-width:47.99875em) {
.button_for_services-list {
width: 100%
}
}
.button_bordered_medium,
.button_for_comments-module-add-comment,
.button_for_comments-show-comments,
.button_read-more-article {
fill: var(--button-bordered-color, #3772ff);
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
border-radius: var(--button-default-radius-xlarge, .375em);
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
color: var(--button-bordered-color, #3772ff);
font-family: var(--button-bordered-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: 1rem;
font-weight: var(--button-font-weight, 500);
line-height: 150%;
padding: 1rem 1.25rem
}
.button_bordered_medium:focus,
.button_for_comments-module-add-comment:focus,
.button_for_comments-show-comments:focus,
.button_read-more-article:focus {
fill: var(--button-bordered-color, #3772ff);
color: var(--button-bordered-color, #3772ff)
}
.button_bordered_medium:hover,
.button_for_comments-module-add-comment:hover,
.button_for_comments-show-comments:hover,
.button_read-more-article:hover {
fill: var(--button-bordered-color-hover, #fff);
background-color: var(--button-bordered-bg-color-hover-rgba, var(--button-bordered-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-hover, 0)*1px) var(--button-bordered-border-color-hover-rgba, var(--button-bordered-border-color-hover, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-hover, 0)*1px) calc(var(--button-bordered-shadow-blur-hover, 0)*1px) 0 var(--button-bordered-shadow-color-hover-rgba, var(--button-bordered-shadow-color-hover, #1f61ff));
color: var(--button-bordered-color-hover, #fff)
}
.button_bordered_medium:active,
.button_for_comments-module-add-comment:active,
.button_for_comments-show-comments:active,
.button_read-more-article:active {
fill: var(--button-bordered-color-active, #fff);
background-color: var(--button-bordered-bg-color-active-rgba, var(--button-bordered-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-active, 0)*1px) var(--button-bordered-border-color-active-rgba, var(--button-bordered-border-color-active, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-active, 0)*1px) calc(var(--button-bordered-shadow-blur-active, 0)*1px) 0 var(--button-bordered-shadow-color-active-rgba, var(--button-bordered-shadow-color-active, #1f61ff));
color: var(--button-bordered-color-active, #fff)
}
.button_bordered_medium.disable,
.button_for_comments-module-add-comment.disable,
.button_for_comments-show-comments.disable,
.button_read-more-article.disable {
cursor: default;
opacity: .5
}
.button_bordered_medium.disable:focus,
.button_bordered_medium.disable:hover,
.button_for_comments-module-add-comment.disable:focus,
.button_for_comments-module-add-comment.disable:hover,
.button_for_comments-show-comments.disable:focus,
.button_for_comments-show-comments.disable:hover,
.button_read-more-article.disable:focus,
.button_read-more-article.disable:hover {
fill: var(--button-bordered-color, #3772ff);
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
color: var(--button-bordered-color, #3772ff)
}
@media print,
screen and (max-width:47.99875em) {
.button_bordered_medium,
.button_for_comments-module-add-comment,
.button_for_comments-show-comments,
.button_read-more-article {
width: 100%
}
}
.button_for_product-params {
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
font-family: var(--button-bordered-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-weight: var(--button-font-weight, 500)
}
.button_for_product-params,
.button_for_product-params:focus {
fill: var(--button-bordered-color, #3772ff);
color: var(--button-bordered-color, #3772ff)
}
.button_for_product-params:hover {
fill: var(--button-bordered-color-hover, #fff);
background-color: var(--button-bordered-bg-color-hover-rgba, var(--button-bordered-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-hover, 0)*1px) var(--button-bordered-border-color-hover-rgba, var(--button-bordered-border-color-hover, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-hover, 0)*1px) calc(var(--button-bordered-shadow-blur-hover, 0)*1px) 0 var(--button-bordered-shadow-color-hover-rgba, var(--button-bordered-shadow-color-hover, #1f61ff));
color: var(--button-bordered-color-hover, #fff)
}
.button_for_product-params:active {
fill: var(--button-bordered-color-active, #fff);
background-color: var(--button-bordered-bg-color-active-rgba, var(--button-bordered-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-active, 0)*1px) var(--button-bordered-border-color-active-rgba, var(--button-bordered-border-color-active, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-active, 0)*1px) calc(var(--button-bordered-shadow-blur-active, 0)*1px) 0 var(--button-bordered-shadow-color-active-rgba, var(--button-bordered-shadow-color-active, #1f61ff));
color: var(--button-bordered-color-active, #fff)
}
.button_for_product-params.disable {
cursor: default;
opacity: .5
}
.button_for_product-params.disable:focus,
.button_for_product-params.disable:hover {
fill: var(--button-bordered-color, #3772ff);
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
color: var(--button-bordered-color, #3772ff)
}
.button_for_product-card {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff);
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-weight: var(--button-font-weight, 500)
}
.button_for_product-card:hover {
fill: var(--button-default-color-hover, #fff);
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.button_for_product-card:active {
fill: var(--button-default-color-active, #fff);
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
.button_for_product-card.disable {
cursor: default;
opacity: .5
}
.button.bell-btn,
.button_for_product-card.disable:focus,
.button_for_product-card.disable:hover {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff)
}
.button.bell-btn {
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-weight: var(--button-font-weight, 500)
}
.button.bell-btn:hover {
fill: var(--button-default-color-hover, #fff);
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.button.bell-btn:active {
fill: var(--button-default-color-active, #fff);
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
.button.bell-btn.disable {
cursor: default;
opacity: .5
}
.button.bell-btn.disable:focus,
.button.bell-btn.disable:hover {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff)
}
.button.bell-btn,
.button_for_product-card,
.button_for_product-params {
border-radius: var(--button-default-radius-medium, .25em);
font-size: .875rem;
line-height: 140%;
padding: .625rem 1rem
}
@media print,
screen and (max-width:47.99875em) {
.button.bell-btn,
.button_for_product-card,
.button_for_product-params {
width: 100%
}
}
.button_for_comments-module-show-comments {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
border-radius: var(--button-default-radius-large, .25em);
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff);
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: 1rem;
font-weight: var(--button-font-weight, 500);
line-height: 150%;
padding: .75rem 1rem
}
.button_for_comments-module-show-comments:hover {
fill: var(--button-default-color-hover, #fff);
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.button_for_comments-module-show-comments:active {
fill: var(--button-default-color-active, #fff);
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
.button_for_comments-module-show-comments.disable {
cursor: default;
opacity: .5
}
.button_for_comments-module-show-comments.disable:focus,
.button_for_comments-module-show-comments.disable:hover {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff)
}
@media print,
screen and (max-width:47.99875em) {
.button_for_comments-module-show-comments {
width: 100%
}
}
.button_for_comment-toggle-comments {
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
border-radius: var(--button-default-radius-large, .25em);
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
font-family: var(--button-bordered-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: 1rem;
font-weight: var(--button-font-weight, 500);
line-height: 150%;
margin-bottom: 2.25rem;
padding: .75rem 1rem
}
.button_for_comment-toggle-comments,
.button_for_comment-toggle-comments:focus {
fill: var(--button-bordered-color, #3772ff);
color: var(--button-bordered-color, #3772ff)
}
.button_for_comment-toggle-comments:hover {
fill: var(--button-bordered-color-hover, #fff);
background-color: var(--button-bordered-bg-color-hover-rgba, var(--button-bordered-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-hover, 0)*1px) var(--button-bordered-border-color-hover-rgba, var(--button-bordered-border-color-hover, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-hover, 0)*1px) calc(var(--button-bordered-shadow-blur-hover, 0)*1px) 0 var(--button-bordered-shadow-color-hover-rgba, var(--button-bordered-shadow-color-hover, #1f61ff));
color: var(--button-bordered-color-hover, #fff)
}
.button_for_comment-toggle-comments:active {
fill: var(--button-bordered-color-active, #fff);
background-color: var(--button-bordered-bg-color-active-rgba, var(--button-bordered-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-active, 0)*1px) var(--button-bordered-border-color-active-rgba, var(--button-bordered-border-color-active, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-active, 0)*1px) calc(var(--button-bordered-shadow-blur-active, 0)*1px) 0 var(--button-bordered-shadow-color-active-rgba, var(--button-bordered-shadow-color-active, #1f61ff));
color: var(--button-bordered-color-active, #fff)
}
.button_for_comment-toggle-comments.disable {
cursor: default;
opacity: .5
}
.button_for_comment-toggle-comments.disable:focus,
.button_for_comment-toggle-comments.disable:hover {
fill: var(--button-bordered-color, #3772ff);
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
color: var(--button-bordered-color, #3772ff)
}
@media print,
screen and (max-width:47.99875em) {
.button_for_comment-toggle-comments {
width: 100%;
width: auto
}
}
@media print,
screen and (min-width:64em) {
.button_for_comment-toggle-comments {
margin-bottom: 2.75rem
}
}
@media screen and (min-width:80em) {
.button_for_comment-toggle-comments {
border-radius: var(--button-default-radius-small, .25em);
font-size: .813rem;
line-height: 120%;
padding: .5rem .75rem
}
}
@media screen and (min-width:80em)and (max-width:47.99875em) {
.button_for_comment-toggle-comments {
width: 100%
}
}
.button__text:not(:last-child) {
margin-right: 0
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.button__text:not(:first-child) {
margin-left: 1.25rem
}
.button__text:not(:last-child) {
margin-right: 1.25rem
}
}
@media print,
screen and (min-width:48em) {
.button_for_filter-group,
.button_for_filter-price,
.button_for_search {
border-radius: var(--button-default-radius-large, .25em);
font-size: 1rem;
line-height: 150%;
min-width: 2.5rem;
padding: .75rem 1rem
}
}
@media print,
screen and (min-width:48em)and (max-width:47.99875em) {
.button_for_filter-group,
.button_for_filter-price,
.button_for_search {
width: 100%
}
}
.-btn {
font-size: 13px;
line-height: 14px;
position: relative
}
.-btn.-btn-add {
zoom: 1;
background-color: #686c75;
border: 1px solid #383a3f;
border-radius: 3px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: -moz-inline-stack;
display: inline-block;
font-size: 11px;
line-height: 12px;
padding: 2px 10px 2px 8px;
text-shadow: 0 -1px #575b62;
vertical-align: middle
}
.-btn.-btn-add:hover {
background-color: #73777f;
background-image: linear-gradient(180deg, #73777f, #55595d)
}
.-btn.-btn-add div,
.-btn.-btn-add i {
display: inline-block;
vertical-align: top
}
.ui.accordion,
.ui.accordion .accordion {
max-width: 100%
}
.ui.accordion .accordion .title,
.ui.accordion .title {
cursor: pointer
}
.ui.accordion .accordion .title~.content,
.ui.accordion .title~.content {
display: none
}
.ui.accordion .accordion .title .dropdown.icon,
.ui.accordion .title .dropdown.icon {
display: inline-block;
font-size: .875rem;
transform: none
}
.ui.accordion .accordion .title.active .dropdown.icon,
.ui.accordion .title.active .dropdown.icon {
transform: rotate(180deg)
}
.ui.accordion .active.content {
display: block;
height: fit-content
}
.modal-window__desc {
word-wrap: break-word;
font-size: .875rem;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
-o-hyphens: manual;
hyphens: manual;
word-break: break-word
}
.modal-window__label {
color: #111;
font-weight: 700;
text-transform: uppercase
}
.modal-window__label_value {
color: #555
}
.mr-block {
min-height: 1px
}
.mrb-row_payment:not(:first-child) {
margin-top: 1.5625rem
}
@media print,
screen and (min-width:48em) {
.mrb-row_payment:not(:first-child) {
margin-top: 2.8125rem
}
}
.mrb-btn-item-text {
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-weight: var(--button-font-weight, 500)
}
.mrb-form__title {
font-size: .8125rem;
font-weight: 700;
padding-bottom: 1.25rem;
text-align: center;
text-transform: uppercase
}
.mrb-form__content {
border-radius: 4px;
margin: 0 auto
}
.mrb-form__content .mrb-form__field textarea {
height: 150px;
resize: vertical
}
.mrb-form__field {
display: inline-block;
font-weight: 400;
line-height: 1.25;
margin-bottom: 30px;
position: relative;
vertical-align: middle;
width: 100%
}
.mrb-form__field input[type=email],
.mrb-form__field input[type=file],
.mrb-form__field input[type=number],
.mrb-form__field input[type=tel],
.mrb-form__field input[type=text],
.mrb-form__field input[type=url],
.mrb-form__field textarea {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
width: 100%
}
.mrb-form__field input[type=email].error+.errors,
.mrb-form__field input[type=file].error+.errors,
.mrb-form__field input[type=number].error+.errors,
.mrb-form__field input[type=tel].error+.errors,
.mrb-form__field input[type=text].error+.errors,
.mrb-form__field input[type=url].error+.errors,
.mrb-form__field textarea.error+.errors {
color: #cc4b37;
font-size: .75rem;
list-style: none;
margin: 0;
position: absolute
}
.mrb-form__field input[type=email]+label,
.mrb-form__field input[type=email].error+.errors+label,
.mrb-form__field input[type=file]+label,
.mrb-form__field input[type=file].error+.errors+label,
.mrb-form__field input[type=number]+label,
.mrb-form__field input[type=number].error+.errors+label,
.mrb-form__field input[type=tel]+label,
.mrb-form__field input[type=tel].error+.errors+label,
.mrb-form__field input[type=text]+label,
.mrb-form__field input[type=text].error+.errors+label,
.mrb-form__field input[type=url]+label,
.mrb-form__field input[type=url].error+.errors+label,
.mrb-form__field textarea+label,
.mrb-form__field textarea.error+.errors+label {
display: none
}
.mrb-form__field input[type=email]::placeholder,
.mrb-form__field input[type=file]::placeholder,
.mrb-form__field input[type=number]::placeholder,
.mrb-form__field input[type=tel]::placeholder,
.mrb-form__field input[type=text]::placeholder,
.mrb-form__field input[type=url]::placeholder,
.mrb-form__field textarea::placeholder {
color: #555
}
.mrb-form__field input[type=checkbox],
.mrb-form__field input[type=radio] {
left: 0;
position: absolute;
top: 6px
}
.mrb-form__field input[type=checkbox]+label,
.mrb-form__field input[type=radio]+label {
display: block;
font-size: 1rem;
margin-left: 1.25rem
}
.mrb-form__field input[type=checkbox]+label,
.mrb-form__field input[type=checkbox].error+.errors+label,
.mrb-form__field input[type=radio]+label,
.mrb-form__field input[type=radio].error+.errors+label {
background-color: inherit;
color: inherit
}
.mrb-form__field .dynamic-field-file .file-hidden {
height: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
visibility: hidden;
width: 0
}
.mrb-form__field .dynamic-field-file .file-hidden+ul.errors {
bottom: -20px
}
.mrb-form__field .dynamic-field-file .attach-btn {
display: flex;
flex-direction: column;
gap: .5rem
}
@media screen and (min-width:768px) {
.mrb-form__field .dynamic-field-file .attach-btn {
flex-direction: row
}
}
.mrb-form__field .dynamic-field-file .attach-btn__add-file,
.mrb-form__field .dynamic-field-file .attach-btn__remove {
align-items: center;
background: #fff;
border: 2px solid #3772ff;
border-radius: 4px;
color: #3772ff;
cursor: pointer;
display: flex;
flex-direction: row;
gap: 8px;
justify-content: center;
padding: 10px 14px;
width: 100%
}
@media screen and (min-width:768px) {
.mrb-form__field .dynamic-field-file .attach-btn__add-file,
.mrb-form__field .dynamic-field-file .attach-btn__remove {
width: auto
}
}
.mrb-form__field .dynamic-field-file .attach-btn__add-file.fileapi,
.mrb-form__field .dynamic-field-file .attach-btn__remove.fileapi {
overflow: hidden;
position: relative
}
.mrb-form__field .dynamic-field-file .attach-btn__add-file.fileapi+input[type=file],
.mrb-form__field .dynamic-field-file .attach-btn__remove.fileapi+input[type=file] {
bottom: 0;
cursor: pointer;
filter: alpha(opacity=0);
font-size: 50px;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
position: absolute;
right: -40px;
top: -10px;
z-index: 2
}
.mrb-form__field .dynamic-field-file .attach-btn__remove {
display: none
}
.mrb-form__field .dynamic-field-file .attach-btn-remove__text,
.mrb-form__field .dynamic-field-file .attach-btn__text {
color: currentColor;
font-size: .875rem;
font-weight: 500;
line-height: 1.4;
text-align: center
}
.mrb-form__field .dynamic-field-file .attach-file-add.error+.errors {
color: #cc4b37;
font-size: .75rem;
list-style: none;
margin: 0;
position: absolute
}
.mrb-form__field .dynamic-field-file .attach-file-add+label,
.mrb-form__field .dynamic-field-file .attach-file-add.error+.errors+label {
display: none
}
.mrb-form__field .dynamic-field-file .attach-info {
background: #ebeef0;
border: 1px solid #b2bcc3;
border-radius: 4px;
display: none;
margin-bottom: 1rem;
min-height: 40px;
padding: 10px 14px;
position: relative
}
.mrb-form__field .dynamic-field-file .attach-info__wrapper {
align-items: center;
display: flex;
height: 100%;
position: relative;
top: -2px
}
.mrb-form__field .dynamic-field-file .attach-info__file-name {
font-feature-settings: "pnum"on, "lnum"on;
color: #000;
font-size: .875rem;
font-weight: 500;
line-height: 1.5;
position: relative
}
.mrb-form__field .dynamic-field-file .attach-info__icon-file {
margin-right: .5rem
}
.mrb-form__field .dynamic-field-file .attach-info__icon-file svg {
display: inline-block;
max-height: 1rem;
max-width: 1rem
}
.mrb-form__field input[type=email],
.mrb-form__field input[type=file],
.mrb-form__field input[type=number],
.mrb-form__field input[type=tel],
.mrb-form__field input[type=text],
.mrb-form__field input[type=url],
.mrb-form__field textarea {
background: #fff;
border: .0625rem solid #b2bcc3;
border-radius: .25rem;
color: #000;
font-size: 1rem;
height: 3rem;
padding-left: .625rem
}
.mrb-form__field input[type=email]::placeholder,
.mrb-form__field input[type=file]::placeholder,
.mrb-form__field input[type=number]::placeholder,
.mrb-form__field input[type=tel]::placeholder,
.mrb-form__field input[type=text]::placeholder,
.mrb-form__field input[type=url]::placeholder,
.mrb-form__field textarea::placeholder {
color: #647886
}
.mrb-form__field input[type=email]:hover,
.mrb-form__field input[type=file]:hover,
.mrb-form__field input[type=number]:hover,
.mrb-form__field input[type=tel]:hover,
.mrb-form__field input[type=text]:hover,
.mrb-form__field input[type=url]:hover,
.mrb-form__field textarea:hover {
border-color: #1f61ff
}
.mrb-form__field input[type=email]:focus,
.mrb-form__field input[type=file]:focus,
.mrb-form__field input[type=number]:focus,
.mrb-form__field input[type=tel]:focus,
.mrb-form__field input[type=text]:focus,
.mrb-form__field input[type=url]:focus,
.mrb-form__field textarea:focus {
border-color: #054fff
}
.mrb-form__field input[type=number] {
padding-right: 0
}
.mrb-form .mrb-form__field textarea {
line-height: 1.5;
padding-top: .625rem
}
.mrb-form_payment .mrb-form__content {
background: hsla(0, 0%, 100%, .9);
color: #555;
padding: 2.1875rem 0
}
.mrb-form_payment .mrb-form__field input[type=email],
.mrb-form_payment .mrb-form__field input[type=file],
.mrb-form_payment .mrb-form__field input[type=number],
.mrb-form_payment .mrb-form__field input[type=tel],
.mrb-form_payment .mrb-form__field input[type=text],
.mrb-form_payment .mrb-form__field input[type=url],
.mrb-form_payment .mrb-form__field label,
.mrb-form_payment .mrb-form__field textarea {
color: rgba(68, 68, 68, .7)
}
@media print,
screen and (min-width:64em) {
.mrb-form_payment .mrb-form__field input[type=email],
.mrb-form_payment .mrb-form__field input[type=file],
.mrb-form_payment .mrb-form__field input[type=number],
.mrb-form_payment .mrb-form__field input[type=tel],
.mrb-form_payment .mrb-form__field input[type=text],
.mrb-form_payment .mrb-form__field input[type=url],
.mrb-form_payment .mrb-form__field label,
.mrb-form_payment .mrb-form__field textarea {
font-size: .875rem
}
}
.mrb-form_leadform {
padding: 30px 0;
position: relative
}
.mrb-form_leadform_theme_dark {
color: #fff
}
.mrb-form_leadform_theme_light {
color: #111
}
.mrb-form_leadform .mrb-form__title {
background: none
}
.mrb-form_leadform .mrb-form__content {
text-align: center;
width: 90%
}
.mrb-form_leadform .mrb-form__content .-btn-complete {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
border-radius: var(--button-default-radius-large, .25em);
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff);
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: 1rem;
font-weight: var(--button-font-weight, 500);
line-height: 150%;
padding: .75rem 1rem
}
.mrb-form_leadform .mrb-form__content .-btn-complete:hover {
fill: var(--button-default-color-hover, #fff);
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.mrb-form_leadform .mrb-form__content .-btn-complete:active {
fill: var(--button-default-color-active, #fff);
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
.mrb-form_leadform .mrb-form__content .-btn-complete.disable {
cursor: default;
opacity: .5
}
.mrb-form_leadform .mrb-form__content .-btn-complete.disable:focus,
.mrb-form_leadform .mrb-form__content .-btn-complete.disable:hover {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff)
}
@media print,
screen and (max-width:47.99875em) {
.mrb-form_leadform .mrb-form__content .-btn-complete {
width: 100%;
width: auto
}
}
.mrb-form_leadform .mrb-form__field {
text-align: left
}
@media print,
screen and (min-width:48em) {
.mrb-form_leadform .mrb-form__content {
width: 80%
}
}
@media print,
screen and (min-width:64em) {
.mrb-form_leadform .mrb-form__content {
width: 60%
}
}
.mrb-form_leadform_theme_dark {
background: #444
}
@media print,
screen and (min-width:48em) {
.mrb-form__title {
font-size: 1rem
}
}
@media print,
screen and (min-width:64em) {
.mrb-form__title {
font-size: 1.375rem
}
}
.mrb-paymethods {
margin-top: 2.5rem
}
.mrb-paymethods__title {
color: #111;
font-size: .8125rem;
font-weight: 700;
padding-bottom: 1.25rem;
text-align: center;
text-transform: uppercase
}
.mrb-paymethods__content .paymethods {
font-size: 13px
}
.mrb-paymethods__content .paymethods .paymethod {
min-height: 25px;
position: relative
}
.mrb-paymethods__content .paymethods .paymethod:hover {
background: #eaeaea
}
.mrb-paymethods__content .paymethods .paymethod label {
cursor: pointer;
display: block;
margin: 0;
padding: 1.25rem .9375rem
}
.mrb-paymethods__content .paymethods .paymethod input+label:hover:after,
.mrb-paymethods__content .paymethods .paymethod input:checked+label:after {
color: #59a80f;
float: right;
font-size: 16px;
font-weight: 600;
line-height: 32px;
margin: 0 1em
}
.mrb-paymethods__content .paymethods .paymethod__label {
font-size: .875rem;
line-height: 1.25rem;
padding: 0 0 0 1.25rem
}
.mrb-paymethods__content .paymethods .paymethod__arrow {
margin-top: -.6875rem;
position: absolute;
right: .3125rem;
top: 50%
}
.mrb-paymethods__content .paymethods .paymethod__arrow svg {
max-height: 1.375rem;
max-width: 1.375rem
}
.mrb-paymethods__content .paymethod {
border-bottom: .125rem solid #dedede
}
.mrb-paymethods__content .paymethod__icon {
display: block;
line-height: 0;
width: 1.875rem
}
.mrb-paymethods__content .paymethod__icon svg {
max-height: 1.875rem;
max-width: 1.875rem
}
@media print,
screen and (min-width:48em) {
.mrb-paymethods__title {
font-size: 1rem;
margin: 0 0 2.5rem
}
.mrb-paymethods__content .paymethod {
border-bottom: 1px solid #dedede
}
.mrb-paymethods__content .paymethod__label {
font-size: 1.125rem
}
.mrb-paymethods__content .paymethod__icon {
width: 2.5rem
}
.mrb-paymethods__content .paymethod__icon svg {
max-height: 2.5rem;
max-width: 2.5rem
}
}
@media print,
screen and (min-width:64em) {
.mrb-paymethods__title {
font-size: 1.375rem;
margin-bottom: 2.5rem
}
.mrb-paymethods__content .paymethod {
border-bottom: none
}
.mrb-paymethods__content .paymethod__label {
font-size: .9375rem
}
}
.slick-next,
.slick-prev {
background-color: rgba(0, 0, 0, .3);
border: 2px solid #fff;
color: transparent;
font-size: 0;
line-height: 0;
z-index: 10
}
.slick-next:before,
.slick-prev:before {
color: #fff;
content: "";
font-size: 30px;
line-height: 60px
}
.slick-initialized .slick-slide,
doesnotexist:-o-prefocus {
z-index: 1 !important
}
.slick-prev {
left: 50%;
margin-left: 650
}
.slick-next {
margin-right: 650;
right: 50%
}
.slick-slide {
will-change: transform, opacity, height
}
.js-slider>.js-slider__item {
display: none
}
.js-slider>.js-slider__item:first-child {
display: block
}
.payment-state__h3 {
padding-top: .625rem;
text-transform: uppercase
}
.payment-state__icon {
padding-top: 1.875rem
}
@media print,
screen and (max-width:63.99875em) {
body.combo-box-open {
overflow: hidden
}
}
@media screen and (max-width:63.9375rem) {
.combo-box__button_filter {
margin-top: 1.5rem
}
}
.combo-box__close {
cursor: pointer;
padding: 1rem;
position: absolute;
right: 0;
top: -1rem
}
.combo-box__close svg {
height: 1.5rem;
width: 1.5rem
}
@media screen and (max-width:64rem) {
.combo-box__menu-button {
margin-top: 1.5rem
}
}
@media print,
screen and (max-width:63.99875em) {
.combo-box__button {
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
border-radius: var(--button-default-radius-large, .25em);
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
font-family: var(--button-bordered-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: 1rem;
font-weight: var(--button-font-weight, 500);
line-height: 150%;
padding: .75rem 1rem;
text-align: center
}
.combo-box__button,
.combo-box__button:focus {
fill: var(--button-bordered-color, #3772ff);
color: var(--button-bordered-color, #3772ff)
}
.combo-box__button:hover {
fill: var(--button-bordered-color-hover, #fff);
background-color: var(--button-bordered-bg-color-hover-rgba, var(--button-bordered-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-hover, 0)*1px) var(--button-bordered-border-color-hover-rgba, var(--button-bordered-border-color-hover, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-hover, 0)*1px) calc(var(--button-bordered-shadow-blur-hover, 0)*1px) 0 var(--button-bordered-shadow-color-hover-rgba, var(--button-bordered-shadow-color-hover, #1f61ff));
color: var(--button-bordered-color-hover, #fff)
}
.combo-box__button:active {
fill: var(--button-bordered-color-active, #fff);
background-color: var(--button-bordered-bg-color-active-rgba, var(--button-bordered-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-active, 0)*1px) var(--button-bordered-border-color-active-rgba, var(--button-bordered-border-color-active, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-active, 0)*1px) calc(var(--button-bordered-shadow-blur-active, 0)*1px) 0 var(--button-bordered-shadow-color-active-rgba, var(--button-bordered-shadow-color-active, #1f61ff));
color: var(--button-bordered-color-active, #fff)
}
.combo-box__button.disable {
cursor: default;
opacity: .5
}
.combo-box__button.disable:focus,
.combo-box__button.disable:hover {
fill: var(--button-bordered-color, #3772ff);
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
color: var(--button-bordered-color, #3772ff)
}
}
@media print,
screen and (max-width:63.99875em)and (max-width:47.99875em) {
.combo-box__button {
max-width: none;
width: 100%
}
}
@media print,
screen and (max-width:63.99875em) {
.combo-box__header {
margin: 0 -1.0625rem;
padding: 0 1.0625rem 1.3125rem;
position: relative
}
.combo-box__header:before {
background-color: var(--menu-color, #fff);
bottom: 0;
content: "";
height: .25rem;
left: 0;
opacity: .2;
position: absolute;
right: 0
}
.combo-box__title {
font-size: 1.125rem;
font-weight: 900;
line-height: 1.2;
width: 100%
}
.combo-box__item {
border-bottom: 1px solid hsla(0, 0%, 100%, .2);
display: block;
font-size: .875rem;
font-weight: 900;
padding: .75rem 0;
width: 100%
}
.combo-box__item-with-opacity {
display: block;
font-family: FontParagraph, var(--fallback-font-paragraph), Geologica;
font-size: .75rem;
font-weight: 400;
margin-bottom: .0625rem;
padding: .9375rem 0;
position: relative;
width: 100%
}
.combo-box__item-with-opacity:before {
background-color: var(--menu-color, #fff);
content: "";
height: .0625rem;
left: 0;
opacity: .2;
position: absolute;
right: 0;
top: 100%
}
.combo-box__content {
background: #fff;
display: none !important;
padding: 1.0625rem 1.25rem;
position: fixed;
user-select: none
}
.combo-box__content svg {
fill: #000
}
.combo-box__content_visible {
display: block !important;
font-size: .9375rem;
font-weight: 900;
height: 100%;
left: 0;
overflow-y: auto;
top: 0;
transition: opacity .3s;
width: 100%;
z-index: 50000000000
}
.combo-box__content_btn-fixed {
padding-bottom: 5.375rem
}
.combo-box__content_invert {
background: var(--menu-bg-color-solid, #000);
color: var(--menu-color, #fff)
}
.combo-box__content_invert svg {
fill: var(--menu-color, #fff)
}
}
@media print,
screen and (min-width:48em) {
.combo-box__content_btn-fixed {
padding-bottom: 6.375rem
}
.combo-box__header {
margin: 0 -2rem;
padding: 0 2rem 2.25rem
}
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.combo-box__content {
padding: 2rem
}
}
@media print,
screen and (min-width:64em) {
.combo-box__button,
.combo-box__close,
.combo-box__header {
display: none
}
.combo-box__content_btn-fixed {
padding-bottom: 0
}
}
.modal {
background: #fff;
height: 100%;
overflow-y: auto;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 50000000000
}
.modal_legacy_padding_none section {
padding: 0 !important
}
.modal__body {
padding-bottom: 1.875rem;
padding-top: 1.875rem;
width: 100%
}
.modal__body_action_button {
padding-bottom: 4.8125rem
}
.modal__header {
margin-bottom: .9375rem;
position: relative
}
.modal__header_video {
height: 3.5rem;
margin-bottom: 0
}
.modal__head-text {
font-size: .9375rem !important;
margin-bottom: .75rem;
position: relative;
text-transform: uppercase
}
.modal__head-text_align {
text-align: left !important
}
.modal__head-text_bold {
font-weight: 700 !important
}
.modal__subtitle {
font-size: .9375rem;
font-weight: 400
}
.modal__button-close {
line-height: 0;
position: absolute;
right: 0;
top: -2px;
vertical-align: middle
}
.modal__button-close svg {
fill: #647886;
height: 1.5rem;
padding: 0;
width: 1.5rem
}
.modal__button {
fill: var(--button-bordered-color, #3772ff);
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
border-radius: var(--button-default-radius-large, .25em);
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
color: var(--button-bordered-color, #3772ff);
cursor: pointer;
display: inline-block;
font-family: var(--button-bordered-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-size: 1rem;
font-weight: var(--button-font-weight, 500);
line-height: 150%;
padding: .75rem 1rem;
transition-duration: .2s;
transition-property: color, background-color, border-color, box-shadow;
transition-timing-function: ease-out
}
.modal__button svg {
transition: all .2s ease-out
}
.modal__button:focus {
fill: var(--button-bordered-color, #3772ff);
color: var(--button-bordered-color, #3772ff)
}
.modal__button:hover {
fill: var(--button-bordered-color-hover, #fff);
background-color: var(--button-bordered-bg-color-hover-rgba, var(--button-bordered-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-hover, 0)*1px) var(--button-bordered-border-color-hover-rgba, var(--button-bordered-border-color-hover, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-hover, 0)*1px) calc(var(--button-bordered-shadow-blur-hover, 0)*1px) 0 var(--button-bordered-shadow-color-hover-rgba, var(--button-bordered-shadow-color-hover, #1f61ff));
color: var(--button-bordered-color-hover, #fff)
}
.modal__button:active {
fill: var(--button-bordered-color-active, #fff);
background-color: var(--button-bordered-bg-color-active-rgba, var(--button-bordered-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width-active, 0)*1px) var(--button-bordered-border-color-active-rgba, var(--button-bordered-border-color-active, #1f61ff)), 0 calc(var(--button-bordered-shadow-offsetY-active, 0)*1px) calc(var(--button-bordered-shadow-blur-active, 0)*1px) 0 var(--button-bordered-shadow-color-active-rgba, var(--button-bordered-shadow-color-active, #1f61ff));
color: var(--button-bordered-color-active, #fff)
}
.modal__button.disable {
cursor: default;
opacity: .5
}
.modal__button.disable:focus,
.modal__button.disable:hover {
fill: var(--button-bordered-color, #3772ff);
background-color: var(--button-bordered-bg-color-rgba, var(--button-bordered-bg-color, hsla(0, 0%, 100%, 0)));
box-shadow: inset 0 0 0 calc(var(--button-bordered-border-width, 1)*1px) var(--button-bordered-border-color-rgba, var(--button-bordered-border-color, #3772ff)), 0 calc(var(--button-bordered-shadow-offsetY, 0)*1px) calc(var(--button-bordered-shadow-blur, 0)*1px) 0 var(--button-bordered-shadow-color-rgba, var(--button-bordered-shadow-color, #3772ff));
color: var(--button-bordered-color, #3772ff)
}
@media print,
screen and (max-width:47.99875em) {
.modal__button {
width: 100%
}
}
.modal__button_send {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff);
font-family: var(--button-default-font-family, FontParagraph, var(--fallback-font-paragraph), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif);
font-weight: var(--button-font-weight, 500)
}
.modal__button_send:hover {
fill: var(--button-default-color-hover, #fff);
background-color: var(--button-default-bg-color-hover-rgba, var(--button-default-bg-color-hover, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-hover, 0)*1px) var(--button-default-border-color-hover-rgba, var(--button-default-border-color-hover, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-hover, 0)*1px) calc(var(--button-default-shadow-blur-hover, 0)*1px) 0 var(--button-default-shadow-color-hover-rgba, var(--button-default-shadow-color-hover, #1f61ff));
color: var(--button-default-color-hover, #fff)
}
.modal__button_send:active {
fill: var(--button-default-color-active, #fff);
background-color: var(--button-default-bg-color-active-rgba, var(--button-default-bg-color-active, #1f61ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width-active, 0)*1px) var(--button-default-border-color-active-rgba, var(--button-default-border-color-active, #1f61ff)), 0 calc(var(--button-default-shadow-offsetY-active, 0)*1px) calc(var(--button-default-shadow-blur-active, 0)*1px) 0 var(--button-default-shadow-color-active-rgba, var(--button-default-shadow-color-active, #1f61ff));
color: var(--button-default-color-active, #fff)
}
.modal__button_send.disable {
cursor: default;
opacity: .5
}
.modal__button_send.disable:focus,
.modal__button_send.disable:hover {
fill: var(--button-default-color, #fff);
background-color: var(--button-default-bg-color-rgba, var(--button-default-bg-color, #3772ff));
box-shadow: inset 0 0 0 calc(var(--button-default-border-width, 0)*1px) var(--button-default-border-color-rgba, var(--button-default-border-color, #3772ff)), 0 calc(var(--button-default-shadow-offsetY, 0)*1px) calc(var(--button-default-shadow-blur, 0)*1px) 0 var(--button-default-shadow-color-rgba, var(--button-default-shadow-color, #3772ff));
color: var(--button-default-color, #fff)
}
.modal__success-text {
margin-bottom: 1.875rem
}
.modal__footer {
background: #fff;
bottom: 0;
left: 0;
margin-top: -4.8125rem;
padding-bottom: 1rem;
padding-top: 1rem;
position: fixed;
width: 100%
}
.modal__photo-head-text {
color: #888;
font-size: .8125rem !important
}
.modal__photo-title {
color: #111;
font-size: .9375rem;
font-weight: 700;
margin-bottom: .9375rem;
margin-top: .9375rem
}
.modal__photo-info {
color: #888;
font-size: .8125rem;
font-weight: 400;
margin-bottom: 1.875rem
}
.modal__photo-info_no_desc {
padding-top: .9375rem
}
.modal__photo-album-name {
margin-bottom: .625rem
}
@media print,
screen and (min-width:48em) {
.modal__photo-head-text {
margin-bottom: 0 !important
}
.modal__photo-title {
font-size: 1.25rem
}
.modal__photo-info {
margin-bottom: 3.4375rem
}
}
@media print,
screen and (min-width:64em) {
.modal__photo-title {
max-width: 51.5625rem;
word-break: break-word
}
}
@media print,
screen and (max-width:47.99875em) {
.modal__wrap {
height: 100%
}
}
@media print,
screen and (min-width:48em) {
.modal {
overflow-y: initial !important;
position: relative
}
.modal_small {
max-width: 43rem !important
}
.modal__wrap {
border-radius: .25rem;
box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.modal__body_action_button {
padding-bottom: 5.875rem
}
.modal__header {
margin-bottom: 2.5rem
}
.modal__header_photo {
margin-bottom: 1.5rem
}
.modal__header_video {
height: 4.5rem;
margin-bottom: 0
}
.modal__head-text {
font-size: 1.125rem !important;
margin-bottom: 1.25rem
}
.modal__head-text_align {
text-align: center !important
}
.modal__subtitle {
font-size: 1.125rem
}
.modal__footer {
position: relative
}
}
@media print,
screen and (min-width:64em) {
.modal_small {
max-width: 48rem !important
}
.modal__subtitle {
font-size: .8125rem
}
.modal__footer {
padding-bottom: 2.5rem
}
}
form .modal__footer {
margin-top: 0
}
.share-links-collapse {
position: relative
}
.share-links-collapse__share {
color: #fff;
display: inline-block;
line-height: 1;
position: relative
}
.share-links-collapse__share a,
.share-links-collapse__share svg {
opacity: 1
}
.share-links-collapse__share-icon {
display: inline-block;
left: -1.5625rem;
padding-right: .9375rem;
position: absolute
}
.share-links-collapse__share-icon svg {
fill: #fff;
max-height: .8125rem;
max-width: .8125rem;
vertical-align: middle
}
.share-links-collapse__share-btn {
border-bottom: 1px solid #fff;
display: inline-block;
font-size: .75rem;
vertical-align: middle
}
.share-links-collapse__content {
padding-top: .9375rem
}
.share-links-collapse__content_hide {
display: none
}
.share-links-collapse__close {
height: 1.875rem;
position: absolute;
right: 0;
top: -.1875rem;
width: 1.875rem
}
.share-links-collapse__close svg {
fill: #fff;
max-height: 1.875rem;
max-width: 1.875rem
}
@media print,
screen and (min-width:48em) {
.share-links-collapse__share-icon {
left: -2.1875rem
}
.share-links-collapse__share-icon svg {
max-height: 1.25rem;
max-width: 1.25rem
}
.share-links-collapse__share-btn {
font-size: 1.125rem
}
.share-links-collapse__content {
padding-top: 2.5rem
}
}
.module {
position: relative
}
.module__header {
color: var(--header-color, #fff);
padding: 2.8125rem 0
}
.module__list_deleted {
background: #fff;
padding: 4rem 0
}
.module__list_deleted:empty {
padding: 0
}
.module__list .widget {
padding: 3.5rem 0
}
.module__list .widget__inner {
padding: 0
}
.module__list .widget__wrapper {
margin-left: auto;
margin-right: auto;
max-width: 84.5rem
}
@media screen and (max-width:25.813rem) {
.module__list .widget__wrapper {
padding-left: 1rem;
padding-right: 1rem
}
}
@media screen and (min-width:25.875rem)and (max-width:63.9375rem) {
.module__list .widget__wrapper {
padding-left: 1.25rem;
padding-right: 1.25rem
}
}
@media screen and (min-width:64rem)and (max-width:79.9375rem) {
.module__list .widget__wrapper {
padding-left: 1rem;
padding-right: 1rem
}
}
@media screen and (min-width:80rem) {
.module__list .widget__wrapper {
padding-left: 1.25rem;
padding-right: 1.25rem
}
}
.module__list .widget__header {
background: none;
display: block;
padding: 0;
position: relative
}
.module__list .widget__header--left {
text-align: left
}
.module__list .widget__header--center {
text-align: center
}
.module__list .widget__header--right {
text-align: right
}
.module__list .widget__header--indent-bottom {
margin-bottom: 1.5rem
}
@media screen and (min-width:25.875rem)and (max-width:47.9375rem) {
.module__list .widget__header--indent-bottom {
margin-bottom: 1.75rem
}
}
@media screen and (min-width:48rem)and (max-width:63.9375rem) {
.module__list .widget__header--indent-bottom {
margin-bottom: 2rem
}
}
@media screen and (min-width:64rem)and (max-width:79.9375rem) {
.module__list .widget__header--indent-bottom {
margin-bottom: 2.25rem
}
}
@media screen and (min-width:80rem) {
.module__list .widget__header--indent-bottom {
margin-bottom: 2.5rem
}
}
.module__list .widget__header__title {
display: inline-block;
margin: 0;
max-width: 100%;
overflow-wrap: anywhere;
width: 100%
}
@media screen and (min-width:48rem)and (max-width:51.9375rem) {
.module__list .widget__header__title--content {
width: 82.967032967%
}
}
@media screen and (min-width:52rem)and (max-width:63.9375rem) {
.module__list .widget__header__title--content {
width: 82.954545455%
}
}
@media screen and (min-width:64rem)and (max-width:79.9375rem) {
.module__list .widget__header__title--content {
width: 66.129032258%
}
}
@media screen and (min-width:80rem)and (max-width:85.3125rem) {
.module__list .widget__header__title--content {
width: 65.806451613%
}
}
@media screen and (min-width:85.375rem) {
.module__list .widget__header__title--content {
width: 65.853658537%
}
}
@media screen and (max-width:25.8125rem) {
.module__list .widget__header__title--center {
max-width: calc(100% - 1rem)
}
}
@media screen and (min-width:25.875rem)and (max-width:47.9375rem) {
.module__list .widget__header__title--center {
max-width: calc(100% - 1.25rem)
}
}
.module__content {
position: relative
}
.module__content_filled {
background: #fff
}
@media print,
screen and (min-width:48em) {
.module__header {
padding: 4.6875rem 0
}
.module__list .widget {
padding: 4rem 0
}
}
@media print,
screen and (min-width:64em) {
.module__header {
padding: 3.75rem 0
}
.module__list .widget {
padding: 4.5rem 0
}
}
@media screen and (min-width:80em) {
.module__list .widget {
padding: 5rem 0
}
}
html {
height: 100%;
min-height: 100%;
position: relative
}
html.modal-open[style*="margin-right: "] {
padding-right: 0
}
body {
height: 100%;
margin: 0 !important;
min-width: 20rem
}
@media print,
screen and (min-width:64em) {
body {
position: static !important;
top: 0 !important
}
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
svg {
display: initial
}
.nh-h1,
.nh-h2,
.nh-h3,
.nh-h4,
.nh-h5,
.nh-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
margin-bottom: .5rem;
margin-top: 0
}
.nh-h1,
.nh-h2,
.nh-h3,
.nh-h4,
.nh-h5,
.nh-h6 {
font-family: FontHeader, var(--fallback-font-header), "ProximaNova-Bold", Futura, Avenir, Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, Droid Sans, sans-serif;
font-weight: 900
}
.nh-h1,
h1 {
font-size: 2rem;
font-size: clamp(2rem, 2rem + (1vw - .2rem)*2.5, 3rem)
}
@media screen and (min-width:53.25rem) {
.nh-h1,
h1 {
font-size: 3rem;
font-size: clamp(2rem, 2rem + (1vw - .5325rem)*2.5, 3rem)
}
}
.nh-h2,
h2 {
font-size: 1.625rem;
font-size: clamp(1.625rem, 1.625rem + (1vw - .2rem)*1.8832, 2.25rem)
}
@media screen and (min-width:53.25rem) {
.nh-h2,
h2 {
font-size: 2.25rem;
font-size: clamp(1.625rem, 1.625rem + (1vw - .5325rem)*1.9493, 2.25rem)
}
}
.nh-h3,
h3 {
font-size: 1.375rem;
font-size: clamp(1.375rem, 1.375rem + (1vw - .2rem)*1.1299, 1.75rem)
}
@media screen and (min-width:53.25rem) {
.nh-h3,
h3 {
font-size: 1.75rem;
font-size: clamp(1.375rem, 1.375rem + (1vw - .5325rem)*1.1696, 1.75rem)
}
}
.nh-h4,
h4 {
font-size: 1.25rem;
font-size: clamp(1.25rem, 1.25rem + (1vw - .2rem)*.7533, 1.5rem)
}
@media screen and (min-width:53.25rem) {
.nh-h4,
h4 {
font-size: 1.5rem;
font-size: clamp(1.25rem, 1.25rem + (1vw - .5325rem)*.7797, 1.5rem)
}
}
.nh-h5,
h5 {
font-size: 1.125rem;
font-size: clamp(1.125rem, 1.125rem + (1vw - .2rem)*.7533, 1.375rem)
}
@media screen and (min-width:53.25rem) {
.nh-h5,
h5 {
font-size: 1.375rem;
font-size: clamp(1.125rem, 1.125rem + (1vw - .5325rem)*.7797, 1.375rem)
}
}
.nh-h6,
h6 {
font-size: 1.0625rem;
font-size: clamp(1.0625rem, 1.0625rem + (1vw - .2rem)*.565, 1.25rem)
}
@media screen and (min-width:53.25rem) {
.nh-h6,
h6 {
font-size: 1.25rem;
font-size: clamp(1.0625rem, 1.0625rem + (1vw - .5325rem)*.5848, 1.25rem)
}
}
.layout {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
min-height: 100vh;
width: 100%
}
@media (device-width:320px)and (device-height:480px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:2) {
.layout {
min-height: 30rem
}
}
@media (device-width:320px)and (device-height:480px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
.layout {
min-height: 20rem
}
}
@media (device-width:320px)and (device-height:568px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:2) {
.layout {
min-height: 35.5rem
}
}
@media (device-width:320px)and (device-height:568px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
.layout {
min-height: 20rem
}
}
@media (device-width:768px)and (device-height:1024px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:2) {
.layout {
min-height: 64rem
}
}
@media (device-width:768px)and (device-height:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
.layout {
min-height: 48rem
}
}
.site__layout {
height: 100%;
position: relative;
z-index: 2
}
.site__header-pannel {
height: 3.5rem
}
.site__header-pannel--isEdit .top-bar {
width: calc(100% - 56px)
}
.site-container,
.site-content {
position: relative
}
.site-background {
background: #000 url(https://s.siteapi.org/frontend/stub/grid_12/hero-bg-c55bb47.png) 50% no-repeat;
background-attachment: scroll;
background-position: top;
background-repeat: no-repeat;
background-size: auto;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
transform: translateZ(0);
width: 100%;
will-change: transform;
z-index: -1
}
.site-background[style*="background-attachment: fixed"],
.site-background[style*="background-attachment:fixed"] {
background-attachment: fixed !important;
position: absolute !important
}
@media print,
screen and (max-width:47.99875em) {
.site-background[style*="background-size:cover"] {
background-size: auto 100vh !important
}
}
.site_main-page {
margin-bottom: 0 !important
}
.site_main-page .site-footer {
position: relative
}
.site_main-page .site-container {
min-height: 100vh
}
@media (device-width:320px)and (device-height:480px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:2) {
.site_main-page .site-container {
min-height: 30rem
}
}
@media (device-width:320px)and (device-height:480px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
.site_main-page .site-container {
min-height: 20rem
}
}
@media (device-width:320px)and (device-height:568px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:2) {
.site_main-page .site-container {
min-height: 35.5rem
}
}
@media (device-width:320px)and (device-height:568px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
.site_main-page .site-container {
min-height: 20rem
}
}
@media (device-width:768px)and (device-height:1024px)and (orientation:portrait)and (-webkit-min-device-pixel-ratio:2) {
.site_main-page .site-container {
min-height: 64rem
}
}
@media (device-width:768px)and (device-height:1024px)and (orientation:landscape)and (-webkit-min-device-pixel-ratio:2) {
.site_main-page .site-container {
min-height: 48rem
}
}
.site_main-page .site-background[style*="background-attachment: fixed"],
.site_main-page .site-background[style*="background-attachment:fixed"] {
background-attachment: scroll !important;
height: 100vh;
position: fixed !important
}
@media print,
screen and (max-width:47.99875em) {
.site_main-page .site-background[style*="background-size:cover"] {
background-size: auto 100vh !important
}
}
.info-panel {
z-index: 2
}
@media print,
screen and (min-width:64em) {
html[style*=margin-right] .site-header_initial {
overflow-y: scroll
}
html[style*=margin-right] .site-header_top {
overflow-y: visible
}
}
.site-header {
left: 0;
position: -webkit-sticky;
position: var(--menu-sticky, sticky);
right: 0;
top: 0;
will-change: top;
z-index: 1001
}
.site-header__menu-btn {
margin-right: 1rem
}
@media print,
screen and (max-width:47.99875em) {
.site-header__menu-btn {
height: 64px;
width: 56px
}
}
.site-header__menu-btn svg {
fill: var(--menu-color, #fff);
color: var(--menu-color, #fff)
}
.site-header.site-header_initial {
position: fixed;
z-index: 1001
}
.site-header.site-header_top {
position: absolute;
top: 0 !important
}
.site-header-bottom {
align-items: var(--menu-vertical-align);
display: flex;
justify-content: space-between;
padding: 1rem 0
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.site-header-bottom {
align-items: center;
padding: 0
}
}
@media print,
screen and (max-width:47.99875em) {
.site-header-bottom {
align-items: center;
padding: 0
}
.site-header-bottom .site-header__logo.small-8,
.site-header-bottom .site-header__manage.small-4 {
width: auto
}
}
.site-header__inner {
margin-left: auto;
margin-right: auto
}
@media screen and (max-width:25.813rem) {
.site-header__inner {
gap: .25rem;
padding-left: 1rem;
padding-right: 1rem
}
}
@media screen and (min-width:25.875rem)and (max-width:63.9375rem) {
.site-header__inner {
padding-left: 1.25rem;
padding-right: 1.25rem
}
}
@media screen and (min-width:25.875rem)and (max-width:79.938rem) {
.site-header__inner {
gap: .5rem
}
}
@media screen and (min-width:64rem)and (max-width:79.9375rem) {
.site-header__inner {
padding-left: 1rem;
padding-right: 1rem
}
}
@media screen and (min-width:80rem) {
.site-header__inner {
gap: .75rem;
padding-left: 1.25rem;
padding-right: 1.25rem
}
}
.site-header__content {
background-color: var(--menu-bg-color, rgba(0, 0, 0, .85));
box-shadow: none
}
@media screen and (min-width:1024px) {
.site-header__wrapper {
-webkit-backdrop-filter: var(--menu-bg-blur, none);
backdrop-filter: var(--menu-bg-blur, none)
}
}
.site-header__container {
align-items: center;
display: flex
}
.site-header__top-contacts {
opacity: 1;
position: relative
}
.site-header__top-contacts:before {
background-color: var(--menu-color, #fff);
bottom: 0;
content: "";
height: .0625rem;
left: 0;
opacity: .2;
position: absolute;
right: 0
}
.site-header__top-contacts .content-block {
padding: .75rem 1rem
}
.site-header__bottom-section {
fill: #fff;
margin-left: auto;
margin-right: auto;
max-width: var(--menu-width, 100%);
position: relative
}
.site-header__bottom-section .off-canvas__button {
margin-right: .625rem
}
@media print,
screen and (max-width:47.99875em) {
.site-header__bottom-section {
padding: .5rem 0
}
}
.site-header__logo {
padding-top: 1rem
}
@media print,
screen and (max-width:47.99875em) {
.site-header__logo {
padding: 0
}
}
@media screen and (min-width:768px)and (max-width:1023px) {
.site-header__logo {
padding-bottom: 1rem
}
}
@media print,
screen and (max-width:47.99875em) {
.site-header__top-contacts {
background-color: var(--menu-bg-color, rgba(0, 0, 0, .85));
bottom: 0;
left: 0;
position: fixed;
right: 0;
z-index: 1001
}
.site-header__icon-width {
margin-right: 10px
}
.site-header__icon-width .site-header__menu-btn {
margin-right: 0;
width: 100%
}
}
.site-header__icon-width {
width: 44px
}
.site-header__manage {
display: flex;
justify-content: flex-end;
width: 100% !important
}
@media print,
screen and (max-width:47.99875em) {
.site-header__manage {
align-items: center
}
}
.site-header__manage .site-header__flex-container:last-child .header-yclients__btn__icon:before {
right: -5%;
transform: none
}
.site-header__manage .site-header__flex-column {
display: flex
}
@media screen and (min-width:64rem)and (max-width:80rem) {
.site-header__manage .site-header__flex-column {
align-items: center;
flex-direction: column
}
}
.site-header__flex-container {
align-items: var(--menu-vertical-align);
display: flex;
justify-content: center;
width: 100%
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.site-header__flex-container {
width: auto
}
}
@media print,
screen and (max-width:47.99875em) {
.site-header__flex-container {
width: auto
}
}
.site-header__flex-container_right {
justify-content: flex-end
}
@media print,
screen and (min-width:64em) {
.site-header__manage {
align-items: var(--menu-vertical-align);
display: flex
}
.site-header__logo {
padding-left: 0;
padding-right: 1.5rem;
padding-top: 0;
width: max-content !important
}
}
.site-header__img-container img {
max-height: 35px !important;
max-width: 95px
}
@media screen and (min-width:375px) {
.site-header__img-container img {
max-height: 148px !important;
max-width: 108px
}
}
@media screen and (min-width:414px) {
.site-header__img-container img {
max-height: 250px !important;
max-width: 162px
}
}
@media screen and (min-width:768px) {
.site-header__img-container img {
max-width: 520px
}
}
@media screen and (min-width:1024px) {
.site-header__img-container img {
max-width: 315px
}
}
@media screen and (min-width:1366px) {
.site-header__img-container img {
max-height: 128px !important;
max-width: var(--menu-logo-width)
}
}
.site-header__btn-yclints-container {
display: flex;
flex-direction: column
}
@media screen and (min-width:468px) {
.site-header__btn-yclints-container {
flex-direction: row
}
}
@media screen and (min-width:1024px) {
.site-header__btn-yclints-container {
flex-direction: column;
gap: 10px
}
}
@media screen and (min-width:1366px) {
.site-header__btn-yclints-container {
flex-direction: row;
gap: 0
}
}
.site-header__burger {
align-items: flex-start;
color: var(--menu-color, #fff);
display: flex;
font-size: 12px;
font-style: normal;
font-weight: 400;
justify-content: center;
letter-spacing: .24px;
line-height: 125%;
text-transform: uppercase;
transition: border .3s ease
}
.site-header__burger-btn {
align-items: center;
border: 2px solid transparent;
border-radius: 4px;
cursor: pointer;
display: flex;
gap: .5rem;
padding: .75rem
}
.site-header__burger-btn span {
display: none;
font-family: var(--menu-font-family, FontParagraph, var(--fallback-font-paragraph), Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif);
font-size: var(--menu-font-size, .75rem);
font-weight: var(--menu-font-weight, 500);
text-transform: uppercase
}
@media screen and (min-width:64rem) {
.site-header__burger-btn span {
display: block
}
}
.site-header__burger-btn span:empty {
display: none
}
.site-header__burger-btn:active,
.site-header__burger-btn:hover {
border: 2px solid
}
@media screen and (max-width:1024px) {
.site-header__burger--none {
display: none
}
}
.site-header__burger--mobile {
display: none
}
.backdrop-filter .site-header__wrapper {
backdrop-filter: none
}
.js-sorted-blocks section.js-indent:first-child .js-indent-add {
display: block;
padding-top: var(--padding-top-js, 0);
width: 100%
}
.captcha-container {
color: #000;
display: grid;
grid-template-columns: 1fr auto 1fr;
margin: 1rem 0
}
.captcha-container .captcha-button,
.captcha-container .captcha-input {
margin-bottom: 0;
margin-top: 0;
margin-inline-start: -1px
}
.captcha-container .captcha-image {
background: #fff;
border: 1px solid #a0a0a0;
border-radius: .5rem 0 0 .5rem;
display: flex;
justify-content: center;
overflow: hidden
}
.captcha-container .captcha-button {
border: 1px solid #a0a0a0;
display: inline-flex;
position: relative;
width: max-content
}
.captcha-container .captcha-button span {
background-color: #d0d0d0;
cursor: pointer;
display: grid;
font-size: 24px;
padding-left: 1rem;
padding-right: 1rem;
place-items: center
}
@media screen and (max-width:47.938rem) {
.captcha-container .captcha-button span {
padding-left: .5rem;
padding-right: .5rem
}
}
.captcha-container .captcha-button span:hover {
background-color: #d9d9d9
}
.captcha-container input {
-webkit-appearance: none;
appearance: none;
border: 1px solid #a0a0a0 !important;
border-radius: 0 .5rem .5rem 0 !important;
font-size: 1rem !important;
height: 100% !important;
margin: 0 !important;
padding-left: 1rem;
padding-right: 1rem;
text-align: center;
width: 100% !important
}
@media screen and (max-width:47.938rem) {
.captcha-container input {
font-size: .75rem !important;
padding-left: .75rem;
padding-right: .75rem
}
}
.captcha-container input:focus {
outline: none
}
.nh-select {
background: #fff;
position: relative;
width: 100%
}
.nh-select_visited .nh-select__header_default {
display: none
}
.nh-select__title {
font-size: .9375rem;
font-weight: 500;
line-height: 1.375rem;
padding: .5625rem 0
}
.nh-select__content {
width: 100%
}
.nh-select__option {
display: block
}
.nh-select__label {
color: #000;
cursor: pointer;
display: block;
height: 0;
max-height: 0;
overflow: hidden;
transition: max-height .25s cubic-bezier(.4, .25, .3, 1)
}
.nh-select__value {
word-wrap: break-word;
box-sizing: border-box;
display: block;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
-o-hyphens: manual;
hyphens: manual;
max-height: 10rem;
overflow: auto;
word-break: break-word
}
.nh-select__inner {
border: 1px solid #b2bcc3;
border-radius: .25rem;
outline: none;
transition: box-shadow .2s ease-out;
transition: border .25s
}
.nh-select__opener {
bottom: 0;
cursor: pointer;
display: block;
left: 0;
position: absolute;
right: 0;
top: 0
}
.nh-select__icon_arrow {
background-color: #b2bcc3;
display: inline-block;
height: .5rem;
left: auto !important;
margin: -.4375rem 0 0;
position: absolute;
right: .9375rem;
top: 50%;
transform: rotate(45deg);
transition: transform .2s ease-in-out, margin .2s ease-in-out;
width: .5rem
}
.nh-select__icon_arrow:before {
background-color: #fff;
content: "";
height: .6875rem;
left: -.3125rem;
position: absolute;
top: -.3125rem;
transform: rotate(45deg);
width: 100%;
width: .6875rem
}
.nh-select__close {
cursor: pointer
}
.nh-select__expand,
.nh-select__input {
left: -9999px;
opacity: 0;
position: absolute;
visibility: hidden
}
.nh-select__header_default {
align-items: center;
box-sizing: border-box;
cursor: pointer;
display: flex;
justify-content: space-between
}
.nh-select__header_mobile-open {
align-items: center;
color: #111;
display: none;
justify-content: space-between;
width: 100%
}
.nh-select__input:checked+.nh-select__label {
height: auto;
max-height: none
}
.nh-select__input:checked+.nh-select__label .nh-select__value {
max-height: none
}
.nh-select__expand:checked~.nh-select__inner .nh-select__label {
height: auto;
max-height: none
}
.nh-select.not-selected .nh-select__inner {
border: 1px solid red;
box-shadow: 0 0 8px rgba(255, 0, 0, .4)
}
.nh-select.not-selected .nh-select__inner:focus {
border-color: #3772ff;
box-shadow: none
}
.nh-select__header_default,
.nh-select__value {
padding: .625rem 2.125rem .625rem .625rem
}
.nh-select__header_default,
.nh-select__label,
.nh-select__value {
font-size: .75rem;
font-weight: 500;
line-height: 1.5
}
.nh-select__header_default {
color: #647886
}
.nh-select__close {
margin-right: -1rem;
padding: 1rem
}
.nh-select__close svg {
fill: #000;
width: 1.5rem
}
@media print,
screen and (max-width:63.99875em) {
.nh-select__expand:checked~.nh-select__inner {
background: #fff;
bottom: 0;
display: flex;
flex-direction: column;
left: 0;
padding: 1.0625rem 1.25rem .5rem;
position: fixed;
right: 0;
top: 0;
z-index: 1002
}
.nh-select__expand:checked~.nh-select__inner .nh-select__header {
align-items: flex-end;
background: #fff;
display: flex;
flex-shrink: 0;
padding-bottom: .25rem
}
.nh-select__expand:checked~.nh-select__inner .nh-select__header_default {
display: none
}
.nh-select__expand:checked~.nh-select__inner .nh-select__header_mobile-open {
display: flex;
margin: -1rem 0 0;
position: relative
}
.nh-select__expand:checked~.nh-select__inner .nh-select__header_mobile-open:after {
background-color: rgba(0, 0, 0, .2);
bottom: -.25rem;
content: "";
display: block;
height: .25rem;
left: -1.25rem;
position: absolute;
width: calc(100% + 40px)
}
.nh-select__expand:checked~.nh-select__inner .nh-select__icon_arrow {
display: none
}
.nh-select__expand:checked~.nh-select__inner .nh-select__option {
border-bottom: 1px solid rgba(0, 0, 0, .2)
}
.nh-select__expand:checked~.nh-select__inner .nh-select__title {
font-size: 1.125rem;
font-weight: 900;
line-height: 1.2;
padding: 0
}
.nh-select__expand:checked~.nh-select__inner .nh-select__value {
color: #000;
font-size: .875rem;
font-weight: 500;
line-height: 1.2;
padding: .75rem 0
}
.nh-select__expand:checked~.nh-select__inner .nh-select__label {
color: #444;
font-size: .875rem;
font-weight: 500;
line-height: 1rem
}
.nh-select__expand:checked~.nh-select__inner .nh-select__input:checked+.nh-select__label {
color: #000
}
.nh-select__expand:checked~.nh-select__inner .nh-select__content {
overflow: auto
}
}
@media print,
screen and (min-width:48em)and (max-width:63.99875em) {
.nh-select__expand:checked~.nh-select__inner .nh-select__value {
padding: 1rem 0
}
}
@media print,
screen and (min-width:64em) {
.nh-select_visited .nh-select__expand:checked~.nh-select__inner .nh-select__header_default {
display: block
}
.nh-select__content {
max-height: 12.5rem;
overflow: auto
}
.nh-select__label:hover {
background: rgba(0, 0, 0, .05);
color: rgba(0, 0, 0, .8)
}
.nh-select__header_default,
.nh-select__label,
.nh-select__value {
font-size: .75rem;
line-height: 1.5
}
.nh-select__value {
color: #000
}
.nh-select__expand:checked~.nh-select__inner {
position: relative;
z-index: 1
}
.nh-select__expand:checked~.nh-select__inner .nh-select__icon_arrow {
margin-top: -.1875rem;
transform: rotate(225deg)
}
.nh-select__expand:checked~.nh-select__inner .nh-select__header {
box-shadow: 0 0 8px rgba(55, 114, 255, .4)
}
.nh-select__expand:checked~.nh-select__inner .nh-select__content {
background: #fff;
border-radius: 4px;
box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
left: 0;
padding-top: 0;
position: absolute;
right: 0;
top: calc(100% + 4px);
z-index: 1
}
.nh-select__expand:checked~.nh-select__inner .nh-select__label {
background-color: #fff;
color: #647886;
max-height: 10rem
}
.nh-select__expand:checked~.nh-select__inner .nh-select__label:hover {
background-color: rgba(55, 114, 255, .1);
color: #1f61ff
}
.nh-select__expand:checked~.nh-select__inner .nh-select__value {
color: inherit;
padding: .6875rem .8125rem
}
.nh-select__expand:checked~.nh-select__inner .nh-select__input:checked+.nh-select__label {
background: rgba(55, 114, 255, .15);
color: #054fff
}
.nh-select__expand:checked~.nh-select__inner .nh-select__input:checked+.nh-select__label .nh-select__value {
max-height: 10rem
}
.nh-select__expand:checked~.nh-select__opener {
display: none
}
}
.edit-desc {
background-color: #fff
}
#widgetThemeForm {
display: block !important
}
.desc_light {
color: #000
}
.desc_dark {
background: #000;
color: #fff !important
}
.desc_dark h1 {
color: #fff
}
.desc_dark .user-inner {
color: currentColor
}
.desc_dark .desc__title {
color: #fff
}
.main-page-module__list--no-background .desc_dark {
background-color: transparent
}