@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@-webkit-keyframes border-bottom {
    0% {
        width: 0
    }
    to {
        left: 0;
        width: 100%
    }
}

@keyframes border-bottom {
    0% {
        width: 0
    }
    to {
        left: 0;
        width: 100%
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

ul.nav.show-inline-from-md,
ul.nav__item.nav__item--dropdown {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}


.-overflow-hidden {
overflow: hidden;
position: relative
}


@media only screen and (min-width: 64em) {
    .container--standart {
        padding-left: 50px;
        padding-right: 50px
    }
}

form__row + form__row {
    margin-top: 0
}

input, select {
    margin: 0;
    padding: 0;
    outline: 0;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    border-radius: 0;
    background: 0 0;
    -webkit-appearance: none
}


select {
    cursor: pointer
}

.switch {
    position: relative;
    width: 48px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.switch__input {
    display: none
}

.switch__input:checked + .switch__label {
    background: #e0e0e0;
    border-color: #e0e0e0
}

.switch__input:checked + .switch__label:before {
    border-color: #e0e0e0;
    right: 0
}

.switch__label, .switch__label:before {
    display: block;
    height: 22px;
    border: 1px solid #e0e0e0
}

.switch__label {
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    line-height: 22px;
    background: #e0e0e0;
    border-radius: 22px;
    -webkit-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    transition: background .2s ease 0s
}

.switch__label:before {
    position: absolute;
    content: "";
    z-index: 1;
    width: 22px;
    margin: 0;
    background: #fff;
    top: 0;
    bottom: 0;
    right: 24px;
    border-radius: 24px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.input-group {
    display: table;
    line-height: 0
}

.input-group__aside, .input-group__input {
    display: table-cell;
    position: relative;
    vertical-align: middle
}

.input-group__aside {
    width: 1%;
    white-space: nowrap
}

.nav--dropdown > .row {
    letter-spacing: -.31em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    position: relative;
    font-size: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    zoom: 1
}

.nav--dropdown > .row:after, .nav--dropdown > .row:before {
    content: " ";
    display: table;
    width: 100%;
    height: 0
}

.nav--dropdown > .row:after {
    clear: both
}

.nav--dropdown > .row--gutters {
    margin-left: -7px;
    margin-right: -7px
}

@media only screen and (min-width: 64em) {
    .row--gutters {
        margin-left: -25px;
        margin-right: -25px
    }
}

.opera-only:-o-prefocus, .row {
    word-spacing: -.43em
}

.col-12 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-family: sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    zoom: 1
}

.row--gutters > .col-12 {
    padding-left: 7px;
    padding-right: 7px
}

@media only screen and (min-width: 64em) {
    .row--gutters > .col-12 {
        padding-left: 25px;
        padding-right: 25px
    }
}

.col-12--1 {
    width: 8.33333%
}

.col-12--2 {
    width: 16.66667%
}

.col-12--3 {
    width: 25%
}

.col-12--4 {
    width: 33.33333%
}

.col-12--5 {
    width: 41.66667%
}

.col-12--6 {
    width: 50%
}

.col-12--7 {
    width: 58.33333%
}

.col-12--8 {
    width: 66.66667%
}

.col-12--9 {
    width: 75%
}

.col-12--10 {
    width: 83.33333%
}

.col-12--11 {
    width: 91.66667%
}

.col-12--12 {
    width: 100%
}

@media screen and (min-width: 35.5em) {
    .col-12--sm-1 {
        width: 8.33333%
    }

    .col-12--sm-2 {
        width: 16.66667%
    }

    .col-12--sm-3 {
        width: 25%
    }

    .col-12--sm-4 {
        width: 33.33333%
    }

    .col-12--sm-5 {
        width: 41.66667%
    }

    .col-12--sm-6 {
        width: 50%
    }

    .col-12--sm-7 {
        width: 58.33333%
    }

    .col-12--sm-8 {
        width: 66.66667%
    }

    .col-12--sm-9 {
        width: 75%
    }

    .col-12--sm-10 {
        width: 83.33333%
    }

    .col-12--sm-11 {
        width: 91.66667%
    }

    .col-12--sm-12 {
        width: 100%
    }
}

@media screen and (min-width: 48em) {
    .col-12--md-1 {
        width: 8.33333%
    }

    .col-12--md-2 {
        width: 16.66667%
    }

    .col-12--md-3 {
        width: 25%
    }

    .col-12--md-4 {
        width: 33.33333%
    }

    .col-12--md-5 {
        width: 41.66667%
    }

    .col-12--md-6 {
        width: 50%
    }

    .col-12--md-7 {
        width: 58.33333%
    }

    .col-12--md-8 {
        width: 66.66667%
    }

    .col-12--md-9 {
        width: 75%
    }

    .col-12--md-10 {
        width: 83.33333%
    }

    .col-12--md-11 {
        width: 91.66667%
    }

    .col-12--md-12 {
        width: 100%
    }
}

@media screen and (min-width: 64em) {
    .col-12--lg-1 {
        width: 8.33333%
    }

    .col-12--lg-2 {
        width: 16.66667%
    }

    .col-12--lg-3 {
        width: 25%
    }

    .col-12--lg-4 {
        width: 33.33333%
    }

    .col-12--lg-5 {
        width: 41.66667%
    }

    .col-12--lg-6 {
        width: 50%
    }

    .col-12--lg-7 {
        width: 58.33333%
    }

    .col-12--lg-8 {
        width: 66.66667%
    }

    .col-12--lg-9 {
        width: 75%
    }

    .col-12--lg-10 {
        width: 83.33333%
    }

    .col-12--lg-11 {
        width: 91.66667%
    }

    .col-12--lg-12 {
        width: 100%
    }
}

@media screen and (min-width: 80em) {
    .col-12--xl-1 {
        width: 8.33333%
    }

    .col-12--xl-2 {
        width: 16.66667%
    }

    .col-12--xl-3 {
        width: 25%
    }

    .col-12--xl-4 {
        width: 33.33333%
    }

    .col-12--xl-5 {
        width: 41.66667%
    }

    .col-12--xl-6 {
        width: 50%
    }

    .col-12--xl-7 {
        width: 58.33333%
    }

    .col-12--xl-8 {
        width: 66.66667%
    }

    .col-12--xl-9 {
        width: 75%
    }

    .col-12--xl-10 {
        width: 83.33333%
    }

    .col-12--xl-11 {
        width: 91.66667%
    }

    .col-12--xl-12 {
        width: 100%
    }
}

@media screen and (min-width: 100em) {
    .col-12--xxl-1 {
        width: 8.33333%
    }

    .col-12--xxl-2 {
        width: 16.66667%
    }

    .col-12--xxl-3 {
        width: 25%
    }

    .col-12--xxl-4 {
        width: 33.33333%
    }

    .col-12--xxl-5 {
        width: 41.66667%
    }

    .col-12--xxl-6 {
        width: 50%
    }

    .col-12--xxl-7 {
        width: 58.33333%
    }

    .col-12--xxl-8 {
        width: 66.66667%
    }

    .col-12--xxl-9 {
        width: 75%
    }

    .col-12--xxl-10 {
        width: 83.33333%
    }

    .col-12--xxl-11 {
        width: 91.66667%
    }

    .col-12--xxl-12 {
        width: 100%
    }
}

.col-16 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-family: sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    zoom: 1
}

.row--gutters > .col-16 {
    padding-left: 7px;
    padding-right: 7px
}

@media only screen and (min-width: 64em) {
    .row--gutters > .col-16 {
        padding-left: 25px;
        padding-right: 25px
    }
}

.col-16--1 {
    width: 6.25%
}

.col-16--2 {
    width: 12.5%
}

.col-16--3 {
    width: 18.75%
}

.col-16--4 {
    width: 25%
}

.col-16--5 {
    width: 31.25%
}

.col-16--6 {
    width: 37.5%
}

.col-16--7 {
    width: 43.75%
}

.col-16--8 {
    width: 50%
}

.col-16--9 {
    width: 56.25%
}

.col-16--10 {
    width: 62.5%
}

.col-16--11 {
    width: 68.75%
}

.col-16--12 {
    width: 75%
}

.col-16--13 {
    width: 81.25%
}

.col-16--14 {
    width: 87.5%
}

.col-16--15 {
    width: 93.75%
}

.col-16--16 {
    width: 100%
}

@media screen and (min-width: 35.5em) {
    .col-16--sm-1 {
        width: 6.25%
    }

    .col-16--sm-2 {
        width: 12.5%
    }

    .col-16--sm-3 {
        width: 18.75%
    }

    .col-16--sm-4 {
        width: 25%
    }

    .col-16--sm-5 {
        width: 31.25%
    }

    .col-16--sm-6 {
        width: 37.5%
    }

    .col-16--sm-7 {
        width: 43.75%
    }

    .col-16--sm-8 {
        width: 50%
    }

    .col-16--sm-9 {
        width: 56.25%
    }

    .col-16--sm-10 {
        width: 62.5%
    }

    .col-16--sm-11 {
        width: 68.75%
    }

    .col-16--sm-12 {
        width: 75%
    }

    .col-16--sm-13 {
        width: 81.25%
    }

    .col-16--sm-14 {
        width: 87.5%
    }

    .col-16--sm-15 {
        width: 93.75%
    }

    .col-16--sm-16 {
        width: 100%
    }
}

@media screen and (min-width: 48em) {
    .col-16--md-1 {
        width: 6.25%
    }

    .col-16--md-2 {
        width: 12.5%
    }

    .col-16--md-3 {
        width: 18.75%
    }

    .col-16--md-4 {
        width: 25%
    }

    .col-16--md-5 {
        width: 31.25%
    }

    .col-16--md-6 {
        width: 37.5%
    }

    .col-16--md-7 {
        width: 43.75%
    }

    .col-16--md-8 {
        width: 50%
    }

    .col-16--md-9 {
        width: 56.25%
    }

    .col-16--md-10 {
        width: 62.5%
    }

    .col-16--md-11 {
        width: 68.75%
    }

    .col-16--md-12 {
        width: 75%
    }

    .col-16--md-13 {
        width: 81.25%
    }

    .col-16--md-14 {
        width: 87.5%
    }

    .col-16--md-15 {
        width: 93.75%
    }

    .col-16--md-16 {
        width: 100%
    }
}

@media screen and (min-width: 64em) {
    .col-16--lg-1 {
        width: 6.25%
    }

    .col-16--lg-2 {
        width: 12.5%
    }

    .col-16--lg-3 {
        width: 18.75%
    }

    .col-16--lg-4 {
        width: 25%
    }

    .col-16--lg-5 {
        width: 31.25%
    }

    .col-16--lg-6 {
        width: 37.5%
    }

    .col-16--lg-7 {
        width: 43.75%
    }

    .col-16--lg-8 {
        width: 50%
    }

    .col-16--lg-9 {
        width: 56.25%
    }

    .col-16--lg-10 {
        width: 62.5%
    }

    .col-16--lg-11 {
        width: 68.75%
    }

    .col-16--lg-12 {
        width: 75%
    }

    .col-16--lg-13 {
        width: 81.25%
    }

    .col-16--lg-14 {
        width: 87.5%
    }

    .col-16--lg-15 {
        width: 93.75%
    }

    .col-16--lg-16 {
        width: 100%
    }
}

@media screen and (min-width: 80em) {
    .col-16--xl-1 {
        width: 6.25%
    }

    .col-16--xl-2 {
        width: 12.5%
    }

    .col-16--xl-3 {
        width: 18.75%
    }

    .col-16--xl-4 {
        width: 25%
    }

    .col-16--xl-5 {
        width: 31.25%
    }

    .col-16--xl-6 {
        width: 37.5%
    }

    .col-16--xl-7 {
        width: 43.75%
    }

    .col-16--xl-8 {
        width: 50%
    }

    .col-16--xl-9 {
        width: 56.25%
    }

    .col-16--xl-10 {
        width: 62.5%
    }

    .col-16--xl-11 {
        width: 68.75%
    }

    .col-16--xl-12 {
        width: 75%
    }

    .col-16--xl-13 {
        width: 81.25%
    }

    .col-16--xl-14 {
        width: 87.5%
    }

    .col-16--xl-15 {
        width: 93.75%
    }

    .col-16--xl-16 {
        width: 100%
    }
}

@media screen and (min-width: 100em) {
    .col-16--xxl-1 {
        width: 6.25%
    }

    .col-16--xxl-2 {
        width: 12.5%
    }

    .col-16--xxl-3 {
        width: 18.75%
    }

    .col-16--xxl-4 {
        width: 25%
    }

    .col-16--xxl-5 {
        width: 31.25%
    }

    .col-16--xxl-6 {
        width: 37.5%
    }

    .col-16--xxl-7 {
        width: 43.75%
    }

    .col-16--xxl-8 {
        width: 50%
    }

    .col-16--xxl-9 {
        width: 56.25%
    }

    .col-16--xxl-10 {
        width: 62.5%
    }

    .col-16--xxl-11 {
        width: 68.75%
    }

    .col-16--xxl-12 {
        width: 75%
    }

    .col-16--xxl-13 {
        width: 81.25%
    }

    .col-16--xxl-14 {
        width: 87.5%
    }

    .col-16--xxl-15 {
        width: 93.75%
    }

    .col-16--xxl-16 {
        width: 100%
    }
}

.col-5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    font-family: sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    zoom: 1
}

.row--gutters > .col-5 {
    padding-left: 7px;
    padding-right: 7px
}

@media only screen and (min-width: 64em) {
    .row--gutters > .col-5 {
        padding-left: 25px;
        padding-right: 25px
    }
}

.col-5--1 {
    width: 20%
}

.col-5--2 {
    width: 40%
}

.col-5--3 {
    width: 60%
}

.col-5--4 {
    width: 80%
}

.col-5--5 {
    width: 100%
}

@media screen and (min-width: 35.5em) {
    .col-5--sm-1 {
        width: 20%
    }

    .col-5--sm-2 {
        width: 40%
    }

    .col-5--sm-3 {
        width: 60%
    }

    .col-5--sm-4 {
        width: 80%
    }

    .col-5--sm-5 {
        width: 100%
    }
}

@media screen and (min-width: 48em) {
    .col-5--md-1 {
        width: 20%
    }

    .col-5--md-2 {
        width: 40%
    }

    .col-5--md-3 {
        width: 60%
    }

    .col-5--md-4 {
        width: 80%
    }

    .col-5--md-5 {
        width: 100%
    }
}

@media screen and (min-width: 64em) {
    .col-5--lg-1 {
        width: 20%
    }

    .col-5--lg-2 {
        width: 40%
    }

    .col-5--lg-3 {
        width: 60%
    }

    .col-5--lg-4 {
        width: 80%
    }

    .col-5--lg-5 {
        width: 100%
    }
}

@media screen and (min-width: 80em) {
    .col-5--xl-1 {
        width: 20%
    }

    .col-5--xl-2 {
        width: 40%
    }

    .col-5--xl-3 {
        width: 60%
    }

    .col-5--xl-4 {
        width: 80%
    }

    .col-5--xl-5 {
        width: 100%
    }
}

@media screen and (min-width: 100em) {
    .col-5--xxl-1 {
        width: 20%
    }

    .col-5--xxl-2 {
        width: 40%
    }

    .col-5--xxl-3 {
        width: 60%
    }

    .col-5--xxl-4 {
        width: 80%
    }

    .col-5--xxl-5 {
        width: 100%
    }
}

.block-sidebar {
    margin-left: -7px;
    margin-right: -7px;
    display: block
}

@media only screen and (min-width: 64em) {
    .block-sidebar {
        margin-left: -25px;
        margin-right: -25px
    }
}

@media screen and (min-width: 64em) {
    .block-sidebar {
        display: table
    }
}

.block-sidebar__content {
    position: relative;
    vertical-align: top;
    font-family: sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    zoom: 1;
    padding-left: 7px;
    padding-right: 7px
}

@media only screen and (min-width: 64em) {
    .block-sidebar__content {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width: 64em) {
    .block-sidebar__content {
        display: table-cell;
        width: 100%
    }
}

.block-sidebar__aside {
    position: relative;
    vertical-align: top;
    font-family: sans-serif;
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    zoom: 1;
    padding-left: 7px;
    padding-right: 7px;
    display: none;
    min-width: 300px;
    max-width: 300px
}

@media only screen and (min-width: 64em) {
    .block-sidebar__aside {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media screen and (min-width: 64em) {
    .block-sidebar__aside {
        display: table-cell;
        vertical-align: top
    }
}

.svg {
    display: inline-block;
    font-size: 12px;
    line-height: 0;
    text-align: center;
    vertical-align: middle
}

.svg-arrow-s {
    background-size: 8px 12px;
    width: 8px;
    height: 12px
}

.svg-condenast-s {
    background-size: 153px 32px;
    width: 153px;
    height: 32px
}

.svg-condenast-m {
    background-size: 220px 46px;
    width: 220px;
    height: 46px
}

.svg-foto-s {
    background-size: 16px 12px;
    width: 16px;
    height: 12px
}

.svg-gear-s {
    background-size: 16px 16px;
    width: 16px;
    height: 16px
}

.svg-menu-s {
    background-size: 24px 16px;
    width: 24px;
    height: 16px
}

.svg-play-s {
    background-size: 15px 20px;
    width: 15px;
    height: 20px
}

.svg-plus-s {
    background-size: 8px 8px;
    width: 8px;
    height: 8px
}

.svg-spinner {
    fill: none;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.svg-spinner-s, .svg-spinner-s svg {
    width: 35px;
    height: 35px
}

.svg-spinner-s svg {
    background-size: 35px 35px
}

.svg-spinner-m, .svg-spinner-m svg {
    width: 50px;
    height: 50px
}

.svg-spinner-m svg {
    background-size: 50px 50px
}

.svg-spinner--default svg {
    stroke: #bc0023;
    stroke-width: 4;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

.svg-fb--brand, .svg-flipboard--brand, .svg-inst--brand, .svg-pin--brand, .svg-vk--brand {
    fill: #3c5995;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    cursor: pointer
}

.svg-fb--brand:hover {
    fill: #778bb5
}

.svg-flipboard--brand, .svg-inst--brand, .svg-pin--brand, .svg-vk--brand {
    fill: #507298
}

.svg-vk--brand:hover {
    fill: #859cb7
}

.svg-flipboard--brand, .svg-inst--brand, .svg-pin--brand {
    fill: #be0f20
}

.svg-pin--brand:hover {
    fill: #d25763
}

.svg-flipboard--brand, .svg-inst--brand {
    fill: #666
}

.svg-inst--brand:hover {
    fill: #949494
}

.svg-flipboard--brand {
    fill: #f52828
}

.svg-flipboard--brand:hover {
    fill: #f86969
}

.svg-ggl--brand, .svg-ok--brand, .svg-tg--brand, .svg-tw--brand, .svg-viber--brand, .svg-wapp--brand, .svg-yt--brand {
    fill: #cc181e;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    cursor: pointer
}

.svg-yt--brand:hover {
    fill: #db5d62
}

.svg-ggl--brand, .svg-ok--brand, .svg-tg--brand, .svg-tw--brand, .svg-viber--brand, .svg-wapp--brand {
    fill: #d64136
}

.svg-ggl--brand:hover {
    fill: #e27a72
}

.svg-ok--brand, .svg-tg--brand, .svg-tw--brand, .svg-viber--brand, .svg-wapp--brand {
    fill: #67c9e8
}

.svg-tw--brand:hover {
    fill: #95d9ef
}

.svg-ok--brand, .svg-tg--brand, .svg-viber--brand, .svg-wapp--brand {
    fill: #ee8208
}

.svg-ok--brand:hover {
    fill: #f3a852
}

.svg-tg--brand, .svg-viber--brand, .svg-wapp--brand {
    fill: #82bb6c
}

.svg-wapp--brand:hover {
    fill: #a8cf98
}

.svg-tg--brand, .svg-viber--brand {
    fill: #5ea8c1
}

.svg-tg--brand:hover {
    fill: #8ec2d4
}

.svg-viber--brand {
    fill: #a06dac
}

.svg-viber--brand:hover {
    fill: #bd99c5
}

.svg-ggl-s {
    background-size: 24px 14px;
    width: 24px;
    height: 14px
}

.svg-inst-s {
    background-size: 16px 16px;
    width: 16px;
    height: 16px
}

.svg-flipboard-m, .svg-flipboard-s {
    background-size: 18px 18px;
    width: 18px;
    height: 18px
}

.svg-tg-s {
    background-size: 19px 16px;
    width: 19px;
    height: 16px
}

.svg-tw-s {
    background-size: 18px 14px;
    width: 18px;
    height: 14px
}

.svg-vk-s {
    background-size: 20px 12px;
    width: 20px;
    height: 12px
}

.svg-wapp-s, .svg-yt-s {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.svg-yt-s {
    background-size: 20px 14px;
    height: 14px
}

.svg-ok-s {
    background-size: 11px 18px;
    width: 11px;
    height: 18px
}

.svg-wrap {
    display: inline-block;
    text-align: center
}

.svg-wrap--m {
    width: 50px;
    height: 50px;
    line-height: 50px
}

.media {
    display: table;
    width: 100%
}

.media, .media__body {
    overflow: hidden
}

.media__aside, .media__body {
    display: table-cell;
    vertical-align: middle
}

.media__body {
    width: 100%
}

.sidebar {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000;
    width: 320px;
    height: 100%;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s
}

@media only screen and (min-width: 23.9375em) {
    .sidebar {
        width: 100%;
        max-width: 330px
    }
}

.sidebar--right {
    right: -330px
}

body.-overflow-sidebar-right .sidebar--right {
    right: 0
}

@media only screen and (max-width: 20em) {
    body.-overflow-sidebar-right .sidebar--right {
        left: 0;
        overflow-x: auto
    }
}

.sidebar__inner {
    position: relative
}

.sidebar__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px
}

body {
    -webkit-transition: margin .4s ease-in-out 0s;
    -o-transition: margin .4s ease-in-out 0s;
    transition: margin .4s ease-in-out 0s
}

body.-overflow-sidebar-right {
    overflow-y: hidden;
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-left: -320px;
    margin-right: 320px
}

body.-overflow-sidebar-right .backdrop, body.-overflow-sidebar-right .v--modal-overlay {
    height: 100%;
    -moz-opacity: 1;
    opacity: 1
}

@media only screen and (min-width: 23.9375em) {
    body.-overflow-sidebar-right {
        margin-left: -330px;
        margin-right: 330px
    }
}

.btn, .btn:before {
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.btn {
    display: inline-block;
    vertical-align: middle;
    background: 0 0;
    text-decoration: none;
    outline: 0;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 64em) {
    .btn:hover:before {
        width: 200%
    }
}

.btn:before {
    position: absolute;
    width: 0;
    min-height: 108%;
    top: -2px;
    bottom: -2px;
    content: '';
    z-index: -1;
    -webkit-transform: skew(50deg);
    -ms-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

@media only screen and (max-width: 63.9375em) {
    .btn--fullwidth-m {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (min-width: 64em) {
    .btn--fullwidth-lg {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.btn__icon {
    margin-top: -2px
}

.btn--base {
    padding: 16px 15px 14px;
    border: 2px solid #000;
    font-family: Rubik, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 11px;
    line-height: .90909em;
    color: #000
}

@media only screen and (min-width: 64em) {
    .btn--base {
        padding: 18px 15px 16px;
        font-size: 12px;
        line-height: 1em
    }
}

.btn--base:before {
    left: -61px
}

.btn--tag {
    padding: 12px 12px 10px;
    font-family: PFBeauSansPro-Light,sans-serif;
    text-transform: uppercase;
    letter-spacing: .19em;
    font-size: 10px;
    line-height: 1em
}

.btn--tag:before {
    left: -38px
}

.btn--color-tag, .btn--tag {
    border: 1px solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
}

@media only screen and (max-width: 63.9375em) {
    .btn--color-tag:active {
        background: #fff
    }
}

@media only screen and (min-width: 64em) {
    .btn--color-tag:before {
        background: #fff
    }
}

.btn--color-tag-white {
    background: #fff;
    border-color: #000
}

.btn--color-tag-white:hover {
    border-color: #bfbfbf
}

.btn--color-tag-light {
    color: #fff;
    fill: #fff
}

@media only screen and (max-width: 63.9375em) {
    .btn--color-tag-light:active {
        background: #fff;
        color: #000;
        fill: #000
    }
}

@media only screen and (min-width: 64em) {
    .btn--color-tag-light:hover {
        color: #000;
        fill: #000
    }

    .btn--color-tag-light:before {
        background: #fff
    }
}

.btn--color-tag-dark {
    color: #000;
    fill: #000
}

@media only screen and (max-width: 63.9375em) {
    .btn--color-tag-dark:active {
        background: #fff
    }
}

@media only screen and (min-width: 64em) {
    .btn--color-tag-dark:before {
        background: #fff
    }
}

.btn--xs {
    width: 20px;
    height: 20px
}

@media only screen and (min-width: 64em) {
    .btn--xs:hover:before {
        width: 250%
    }
}

.btn--xs:before {
    left: -24px
}

.btn--s {
    width: 34px;
    height: 34px
}

@media only screen and (min-width: 64em) {
    .btn--s:hover:before {
        width: 213%
    }
}

.btn--s:before {
    left: -37px
}

.btn--form {
    padding: 15px 30px;
    border: 1px solid #000;
    border-left-width: 2px;
    font-family: Rubik, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .18em;
    font-size: 12px;
    line-height: 1em;
    color: #000
}

@media only screen and (min-width: 64em) {
    .btn--form {
        padding: 23px 30px 21px
    }

    .btn--form:hover:before {
        width: 170%
    }
}

.btn--form:before {
    left: -65%
}

.btn--dark {
    background: #000;
    border-color: #000;
    color: #fff;
    fill: #fff
}

@media only screen and (max-width: 63.9375em) {
    .btn--dark:active {
        background: #fff;
        color: #000;
        fill: #000
    }
}

@media only screen and (min-width: 64em) {
    .btn--dark:before {
        background: #fff
    }

    .btn--dark:hover {
        color: #000!important;
        fill: #000
    }
}

.btn--main {
    background: #bc0023;
    border-color: #bc0023;
    color: #fff;
    fill: #fff
}

@media only screen and (max-width: 63.9375em) {
    .btn--main:active {
        background: #fff;
        color: #000;
        fill: #000
    }
}

@media only screen and (min-width: 64em) {
    .btn--main:before {
        background: #bc0023
    }

    .btn--main:hover {
        color: #fff;
        fill: #fff
    }
}

.btn--grey-40 {
    background: #ebebeb;
    border-color: #ebebeb;
    color: #000;
    -webkit-font-smoothing: antialiased
}

@media only screen and (max-width: 63.9375em) {
    .btn--grey-40:active {
        background: #fff;
        color: #000;
        fill: #000
    }
}

@media only screen and (min-width: 64em) {
    .btn--grey-40:before {
        background: #fff
    }

    .btn--grey-40:hover {
        color: #000
    }
}

.btn--grey-40.-active, .btn--light {
    background: #fff
}

.btn--light {
    border-color: #000;
    color: #000!important;
}

@media only screen and (max-width: 63.9375em) {
    .btn--light:active {
        background: #000;
        color: #fff;
        fill: #fff
    }
}

@media only screen and (min-width: 64em) {
    .btn--light:before {
        background: #000
    }

    .btn--light:hover {
        color: #fff!important;
        fill: #fff
    }
}

.btn--fix-size {
    font-family: Rubik, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 11px;
    line-height: .90909em;
    color: #000;
    text-decoration: none;
    border: 2px solid #000;
    width: 130px;
    height: 40px;
    position: relative
}

@media only screen and (min-width: 64em) {
    .btn--fix-size {
        font-size: 12px;
        line-height: 1.33333em;
        color: #000;
        width: 170px;
        height: 50px
    }
}

.btn--fix-size:before {
    left: -63px
}

.btn--fix-size span {
    display: block;
    left: 0;
    right: 0;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto
}

.btn--border-1 {
    border: 1px solid #000
}

.btn--border-2 {
    border: 2px solid #000
}

.btn-clear {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    background: 0 0;
    border: 0;
    outline: 0;
    text-decoration: none
}

.circle-cursor {
    display: block;
    position: fixed;
    z-index: 999;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    pointer-events: none;
    -webkit-transition: .2s opacity ease;
    -o-transition: .2s opacity ease;
    transition: .2s opacity ease;
    opacity: 0
}

.circle-cursor:after {
    content: "";
    display: block;
    height: 46px;
    width: 46px;
    border-radius: 100%;
    background: rgba(235, 235, 235, .6);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .2s -webkit-transform cubic-bezier(.165, .84, .44, 1);
    -o-transition: .2s transform cubic-bezier(.165, .84, .44, 1);
    transition: .2s transform cubic-bezier(.165, .84, .44, 1);
    transition: .2s transform cubic-bezier(.165, .84, .44, 1), .2s -webkit-transform cubic-bezier(.165, .84, .44, 1)
}

.circle-cursor-container, .circle-cursor-container * {
    cursor: none !important
}

.circle-cursor.-enter {
    opacity: 1
}

.circle-cursor.-enter .svg, .circle-cursor.-enter:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.circle-cursor.-leave {
    opacity: 0
}

.circle-cursor .svg, .circle-cursor.-leave .svg, .circle-cursor.-leave:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.circle-cursor .svg-plus {
    width: 18px;
    height: 18px;
    position: absolute;
    z-index: 1;
    top: 14px;
    left: 14px
}

.cover-print, .cover-print img, .cover-print source {
    width: 115px !important;
    height: 150px !important;
    border: 1px solid #ebebeb
}

@media only screen and (min-width: 64em) {
    .cover-print, .cover-print img, .cover-print source {
        width: 193px !important;
        height: 252px !important
    }
}

.cover-print-1, .cover-print-1 img, .cover-print-1 source {
    width: 165px !important;
    height: 218px !important
}

@media only screen and (min-width: 64em) {
    .cover-print-1, .cover-print-1 img, .cover-print-1 source {
        width: 205px !important;
        height: 269px !important
    }
}

.cover-print-2, .cover-print-2 img, .cover-print-2 source {
    width: 73px !important;
    height: 96px !important
}

.cover-tab, .cover-tab img, .cover-tab source {
    width: 84px !important;
    height: 110px !important
}

@media only screen and (min-width: 64em) {
    .cover-tab, .cover-tab img, .cover-tab source {
        width: 164px !important;
        height: 219px !important
    }
}

.cover-phone, .cover-phone img, .cover-phone source {
    width: 43px !important;
    height: 77px !important
}

@media only screen and (min-width: 64em) {
    .cover-phone, .cover-phone img, .cover-phone source {
        width: 77px !important;
        height: 138px !important
    }
}

.cover-tab-in-frame {
    margin-left: 3px;
    margin-top: 9px
}

@media only screen and (min-width: 64em) {
    .cover-tab-in-frame {
        margin-left: 10px;
        margin-top: 17px
    }
}

.cover-phone-in-frame {
    margin-left: 3px;
    margin-top: 12px
}

@media only screen and (min-width: 64em) {
    .cover-phone-in-frame {
        margin-left: 6px;
        margin-top: 22px
    }
}

.device-tab {
    width: 91px !important;
    height: 127px !important;

}

@media (-webkit-min-device-pixel-ratio: 1),(-o-min-device-pixel-ratio: 1/1),(min-resolution: 96dpi) {
    .device-tab {

    }
}

@media (-webkit-min-device-pixel-ratio: 1.25),(-o-min-device-pixel-ratio: 5/4),(min-resolution: 120dpi) {
    .device-tab {

    }
}

@media (-webkit-min-device-pixel-ratio: 1.3),(-o-min-device-pixel-ratio: 13/10),(min-resolution: 124.8dpi) {
    .device-tab {

    }
}

@media (-webkit-min-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 144dpi) {
    .device-tab {

    }
}

@media (-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2/1),(min-resolution: 192dpi) {
    .device-tab {

    }
}

@media only screen and (min-width: 64em) {
    .device-tab {
        width: 184px !important;
        height: 254px !important;

    }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 1/1), only screen and (min-width: 64em) and (min-resolution: 96dpi) {
    .device-tab {

    }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 5/4), only screen and (min-width: 64em) and (min-resolution: 120dpi) {
    .device-tab {

    }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 13/10), only screen and (min-width: 64em) and (min-resolution: 124.8dpi) {
    .device-tab {

    }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 3/2), only screen and (min-width: 64em) and (min-resolution: 144dpi) {
    .device-tab {

    }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .device-tab {

    }
}

.device-phone {
    width: 50px !important;
    height: 102px !important;

}

@media (-webkit-min-device-pixel-ratio: 1),(-o-min-device-pixel-ratio: 1/1),(min-resolution: 96dpi) {
    .device-phone {

    }
}

@media (-webkit-min-device-pixel-ratio: 1.25),(-o-min-device-pixel-ratio: 5/4),(min-resolution: 120dpi) {
    .device-phone {

    }
}

@media (-webkit-min-device-pixel-ratio: 1.3),(-o-min-device-pixel-ratio: 13/10),(min-resolution: 124.8dpi) {
    .device-phone {

    }
}

@media (-webkit-min-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-resolution: 144dpi) {
    .device-phone {

    }
}

@media (-webkit-min-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2/1),(min-resolution: 192dpi) {
    .device-phone {

    }
}

@media only screen and (min-width: 64em) {
    .device-phone {
        width: 90px !important;
        height: 182px !important;
        
    }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 1/1), only screen and (min-width: 64em) and (min-resolution: 96dpi) {
    .device-phone {

    }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 5/4), only screen and (min-width: 64em) and (min-resolution: 120dpi) {
    .device-phone {

    }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 13/10), only screen and (min-width: 64em) and (min-resolution: 124.8dpi) {
    .device-phone {

    }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 3/2), only screen and (min-width: 64em) and (min-resolution: 144dpi) {
    .device-phone {

    }
}

@media only screen and (min-width: 64em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 64em) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 64em) and (min-resolution: 192dpi) {
    .device-phone {

    }
}

.device-typewriter {
    background-size: cover
}

.device-typewriter--xs {
    width: 201px;
    height: 198px
}

.device-typewriter--s {
    width: 220px;
    height: 217px
}

.device-typewriter--m {
    width: 247px;
    height: 244px
}

.device-group {
    width: 117px;
    height: 127px;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width: 64em) {
    .device-group {
        margin-left: auto;
        margin-right: auto;
        width: 242px;
        height: 254px
    }
}

@media only screen and (max-width: 63.9375em) {
    .device-group .device-phone {
        right: 0
    }
}

.date-base {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 9px;
    line-height: 1.22222em;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width: 64em) {
    .date-base {
        font-size: 10px;
        line-height: 1em
    }
}

.form__row--border-type-1 {
    border: 1px solid #000
}

.form__note {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 10px;
    line-height: 1.4em
}

.form__input-group {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form__dropdown {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    overflow: hidden
}

.form__dropdown-inner {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    border-top: 0;
    background: #fff;
    margin-top: -100%;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.form__dropdown-inner.-show {
    margin-top: 0
}

.form--disabled {
    opacity: .17
}

input::-webkit-input-placeholder {
    color: inherit;
    text-overflow: ellipsis;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

input::-moz-placeholder {
    color: inherit;
    text-overflow: ellipsis;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

input:-ms-input-placeholder {
    color: inherit;
    text-overflow: ellipsis;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

input:-moz-placeholder {
    color: inherit;
    text-overflow: ellipsis;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder, input:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder {
    color: transparent
}

.input--search {
    height: 44px;
    padding: 15px 20px 15px 0;
    font-family: Rubik, sans-serif;
    font-weight: 300;
    color: #000;
    font-size: 14px;
    line-height: normal
}

@media only screen and (min-width: 48em) {
    .input--search {
        font-size: 22px;
        height: 58px;
        padding: 13px 20px 17px 0
    }
}

.input--subscribe {
    height: 22px;
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 12px
}

@media only screen and (min-width: 48em) {
    .input--subscribe {
        font-size: 14px
    }
}

.input--select {
    width: 100%;
    height: 50px;
    border: 1px solid #000
}

.checkbox {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.checkbox__input {
    position: absolute;
    width: 16px;
    height: 16px;
    opacity: 0
}

.checkbox__input:checked + .checkbox__label--check .checkbox__svg--check svg {
    fill: #000;
    opacity: 1
}

.checkbox__input:disabled + .checkbox__label {
    cursor: default
}

.checkbox__label {
    display: block;
    padding-left: 26px;
    min-height: 16px;
    vertical-align: middle;
    cursor: pointer;
    padding-top: 2px
}

.checkbox__svg {
    vertical-align: top;
    text-align: center
}

.checkbox__svg--check {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 3px
}

.checkbox__svg--check svg {
    vertical-align: top;
    fill: #fff;
    opacity: 0;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.checkbox__svg--error {
    border-color: #bc0023
}

.checkbox__svg--disabled {
    border-color: #bfbfbf
}

.input-group--type-1 {
    border: 1px solid #000
}

.input-group--error {
    border-color: #bc0023
}

.input-group--disabled {
    border-color: #bfbfbf
}

.form-dates {
    display: table
}

.form-dates__del, .form-dates__input {
    display: table-cell
}

.form-dates__input {
    width: 49%
}

.form-dates__del {
    position: relative;
    width: 0;
    padding-left: 27px
}

.form-dates__del:before {
    display: block;
    position: absolute;
    content: "";
    z-index: 1;
    top: 50%;
    right: 0;
    width: 12px;
    height: 1px;
    background: #000
}

.block-sidebar--gallery {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 64em) {
    .block-sidebar--gallery {
        height: 100%;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }
}

.block-sidebar__content--gallery {
    padding-left: 0;
    padding-right: 0
}

.block-sidebar__aside--gallery {
    padding-top: 55px;
    padding-left: 25px;
    padding-right: 25px
}

.block-sidebar__aside .dog {
    position: relative
}

.block-sidebar__aside .dog__text {
    left: 0
}

.row--gallery {
    margin-left: -7.5px;
    margin-right: -7.5px
}

@media only screen and (min-width: 64em) {
    .row--gallery {
        margin-left: -15px;
        margin-right: -15px
    }
}

.row--gallery > [class^=col-] {
    padding-left: 7.5px;
    padding-right: 7.5px
}

@media only screen and (min-width: 64em) {
    .row--gallery > [class^=col-] {
        padding-left: 15px;
        padding-right: 15px
    }
}

.container--wide {
    max-width: 1600px
}

.block-sidebar__aside--article {
    padding-top: 50px
}

.block-sidebar__aside .sticky > * {
    width: 300px
}

@media only screen and (min-width: 64em) {
    .row--gutters-50-d {
        margin-left: -50px;
        margin-right: -50px
    }

    .row--gutters-50-d > .col-12 {
        padding-left: 50px;
        padding-right: 50px
    }
}

.svg-fb--dark, .svg-fb--light {
    fill: #fff;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    cursor: pointer
}

.svg-fb--dark:hover, .svg-fb--light:hover {
    fill: #3c5995
}

.svg-fb--dark {
    fill: #000
}

.svg-flipboard--light, .svg-inst--dark, .svg-inst--light, .svg-pin--dark, .svg-pin--light, .svg-vk--dark, .svg-vk--light {
    fill: #fff;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    cursor: pointer
}

.svg-vk--dark:hover, .svg-vk--light:hover {
    fill: #507298
}

.svg-flipboard--light, .svg-inst--dark, .svg-inst--light, .svg-pin--dark, .svg-pin--light, .svg-vk--dark {
    fill: #000
}

.svg-flipboard--light, .svg-inst--dark, .svg-inst--light, .svg-pin--dark, .svg-pin--light {
    fill: #fff
}

.svg-pin--dark:hover, .svg-pin--light:hover {
    fill: #be0f20
}

.svg-flipboard--light, .svg-inst--dark, .svg-inst--light, .svg-pin--dark {
    fill: #000
}

.svg-flipboard--light, .svg-inst--dark, .svg-inst--light {
    fill: #fff
}

.svg-inst--dark:hover, .svg-inst--light:hover {
    fill: #666
}

.svg-flipboard--light, .svg-inst--dark {
    fill: #000
}

.svg-flipboard--light {
    fill: #fff
}

.svg-flipboard--dark:hover, .svg-flipboard--light:hover {
    fill: #f52828
}

.svg-flipboard--dark, .svg-ggl--dark, .svg-ggl--light, .svg-ok--light, .svg-tw--dark, .svg-tw--light, .svg-yt--dark, .svg-yt--light {
    fill: #000;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    cursor: pointer
}

.svg-ggl--dark, .svg-ggl--light, .svg-ok--light, .svg-tw--dark, .svg-tw--light, .svg-yt--dark, .svg-yt--light {
    fill: #fff
}

.svg-yt--dark:hover, .svg-yt--light:hover {
    fill: #cc181e
}

.svg-ggl--dark, .svg-ggl--light, .svg-ok--light, .svg-tw--dark, .svg-tw--light, .svg-yt--dark {
    fill: #000
}

.svg-ggl--dark, .svg-ggl--light, .svg-ok--light, .svg-tw--dark, .svg-tw--light {
    fill: #fff
}

.svg-ggl--dark:hover, .svg-ggl--light:hover {
    fill: #d64136
}

.svg-ggl--dark, .svg-ok--light, .svg-tw--dark, .svg-tw--light {
    fill: #000
}

.svg-ok--light, .svg-tw--dark, .svg-tw--light {
    fill: #fff
}

.svg-tw--dark:hover, .svg-tw--light:hover {
    fill: #67c9e8
}

.svg-ok--light, .svg-tw--dark {
    fill: #000
}

.svg-ok--light {
    fill: #fff
}

.svg-ok--dark:hover, .svg-ok--light:hover {
    fill: #ee8208
}

.svg-ok--dark, .svg-tg--dark, .svg-tg--light, .svg-viber--dark, .svg-viber--light, .svg-wapp--dark, .svg-wapp--light {
    fill: #000;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    cursor: pointer
}

.svg-tg--dark, .svg-tg--light, .svg-viber--dark, .svg-viber--light, .svg-wapp--dark, .svg-wapp--light {
    fill: #fff
}

.svg-wapp--dark:hover, .svg-wapp--light:hover {
    fill: #82bb6c
}

.svg-tg--dark, .svg-tg--light, .svg-viber--dark, .svg-viber--light, .svg-wapp--dark {
    fill: #000
}

.svg-tg--dark, .svg-tg--light, .svg-viber--dark, .svg-viber--light {
    fill: #fff
}

.svg-tg--dark:hover, .svg-tg--light:hover {
    fill: #5ea8c1
}

.svg-tg--dark, .svg-viber--dark, .svg-viber--light {
    fill: #000
}

.svg-viber--dark, .svg-viber--light {
    fill: #fff
}

.svg-viber--dark:hover, .svg-viber--light:hover {
    fill: #a06dac
}

.svg-viber--dark {
    fill: #000
}

.svg-flipboard-fill-s {
    background-size: 14px 14px;
    width: 14px;
    height: 14px
}

.svg--fb {
    fill: #3c5995
}

.svg--vk {
    fill: #507298
}

.svg--pin {
    fill: #be0f20
}

.svg--inst {
    fill: #666
}

.svg--flipboard {
    fill: #f52828
}

.svg--yt {
    fill: #cc181e
}

.svg--ggl {
    fill: #d64136
}

.svg--tw {
    fill: #67c9e8
}

.svg--ok {
    fill: #ee8208
}

.svg--wapp {
    fill: #82bb6c
}

.svg--tg {
    fill: #5ea8c1
}

.svg--viber {
    fill: #a06dac
}

.svg--main {
    fill: #bc0023
}

.svg--dark {
    fill: #000
}

.svg--grey-60 {
    fill: #868686
}

.svg--grey-50, .svg--main-to-grey-50:hover {
    fill: #bfbfbf
}

.svg--grey-40 {
    fill: #ebebeb
}

.svg--light {
    fill: #fff
}

.article__media-share, .svg--dark-to-grey-50, .svg--dark-to-main, .svg--grey-50-to-dark, .svg--main-to-grey-50 {
    fill: #bc0023;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    cursor: pointer
}

.article__media-share, .svg--dark-to-grey-50, .svg--dark-to-main, .svg--grey-50-to-dark {
    fill: #bfbfbf
}

.svg--grey-50-to-dark:hover {
    fill: #000
}

.article__media-share, .svg--dark-to-grey-50, .svg--dark-to-main {
    fill: #000
}

.article__media-share:hover, .svg--dark-to-grey-50:hover {
    /*fill: #bfbfbf*/
}

.svg--dark-to-main:hover {
    fill: #bc0023
}

.svg-arrow-short-right-s {
    background-size: 24px 16px;
    width: 24px;
    height: 16px
}

.svg-arrow-short-thin-right-s {
    background-size: 20px 16px;
    width: 20px;
    height: 16px
}

.svg-arrow-thin-right-l {
    background-size: 27px 55px;
    width: 27px;
    height: 55px
}

.svg-arrow-long-down-l {
    background-size: 25px 46px;
    width: 25px;
    height: 46px
}

.svg-arrow-wide-down-m {
    background-size: 56px 28px;
    width: 56px;
    height: 28px
}

.svg-arrow-wide-bold-down-s {
    background-size: 20px 12px;
    width: 20px;
    height: 12px
}

.svg-ad-s {
    background-size: 38px 28px;
    width: 38px;
    height: 30px;
}

.svg-ad-m {
    background-size: 49px 35px;
    width: 49px;
    height: 35px
}

.svg-ad-l {
    background-size: 105px 74px;
    width: 150px;
    /*height: 74px*/
}

.svg-mail-s {
    background-size: 20px 14px;
    width: 20px;
    height: 14px
}

.svg-mail-fill-s {
    background-size: 18px 12px;
    width: 18px;
    height: 12px
}

.svg-search-s {
    background-size: 18px 18px;
    width: 18px;
    height: 18px
}

.svg-close-xs {
    background-size: 10px 10px;
    width: 10px;
    height: 10px
}

.svg-close-s {
    background-size: 16px 16px;
    width: 16px;
    height: 16px
}

.svg-close-m {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.svg-quote-s {
    background-size: 31px 26px;
    width: 31px;
    height: 26px
}

.svg-gallery-close-s {
    background-size: 11px 11px;
    width: 11px;
    height: 11px
}

.svg-gallery-close-m {
    background-size: 13px 13px;
    width: 13px;
    height: 13px
}

.svg-gallery-zoom-s {
    background-size: 20px 20px;
    width: 20px;
    height: 20px
}

.svg-fb-s, .svg-pin-s {
    background-size: 8px 18px;
    width: 8px;
    height: 18px
}

.svg-pin-s {
    background-size: 14px 18px;
    width: 14px
}

.svg-check-s {
    background-size: 10px 8px;
    width: 10px;
    height: 8px
}

.svg-menu {
    width: 24px;
    height: 16px;
    fill: #000;
    vertical-align: top
}

.svg-menu.-close rect:nth-of-type(1), .svg-menu.-close rect:nth-of-type(4) {
    width: 0;
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px)
}

.svg-menu.-close rect:nth-of-type(2), .svg-menu.-close rect:nth-of-type(3) {
    width: 20px
}

.svg-menu.-close rect:nth-of-type(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.svg-menu.-close rect:nth-of-type(3) {
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.svg-menu rect {
    width: 24px;
    -webkit-transform: rotate(0) translateX(0);
    -ms-transform: rotate(0) translateX(0);
    transform: rotate(0) translateX(0);
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.svg-menu rect:nth-of-type(2), .svg-menu rect:nth-of-type(3) {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.svg-menu rect:nth-of-type(3) {
    opacity: 0
}

.icons-group--type-1 .icons-group__item {
    height: 34px;
    line-height: 34px
}

.icons-group--bordered .icons-group__item + .icons-group__item {
    border-left: 1px solid #ebebeb
}

@media only screen and (max-width: 63.9375em) {
    .icons-group--bordered-to-lg .icons-group__item + .icons-group__item {
        border-left: 1px solid #ebebeb
    }
}

.icons-group__item {
    display: inline-block;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lead-base {
    font-family: Rubik, sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.41176em
}

@media only screen and (min-width: 64em) {
    .lead-base {
        font-size: 19px;
        line-height: 1.26316em
    }
}

.line {
    font-size: 0
}

.line--bold {
    height: 5px;
    background: #000
}

.line--thin {
    height: 1px;
    background: #ebebeb
}

.line--base, .line--bold-main {
    width: 50px;
    margin-left: auto;
    margin-right: auto
}

.line--base {
    background: #ebebeb;
    height: 1px
}

.line--bold-main {
    height: 5px;
    background: #bc0023
}

@media only screen and (min-width: 64em) {
    .line--right-d {
        border-right: 1px solid #ebebeb
    }
}

.svg-spinner--site svg {
    stroke: #bc0023;
    stroke-width: 2;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

@media only screen and (max-width: 63.9375em) {
    .masonry-column.col-12--6:nth-child(odd) .item__media {
        margin-left: -14px
    }

    .masonry-column.col-12--6:nth-child(even) .item__media {
        margin-right: -14px
    }
}

.media-image {
    display: inline-block;
    vertical-align: top
}

.media-image img {
    display: block;
    max-width: 100%;
    height: auto
}

.v--modal-overlay {
    top: 40px;
    height: 100%;
    z-index: 9;
    -moz-opacity: 1;
    opacity: 1
}

.v--modal-box {
    position: relative
}

.modal__close {
    position: absolute;
    top: 20px;
    left: 0;
    right: 20px;
    max-width: 1338px;
    margin-left: auto;
    margin-right: auto;
    text-align: right
}

.modal__body {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.modal__title {
    font-family: Rubik, sans-serif;
    font-size: 46px;
    line-height: .82609em;
    color: #fff
}

.modal__text {
    font-family: "Cormorant Garamond", serif;
    font-size: 14px;
    line-height: 1.28571em;
    color: #fff
}

.scroll-x-m {
    position: relative;
    width: 100%;
    overflow: hidden
}

.scroll-x-m--tags {
    height: 34px
}

.scroll-x-m--adlist {
    height: 53px
}

@media only screen and (max-width: 63.9375em) {
    .scroll-x-m__inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        overflow-x: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap
    }

    .scroll-x-m__inner--tags {
        height: 49px
    }

    .scroll-x-m__inner--adlist {
        height: 68px
    }
}

.scroll-x-m__item--adlist {
    display: inline-block;
    vertical-align: middle
}

.row--search {
    margin-left: -2px;
    margin-right: -2px
}

@media only screen and (min-width: 64em) {
    .row--search {
        margin-left: -5px;
        margin-right: -5px
    }
}

.row--search > [class^=col-] {
    padding-left: 2px;
    padding-right: 2px
}

@media only screen and (min-width: 64em) {
    .row--search > [class^=col-] {
        padding-left: 5px;
        padding-right: 5px
    }
}

.sticky-sharing-wrap {
    z-index: 1
}

.sticky-sharing {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    text-align: center;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 50px
}

@media only screen and (min-width: 64em) {
    .sticky-sharing {
        display: block
    }
}

.sticky-sharing--type-1 {
    width: 50px
}

.sticky-sharing__inner {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

.sticky-sharing__item {
    width: 50px;
    height: 50px;
    border-top: 1px solid #ebebeb;
    line-height: 50px
}

.tag-base {
    display: inline-block;
    font-family: Rubik, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 9px;
    line-height: 1.22222em;
    color: #bc0023;
    text-decoration: none;
    position: relative;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width: 64em) {
    .tag-base:before {
        display: block;
        position: absolute;
        content: "";
        z-index: 1;
        left: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        background: #bc0023;
        -webkit-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s
    }

    .tag-base, .tag-base--m {
        font-size: 10px;
        line-height: 1em
    }

    .tag-base:hover:before {
        width: 100%
    }

    .tag-base--m {
        font-size: 11px
    }
}

.text-type-1, .text-type-2, .text-type-3, .text-type-4 {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1em
}

.text-type-2, .text-type-3, .text-type-4 {
    font-weight: 500;
    line-height: 1.28571em
}

.text-type-3, .text-type-4 {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.33333em
}

@media only screen and (min-width: 64em) {
    .text-type-4 {
        font-weight: 500;
        font-size: 14px;
        line-height: 1.5em
    }
}

.text-type-5, .title-type-1 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: 45px;
    line-height: .91111em
}

.title-type-1 {
    font-size: 22px;
    line-height: 1.13636em
}

@media only screen and (min-width: 64em) {
    .title-type-1 {
        font-size: 27px;
        line-height: 1.1em
    }
}

.title-type-2 {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.2em
}

@media only screen and (min-width: 64em) {
    .title-type-2 {
        font-family: "Cormorant Garamond", serif;
        font-weight: 500;
        font-size: 27px;
        line-height: 1.1em
    }
}

.title-type-3 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.13636em
}

@media only screen and (min-width: 64em) {
    .title-type-3 {
        font-size: 37px;
        line-height: 1.1em
    }
}

.title-type-4 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.13636em
}

@media only screen and (min-width: 64em) {
    .title-type-4 {
        font-size: 55px;
        line-height: .89091em
    }
}

.title-type-5 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.13636em
}

@media only screen and (min-width: 64em) {
    .title-type-5 {
        font-size: 38px;
        line-height: .89474em
    }
}

.title-type-6 {
    font-family: Rubik, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.125em
}

@media only screen and (min-width: 64em) {
    .title-type-6 {
        font-size: 22px;
        line-height: 1.36364em
    }
}

.title-type-7 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: 35px;
    line-height: 1em
}

@media only screen and (min-width: 64em) {
    .title-type-7 {
        font-size: 55px;
        line-height: 1em
    }
}

.title-type-7::first-letter {
    text-transform: uppercase
}

.title-type-8 {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 1.27273em
}

@media only screen and (min-width: 64em) {
    .title-type-8 {
        font-size: 30px;
        line-height: 1.16667em
    }
}

.title-type-9 {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.64286em
}

@media only screen and (min-width: 64em) {
    .title-type-9 {
        font-size: 17px;
        line-height: 1.5em
    }
}

.title-type-10, .title-type-11, .title-type-12 {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1em
}

.title-type-11, .title-type-12 {
    font-size: 14px;
    line-height: 1.28571em
}

.title-type-12 {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 11px;
    line-height: 1.63636em
}

.article__text em, .article__text i, .title-type-13 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 1.11538em
}

.title-type-14, .title-type-16 {
    font-family: Rubik, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1em
}

.title-type-16 {
    font-weight: 300;
    font-size: 15px;
    line-height: 1.2em
}

@media only screen and (min-width: 64em) {
    .title-type-16 {
        font-family: "Cormorant Garamond", serif;
        font-weight: 500;
        font-size: 37px;
        line-height: 1.1em
    }
}

.article-announce, .dog:after, .dog:before {
    display: table;
    width: 100%
}

.article-announce:hover .article-announce__link, .article__caption a, .article__html a, .article__text a {
    color: #bc0023;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.article-announce__media {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 64em) {
    .article-announce__media {
        width: 33.33333%
    }
}

.article-announce__text {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

@media only screen and (min-width: 64em) {
    .article-announce__text {
        width: 66.66667%
    }
}

.article-announce__title {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 9px;
    line-height: 1em;
    color: #000;
    text-decoration: none;
    margin-bottom: 2px
}

@media only screen and (min-width: 64em) {
    .article-announce__title {
        margin-bottom: 5px
    }
}

.article-announce__link {
    text-decoration: none
}

.article-gallery {
    position: relative;
    overflow: hidden
}

.article-gallery__inner {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -1px
}

.article-gallery__inner--horizontal {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 64em) {
    .article-gallery__inner--horizontal {
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.article-gallery__inner--vertical {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.article-gallery__cover {
    display: block;
    border: 1px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

@media only screen and (max-width: 63.9375em) {
    .article-gallery__cover--horizontal {
        background: 0 0
    }
}

@media only screen and (min-width: 64em) {
    .article-gallery__cover--horizontal {
        width: 83.83838%;
        max-width: 829px
    }
}

.article-gallery__cover--vertical {
    width: 66.31016%
}

@media only screen and (min-width: 64em) {
    .article-gallery__cover--vertical {
        width: 75.68389%;
        max-width: 499px
    }
}

.article-gallery__group {
    overflow: hidden
}

@media only screen and (min-width: 64em) {
    .article-gallery__group--horizontal {
        width: 16.16162%
    }
}

.article-gallery__group--vertical {
    width: 33.68984%
}

@media only screen and (min-width: 64em) {
    .article-gallery__group--vertical {
        width: 24.31611%;
        max-width: 160px
    }
}

.article-gallery__1x1 {
    position: relative;
    padding: 1px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.article-gallery__1x1--horizontal {
    display: inline-block;
    width: 33.33333%
}

@media only screen and (min-width: 64em) {
    .article-gallery__1x1--horizontal {
        width: 100%
    }
}

.article-gallery__1x1--vertial {
    width: 100%
}

.article-gallery__more {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 1
}

.article-gallery__count {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-weight: 300;
    font-size: 35px;
    line-height: 1em;
    color: #fff
}

@media only screen and (min-width: 64em) {
    .article-gallery__count {
        font-size: 40px;
        line-height: 1em
    }
}

.article-gallery__count--search {
    font-size: 21px;
    line-height: 1em;
    color: #fff
}

.person__media {
    width: 123px;
    height: 123px;
    overflow: hidden
}

.person__image > img {
    max-width: none;
    min-width: 123px;
    min-height: 123px
}

.article__info {
    font-family: Rubik, sans-serif;
    font-weight: 300
}

.article__info--header {
    font-size: 9px;
    line-height: 1.22222em;
    letter-spacing: .1em
}

.article__info--footer {
    font-size: 12px;
    line-height: 1.66667em
}

.article__event {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.5em
}

.article__block {
    margin-bottom: 20px
}

@media only screen and (min-width: 64em) {
    .article__block {
        margin-bottom: 25px
    }

    .article__wrap {
        width: 66.5992%;
        margin-left: auto;
        margin-right: auto
    }
}

.article__text {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    color: #000
}

.article__text p + p {
    margin-top: 20px
}

@media only screen and (min-width: 64em) {
    .article__text p + p {
        margin-top: 25px
    }
}

.article__caption a, .article__html a, .article__text a {
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #bc0023
}

.article__caption a:hover, .article__text a:hover {
    border-color: transparent
}

.article__text b, .article__text strong {
    font-weight: 500
}

.article__text em, .article__text i {
    font-size: 22px;
    line-height: 1.09091em;
    font-style: italic
}

.article__text h2, .article__text h3, .article__text h4 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.33333em;
    margin-top: 20px;
    margin-bottom: 20px
}

@media only screen and (min-width: 64em) {
    .article__text h2, .article__text h3, .article__text h4 {
        margin-top: 25px;
        margin-bottom: 25px
    }
}

.article__media {
    position: relative;
    min-height: 78px
}

.article__media-share {
    display: block;
    position: absolute;
    right: 14px;
    bottom: 14px;
    width: 50px;
    height: 50px;
    background: #fff;
    text-align: center;
    padding-top: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.article__caption {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.5em;
    color: #000
}

@media only screen and (min-width: 64em) {
    .article__caption--vertical {
        max-width: 65%;
        float: right
    }
}

.article__quote {
    position: relative;
    font-family: Rubik, sans-serif;
    font-weight: 500;
    font-size: 22px;
    line-height: 1.27273em
}

.article__quote-icon {
    display: inline;
    vertical-align: baseline;
    padding-right: 10px
}

.article__quote-text, .article__quote-text--type-1 p {
    display: inline
}

.article__list li {
    position: relative;
    padding-left: 15px
}

.article__list li:before {
    display: block;
    position: absolute;
    content: "";
    z-index: 1;
    top: 12px;
    left: 0;
    width: 8px;
    height: 1px;
    background: #bc0023
}

.article__html, .article__html font {
    font: 300 16px/24px Rubik, sans-serif !important;
    color: #000 !important
}

.article__html font {
    font: inherit !important
}

.article__html p + p {
    margin-top: 20px !important
}

@media only screen and (min-width: 64em) {
    .article__html p + p {
        margin-top: 25px !important
    }
}

.article__html a {
    color: #000 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #bc0023 !important
}

.article__html a:hover {
    border-color: transparent !important
}

.article__html b, .article__html strong {
    font-weight: 500 !important
}

.article__html em, .article__html i {
    font: 500 22px/24px "Cormorant Garamond", serif !important;
    font-style: italic !important
}

.article__html h2, .article__html h3, .article__html h4 {
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    margin: 20px 0
}

@media only screen and (min-width: 64em) {
    .article__html h2, .article__html h3, .article__html h4 {
        margin: 25px 0
    }
}

.article__html table {
    width: 100% !important
}

.article__html br + br {
    display: none !important
}

.article__html iframe {
    max-width: 100% !important;
    width: 100%
}

.article__html img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important
}

@media only screen and (min-width: 64em) {
    .article__next {
        max-width: 75%;
        margin-left: auto;
        margin-right: auto
    }
}

.article__subscribe {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 64em) {
    .article__subscribe {
        margin-bottom: 65px
    }
}

@media only screen and (min-width: 80em) {
    .article__subscribe-inner {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 50px
    }
}

.dog, .dog__content iframe {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.dog:after, .dog:before {
    content: " ";
    height: 0
}

.dog:after {
    clear: both
}

.dog--top {
    position: relative;
    margin-bottom: -1px;
    z-index: 1
}

.dog--z-over {
    z-index: 1
}

.dog--standart {
    background: #ebebeb
}

.dog--standart__content {
    width: 300px;
    min-height: 250px
}

@media only screen and (min-width: 64em) {
    .dog--standart__content {
        min-width: 990px;
        min-height: 250px
    }
}

.dog--aside {
    width: 300px;
    min-height: 250px
}

.dog--fullscreen {
    font-size: 0
}

.dog__content {
    overflow: hidden;
    text-align: center
}

.dog__content--300x250 {
    height: 250px
}

.dog__text {
    display: none
}

@media only screen and (min-width: 64em) {
    .dog__text {
        display: block;
        position: absolute;
        top: -15px;
        left: 0;
        font-family: Rubik, sans-serif;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: .02em;
        font-size: 9px;
        line-height: 1.11111em;
        color: #bfbfbf
    }
}

.dog--slot-300x150 {
    min-height: 150px;
    max-height: 250px
}

.dog .scrollback-inner {
    width: 100%;
    z-index: 2
}

.cookie-pane {
    position: fixed;
    width: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    background: #f1f1f1
}

@media only screen and (min-width: 48em) {
    .cookie-pane__inner {
        max-width: 800px;
        margin: auto !important;
        width: 80%;
        text-align: center
    }
}

.cookie-pane__text {
    font-size: 14px;
    line-height: 1.42857em;
    font-family: Rubik, sans-serif;
    font-weight: 100
}

.cookie-pane__text-link {
    text-decoration: none;
    border: 0
}

@media only screen and (max-width: 47.9375em) {
    .cookie-pane__text-link {
        display: block
    }

    .cookie-pane__btn {
        font-size: 12px
    }
}

.cookie-pane-dropdown-enter-active, .cookie-pane-dropdown-leave-active {
    -webkit-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s
}

.cookie-pane-dropdown-enter, .cookie-pane-dropdown-leave-to {
    top: -100%
}

.datepicker {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.16667em;
    color: #000
}

.datepicker:before, .dropdown-select__selected-item:after {
    position: absolute;
    content: "";
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #bc0023 transparent transparent;
    top: 23px;
    right: 10px;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.datepicker > div:not(.datepicker__calendar) {
    position: relative;
    z-index: 2;
    cursor: pointer
}

.datepicker__calendar {
    width: 100% !important;
    border: 1px solid #000 !important;
    border-top: none !important
}

.datepicker__calendar .cell.selected {
    background: #bc0023 !important
}

.datepicker__calendar .cell:not(.blank):not(.disabled).day:hover {
    border: 1px solid #bc0023 !important
}

.datepicker__input {
    padding: 0 10px;
    position: relative
}

.datepicker .vdp-datepicker__clear-button {
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -7px;
    font-size: 16px;
    line-height: 1em;
    color: #000
}

.dropdown-select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 50px;
    position: relative;
    min-width: 160px
}

.dropdown-select--opened {
    height: 49px
}

.dropdown-select__selected-item {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 4em;
    color: #000;
    border: 1px solid #000;
    padding: 0 10px;
    cursor: pointer;
    list-style: none
}

.dropdown-select--opened .dropdown-select__selected-item {
    border-bottom: none
}

.dropdown-select--opened .dropdown-select__selected-item:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.dropdown-select__options {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 100%;
    z-index: 1000;
    width: 100%;
    max-height: 245px;
    overflow-x: hidden;
    overflow-y: scroll;
    list-style: none;
    text-align: left;
    background-color: #fff;
    border: 1px solid #000;
    border-top: none
}

.dropdown-select__item {
    padding: 0 10px;
    overflow: hidden;
    position: relative;
    margin: 0;
    list-style: none
}

.dropdown-select__item--selected {
    display: none
}

.dropdown-select__item-link {
    border-top: 1px solid #ebebeb;
    cursor: pointer;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.dropdown-select__item-link, .dropdown-select__item-link:hover {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 4em;
    color: #000
}

.header-tags {
    text-align: center
}

.header-tags__item {
    display: inline-block;
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.28571em
}

.header-tags__item + .header-tags__item:before {
    content: '/';
    margin: 0 10px;
    color: #bfbfbf
}

.header {
    min-width: 320px;
    min-height: 40px;
    background: #fff;
    z-index: 10
}

@media only screen and (min-width: 48em) {
    .header {
        border-bottom: 1px solid #ebebeb
    }
}

.header__inner {
    position: relative;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    -webkit-box-sizing: border-box;
    z-index: 9;
    box-sizing: border-box
}

@media only screen and (min-width: 48em) {
    .header__inner {
        display: table;
        height: auto;
        padding-right: 0;
        padding-left: 14px
        z-index: 1000;
    }
}

@media only screen and (min-width: 101.75em) {
    .header__inner {
        padding-left: 0
    }
}

.header__aside {
    display: none
}

@media only screen and (min-width: 48em) {
    .header__aside, .header__body {
        display: table-cell;
        vertical-align: middle
    }

    .header__body {
        width: 100%;
        vertical-align: top
    }
}

.header__top {
    display: none
}

@media only screen and (min-width: 48em) {
    .header__top {
        display: block;
        height: 58px;
        border-bottom: 1px solid #ebebeb
    }
}

.header__navbar {
    height: 40px
}

@media only screen and (min-width: 48em) {
    .header__navbar {
        height: 58px
    }
}

.header__left {
    float: left
}

.header__right {
    float: right;
    padding-right: 14px
}

@media only screen and (min-width: 101.75em) {
    .header__right {
        padding-right: 0
    }
}

.header__subscribe {
    display: none;
    margin-top: 13px;
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.16667em;
    color: #bfbfbf;
    text-decoration: none;
    fill: #bfbfbf;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

@media only screen and (min-width: 48em) {
    .header__subscribe {
        display: inline-block;
        margin-top: 22px
    }
}

.header__subscribe:hover {
    color: #000;
    fill: #000
}

.header__soc {
    margin-top: 20px
}

.header__soc-link {
    margin-left: 18px
}

.item-11 {
    display: table;
    width: 100%;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 1px 1px 1px 0 #ebebeb;
    box-shadow: 1px 1px 1px 0 #ebebeb
}

.item-11__media {
    display: table-cell;
    padding: 8px 0 8px 8px;
    vertical-align: top;
    width: 20%
}

@media only screen and (min-width: 64em) {
    .item-11__media {
        width: 14.28571%
    }
}

.item-11__media img {
    border-radius: 100%
}

.item-11__text {
    display: table-cell;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    width: 80%
}

@media only screen and (min-width: 64em) {
    .item-11__text {
        width: 85.71429%
    }
}

@media only screen and (max-width: 63.9375em) {
    .item-11__link {
        display: block;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 130px;
        white-space: nowrap
    }
}

.item-12 {
    display: table;
    width: 100%
}

@media only screen and (min-width: 64em) {
    .item-12 {
        display: block
    }
}

.item-12__media {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding-right: 7px
}

@media only screen and (min-width: 64em) {
    .item-12__media {
        display: block;
        width: 100%;
        padding: 0
    }
}

.item-12__text {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-left: 7px
}

@media only screen and (min-width: 64em) {
    .item-12__text {
        display: block;
        width: 100%;
        padding: 0
    }
}

.item-3 {
    display: table;
    width: 100%
}

.item-3__media, .item-3__text {
    display: table-cell;
    vertical-align: top;
    width: 50%
}

.item-3__text {
    vertical-align: middle
}

@media only screen and (min-width: 64em) {
    .item-4__text {
        position: absolute;
        left: 50px;
        right: 50px;
        bottom: 118px;
        margin-left: auto;
        margin-right: auto;
        max-width: 920px;
        z-index: 1;
        text-align: center
    }

    .item-4__link-wrap {
        background: #fff;
        font-size: 30px;
        line-height: 0
    }
}

.item-4__link {
    vertical-align: -2px
}

.item-4__bottom {
    position: absolute;
    left: 50%;
    bottom: 50px;
    margin-left: -28px
}

@media only screen and (min-width: 64em) {
    .item-5__text {
        position: absolute;
        left: 50px;
        right: 50px;
        bottom: 50px;
        z-index: 1
    }
}

.item-5__link-wrap {
    background: #fff;
    font-size: 20px;
    line-height: 0
}

.item-5__link {
    vertical-align: -1px
}

.item-6 {
    display: table;
    width: 100%
}

@media only screen and (min-width: 64em) {
    .item-6 {
        display: block
    }
}

.item-6__media {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding-right: 7px
}

@media only screen and (min-width: 64em) {
    .item-6__media {
        display: block;
        width: 100%;
        padding: 0
    }
}

.item-6__text {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-left: 7px
}

@media only screen and (min-width: 64em) {
    .item-6__text {
        display: block;
        width: 100%;
        padding: 0
    }

    .item-7 {
        display: table;
        width: 100%
    }

    .item-7__media, .item-7__text {
        display: table-cell;
        vertical-align: top;
        width: 66.66667%
    }

    .item-7__text {
        vertical-align: middle;
        width: 33.33333%
    }

    .item-8 {
        display: table;
        width: 100%
    }

    .item-8__media, .item-8__text {
        display: table-cell;
        vertical-align: top;
        width: 50%
    }

    .item-8__text {
        vertical-align: middle;
        text-align: right
    }

    .item-9__text {
        text-align: center
    }
}

@media only screen and (min-width: 64em) {
    .item:hover .item__title {
        color: #bc0023;
        -webkit-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s
    }
}

@media only screen and (min-width: 64em) and (min-width: 64em) {
    .item:hover .item__tag:before {
        width: 100%
    }
}

.item, .item__media {
    position: relative
}

.item__media img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.item__media, .item__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item__link {
    text-decoration: none
}

@media only screen and (min-width: 64em) {
    .lr-carousel {
        min-height: 100%
    }
}

.lr-carousel__loader {
    position: absolute;
    z-index: 90;
    background-color: #ebebeb;
    width: 100%;
    height: 100%
}

.lr-carousel__loader .svg {
    position: absolute;
    top: 45vh;
    left: 45vw
}

.lr-carousel__frame {
    overflow: hidden
}

@media only screen and (min-width: 64em) {
    .lr-carousel__frame {
        height: 100vh
    }
}

.lr-carousel__slides {
    width: 100%;
    white-space: nowrap
}

@media only screen and (min-width: 64em) {
    .lr-carousel__slides {
        height: 100vh
    }
}

.lr-carousel__slide {
    width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    white-space: normal;
    min-height: 100%
}

.more-items {
    font-size: 10px;
    line-height: 1em;
    font-family: Rubik, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .19em;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    padding: 12px 3px 10px;
    cursor: pointer
}

.navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: #fff
}

@media only screen and (min-width: 48em) {
    .navbar {
        position: relative
    }
}

.navbar--fixed {
    position: fixed
}

@media only screen and (min-width: 48em) {
    .navbar--fixed {
        border-bottom: 1px solid #ebebeb
    }
}

.navbar__inner {
    position: relative;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #ebebeb;
    background: #fff;
    z-index: 10
}

@media only screen and (min-width: 48em) {
    .navbar__inner {
        height: 58px;
        border-bottom: 0
    }
}

.navbar__left, .navbar__right {
    position: absolute;
    top: 0;
    height: 40px
}

@media only screen and (min-width: 48em) {
    .navbar__left, .navbar__right {
        height: 58px
    }
}

.navbar__left {
    left: 14px
}

@media only screen and (min-width: 48em) {
    .navbar__left {
        display: inline-flex;
        left: 0
    }
}

.navbar__right {
    right: 14px
}

@media only screen and (min-width: 101.75em) {
    .navbar__right {
        right: 0
    }
}

.navbar__middle {
    left: 0;
    width: 100%;
    text-align: center
}

@media only screen and (min-width: 48em) {
    .navbar__middle {
        display: none
    }
}

.navbar__menu {
    margin-top: 6px
}

@media only screen and (min-width: 48em) {
    .navbar__menu {
        display: none
    }
}

.navbar__logo, .navbar__search {
    display: inline-block;
    margin-top: 0px
}

.navbar__search {
    margin-top: 11px
}

@media only screen and (min-width: 48em) {
    .navbar__search {
        margin-top: 20px
    }
}

.navbar__search-close {
    display: inline-block;
    margin-top: 12px
}

@media only screen and (min-width: 48em) {
    .navbar__search-close {
        margin-top: 21px
    }
}

.navbar__logo-compact {
    padding-right: 11px;
    padding-left: 12px;
    margin-top: -1px
}

.navbar__block {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width: 48em) {
    .navbar__block--1x1 {
        width: 58px;
        height: 58px;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .navbar__block--left {
        border-left: 1px solid #ebebeb
    }
}

.navbar__dropdown {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    position: fixed;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-width: 320px;
    background: #fff;
    overflow-y: auto;
    -webkit-transform: translateY(-101%);
    -ms-transform: translateY(-101%);
    transform: translateY(-101%);
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

@media only screen and (min-width: 48em) {
    .navbar__dropdown {
        display: none !important
    }
}

.navbar__dropdown.-active {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.navbar__bottom {
    position: relative;
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    /*flex-grow: 1;*/
    min-height: 250px
}

.nav {
    min-width: 320px
}

.nav--dropdown {
    position: relative
}

.nav--dropdown:before {
    content: "";
    z-index: 1;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #ebebeb
}

.nav__item {
    /*font-family: Rubik, sans-serif;*/
    /*font-weight: 300;*/
    /*font-size: 15px;*/
    /*line-height: 1em;*/
    /*color: #000;*/
    /*border-bottom: 1px solid #ebebeb;*/
    /*padding: 15px*/
}

@media only screen and (min-width: 48em) {
    .nav__item {
        border: 0;
        padding: 0
    }
}

.nav__item:nth-child(odd) {
    border-right: 0px solid #ebebeb
}

@media only screen and (min-width: 48em) {
    .nav__item:nth-child(odd) {
        border: 0
    }
}

.nav__item--main {
    font-weight: 500
}

@media only screen and (min-width: 48em) {
    .nav__item--main {
        /*display: inline-block;*/
        /*vertical-align: top;*/
        /*padding-top: 21px;*/
        /*padding-bottom: 22px;*/
        /*padding-right: 20px;*/
        /*border: 0;*/
        /*font-weight: 300*/
    }
}

.nav__item--submenu {
    font-weight: 300
}

@media only screen and (min-width: 48em) {
    .nav__item--submenu {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.nav__item--dropdown {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-height: 58px;
    background: #fff
}

.nav__item--dropdown:hover .nav__trigger:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.nav__item--dropdown:hover .nav__dropdown {
    max-height: initial
}

.nav__item--dropdown:hover .nav__dropdown-inner {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.nav__link {
    color: #000;
    text-decoration: none;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.nav__link:hover {
    color: #bfbfbf
}

.nav__trigger {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-top: 21px;
    padding-bottom: 22px;
    padding-right: 15px;
    font-weight: 300;
    font-size: 15px;
    line-height: 1em;
    cursor: default
}

.nav__trigger:after {
    position: absolute;
    content: "";
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #bc0023 transparent transparent;
    top: 27px;
    right: 0;
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.nav__dropdown {
    position: absolute;
    top: 100%;
    max-height: 0;
    overflow: hidden
}

.nav__dropdown--item {
    left: -20px;
    white-space: nowrap
}

.nav__dropdown-inner {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-top: 0;
    -webkit-transition: transform .2s ease 0s;
    -o-transition: transform .2s ease 0s;
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

#js-old-browser-alert {
    position: fixed;
    background: #fff;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1000
}

.old-browser {
    position: relative;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 1000
}

.browsers {
    border: 0;
    border-collapse: collapse;
    width: 100%
}

.browsers__col {
    width: 20%;
    text-align: center;
    padding: 0 5px;
    vertical-align: top
}

.browsers__logo {
    display: block;
    height: 76px;
    margin-bottom: 5px
}

.pageblock__header {
    text-align: center;
    text-transform: uppercase
}

.scroll-next {
    position: relative;
    z-index: 1
}

@media only screen and (min-width: 64em) {
    .scroll-next {
        width: 300px;
        min-height: 520px;
        padding-bottom: 55px
    }
}

.scroll-next__media {
    width: 100%;
    min-height: 75%
}

.scroll-next__info {
    position: relative
}

@media only screen and (min-width: 64em) {
    .scroll-next__info {
        border: 1px solid #ebebeb;
        border-bottom: 0
    }

    .scroll-next__info:after, .scroll-next__info:before {
        display: block;
        position: absolute;
        content: "";
        z-index: 1;
        bottom: -38px;
        width: 166px;
        height: 70px;
        background: #fff;
        border-bottom: 1px solid #ebebeb
    }

    .scroll-next__info:before {
        left: 6px;
        -webkit-transform: rotate(25deg);
        -ms-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    .scroll-next__info:after {
        right: 6px;
        -webkit-transform: rotate(-25deg);
        -ms-transform: rotate(-25deg);
        transform: rotate(-25deg)
    }
}

.scroll-next__text {
    position: relative;
    background: #fff;
    z-index: 5
}

@media only screen and (min-width: 64em) {
    .scroll-next__text {
        margin: 15px
    }
}

.search-adlist-show-all {
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 1px 1px 1px 0 #ebebeb;
    box-shadow: 1px 1px 1px 0 #ebebeb;
    padding: 14px
}

.search-input-tag {
    display: inline-block;
    vertical-align: middle
}

.search-line {
    position: relative
}

@media only screen and (max-width: 63.9375em) {
    .search-line__link {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        word-break: break-all;
        word-wrap: break-word
    }
}

.search-overlay {
    position: fixed;
    top: -11px!important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #fff;
    margin-top: -1px;
    overflow: auto;
    padding-top: 110px!important;
    padding-bottom: 90px;
    -webkit-transform: translateY(70px);
    -ms-transform: translateY(70px);
    transform: translateY(70px)
}

@media only screen and (min-width: 48em) {
    .search-overlay {
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 120px
    }
}

@media only screen and (min-width: 64em) {
    .search-overlay {
        right: 0px;
        z-index: 1;
    }
}

.search-photo-item {
    position: relative
}

.search-photo-item__img, .subscribe-type-1 {
    background-size: cover;
    background-repeat: no-repeat
}

.search-photo-item__img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    background-position: center center
}

.subscribe-type-1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 240px;
    background-color: #ebebeb;
    background-position: bottom;

}

@media only screen and (min-width: 20.125em) {
    .subscribe-type-1 {

    }
}

@media only screen and (min-width: 35.5em) {
    .subscribe-type-1 {
        background-position: 50% 50%;

    }
}

.subscribe-type-1__form {
    width: 100%;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.subscribe-type-1__header {
    position: absolute;
    top: 25px;
    left: 15px;
    right: 15px
}

.subscribe-type-1__title {
    margin-bottom: 5px
}

.subscribe-type-1__text span, .subscribe-type-1__title span {
    font-family: Rubik, sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.05em;
    background: #fff
}

.subscribe-type-1__text span {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.16667em
}

.subscribe-type-2--navbar {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px
}

.subscribe-type-2__title {
    margin-bottom: 10px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: 30px;
    line-height: .9em;
    text-align: center;
    max-height: 85px;
    overflow: hidden
}

@media only screen and (min-width: 64em) {
    .subscribe-type-2__title {
        max-height: none;
        font-size: 60px;
        text-align: left
    }
}

.subscribe-type-2__title span {
    display: inline-block;
    padding-bottom: 5px
}

.subscribe-type-2__text {
    height: 45px;
    overflow: hidden;
    margin-bottom: 15px;
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.33333em;
    text-align: center
}

@media only screen and (min-width: 64em) {
    .subscribe-type-2__text {
        height: auto;
        margin-bottom: 20px;
        font-weight: 500;
        font-size: 14px;
        line-height: 1.5em;
        text-align: left
    }
}

.team-page__postion-title {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.57143em;
    letter-spacing: .2em
}

@media only screen and (min-width: 64em) {
    .team-page__postion-title {
        font-size: 20px;
        line-height: 1.45em
    }
}

.team-page__postion-name {
    font-family: Rubik, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.42857em;
    display: block
}

@media only screen and (min-width: 64em) {
    .team-page__postion-name {
        font-size: 15px;
        line-height: 1.53333em;
        display: inline-block
    }
}

.team-page__postion-fio {
    font-family: Rubik, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.42857em;
    display: block;
    text-transform: uppercase
}

@media only screen and (min-width: 64em) {
    .team-page__postion-fio {
        font-size: 15px;
        line-height: 1.53333em;
        display: inline-block
    }
}

.zoom, .zoom__image {
    position: absolute;
    top: 0;
    left: 0
}

.zoom {
    bottom: 0;
    right: 0;
    background: #ebebeb;
    min-height: 100vh;
    overflow: hidden
}

.zoom__image {
    width: 100%
}

.zoom__image img {
    width: inherit;
    height: inherit;
    max-width: initial
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
    width: 100%;
    height: 0
}

.clearfix:after {
    clear: both
}

.show-block {
    display: block
}

.show-inline {
    display: inline
}

.show-inline-block {
    display: inline-block
}

.show-table {
    display: table
}

.show-table-cell {
    display: table-cell
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive:before {
    display: block;
    content: ""
}

.embed-responsive--1by1:before {
    padding-top: 100%
}

.embed-responsive--16by9:before {
    padding-top: 56.25%
}

.embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video, .embed-responsive__item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.font-light {
    font-weight: 300
}

.font-bold {
    font-weight: 500
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.circle, .round {
    border-radius: 4px;
    overflow: hidden
}

.circle {
    border-radius: 100%
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.valign-top {
    vertical-align: top
}

.valign-bottom {
    vertical-align: bottom
}

.valign-middle {
    vertical-align: middle
}

.valign-text-top {
    vertical-align: text-top
}

.valign-text-bottom {
    vertical-align: text-bottom
}

.show-inline-to-sm, .show-to-sm {
    display: none !important
}

@media only screen and (max-width: 35.4375em) {
    .show-to-sm {
        display: block !important
    }

    .show-inline-to-sm {
        display: inline-block !important
    }

    .hide-to-sm {
        display: none !important
    }
}

.show-inline-sm-to-md, .show-sm-to-md {
    display: none !important
}

@media only screen and (min-width: 35.5em) and (max-width: 47.9375em) {
    .show-sm-to-md {
        display: block !important
    }

    .show-inline-sm-to-md {
        display: inline-block !important
    }

    .hide-sm-to-md {
        display: none !important
    }
}

.show-inline-sm-to-lg, .show-sm-to-lg {
    display: none !important
}

@media only screen and (min-width: 35.5em) and (max-width: 63.9375em) {
    .show-sm-to-lg {
        display: block !important
    }

    .show-inline-sm-to-lg {
        display: inline-block !important
    }

    .hide-sm-to-lg {
        display: none !important
    }
}

.show-inline-sm-to-xl, .show-sm-to-xl {
    display: none !important
}

@media only screen and (min-width: 35.5em) and (max-width: 79.9375em) {
    .show-sm-to-xl {
        display: block !important
    }

    .show-inline-sm-to-xl {
        display: inline-block !important
    }

    .hide-sm-to-xl {
        display: none !important
    }
}

.show-inline-sm-to-xxl, .show-sm-to-xxl {
    display: none !important
}

@media only screen and (min-width: 35.5em) and (max-width: 99.9375em) {
    .show-sm-to-xxl {
        display: block !important
    }

    .show-inline-sm-to-xxl {
        display: inline-block !important
    }

    .hide-sm-to-xxl {
        display: none !important
    }
}

.show-inline-to-md, .show-to-md {
    display: none !important
}

@media only screen and (max-width: 47.9375em) {
    .show-to-md {
        display: block !important
    }

    .show-inline-to-md {
        display: inline-block !important
    }

    .hide-to-md {
        display: none !important
    }
}

.show-inline-md-to-lg, .show-md-to-lg {
    display: none !important
}

@media only screen and (min-width: 48em) and (max-width: 63.9375em) {
    .show-md-to-lg {
        display: block !important
    }

    .show-inline-md-to-lg {
        display: inline-block !important
    }

    .hide-md-to-lg {
        display: none !important
    }
}

.show-inline-md-to-xl, .show-md-to-xl {
    display: none !important
}

@media only screen and (min-width: 48em) and (max-width: 79.9375em) {
    .show-md-to-xl {
        display: block !important
    }

    .show-inline-md-to-xl {
        display: inline-block !important
    }

    .hide-md-to-xl {
        display: none !important
    }
}

.show-inline-md-to-xxl, .show-md-to-xxl {
    display: none !important
}

@media only screen and (min-width: 48em) and (max-width: 99.9375em) {
    .show-md-to-xxl {
        display: block !important
    }

    .show-inline-md-to-xxl {
        display: inline-block !important
    }

    .hide-md-to-xxl {
        display: none !important
    }
}

.show-inline-to-lg, .show-to-lg {
    display: none !important
}

@media only screen and (max-width: 63.9375em) {
    .show-to-lg {
        display: block !important
    }

    .show-inline-to-lg {
        display: inline-block !important
    }

    .hide-to-lg {
        display: none !important
    }
}

.show-inline-lg-to-xl, .show-lg-to-xl {
    display: none !important
}

@media only screen and (min-width: 64em) and (max-width: 79.9375em) {
    .show-lg-to-xl {
        display: block !important
    }

    .show-inline-lg-to-xl {
        display: inline-block !important
    }

    .hide-lg-to-xl {
        display: none !important
    }
}

.show-inline-lg-to-xxl, .show-lg-to-xxl {
    display: none !important
}

@media only screen and (min-width: 64em) and (max-width: 99.9375em) {
    .show-lg-to-xxl {
        display: block !important
    }

    .show-inline-lg-to-xxl {
        display: inline-block !important
    }

    .hide-lg-to-xxl {
        display: none !important
    }
}

.show-inline-to-xl, .show-to-xl {
    display: none !important
}

@media only screen and (max-width: 79.9375em) {
    .show-to-xl {
        display: block !important
    }

    .show-inline-to-xl {
        display: inline-block !important
    }

    .hide-to-xl {
        display: none !important
    }
}

.show-inline-xl-to-xxl, .show-xl-to-xxl {
    display: none !important
}

@media only screen and (min-width: 80em) and (max-width: 99.9375em) {
    .show-xl-to-xxl {
        display: block !important
    }

    .show-inline-xl-to-xxl {
        display: inline-block !important
    }

    .hide-xl-to-xxl {
        display: none !important
    }
}

.show-inline-to-xxl, .show-to-xxl {
    display: none !important
}

@media only screen and (max-width: 99.9375em) {
    .show-to-xxl {
        display: block !important
    }

    .show-inline-to-xxl {
        display: inline-block !important
    }

    .hide-to-xxl {
        display: none !important
    }
}

.show-from-sm, .show-inline-from-sm {
    display: none !important
}

@media only screen and (min-width: 35.5em) {
    .show-from-sm {
        display: block !important
    }

    .show-inline-from-sm {
        display: inline-block !important
    }

    .hide-from-sm {
        display: none !important
    }
}

.show-from-md, .show-inline-from-md {
    display: none !important
}

@media only screen and (min-width: 48em) {
    .show-from-md {
        display: block !important
    }

    .show-inline-from-md {
        display: inline-block !important
    }

    .hide-from-md {
        display: none !important
    }
}

.show-from-lg, .show-inline-from-lg {
    display: none !important
}

@media only screen and (min-width: 64em) {
    .show-from-lg {
        display: block !important
    }

    .show-inline-from-lg {
        display: inline-block !important
    }

    .hide-from-lg {
        display: none !important
    }
}

.show-from-xl, .show-inline-from-xl {
    display: none !important
}

@media only screen and (min-width: 80em) {
    .show-from-xl {
        display: block !important
    }

    .show-inline-from-xl {
        display: inline-block !important
    }

    .hide-from-xl {
        display: none !important
    }
}

.show-from-xxl, .show-inline-from-xxl {
    display: none !important
}

@media only screen and (min-width: 100em) {
    .show-from-xxl {
        display: block !important
    }

    .show-inline-from-xxl {
        display: inline-block !important
    }

    .hide-from-xxl {
        display: none !important
    }
}

.hide {
    display: none !important
}

.fadeDown-enter-active, .fadeDown-leave-active, .fadeInDown, .fadeInUp, .fadeOutDown, .fadeOutUp, .fadeUp-enter-active, .fadeUp-leave-active {
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeInUp, .fadeUp-enter-active {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.fadeOutUp, .fadeUp-leave-active {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-duration: 0s;
    animation-duration: 0s
}

.fadeDown-enter-active, .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.fadeDown-leave-active, .fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: 0s;
    animation-duration: 0s
}

.fadeIn-enter-active {
    -webkit-animation: fadeIn 1s ease 0s;
    animation: fadeIn 1s ease 0s
}

.fadeIn-leave-active {
    animation: fadeIn 1s ease 0s reverse
}

.bg-color-fb {
    background: #3c5995
}

.bg-color-vk {
    background: #507298
}

.bg-color-pin {
    background: #be0f20
}

.bg-color-inst {
    background: #666
}

.bg-color-flipboard {
    background: #f52828
}

.bg-color-yt {
    background: #cc181e
}

.bg-color-ggl {
    background: #d64136
}

.bg-color-tw {
    background: #67c9e8
}

.bg-color-ok {
    background: #ee8208
}

.bg-color-wapp {
    background: #82bb6c
}

.bg-color-tg {
    background: #5ea8c1
}

.bg-color-viber {
    background: #a06dac
}

.bg-color-main {
    background: #bc0023
}

.bg-color-dark {
    background: #000
}

.bg-color-grey-60 {
    background: #868686
}

.bg-color-grey-50 {
    background: #bfbfbf
}

.bg-color-grey-40 {
    background: #ebebeb
}

.bg-color-light {
    background: #fff
}

.pointer {
    cursor: pointer
}

.font-color-main {
    color: #bc0023
}

.font-color-dark {
    color: #000
}

.font-color-grey-60 {
    color: #868686
}

.font-color-grey-50 {
    color: #bfbfbf
}

.font-color-light {
    color: #fff
}

.uppercase {
    text-transform: uppercase
}

@media only screen and (max-width: 63.9375em) {
    .fullwidth-m {
        margin-left: -14px;
        margin-right: -14px
    }
}

@media only screen and (min-width: 64em) {
    .fullwidth-d {
        margin-left: -14px;
        margin-right: -14px
    }
}

.width100perc {
    width: 100%
}

.mt-0 {
    margin-top: 0
}

@media only screen and (min-width: 64em) {
    .mt-0-d {
        margin-top: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-0-m {
        margin-top: 0
    }
}

.mr-0 {
    margin-right: 0
}

@media only screen and (min-width: 64em) {
    .mr-0-d {
        margin-right: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-0-m {
        margin-right: 0
    }
}

.mb-0 {
    margin-bottom: 0
}

@media only screen and (min-width: 64em) {
    .mb-0-d {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-0-m {
        margin-bottom: 0
    }
}

.ml-0 {
    margin-left: 0
}

@media only screen and (min-width: 64em) {
    .ml-0-d {
        margin-left: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-0-m {
        margin-left: 0
    }
}

.mx-0 {
    margin-right: 0;
    margin-left: 0
}

@media only screen and (min-width: 64em) {
    .mx-0-d {
        margin-right: 0;
        margin-left: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-0-m {
        margin-right: 0;
        margin-left: 0
    }
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

@media only screen and (min-width: 64em) {
    .my-0-d {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-0-m {
        margin-top: 0;
        margin-bottom: 0
    }
}

.ma-0 {
    margin: 0
}

@media only screen and (min-width: 64em) {
    .ma-0-d {
        margin: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-0-m {
        margin: 0
    }
}

.mt-5 {
    margin-top: 5px
}

@media only screen and (min-width: 64em) {
    .mt-5-d {
        margin-top: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-5-m {
        margin-top: 5px
    }
}

.mr-5 {
    margin-right: 5px
}

@media only screen and (min-width: 64em) {
    .mr-5-d {
        margin-right: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-5-m {
        margin-right: 5px
    }
}

.mb-5 {
    margin-bottom: 5px
}

@media only screen and (min-width: 64em) {
    .mb-5-d {
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-5-m {
        margin-bottom: 5px
    }
}

.ml-5 {
    margin-left: 5px
}

@media only screen and (min-width: 64em) {
    .ml-5-d {
        margin-left: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-5-m {
        margin-left: 5px
    }
}

.mx-5 {
    margin-right: 5px;
    margin-left: 5px
}

@media only screen and (min-width: 64em) {
    .mx-5-d {
        margin-right: 5px;
        margin-left: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-5-m {
        margin-right: 5px;
        margin-left: 5px
    }
}

.my-5 {
    margin-top: 5px;
    margin-bottom: 5px
}

@media only screen and (min-width: 64em) {
    .my-5-d {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-5-m {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

.ma-5 {
    margin: 5px
}

@media only screen and (min-width: 64em) {
    .ma-5-d {
        margin: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-5-m {
        margin: 5px
    }
}

.mt-10 {
    margin-top: 10px
}

@media only screen and (min-width: 64em) {
    .mt-10-d {
        margin-top: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-10-m {
        margin-top: 10px
    }
}

.mr-10 {
    margin-right: 10px
}

@media only screen and (min-width: 64em) {
    .mr-10-d {
        margin-right: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-10-m {
        margin-right: 10px
    }
}

.mb-10 {
    margin-bottom: 10px
}

@media only screen and (min-width: 64em) {
    .mb-10-d {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-10-m {
        margin-bottom: 10px
    }
}

.ml-10 {
    margin-left: 10px
}

@media only screen and (min-width: 64em) {
    .ml-10-d {
        margin-left: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-10-m {
        margin-left: 10px
    }
}

.mx-10 {
    margin-right: 10px;
    margin-left: 10px
}

@media only screen and (min-width: 64em) {
    .mx-10-d {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-10-m {
        margin-right: 10px;
        margin-left: 10px
    }
}

.my-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

@media only screen and (min-width: 64em) {
    .my-10-d {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-10-m {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.ma-10 {
    margin: 10px
}

@media only screen and (min-width: 64em) {
    .ma-10-d {
        margin: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-10-m {
        margin: 10px
    }
}

.mt-15 {
    margin-top: 15px
}

@media only screen and (min-width: 64em) {
    .mt-15-d {
        margin-top: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-15-m {
        margin-top: 15px
    }
}

.mr-15 {
    margin-right: 15px
}

@media only screen and (min-width: 64em) {
    .mr-15-d {
        margin-right: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-15-m {
        margin-right: 15px
    }
}

.mb-15 {
    margin-bottom: 15px
}

@media only screen and (min-width: 64em) {
    .mb-15-d {
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-15-m {
        margin-bottom: 15px
    }
}

.ml-15 {
    margin-left: 15px
}

@media only screen and (min-width: 64em) {
    .ml-15-d {
        margin-left: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-15-m {
        margin-left: 15px
    }
}

.mx-15 {
    margin-right: 15px;
    margin-left: 15px
}

@media only screen and (min-width: 64em) {
    .mx-15-d {
        margin-right: 15px;
        margin-left: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-15-m {
        margin-right: 15px;
        margin-left: 15px
    }
}

.my-15 {
    margin-top: 15px;
    margin-bottom: 15px
}

@media only screen and (min-width: 64em) {
    .my-15-d {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-15-m {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.ma-15 {
    margin: 15px
}

@media only screen and (min-width: 64em) {
    .ma-15-d {
        margin: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-15-m {
        margin: 15px
    }
}

.mt-20 {
    margin-top: 20px
}

@media only screen and (min-width: 64em) {
    .mt-20-d {
        margin-top: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-20-m {
        margin-top: 20px
    }
}

.mr-20 {
    margin-right: 20px
}

@media only screen and (min-width: 64em) {
    .mr-20-d {
        margin-right: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-20-m {
        margin-right: 20px
    }
}

.mb-20 {
    margin-bottom: 20px
}

@media only screen and (min-width: 64em) {
    .mb-20-d {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-20-m {
        margin-bottom: 20px
    }
}

.ml-20 {
    margin-left: 20px
}

@media only screen and (min-width: 64em) {
    .ml-20-d {
        margin-left: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-20-m {
        margin-left: 20px
    }
}

.mx-20 {
    margin-right: 20px;
    margin-left: 20px
}

@media only screen and (min-width: 64em) {
    .mx-20-d {
        margin-right: 20px;
        margin-left: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-20-m {
        margin-right: 20px;
        margin-left: 20px
    }
}

.my-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

@media only screen and (min-width: 64em) {
    .my-20-d {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-20-m {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.ma-20 {
    margin: 20px
}

@media only screen and (min-width: 64em) {
    .ma-20-d {
        margin: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-20-m {
        margin: 20px
    }
}

.mt-25 {
    margin-top: 25px
}

@media only screen and (min-width: 64em) {
    .mt-25-d {
        margin-top: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-25-m {
        margin-top: 25px
    }
}

.mr-25 {
    margin-right: 25px
}

@media only screen and (min-width: 64em) {
    .mr-25-d {
        margin-right: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-25-m {
        margin-right: 25px
    }
}

.mb-25 {
    margin-bottom: 25px
}

@media only screen and (min-width: 64em) {
    .mb-25-d {
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-25-m {
        margin-bottom: 25px
    }
}

.ml-25 {
    margin-left: 25px
}

@media only screen and (min-width: 64em) {
    .ml-25-d {
        margin-left: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-25-m {
        margin-left: 25px
    }
}

.mx-25 {
    margin-right: 25px;
    margin-left: 25px
}

@media only screen and (min-width: 64em) {
    .mx-25-d {
        margin-right: 25px;
        margin-left: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-25-m {
        margin-right: 25px;
        margin-left: 25px
    }
}

.my-25 {
    margin-top: 25px;
    margin-bottom: 25px
}

@media only screen and (min-width: 64em) {
    .my-25-d {
        margin-top: 25px;
        margin-bottom: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-25-m {
        margin-top: 25px;
        margin-bottom: 25px
    }
}

.ma-25 {
    margin: 25px
}

@media only screen and (min-width: 64em) {
    .ma-25-d {
        margin: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-25-m {
        margin: 25px
    }
}

.mt-30 {
    margin-top: 30px
}

@media only screen and (min-width: 64em) {
    .mt-30-d {
        margin-top: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-30-m {
        margin-top: 30px
    }
}

.mr-30 {
    margin-right: 30px
}

@media only screen and (min-width: 64em) {
    .mr-30-d {
        margin-right: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-30-m {
        margin-right: 30px
    }
}

.mb-30 {
    margin-bottom: 30px
}

@media only screen and (min-width: 64em) {
    .mb-30-d {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-30-m {
        margin-bottom: 30px
    }
}

.ml-30 {
    margin-left: 30px
}

@media only screen and (min-width: 64em) {
    .ml-30-d {
        margin-left: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-30-m {
        margin-left: 30px
    }
}

.mx-30 {
    margin-right: 30px;
    margin-left: 30px
}

@media only screen and (min-width: 64em) {
    .mx-30-d {
        margin-right: 30px;
        margin-left: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-30-m {
        margin-right: 30px;
        margin-left: 30px
    }
}

.my-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

@media only screen and (min-width: 64em) {
    .my-30-d {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-30-m {
        margin-top: 30px;
        margin-bottom: 30px
    }
}

.ma-30 {
    margin: 30px
}

@media only screen and (min-width: 64em) {
    .ma-30-d {
        margin: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-30-m {
        margin: 30px
    }
}

.mt-35 {
    margin-top: 35px
}

@media only screen and (min-width: 64em) {
    .mt-35-d {
        margin-top: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-35-m {
        margin-top: 35px
    }
}

.mr-35 {
    margin-right: 35px
}

@media only screen and (min-width: 64em) {
    .mr-35-d {
        margin-right: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-35-m {
        margin-right: 35px
    }
}

.mb-35 {
    margin-bottom: 35px
}

@media only screen and (min-width: 64em) {
    .mb-35-d {
        margin-bottom: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-35-m {
        margin-bottom: 35px
    }
}

.ml-35 {
    margin-left: 35px
}

@media only screen and (min-width: 64em) {
    .ml-35-d {
        margin-left: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-35-m {
        margin-left: 35px
    }
}

.mx-35 {
    margin-right: 35px;
    margin-left: 35px
}

@media only screen and (min-width: 64em) {
    .mx-35-d {
        margin-right: 35px;
        margin-left: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-35-m {
        margin-right: 35px;
        margin-left: 35px
    }
}

.my-35 {
    margin-top: 35px;
    margin-bottom: 35px
}

@media only screen and (min-width: 64em) {
    .my-35-d {
        margin-top: 35px;
        margin-bottom: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-35-m {
        margin-top: 35px;
        margin-bottom: 35px
    }
}

.ma-35 {
    margin: 35px
}

@media only screen and (min-width: 64em) {
    .ma-35-d {
        margin: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-35-m {
        margin: 35px
    }
}

.mt-40 {
    margin-top: 40px
}

@media only screen and (min-width: 64em) {
    .mt-40-d {
        margin-top: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-40-m {
        margin-top: 40px
    }
}

.mr-40 {
    margin-right: 40px
}

@media only screen and (min-width: 64em) {
    .mr-40-d {
        margin-right: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-40-m {
        margin-right: 40px
    }
}

.mb-40 {
    margin-bottom: 40px
}

@media only screen and (min-width: 64em) {
    .mb-40-d {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-40-m {
        margin-bottom: 40px
    }
}

.ml-40 {
    margin-left: 40px
}

@media only screen and (min-width: 64em) {
    .ml-40-d {
        margin-left: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-40-m {
        margin-left: 40px
    }
}

.mx-40 {
    margin-right: 40px;
    margin-left: 40px
}

@media only screen and (min-width: 64em) {
    .mx-40-d {
        margin-right: 40px;
        margin-left: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-40-m {
        margin-right: 40px;
        margin-left: 40px
    }
}

.my-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

@media only screen and (min-width: 64em) {
    .my-40-d {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-40-m {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

.ma-40 {
    margin: 40px
}

@media only screen and (min-width: 64em) {
    .ma-40-d {
        margin: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-40-m {
        margin: 40px
    }
}

.mt-45 {
    margin-top: 45px
}

@media only screen and (min-width: 64em) {
    .mt-45-d {
        margin-top: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-45-m {
        margin-top: 45px
    }
}

.mr-45 {
    margin-right: 45px
}

@media only screen and (min-width: 64em) {
    .mr-45-d {
        margin-right: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-45-m {
        margin-right: 45px
    }
}

.mb-45 {
    margin-bottom: 45px
}

@media only screen and (min-width: 64em) {
    .mb-45-d {
        margin-bottom: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-45-m {
        margin-bottom: 45px
    }
}

.ml-45 {
    margin-left: 45px
}

@media only screen and (min-width: 64em) {
    .ml-45-d {
        margin-left: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-45-m {
        margin-left: 45px
    }
}

.mx-45 {
    margin-right: 45px;
    margin-left: 45px
}

@media only screen and (min-width: 64em) {
    .mx-45-d {
        margin-right: 45px;
        margin-left: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-45-m {
        margin-right: 45px;
        margin-left: 45px
    }
}

.my-45 {
    margin-top: 45px;
    margin-bottom: 45px
}

@media only screen and (min-width: 64em) {
    .my-45-d {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-45-m {
        margin-top: 45px;
        margin-bottom: 45px
    }
}

.ma-45 {
    margin: 45px
}

@media only screen and (min-width: 64em) {
    .ma-45-d {
        margin: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-45-m {
        margin: 45px
    }
}

.mt-50 {
    margin-top: 50px
}

@media only screen and (min-width: 64em) {
    .mt-50-d {
        margin-top: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-50-m {
        margin-top: 50px
    }
}

.mr-50 {
    margin-right: 50px
}

@media only screen and (min-width: 64em) {
    .mr-50-d {
        margin-right: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-50-m {
        margin-right: 50px
    }
}

.mb-50 {
    margin-bottom: 50px
}

@media only screen and (min-width: 64em) {
    .mb-50-d {
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-50-m {
        margin-bottom: 50px
    }
}

.ml-50 {
    margin-left: 50px
}

@media only screen and (min-width: 64em) {
    .ml-50-d {
        margin-left: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-50-m {
        margin-left: 50px
    }
}

.mx-50 {
    margin-right: 50px;
    margin-left: 50px
}

@media only screen and (min-width: 64em) {
    .mx-50-d {
        margin-right: 50px;
        margin-left: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-50-m {
        margin-right: 50px;
        margin-left: 50px
    }
}

.my-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

@media only screen and (min-width: 64em) {
    .my-50-d {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-50-m {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

.ma-50 {
    margin: 50px
}

@media only screen and (min-width: 64em) {
    .ma-50-d {
        margin: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-50-m {
        margin: 50px
    }
}

.mt-55 {
    margin-top: 55px
}

@media only screen and (min-width: 64em) {
    .mt-55-d {
        margin-top: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-55-m {
        margin-top: 55px
    }
}

.mr-55 {
    margin-right: 55px
}

@media only screen and (min-width: 64em) {
    .mr-55-d {
        margin-right: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-55-m {
        margin-right: 55px
    }
}

.mb-55 {
    margin-bottom: 55px
}

@media only screen and (min-width: 64em) {
    .mb-55-d {
        margin-bottom: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-55-m {
        margin-bottom: 55px
    }
}

.ml-55 {
    margin-left: 55px
}

@media only screen and (min-width: 64em) {
    .ml-55-d {
        margin-left: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-55-m {
        margin-left: 55px
    }
}

.mx-55 {
    margin-right: 55px;
    margin-left: 55px
}

@media only screen and (min-width: 64em) {
    .mx-55-d {
        margin-right: 55px;
        margin-left: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-55-m {
        margin-right: 55px;
        margin-left: 55px
    }
}

.my-55 {
    margin-top: 55px;
    margin-bottom: 55px
}

@media only screen and (min-width: 64em) {
    .my-55-d {
        margin-top: 55px;
        margin-bottom: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-55-m {
        margin-top: 55px;
        margin-bottom: 55px
    }
}

.ma-55 {
    margin: 55px
}

@media only screen and (min-width: 64em) {
    .ma-55-d {
        margin: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-55-m {
        margin: 55px
    }
}

.mt-70 {
    margin-top: 70px
}

@media only screen and (min-width: 64em) {
    .mt-70-d {
        margin-top: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-70-m {
        margin-top: 70px
    }
}

.mr-70 {
    margin-right: 70px
}

@media only screen and (min-width: 64em) {
    .mr-70-d {
        margin-right: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-70-m {
        margin-right: 70px
    }
}

.mb-70 {
    margin-bottom: 70px
}

@media only screen and (min-width: 64em) {
    .mb-70-d {
        margin-bottom: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-70-m {
        margin-bottom: 70px
    }
}

.ml-70 {
    margin-left: 70px
}

@media only screen and (min-width: 64em) {
    .ml-70-d {
        margin-left: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-70-m {
        margin-left: 70px
    }
}

.mx-70 {
    margin-right: 70px;
    margin-left: 70px
}

@media only screen and (min-width: 64em) {
    .mx-70-d {
        margin-right: 70px;
        margin-left: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-70-m {
        margin-right: 70px;
        margin-left: 70px
    }
}

.my-70 {
    margin-top: 70px;
    margin-bottom: 70px
}

@media only screen and (min-width: 64em) {
    .my-70-d {
        margin-top: 70px;
        margin-bottom: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-70-m {
        margin-top: 70px;
        margin-bottom: 70px
    }
}

.ma-70 {
    margin: 70px
}

@media only screen and (min-width: 64em) {
    .ma-70-d {
        margin: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-70-m {
        margin: 70px
    }
}

.mt-80 {
    margin-top: 80px
}

@media only screen and (min-width: 64em) {
    .mt-80-d {
        margin-top: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mt-80-m {
        margin-top: 80px
    }
}

.mr-80 {
    margin-right: 80px
}

@media only screen and (min-width: 64em) {
    .mr-80-d {
        margin-right: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mr-80-m {
        margin-right: 80px
    }
}

.mb-80 {
    margin-bottom: 80px
}

@media only screen and (min-width: 64em) {
    .mb-80-d {
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mb-80-m {
        margin-bottom: 80px
    }
}

.ml-80 {
    margin-left: 80px
}

@media only screen and (min-width: 64em) {
    .ml-80-d {
        margin-left: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ml-80-m {
        margin-left: 80px
    }
}

.mx-80 {
    margin-right: 80px;
    margin-left: 80px
}

@media only screen and (min-width: 64em) {
    .mx-80-d {
        margin-right: 80px;
        margin-left: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .mx-80-m {
        margin-right: 80px;
        margin-left: 80px
    }
}

.my-80 {
    margin-top: 80px;
    margin-bottom: 80px
}

@media only screen and (min-width: 64em) {
    .my-80-d {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .my-80-m {
        margin-top: 80px;
        margin-bottom: 80px
    }
}

.ma-80 {
    margin: 80px
}

@media only screen and (min-width: 64em) {
    .ma-80-d {
        margin: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .ma-80-m {
        margin: 80px
    }
}

.pt-0 {
    padding-top: 0
}

@media only screen and (min-width: 64em) {
    .pt-0-d {
        padding-top: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-0-m {
        padding-top: 0
    }
}

.pr-0 {
    padding-right: 0
}

@media only screen and (min-width: 64em) {
    .pr-0-d {
        padding-right: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-0-m {
        padding-right: 0
    }
}

.pb-0 {
    padding-bottom: 0
}

@media only screen and (min-width: 64em) {
    .pb-0-d {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-0-m {
        padding-bottom: 0
    }
}

.pl-0 {
    padding-left: 0
}

@media only screen and (min-width: 64em) {
    .pl-0-d {
        padding-left: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-0-m {
        padding-left: 0
    }
}

.px-0 {
    padding-right: 0;
    padding-left: 0
}

@media only screen and (min-width: 64em) {
    .px-0-d {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-0-m {
        padding-right: 0;
        padding-left: 0
    }
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (min-width: 64em) {
    .py-0-d {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-0-m {
        padding-top: 0;
        padding-bottom: 0
    }
}

.pa-0 {
    padding: 0
}

@media only screen and (min-width: 64em) {
    .pa-0-d {
        padding: 0
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-0-m {
        padding: 0
    }
}

.pt-5 {
    padding-top: 5px
}

@media only screen and (min-width: 64em) {
    .pt-5-d {
        padding-top: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-5-m {
        padding-top: 5px
    }
}

.pr-5 {
    padding-right: 5px
}

@media only screen and (min-width: 64em) {
    .pr-5-d {
        padding-right: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-5-m {
        padding-right: 5px
    }
}

.pb-5 {
    padding-bottom: 5px
}

@media only screen and (min-width: 64em) {
    .pb-5-d {
        padding-bottom: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-5-m {
        padding-bottom: 5px
    }
}

.pl-5 {
    padding-left: 5px
}

@media only screen and (min-width: 64em) {
    .pl-5-d {
        padding-left: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-5-m {
        padding-left: 5px
    }
}

.px-5 {
    padding-right: 5px;
    padding-left: 5px
}

@media only screen and (min-width: 64em) {
    .px-5-d {
        padding-right: 5px;
        padding-left: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-5-m {
        padding-right: 5px;
        padding-left: 5px
    }
}

.py-5 {
    padding-top: 5px;
    padding-bottom: 5px
}

@media only screen and (min-width: 64em) {
    .py-5-d {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-5-m {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.pa-5 {
    padding: 5px
}

@media only screen and (min-width: 64em) {
    .pa-5-d {
        padding: 5px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-5-m {
        padding: 5px
    }
}

.pt-10 {
    padding-top: 10px
}

@media only screen and (min-width: 64em) {
    .pt-10-d {
        padding-top: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-10-m {
        padding-top: 10px
    }
}

.pr-10 {
    padding-right: 10px
}

@media only screen and (min-width: 64em) {
    .pr-10-d {
        padding-right: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-10-m {
        padding-right: 10px
    }
}

.pb-10 {
    padding-bottom: 10px
}

@media only screen and (min-width: 64em) {
    .pb-10-d {
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-10-m {
        padding-bottom: 10px
    }
}

.pl-10 {
    padding-left: 10px
}

@media only screen and (min-width: 64em) {
    .pl-10-d {
        padding-left: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-10-m {
        padding-left: 10px
    }
}

.px-10 {
    padding-right: 10px;
    padding-left: 10px
}

@media only screen and (min-width: 64em) {
    .px-10-d {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-10-m {
        padding-right: 10px;
        padding-left: 10px
    }
}

.py-10 {
    padding-top: 10px;
    padding-bottom: 10px
}

@media only screen and (min-width: 64em) {
    .py-10-d {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-10-m {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.pa-10 {
    padding: 10px
}

@media only screen and (min-width: 64em) {
    .pa-10-d {
        padding: 10px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-10-m {
        padding: 10px
    }
}

.pt-15 {
    padding-top: 15px
}

@media only screen and (min-width: 64em) {
    .pt-15-d {
        padding-top: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-15-m {
        padding-top: 15px
    }
}

.pr-15 {
    padding-right: 15px
}

@media only screen and (min-width: 64em) {
    .pr-15-d {
        padding-right: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-15-m {
        padding-right: 15px
    }
}

.pb-15 {
    padding-bottom: 15px
}

@media only screen and (min-width: 64em) {
    .pb-15-d {
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-15-m {
        padding-bottom: 15px
    }
}

.pl-15 {
    padding-left: 15px
}

@media only screen and (min-width: 64em) {
    .pl-15-d {
        padding-left: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-15-m {
        padding-left: 15px
    }
}

.px-15 {
    padding-right: 15px;
    padding-left: 15px
}

@media only screen and (min-width: 64em) {
    .px-15-d {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-15-m {
        padding-right: 15px;
        padding-left: 15px
    }
}

.py-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

@media only screen and (min-width: 64em) {
    .py-15-d {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-15-m {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.pa-15 {
    padding: 15px
}

@media only screen and (min-width: 64em) {
    .pa-15-d {
        padding: 15px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-15-m {
        padding: 15px
    }
}

.pt-20 {
    padding-top: 20px
}

@media only screen and (min-width: 64em) {
    .pt-20-d {
        padding-top: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-20-m {
        padding-top: 20px
    }
}

.pr-20 {
    padding-right: 20px
}

@media only screen and (min-width: 64em) {
    .pr-20-d {
        padding-right: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-20-m {
        padding-right: 20px
    }
}

.pb-20 {
    padding-bottom: 20px
}

@media only screen and (min-width: 64em) {
    .pb-20-d {
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-20-m {
        padding-bottom: 20px
    }
}

.pl-20 {
    padding-left: 20px
}

@media only screen and (min-width: 64em) {
    .pl-20-d {
        padding-left: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-20-m {
        padding-left: 20px
    }
}

.px-20 {
    padding-right: 20px;
    padding-left: 20px
}

@media only screen and (min-width: 64em) {
    .px-20-d {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-20-m {
        padding-right: 20px;
        padding-left: 20px
    }
}

.py-20 {
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (min-width: 64em) {
    .py-20-d {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-20-m {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.pa-20 {
    padding: 20px
}

@media only screen and (min-width: 64em) {
    .pa-20-d {
        padding: 20px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-20-m {
        padding: 20px
    }
}

.pt-25 {
    padding-top: 25px
}

@media only screen and (min-width: 64em) {
    .pt-25-d {
        padding-top: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-25-m {
        padding-top: 25px
    }
}

.pr-25 {
    padding-right: 25px
}

@media only screen and (min-width: 64em) {
    .pr-25-d {
        padding-right: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-25-m {
        padding-right: 25px
    }
}

.pb-25 {
    padding-bottom: 25px
}

@media only screen and (min-width: 64em) {
    .pb-25-d {
        padding-bottom: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-25-m {
        padding-bottom: 25px
    }
}

.pl-25 {
    padding-left: 25px
}

@media only screen and (min-width: 64em) {
    .pl-25-d {
        padding-left: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-25-m {
        padding-left: 25px
    }
}

.px-25 {
    padding-right: 25px;
    padding-left: 25px
}

@media only screen and (min-width: 64em) {
    .px-25-d {
        padding-right: 25px;
        padding-left: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-25-m {
        padding-right: 25px;
        padding-left: 25px
    }
}

.py-25 {
    padding-top: 25px;
    padding-bottom: 25px
}

@media only screen and (min-width: 64em) {
    .py-25-d {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-25-m {
        padding-top: 25px;
        padding-bottom: 25px
    }
}

.pa-25 {
    padding: 25px
}

@media only screen and (min-width: 64em) {
    .pa-25-d {
        padding: 25px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-25-m {
        padding: 25px
    }
}

.pt-30 {
    padding-top: 30px
}

@media only screen and (min-width: 64em) {
    .pt-30-d {
        padding-top: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-30-m {
        padding-top: 30px
    }
}

.pr-30 {
    padding-right: 30px
}

@media only screen and (min-width: 64em) {
    .pr-30-d {
        padding-right: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-30-m {
        padding-right: 30px
    }
}

.pb-30 {
    padding-bottom: 30px
}

@media only screen and (min-width: 64em) {
    .pb-30-d {
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-30-m {
        padding-bottom: 30px
    }
}

.pl-30 {
    padding-left: 30px
}

@media only screen and (min-width: 64em) {
    .pl-30-d {
        padding-left: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-30-m {
        padding-left: 30px
    }
}

.px-30 {
    padding-right: 30px;
    padding-left: 30px
}

@media only screen and (min-width: 64em) {
    .px-30-d {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-30-m {
        padding-right: 30px;
        padding-left: 30px
    }
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

@media only screen and (min-width: 64em) {
    .py-30-d {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-30-m {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.pa-30 {
    padding: 30px
}

@media only screen and (min-width: 64em) {
    .pa-30-d {
        padding: 30px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-30-m {
        padding: 30px
    }
}

.pt-35 {
    padding-top: 35px
}

@media only screen and (min-width: 64em) {
    .pt-35-d {
        padding-top: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-35-m {
        padding-top: 35px
    }
}

.pr-35 {
    padding-right: 35px
}

@media only screen and (min-width: 64em) {
    .pr-35-d {
        padding-right: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-35-m {
        padding-right: 35px
    }
}

.pb-35 {
    padding-bottom: 35px
}

@media only screen and (min-width: 64em) {
    .pb-35-d {
        padding-bottom: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-35-m {
        padding-bottom: 35px
    }
}

.pl-35 {
    padding-left: 35px
}

@media only screen and (min-width: 64em) {
    .pl-35-d {
        padding-left: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-35-m {
        padding-left: 35px
    }
}

.px-35 {
    padding-right: 35px;
    padding-left: 35px
}

@media only screen and (min-width: 64em) {
    .px-35-d {
        padding-right: 35px;
        padding-left: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-35-m {
        padding-right: 35px;
        padding-left: 35px
    }
}

.py-35 {
    padding-top: 35px;
    padding-bottom: 35px
}

@media only screen and (min-width: 64em) {
    .py-35-d {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-35-m {
        padding-top: 35px;
        padding-bottom: 35px
    }
}

.pa-35 {
    padding: 35px
}

@media only screen and (min-width: 64em) {
    .pa-35-d {
        padding: 35px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-35-m {
        padding: 35px
    }
}

.pt-40 {
    padding-top: 40px
}

@media only screen and (min-width: 64em) {
    .pt-40-d {
        padding-top: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-40-m {
        padding-top: 40px
    }
}

.pr-40 {
    padding-right: 40px
}

@media only screen and (min-width: 64em) {
    .pr-40-d {
        padding-right: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-40-m {
        padding-right: 40px
    }
}

.pb-40 {
    padding-bottom: 40px
}

@media only screen and (min-width: 64em) {
    .pb-40-d {
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-40-m {
        padding-bottom: 40px
    }
}

.pl-40 {
    padding-left: 40px
}

@media only screen and (min-width: 64em) {
    .pl-40-d {
        padding-left: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-40-m {
        padding-left: 40px
    }
}

.px-40 {
    padding-right: 40px;
    padding-left: 40px
}

@media only screen and (min-width: 64em) {
    .px-40-d {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-40-m {
        padding-right: 40px;
        padding-left: 40px
    }
}

.py-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

@media only screen and (min-width: 64em) {
    .py-40-d {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-40-m {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.pa-40 {
    padding: 40px
}

@media only screen and (min-width: 64em) {
    .pa-40-d {
        padding: 40px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-40-m {
        padding: 40px
    }
}

.pt-45 {
    padding-top: 45px
}

@media only screen and (min-width: 64em) {
    .pt-45-d {
        padding-top: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-45-m {
        padding-top: 45px
    }
}

.pr-45 {
    padding-right: 45px
}

@media only screen and (min-width: 64em) {
    .pr-45-d {
        padding-right: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-45-m {
        padding-right: 45px
    }
}

.pb-45 {
    padding-bottom: 45px
}

@media only screen and (min-width: 64em) {
    .pb-45-d {
        padding-bottom: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-45-m {
        padding-bottom: 45px
    }
}

.pl-45 {
    padding-left: 45px
}

@media only screen and (min-width: 64em) {
    .pl-45-d {
        padding-left: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-45-m {
        padding-left: 45px
    }
}

.px-45 {
    padding-right: 45px;
    padding-left: 45px
}

@media only screen and (min-width: 64em) {
    .px-45-d {
        padding-right: 45px;
        padding-left: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-45-m {
        padding-right: 45px;
        padding-left: 45px
    }
}

.py-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

@media only screen and (min-width: 64em) {
    .py-45-d {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-45-m {
        padding-top: 45px;
        padding-bottom: 45px
    }
}

.pa-45 {
    padding: 45px
}

@media only screen and (min-width: 64em) {
    .pa-45-d {
        padding: 45px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-45-m {
        padding: 45px
    }
}

.pt-50 {
    padding-top: 50px
}

@media only screen and (min-width: 64em) {
    .pt-50-d {
        padding-top: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-50-m {
        padding-top: 50px
    }
}

.pr-50 {
    padding-right: 50px
}

@media only screen and (min-width: 64em) {
    .pr-50-d {
        padding-right: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-50-m {
        padding-right: 50px
    }
}

.pb-50 {
    padding-bottom: 50px
}

@media only screen and (min-width: 64em) {
    .pb-50-d {
        padding-bottom: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-50-m {
        padding-bottom: 50px
    }
}

.pl-50 {
    padding-left: 50px
}

@media only screen and (min-width: 64em) {
    .pl-50-d {
        padding-left: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-50-m {
        padding-left: 50px
    }
}

.px-50 {
    padding-right: 50px;
    padding-left: 50px
}

@media only screen and (min-width: 64em) {
    .px-50-d {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-50-m {
        padding-right: 50px;
        padding-left: 50px
    }
}

.py-50 {
    padding-top: 50px;
    padding-bottom: 50px
}

@media only screen and (min-width: 64em) {
    .py-50-d {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-50-m {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.pa-50 {
    padding: 50px
}

@media only screen and (min-width: 64em) {
    .pa-50-d {
        padding: 50px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-50-m {
        padding: 50px
    }
}

.pt-55 {
    padding-top: 55px
}

@media only screen and (min-width: 64em) {
    .pt-55-d {
        padding-top: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-55-m {
        padding-top: 55px
    }
}

.pr-55 {
    padding-right: 55px
}

@media only screen and (min-width: 64em) {
    .pr-55-d {
        padding-right: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-55-m {
        padding-right: 55px
    }
}

.pb-55 {
    padding-bottom: 55px
}

@media only screen and (min-width: 64em) {
    .pb-55-d {
        padding-bottom: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-55-m {
        padding-bottom: 55px
    }
}

.pl-55 {
    padding-left: 55px
}

@media only screen and (min-width: 64em) {
    .pl-55-d {
        padding-left: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-55-m {
        padding-left: 55px
    }
}

.px-55 {
    padding-right: 55px;
    padding-left: 55px
}

@media only screen and (min-width: 64em) {
    .px-55-d {
        padding-right: 55px;
        padding-left: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-55-m {
        padding-right: 55px;
        padding-left: 55px
    }
}

.py-55 {
    padding-top: 55px;
    padding-bottom: 55px
}

@media only screen and (min-width: 64em) {
    .py-55-d {
        padding-top: 55px;
        padding-bottom: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-55-m {
        padding-top: 55px;
        padding-bottom: 55px
    }
}

.pa-55 {
    padding: 55px
}

@media only screen and (min-width: 64em) {
    .pa-55-d {
        padding: 55px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-55-m {
        padding: 55px
    }
}

.pt-70 {
    padding-top: 70px
}

@media only screen and (min-width: 64em) {
    .pt-70-d {
        padding-top: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-70-m {
        padding-top: 70px
    }
}

.pr-70 {
    padding-right: 70px
}

@media only screen and (min-width: 64em) {
    .pr-70-d {
        padding-right: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-70-m {
        padding-right: 70px
    }
}

.pb-70 {
    padding-bottom: 70px
}

@media only screen and (min-width: 64em) {
    .pb-70-d {
        padding-bottom: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-70-m {
        padding-bottom: 70px
    }
}

.pl-70 {
    padding-left: 70px
}

@media only screen and (min-width: 64em) {
    .pl-70-d {
        padding-left: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-70-m {
        padding-left: 70px
    }
}

.px-70 {
    padding-right: 70px;
    padding-left: 70px
}

@media only screen and (min-width: 64em) {
    .px-70-d {
        padding-right: 70px;
        padding-left: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-70-m {
        padding-right: 70px;
        padding-left: 70px
    }
}

.py-70 {
    padding-top: 70px;
    padding-bottom: 70px
}

@media only screen and (min-width: 64em) {
    .py-70-d {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-70-m {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.pa-70 {
    padding: 70px
}

@media only screen and (min-width: 64em) {
    .pa-70-d {
        padding: 70px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-70-m {
        padding: 70px
    }
}

.pt-80 {
    padding-top: 80px
}

@media only screen and (min-width: 64em) {
    .pt-80-d {
        padding-top: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pt-80-m {
        padding-top: 80px
    }
}

.pr-80 {
    padding-right: 80px
}

@media only screen and (min-width: 64em) {
    .pr-80-d {
        padding-right: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pr-80-m {
        padding-right: 80px
    }
}

.pb-80 {
    padding-bottom: 80px
}

@media only screen and (min-width: 64em) {
    .pb-80-d {
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pb-80-m {
        padding-bottom: 80px
    }
}

.pl-80 {
    padding-left: 80px
}

@media only screen and (min-width: 64em) {
    .pl-80-d {
        padding-left: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pl-80-m {
        padding-left: 80px
    }
}

.px-80 {
    padding-right: 80px;
    padding-left: 80px
}

@media only screen and (min-width: 64em) {
    .px-80-d {
        padding-right: 80px;
        padding-left: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .px-80-m {
        padding-right: 80px;
        padding-left: 80px
    }
}

.py-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

@media only screen and (min-width: 64em) {
    .py-80-d {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .py-80-m {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.pa-80 {
    padding: 80px
}

@media only screen and (min-width: 64em) {
    .pa-80-d {
        padding: 80px
    }
}

@media only screen and (max-width: 63.9375em) {
    .pa-80-m {
        padding: 80px
    }
}

.link-inherit {
    color: inherit;
    text-decoration: inherit
}

.link-dark-border {
    position: relative;
    text-decoration: none;
    cursor: pointer
}

@media only screen and (max-width: 63.9375em) {
    .link-dark-border:active {
        border-bottom: 1px solid #000
    }
}

@media only screen and (min-width: 64em) {
    .link-dark-border:before {
        display: block;
        position: absolute;
        content: "";
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0;
        width: 0;
        height: 1px;
        background: #000
    }

    .link-dark-border:hover:before {
        -webkit-animation: border-bottom .2s ease 0s;
        animation: border-bottom .2s ease 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

.link-color-main {
    -webkit-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}

.link-color-main:hover {
    color: #bc0023
}

.link-color-main, .link-underline {
    text-decoration: none
}

.link-underline:hover, .link-underlined {
    text-decoration: underline
}

.link-underlined:hover {
    text-decoration: none
}

@media only screen and (max-width: 63.9375em) {
    .no-gutter-left-m {
        margin-left: -14px
    }

    .no-gutter-m, .no-gutter-right-m {
        margin-right: -14px
    }

    .no-gutter-m {
        margin-left: -14px
    }
}

@media only screen and (min-width: 64em) {
    .no-gutter-left-d {
        margin-left: -50px
    }

    .no-gutter-d, .no-gutter-right-d {
        margin-right: -50px
    }

    .no-gutter-d {
        margin-left: -50px
    }
}

.overflow-y {
    overflow-y: hidden
}

.overflow-x {
    overflow-x: hidden
}

.overflow-visible {
    overflow: visible !important
}

@media only screen and (min-width: 64em) {
    .pointer-events-none-d {
        pointer-events: none
    }

    .pointer-events-auto-d {
        pointer-events: auto
    }

    .float-left-d {
        float: left
    }

    .float-right-d {
        float: right
    }
}

.absolute--top {
    top: 0
}

.absolute--bottom {
    bottom: 0
}

.absolute--left {
    left: 0
}

.absolute--right {
    right: 0
}

.center-x-relative {
    margin-left: auto;
    margin-right: auto
}

.embed-responsive--2by1:before {
    padding-top: 50%
}

.embed-responsive--4by3:before {
    padding-top: 75%
}

.embed-responsive--3by4:before {
    padding-top: 133.33333%
}

.embed-responsive--29by18:before {
    padding-top: 62.06897%
}

.embed-responsive--14by22:before {
    padding-top: 157.14286%
}

.img-responsive, .img-responsive img {
    display: block;
    max-width: 100%;
    height: auto
}

.text-center-m {
    text-align: center
}

@media only screen and (min-width: 64em) {
    .text-center-m {
        text-align: left
    }
}

.nowrap {
    white-space: nowrap
}

@media only screen and (max-width: 63.9375em) {
    .nowrap-m {
        white-space: nowrap
    }
}

@media only screen and (min-width: 48em) and (max-width: 63.9375em) {
    .nowrap-t {
        white-space: nowrap
    }
}

@media only screen and (min-width: 64em) {
    .nowrap-d {
        white-space: nowrap
    }
}

