@import url("https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;600;700&display=swap");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none
}

a {
    text-decoration: none;
    border: 0
}

img {
    border: 0
}

input,
textarea {
    border: 0px solid transparent;
    background: transparent;
    outline: none;
    resize: none
}

button {
    border: none;
    outline: none;
    padding: 0;
    margin: 0
}

textarea {
    overflow: hidden
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1
}

.datepicker-container:after,
.datepicker-container:before {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.datepicker-dropdown {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1
}

.datepicker-inline {
    position: static
}

.datepicker-top-left,
.datepicker-top-right {
    border-top-color: #39f
}

.datepicker-top-left:after,
.datepicker-top-left:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
    border-top: 0;
    left: 10px;
    top: -5px
}

.datepicker-top-left:before,
.datepicker-top-right:before {
    border-bottom-color: #39f
}

.datepicker-top-left:after,
.datepicker-top-right:after {
    border-bottom-color: #fff;
    top: -4px
}

.datepicker-bottom-left,
.datepicker-bottom-right {
    border-bottom-color: #39f
}

.datepicker-bottom-left:after,
.datepicker-bottom-left:before,
.datepicker-bottom-right:after,
.datepicker-bottom-right:before {
    border-bottom: 0;
    bottom: -5px;
    left: 10px
}

.datepicker-bottom-left:before,
.datepicker-bottom-right:before {
    border-top-color: #39f
}

.datepicker-bottom-left:after,
.datepicker-bottom-right:after {
    border-top-color: #fff;
    bottom: -4px
}

.datepicker-bottom-right:after,
.datepicker-bottom-right:before,
.datepicker-top-right:after,
.datepicker-top-right:before {
    left: auto;
    right: 10px
}

.datepicker-panel>ul {
    margin: 0;
    padding: 0;
    width: 102%
}

.datepicker-panel>ul:after,
.datepicker-panel>ul:before {
    content: " ";
    display: table
}

.datepicker-panel>ul:after {
    clear: both
}

.datepicker-panel>ul>li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px
}

.datepicker-panel>ul>li:hover {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li.muted,
.datepicker-panel>ul>li.muted:hover {
    color: #999
}

.datepicker-panel>ul>li.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li.highlighted:hover {
    background-color: #cce5ff
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
    color: #39f
}

.datepicker-panel>ul>li.disabled,
.datepicker-panel>ul>li.disabled:hover {
    background-color: #fff;
    color: #ccc;
    cursor: default
}

.datepicker-panel>ul>li.disabled.highlighted,
.datepicker-panel>ul>li.disabled:hover.highlighted {
    background-color: #e5f2ff
}

.datepicker-panel>ul>li[data-view="month next"],
.datepicker-panel>ul>li[data-view="month prev"],
.datepicker-panel>ul>li[data-view="year next"],
.datepicker-panel>ul>li[data-view="year prev"],
.datepicker-panel>ul>li[data-view="years next"],
.datepicker-panel>ul>li[data-view="years prev"],
.datepicker-panel>ul>li[data-view=next] {
    font-size: 18px
}

.datepicker-panel>ul>li[data-view="month current"],
.datepicker-panel>ul>li[data-view="year current"],
.datepicker-panel>ul>li[data-view="years current"] {
    width: 150px
}

.datepicker-panel>ul[data-view=months]>li,
.datepicker-panel>ul[data-view=years]>li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px
}

.datepicker-panel>ul[data-view=week]>li,
.datepicker-panel>ul[data-view=week]>li:hover {
    background-color: #fff;
    cursor: default
}

.datepicker-hide {
    display: none
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Arial, sans-serif
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-max,
.irs-min {
    position: absolute;
    display: block;
    cursor: default
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,
.irs-single,
.irs-to {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: 0.4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs--flat {
    height: 40px
}

.irs--flat.irs-with-grid {
    height: 60px
}

.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: #ed5565
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9
}

.irs--flat .irs-handle {
    top: 22px;
    width: 16px;
    height: 18px;
    background-color: transparent
}

.irs--flat .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background-color: #da4453
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
    background-color: #a43540
}

.irs--flat .irs-max,
.irs--flat .irs-min {
    top: 0;
    padding: 1px 3px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to {
    color: white;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #ed5565;
    border-radius: 4px
}

.irs--flat .irs-from:before,
.irs--flat .irs-single:before,
.irs--flat .irs-to:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565
}

.irs--flat .irs-grid-pol {
    background-color: #e1e4e9
}

.irs--flat .irs-grid-text {
    color: #999
}

.irs--big {
    height: 55px
}

.irs--big.irs-with-grid {
    height: 70px
}

.irs--big .irs-line {
    top: 33px;
    height: 12px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, white 150%);
    border: 1px solid #ccc;
    border-radius: 12px
}

.irs--big .irs-bar {
    top: 33px;
    height: 12px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5)
}

.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px
}

.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66, 139, 202, 0.5)
}

.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
    border-radius: 30px
}

.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
    border-color: rgba(0, 0, 0, 0.45);
    background-color: #939ba7;
    background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)
}

.irs--big .irs-max,
.irs--big .irs-min {
    top: 0;
    padding: 1px 5px;
    color: white;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px
}

.irs--big .irs-from,
.irs--big .irs-single,
.irs--big .irs-to {
    color: white;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    border-radius: 3px
}

.irs--big .irs-grid-pol {
    background-color: #428bca
}

.irs--big .irs-grid-text {
    color: #428bca
}

.irs--modern {
    height: 55px
}

.irs--modern.irs-with-grid {
    height: 55px
}

.irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px
}

.irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0%, #18891d 100%)
}

.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px
}

.irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209, 214, 224, 0.5)
}

.irs--modern .irs-handle {
    top: 37px;
    width: 12px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: -4px;
    left: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #a3adc1;
    background: white;
    transform: rotate(45deg)
}

.irs--modern .irs-handle>i:nth-child(2) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 10px;
    height: 12px;
    background: #e9e6e6;
    background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle>i:nth-child(3) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 5px;
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1
}

.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
    border-color: #7685a2;
    background: #c3c7cd;
    background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)
}

.irs--modern .irs-handle.state_hover>i:first-child,
.irs--modern .irs-handle:hover>i:first-child {
    border-color: #7685a2
}

.irs--modern .irs-handle.state_hover>i:nth-child(3),
.irs--modern .irs-handle:hover>i:nth-child(3) {
    border-color: #48536a
}

.irs--modern .irs-max,
.irs--modern .irs-min {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: white;
    background-color: #d1d6e0;
    border-radius: 5px
}

.irs--modern .irs-from,
.irs--modern .irs-single,
.irs--modern .irs-to {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: white;
    border-radius: 5px
}

.irs--modern .irs-from:before,
.irs--modern .irs-single:before,
.irs--modern .irs-to:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426
}

.irs--modern .irs-grid {
    height: 25px
}

.irs--modern .irs-grid-pol {
    background-color: #dedede
}

.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--sharp {
    height: 50px;
    font-size: 12px;
    line-height: 1
}

.irs--sharp.irs-with-grid {
    height: 57px
}

.irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: black;
    border-radius: 2px
}

.irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa
}

.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px
}

.irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0, 0, 0, 0.5)
}

.irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2
}

.irs--sharp .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
    background-color: black
}

.irs--sharp .irs-handle.state_hover>i:first-child,
.irs--sharp .irs-handle:hover>i:first-child {
    border-top-color: black
}

.irs--sharp .irs-max,
.irs--sharp .irs-min {
    color: white;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: 0.4;
    background-color: #a804b2;
    border-radius: 2px
}

.irs--sharp .irs-from,
.irs--sharp .irs-single,
.irs--sharp .irs-to {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: white;
    border-radius: 2px
}

.irs--sharp .irs-from:before,
.irs--sharp .irs-single:before,
.irs--sharp .irs-to:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-grid {
    height: 25px
}

.irs--sharp .irs-grid-pol {
    background-color: #dedede
}

.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--round {
    height: 50px
}

.irs--round.irs-with-grid {
    height: 65px
}

.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px
}

.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa
}

.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222, 228, 236, 0.5)
}

.irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #006cfa;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3)
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--round .irs-max,
.irs--round .irs-min {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.irs--round .irs-from,
.irs--round .irs-single,
.irs--round .irs-to {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: white;
    border-radius: 4px
}

.irs--round .irs-from:before,
.irs--round .irs-single:before,
.irs--round .irs-to:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa
}

.irs--round .irs-grid {
    height: 25px
}

.irs--round .irs-grid-pol {
    background-color: #dedede
}

.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--square {
    height: 50px
}

.irs--square.irs-with-grid {
    height: 60px
}

.irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede
}

.irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: black
}

.irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede
}

.irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid black;
    background-color: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--square .irs-max,
.irs--square .irs-min {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1)
}

.irs--square .irs-from,
.irs--square .irs-single,
.irs--square .irs-to {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white
}

.irs--square .irs-grid {
    height: 25px
}

.irs--square .irs-grid-pol {
    background-color: #dedede
}

.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    height: 15px;
    bottom: 0;
    position: absolute
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    width: 15px;
    right: 0;
    position: absolute
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
    opacity: 0.6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: 0.9
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color 0.2s linear, height 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color 0.2s linear, width 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

body {
    position: relative;
    overflow-y: scroll;
    font: 16px/30px "Cabin Condensed", sans-serif;
    background-color: #fff;
    padding: 105px 0 0
}

@media only screen and (max-width:989px) {
    body {
        padding-top: 56px
    }
}

.toLeft {
    float: left
}

.toRight {
    float: right
}

.toCenter {
    margin: 0 auto;
    position: relative;
    padding: 0 10px;
    max-width: 1266px
}

@media only screen and (max-width:989px) {
    .toCenter {
        padding: 0 8px
    }
}

.clear {
    clear: both
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

* html .clearfix,
:first-child+html .clearfix {
    transform: translate(0)
}

.table {
    display: table;
    width: 100%;
    table-layout: fixed
}

.table .cell {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.cover {
    background-size: cover;
    background-position: center top
}

img {
    display: block
}

main {
    position: relative;
    width: 100%;
    overflow: hidden
}

.button,
button,
input,
textarea {
    -webkit-appearance: none;
    font-family: "Cabin Condensed"
}

.button {
    padding: 0 27px;
    display: table;
    margin: 0 auto;
    color: #fff;
    cursor: pointer;
    line-height: 46px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    border: solid 2px #E62C3C;
    background-color: #E62C3C;
    perspective: 1px;
    overflow: hidden;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    transition: all ease-in-out 150ms
}

.button:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4)
}

.button.disabled {
    background-color: #C6C6C6;
    border-color: #C6C6C6;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

.button.disabled:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4)
}

.button.withSpan {
    line-height: 34px;
    padding: 3px 27px 6px
}

.button.withSpan span {
    padding: 2px 0 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    font-style: italic;
    display: table;
    margin: 0 auto
}

.button.outline {
    color: #E62C3C;
    background-color: #fff;
    border-color: #E62C3C
}

.button.outline.disabled {
    border-color: #C6C6C6;
    color: #C6C6C6;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

.button.outline.disabled:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4)
}

.button.outline.white {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    line-height: 32px;
    padding-bottom: 2px
}

.button.small {
    font-size: 16px;
    line-height: 30px
}

.button.smaller {
    font-size: 16px;
    line-height: 22px;
    padding: 0 17px
}

@media only screen and (max-width:989px) {
    .button.smaller {
        padding: 0 14px
    }
}

.button.mid {
    font-size: 21px;
    line-height: 35px
}

.button.tiny {
    font-size: 10px;
    line-height: 16px;
    border: solid 1px;
    padding: 0 12px
}

.button.withIcon {
    line-height: 36px;
    padding: 0 36px 0 24px
}

.button.withIcon .icon {
    display: inline-block;
    margin: 0 5px 0 0
}

.button.withIcon.normal {
    line-height: 46px
}

.button.withIcon.small {
    line-height: 22px
}

.button.withIcon.small .icon {
    max-height: 15px;
    vertical-align: sub
}

.inputBlock {
    width: 100%;
    background-color: #fff;
    padding: 4px;
    position: relative;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

.inputBlock.noShadow {
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0
}

.inputBlock.noShadow input {
    height: 26px
}

.inputBlock input {
    display: block;
    width: 100%;
    height: 24px;
    padding: 0 12px;
    border: solid 1px #C6C6C6;
    font-size: 12px;
    font-weight: 400;
    color: #575756;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.inputBlock input::placeholder {
    opacity: 1;
    color: #C6C6C6
}

.inputBlock textarea {
    display: block;
    width: 100%;
    height: 120px;
    padding: 10px 12px;
    border: solid 1px #C6C6C6;
    font-size: 12px;
    font-weight: 400;
    color: #575756;
    border-radius: 15px;
    -webkit-border-radius: 15px
}

.inputBlock textarea::placeholder {
    opacity: 1;
    color: #C6C6C6
}

.inputBlock.toggleAttr span {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/eye_visible.svg) no-repeat center center/contain;
    right: 8px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer
}

.inputBlock.toggleAttr span.toggleVisibility {
    background-image: url(../images/eye_invisible.svg)
}

.inputBlock.toggleAttr input {
    padding-right: 35px
}

.checkbox {
    position: relative
}

.checkbox input {
    display: none
}

.checkbox input:checked+span {
    border: 0
}

.checkbox input:checked+span:after {
    opacity: 1
}

.checkbox span {
    cursor: pointer;
    display: block;
    width: 18px;
    height: 18px;
    border: solid 1px #C6C6C6;
    position: relative;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.checkbox span:after {
    opacity: 0;
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/checkbox.svg") no-repeat center center
}

.checkboxItem {
    font-size: 12px;
    line-height: 17px;
    border: solid 1px #E5E5E5;
    font-weight: 700;
    display: table;
    position: relative;
    padding: 0 8px 1px 20px;
    cursor: pointer;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.checkboxItem input {
    display: none
}

.checkboxItem input:checked+span {
    border: 0
}

.checkboxItem input:checked+span:after {
    opacity: 1
}

.checkboxItem span {
    display: block;
    width: 12px;
    height: 12px;
    top: 50%;
    border: solid 1px #C6C6C6;
    position: absolute;
    left: 5px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    transform: translate(0, -50%)
}

.checkboxItem span:after {
    opacity: 0;
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/checkbox.svg") no-repeat center center/12px 12px
}

.checkboxItem.right {
    padding: 0 20px 1px 8px
}

.checkboxItem.right span {
    left: auto;
    right: 5px
}

.radioButtonItem {
    font-size: 12px;
    line-height: 17px;
    border: solid 1px #E5E5E5;
    font-weight: 700;
    display: table;
    position: relative;
    padding: 0 8px 1px 20px;
    cursor: pointer;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.radioButtonItem input {
    display: none
}

.radioButtonItem input:checked+span {
    border: 0
}

.radioButtonItem input:checked+span:after {
    opacity: 1
}

.radioButtonItem span {
    display: block;
    width: 12px;
    height: 12px;
    top: 50%;
    border: solid 1px #C6C6C6;
    position: absolute;
    left: 5px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    transform: translate(0, -50%)
}

.radioButtonItem span:after {
    opacity: 0;
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/rbutton.svg") no-repeat center center/12px 12px
}

.radioButtonItem.right {
    padding: 0 20px 1px 8px
}

.radioButtonItem.right span {
    left: auto;
    right: 5px
}

select {
    width: 100%
}

.select2.withBorder+.select2 {
    width: 100%;
    background-color: #fff;
    padding: 4px;
    position: relative;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

.select2-container--default .select2-selection--single {
    border-radius: 999px !important;
    -webkit-border-radius: 999px !important;
    border-color: #C6C6C6
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #C6C6C6
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 26px;
    height: 26px;
    top: 0;
    right: 0;
    background: url("../images/dropdown_input.svg") no-repeat center center
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    color: #575756;
    padding: 0 28px 0 12px
}

.select2-container .select2-selection--single {
    height: 28px;
    position: relative
}

.select2-dropdown {
    border: 0 !important;
    background: transparent !important
}

.select2-results {
    background: #fff;
    overflow: hidden;
    position: relative;
    border: solid 1px #C6C6C6 !important;
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #F6F6F6;
    color: #575756
}

.select2-results__option {
    padding: 2px 12px;
    color: #575756;
    font-size: 12px;
    line-height: 20px
}

.select2-dropdown.select2-dropdown--above {
    padding: 0 0 4px
}

.select2-dropdown.select2-dropdown--below {
    padding: 4px 0 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: none;
    border: 0;
    margin: 0;
    padding: 0;
    color: #575756;
    font-size: 12px;
    line-height: 20px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0
}

.select2-container--default .select2-selection--multiple {
    border-radius: 999px !important;
    border-color: #C6C6C6 !important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: none
}

.select2-selection__choice+.select2-container .select2-search--inline {
    display: none
}

.select2-container--default .select2-search--inline .select2-search__field {
    height: 20px;
    color: #C6C6C6;
    font: 12px "Cabin Condensed", sans-serif;
    margin: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    line-height: 24px;
    display: block
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: block
}

.select2-container .select2-selection--multiple {
    min-height: unset;
    height: 26px;
    overflow: hidden;
    position: relative;
    padding: 0 28px 0 12px
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:before {
    content: ", "
}

.select2-container .select2-search--inline:before,
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child:before {
    display: none !important
}

.select2.select2-container.multipleData {
    vertical-align: middle;
    position: relative
}

.select2.select2-container.multipleData:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    bottom: 1px;
    right: 0;
    background: url("../images/dropdown_input.svg") no-repeat center center
}

.select2.select2-container.multipleData span {
    vertical-align: top
}

.select2-container.multipleData.select2-container--open .select2-results__option {
    padding-left: 28px;
    position: relative
}

.select2-container.multipleData.select2-container--open .select2-results__option:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 12px;
    height: 12px;
    border: solid 1px #C6C6C6;
    transform: translate(0, -50%);
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.select2-container.multipleData.select2-container--open .select2-results__option:hover:before {
    border-color: #E62C3C
}

.select2-container.multipleData.select2-container--open .select2-results__option[aria-selected=true]:before {
    border-color: #E62C3C;
    background: url("../images/tick.svg") no-repeat center center
}

.datepicker-container {
    z-index: 99999 !important;
    width: 460px;
    font: 16px/30px "Cabin Condensed", sans-serif;
    border: solid 1px #C6C6C6;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
    border-radius: 12px;
    -webkit-border-radius: 12px
}

.datepicker-container:after,
.datepicker-container:before {
    display: none
}

@media only screen and (max-width:989px) {
    .datepicker-container {
        width: 290px
    }
}

@media only screen and (min-width:990px) {
    .datepicker-container.forceBottom {
        transform: translate(0, -465px)
    }
}

@media only screen and (max-width:989px) {
    .datepicker-panel {
        padding: 0 10px
    }
}

.datepicker-panel>ul {
    width: 100%
}

.datepicker-panel>ul>li {
    font-size: 21px;
    line-height: 36px;
    font-weight: 600;
    width: 36px;
    height: 36px;
    margin: 0 14.7px 15px
}

@media only screen and (max-width:989px) {
    .datepicker-panel>ul>li {
        width: 10%;
        height: 27px;
        margin: 0 5% 10px 0;
        padding: 0 5px;
        line-height: 27px
    }

    .datepicker-panel>ul>li:nth-child(7n) {
        margin-right: 0
    }
}

.datepicker-panel>ul[data-view=days] li {
    margin: 7px 14.7px;
    font-weight: 500;
    font-size: 16px;
    color: #575756
}

.datepicker-panel>ul[data-view=days] li:hover {
    color: #fff !important;
    background-color: #E62C3C;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.datepicker-panel>ul[data-view=days] li.disabled,
.datepicker-panel>ul[data-view=days] li.muted {
    color: #afafaf
}

@media only screen and (max-width:989px) {
    .datepicker-panel>ul[data-view=days] li {
        width: 10%;
        height: 27px;
        margin: 0 5% 10px 0;
        padding: 0 5px;
        line-height: 27px
    }

    .datepicker-panel>ul[data-view=days] li:nth-child(7n) {
        margin-right: 0
    }
}

.datepicker-panel>ul li[data-view="month prev"] {
    right: 45px;
    background: url("../images/prev.svg") no-repeat center center
}

@media only screen and (max-width:989px) {
    .datepicker-panel>ul li[data-view="month prev"] {
        right: 38px
    }
}

.datepicker-panel>ul li[data-view="month current"] {
    width: auto;
    font-size: 21px;
    font-weight: 700;
    padding: 24px 0 0 5px;
    height: auto;
    line-height: 26px !important
}

.datepicker-panel>ul li[data-view="month current"]:hover {
    background: transparent
}

.datepicker-panel>ul li[data-view="month next"] {
    right: 8px;
    background: url("../images/next.svg") no-repeat center center
}

@media only screen and (max-width:989px) {
    .datepicker-panel>ul li[data-view="month next"] {
        right: 0
    }
}

.datepicker-panel>ul li[data-view="month next"],
.datepicker-panel>ul li[data-view="month prev"] {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 30px;
    font-size: 0 !important
}

.datepicker-panel>ul li[data-view="month next"]:hover,
.datepicker-panel>ul li[data-view="month prev"]:hover {
    background-color: transparent;
    opacity: 0.8
}

.datepicker-panel>ul>li.highlighted {
    background-color: transparent
}

.datepicker-panel>ul>li.picked,
.datepicker-panel>ul>li.picked:hover {
    color: #fff !important;
    background-color: #E62C3C;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.datepicker-panel .buttons {
    padding: 24px;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr
}

@media only screen and (max-width:989px) {
    .datepicker-panel .buttons {
        padding: 12px 0
    }
}

.datepicker-panel .button {
    width: 100%
}

.headerSelectors {
    position: fixed;
    z-index: 1000;
    padding: 9px 0;
    color: #fff;
    line-height: 12px;
    background-color: #575756;
    top: 0;
    left: 0;
    width: 100%
}

.headerSelectors.clicked .dropdown {
    display: block
}

@media only screen and (max-width:989px) {
    .headerSelectors {
        display: none
    }
}

.mainNavigations {
    position: relative;
    z-index: 100;
    background-color: #E62C3C
}

.mainNavigations .table .cell {
    vertical-align: top
}

.mainNavigations .table .cell:first-child {
    width: 300px
}

@media only screen and (max-width:989px) {
    .mainNavigations .table .cell:first-child {
        width: 120px
    }
}

.mainNavigations .icon {
    cursor: pointer;
    margin: 18px 35px 18px 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 39px;
    height: 39px
}

@media only screen and (max-width:989px) {
    .mainNavigations .icon {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

.mainNavigations .icon.bars {
    margin-top: 25px;
    height: 24px;
    background-image: url("../images/bars.svg")
}

.mainNavigations .icon.bars.clicked {
    background-image: url("../images/bars_clicked.svg")
}

@media only screen and (max-width:989px) {
    .mainNavigations .icon.bars {
        width: 30px;
        height: 20px;
        margin-right: 25px;
        margin-top: 18px
    }
}

.mainNavigations .icon.logo {
    margin-top: 14px;
    margin-bottom: 14px;
    width: 45px;
    height: 47px;
    background-image: url("../images/logo_white.svg")
}

@media only screen and (max-width:989px) {
    .mainNavigations .icon.logo {
        width: 35px;
        height: 35px;
        margin-right: 0;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.mainNavigations .icon.search {
    background-image: url("../images/search.svg")
}

@media only screen and (max-width:989px) {
    .mainNavigations .icon.search {
        width: 26px;
        height: 26px;
        margin-right: 0
    }
}

.mainNavigations .icon.account {
    background-image: url("../images/account.svg")
}

@media only screen and (max-width:989px) {
    .mainNavigations .icon.account {
        width: 26px;
        height: 26px;
        margin-right: 25px
    }
}

.mainNavigations .icon.globe {
    background-image: url("../images/globe.svg")
}

@media only screen and (max-width:989px) {
    .mainNavigations .icon.globe {
        width: 26px;
        height: 26px;
        margin-right: 25px
    }
}

.mainNavigations .icon.star {
    background-image: url("../images/star_yellow.svg")
}

@media only screen and (max-width:989px) {
    .mainNavigations .icon.star {
        width: 26px;
        height: 26px;
        margin-right: 25px
    }
}

.mainNavigations .icon.star.hasValue {
    background-image: url("../images/star_fav.svg");
    position: relative
}

.mainNavigations .icon.star.hasValue span {
    background-color: #E62C3C;
    color: #f5c823;
    border: solid 1px #f5c823;
    display: block;
    width: 18px;
    height: 18px;
    bottom: 0;
    right: 0;
    position: absolute;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

@media only screen and (max-width:989px) {
    .mainNavigations .icon.star.hasValue span {
        font-size: 12px;
        line-height: 11px;
        width: 14px;
        height: 14px
    }
}

.mainNavigations .right .icon {
    margin-right: 0;
    margin-left: 35px
}

.oneSelect {
    margin: 0 20px 0 0;
    padding: 0 14px 0 0;
    position: relative;
    cursor: pointer;
    font-size: 0
}

.oneSelect.visible .dropdown {
    display: block
}

.oneSelect:last-child {
    margin-right: 0
}

.oneSelect .text,
.oneSelect .type {
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle
}

.oneSelect .type {
    padding: 0 5px
}

.oneSelect img {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

.oneSelect:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 15px;
    height: 8px;
    background: url("../images/chevron_down.svg") no-repeat center center;
    transform: translate(0, -50%)
}

.oneSelect .dropdown {
    display: none;
    cursor: default;
    top: 100%;
    left: 0;
    z-index: 10;
    background-color: #575756;
    position: absolute;
    padding: 10px 15px 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24);
    transform: translate(-15px, 15px)
}

.oneSelect .dropdown a {
    color: #fff;
    font-size: 12px;
    font-weight: 700
}

.oneSelect .dropdown a:hover {
    color: #E62C3C
}

.oneSelect .dropdown.languages {
    width: 97px
}

.oneSelect .dropdown.languages .table {
    margin: 0 0 6px
}

.oneSelect .dropdown.languages .table:last-child {
    margin-bottom: 0
}

.oneSelect .dropdown.languages .cell.flag {
    width: 17px
}

.oneSelect .dropdown.languages .cell.name {
    padding: 0 0 0 14px;
    line-height: 18px
}

.oneSelect .dropdown.currencies {
    width: 130px
}

.oneSelect .dropdown.currencies .col {
    width: 33.333% !important
}

.oneSelect .dropdown.currencies a {
    display: table;
    line-height: 22px;
    margin: 0 0 2px
}

.oneSelect .dropdown.currencies a:last-child {
    margin-bottom: 0
}

.oneSelect .dropdown.currencies a:hover {
    text-decoration: underline
}

.searchLine {
    width: 90%;
    left: 0;
    top: 83px;
    position: absolute;
    z-index: 90;
    display: none
}

@media only screen and (max-width:989px) {
    .searchLine {
        top: 65px;
        margin-left: 50px;
    }
}

.searchLine .searchBlock {
    width: 415px;
    background-color: #fff;
    padding: 8px;
    position: relative;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

@media only screen and (max-width:989px) {
    .searchLine .searchBlock {
        width: 345px
    }
}

@media only screen and (max-width:519px) {
    .searchLine .searchBlock {
        width: 300px
    }
}

.searchLine .input {
    width: 290px;
    position: relative
}

@media only screen and (max-width:989px) {
    .searchLine .input {
        width: auto
    }
}

.searchLine input {
    display: block;
    width: 100%;
    height: 25px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 22px 0 12px;
    border: solid 1px #C6C6C6;
    color: #575756;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.searchLine input::placeholder {
    opacity: 1;
    color: #C6C6C6
}

.searchLine .btn {
    padding: 0 0 0 10px
}

@media only screen and (max-width:989px) {
    .searchLine .btn {
        width: 92px
    }
}

.searchLine .button {
    display: block;
    width: 100%;
    line-height: 21px
}

@media only screen and (max-width:989px) {
    .searchLine .button {
        padding: 0
    }
}

.searchLine .dropdownIcon {
    width: 20px;
    height: 21px;
    position: absolute;
    top: 2px;
    right: 3px;
    background: url("../images/dropdown_input.svg") no-repeat center center
}

.searchLine .cell {
    vertical-align: top
}

.fixedHeader {
    position: fixed;
    width: 100%;
    top: 30px;
    left: 0;
    z-index: 999
}

@media only screen and (max-width:989px) {
    .fixedHeader {
        top: 0;
        z-index: 99999
    }
}

.sidebarMenu {
    width: 390px;
    height: 100%;
    background-color: #3D3D3C;
    z-index: 990;
    top: 0;
    left: 0;
    padding: 105px 0 0;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
    transition: all ease-in-out 300ms
}

@media only screen and (max-width:989px) {
    .sidebarMenu {
        padding-top: 55px;
        width: 100%
    }
}

.sidebarMenu.visible {
    opacity: 1;
    visibility: visible
}

.sidebarMenu .bottom {
    padding: 17px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #242423;
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.25)
}

.sidebarMenu .bottom a {
    display: table;
    margin: 0 auto
}

.sidebarMenu .bottom a:hover {
    opacity: 0.8
}

.sidebarMenu .bottom .image {
    height: 26px
}

.sidebarMenu .bottom img {
    width: auto;
    max-height: 100%;
    margin: 0 auto
}

.sidebarMenu .bottom .text {
    padding: 5px 0 0;
    text-align: center;
    color: #C6C6C6;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700
}

@media only screen and (max-width:989px) {
    .sidebarMenu .bottom .cell:first-child {
        padding: 0 22px
    }

    .sidebarMenu .bottom .cell:first-child a {
        margin: 0 auto 0 0
    }
}

@media only screen and (max-width:989px) {
    .sidebarMenu .bottom .cell:last-child {
        padding: 0 22px
    }

    .sidebarMenu .bottom .cell:last-child a {
        margin: 0 0 0 auto
    }
}

.sidebarMenu .menuContent {
    padding: 0 0 0 90px
}

@media only screen and (max-width:989px) {
    .sidebarMenu .menuContent {
        padding-left: 17px;
        height: 100%;
        position: relative;
        overflow-y: auto
    }
}

.sidebarMenu .menu {
    padding: 50px 0 0 22px
}

@media only screen and (max-width:989px) {
    .sidebarMenu .menu {
        padding: 22px 0 110px 22px
    }
}

.sidebarMenu .menu li {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    margin: 0 0 20px
}

.sidebarMenu .menu li:last-child {
    margin-bottom: 0
}

.sidebarMenu .menu li.icon1 {
    background-image: url("../images/menu1.svg")
}

.sidebarMenu .menu li.icon2 {
    background-image: url("../images/menu2.svg")
}

.sidebarMenu .menu li.icon3 {
    background-image: url("../images/menu3.svg")
}

.sidebarMenu .menu li.icon4 {
    background-image: url("../images/menu4.svg")
}

.sidebarMenu .menu li.icon5 {
    background-image: url("../images/menu5.svg")
}

.sidebarMenu .menu li.icon6 {
    background-image: url("../images/menu6.svg")
}

.sidebarMenu .menu li.icon7 {
    background-image: url("../images/menu7.svg")
}

.sidebarMenu .menu a {
    padding: 0 0 0 50px;
    display: table;
    color: #C6C6C6;
    font-size: 21px;
    font-weight: 600;
    line-height: 28px;
    opacity: 1;
    transition: all ease-in-out 150ms
}

.sidebarMenu .menu a:hover {
    opacity: 0.8
}

.sidebarMenu .profileIMG {
    padding: 50px 0 0
}

@media only screen and (max-width:989px) {
    .sidebarMenu .profileIMG {
        padding-top: 25px
    }
}

.sidebarMenu .profileIMG img {
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24);
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.sidebarMenu .profileIMG .name {
    padding: 0 0 0 16px;
    color: #fff;
    font-size: 21px;
    line-height: 26px;
    font-weight: 600;
    text-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

.sidebarMenu .profileIMG .img {
    width: 100px
}

.sidebarMenuBg {
    z-index: 980;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.64);
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 300ms
}

.sidebarMenuBg.visible {
    opacity: 1;
    visibility: visible
}

#hero {
    padding: 44px 0 0;
    height: 700px;
    position: relative;
    text-align: center;
    background-position: center bottom
}

@media only screen and (max-width:989px) {
    #hero {
        height: auto;
        padding-top: 148px;
        background-size: 100% auto;
        background-position: center top;
        background-repeat: no-repeat
    }
}

#hero .logo {
    display: table;
    margin: 0 auto;
    padding: 0 33px
}

#hero .logo img {
    max-width: 100%
}

#hero .bottom {
    position: absolute;
    bottom: -39px;
    left: 0;
    width: 100%
}

@media only screen and (max-width:989px) {
    #hero .bottom {
        position: relative;
        bottom: auto
    }
}

#hero h1 {
    color: #000;
    font-weight: 700;
    font-size: 67px;
    line-height: 82px
}

@media only screen and (max-width:989px) {
    #hero h1 {
        font-size: 50px;
        line-height: 60px;
        padding: 26px 0 0
    }
}

#hero h5 {
    padding: 32px 0 35px;
    color: #575756;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px
}

@media only screen and (max-width:989px) {
    #hero h5 {
        padding: 24px 0
    }
}

#hero h5 a {
    color: #E62C3C
}

#hero h5 a:hover {
    text-decoration: underline
}

#hero .counter {
    padding: 0 52px;
    display: table;
    margin: 0 auto;
    background-color: #E62C3C;
    line-height: 78px;
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

@media only screen and (max-width:989px) {
    #hero .counter {
        font-size: 38px;
        line-height: 62px
    }
}

#hero .iconX {
    padding: 25px 0
}

#hero .iconX img {
    margin: 0 auto
}

@media only screen and (max-width:989px) {
    #hero .iconX img {
        max-width: 115px
    }
}

@media only screen and (max-width:989px) {
    #hero .iconX+h1 {
        padding-top: 2px;
        font-size: 37px;
        line-height: 44px
    }

    #hero .iconX+h1+h5 {
        font-size: 16px;
        line-height: 20px
    }
}

.openSlider {
    padding: 80px 0 0;
    text-align: center;
    color: #fff
}

@media only screen and (max-width:989px) {
    .openSlider {
        padding: 25px 0 0
    }
}

.openSlider .imageSlides {
    padding: 45px 0 0;
    margin: 0 0 -245px
}

@media only screen and (max-width:989px) {
    .openSlider .imageSlides {
        padding-top: 30px;
        margin: 0 0 -120px
    }
}

.openSlider .imageSlides ul {
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 0;
    line-height: 10px;
    transform: translate(-50%, 0)
}

.openSlider .imageSlides ul li {
    display: inline-block;
    vertical-align: top;
    line-height: 10px
}

.openSlider .imageSlides ul li.slick-active button,
.openSlider .imageSlides ul li:hover button {
    background-color: #E62C3C
}

.openSlider .imageSlides ul button {
    background-color: #C6C6C6;
    width: 10px;
    height: 10px;
    margin: 0 7.5px;
    cursor: pointer;
    text-indent: -9999px;
    transition: all ease-in-out 150ms;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.openSlider img {
    margin: 0 auto;
    max-width: 100%
}

@media only screen and (max-width:989px) {
    .openSlider img {
        max-width: 240px
    }
}

.openSlider .redPart {
    padding: 245px 0 65px;
    background: radial-gradient(50% 50% at 50% 50%, #E62C3C 0%, #BE1622 100%)
}

@media only screen and (max-width:989px) {
    .openSlider .redPart {
        padding: 135px 0 30px
    }
}

.openSlider .toCenter {
    max-width: 770px
}

.openSlider h3 {
    padding: 45px 0 15px;
    font-size: 67px;
    font-weight: 700;
    line-height: 80px
}

@media only screen and (max-width:989px) {
    .openSlider h3 {
        padding: 0 0 8px;
        font-size: 50px;
        line-height: 60px
    }
}

.openSlider h4 {
    font-size: 21px;
    font-weight: 700;
    line-height: 26px
}

.openSlider .navigation {
    z-index: 10;
    position: absolute;
    top: 0;
    width: 45px;
    height: 45px;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    transform: translate(0, -50%);
    transition: all ease-in-out 150ms
}

@media only screen and (max-width:989px) {
    .openSlider .navigation {
        width: 40px;
        height: 40px
    }
}

.openSlider .navigation:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.32)
}

.openSlider .navigation:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 23px;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    transform: translate(-50%, -50%)
}

.openSlider .navigation.next {
    right: 10px
}

.openSlider .navigation.next:after {
    background-image: url("../images/chevron_left.svg")
}

.openSlider .navigation.prev {
    left: 10px
}

.openSlider .navigation.prev:after {
    transform: translate(-50%, -50%) rotate(180deg);
    margin: 0 0 0 -3px;
    background-image: url("../images/chevron_left.svg")
}

.appInfo {
    text-align: center;
    padding: 43px 0 29px
}

@media only screen and (max-width:989px) {
    .appInfo {
        padding-top: 24px
    }
}

.appInfo.noPadding {
    padding-top: 0
}

.appInfo h3 {
    color: #000;
    font-size: 67px;
    line-height: 82px;
    font-weight: 700;
    font-size: 50px;
    line-height: 60px
}

.appInfo h4 {
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    color: #575756;
    padding: 32px 0 48px
}

@media only screen and (max-width:989px) {
    .appInfo h4 {
        padding: 8px 0 24px
    }
}

.appInfo p {
    padding: 48px 0 0;
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    display: table;
    color: #575756;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (max-width:989px) {
    .appInfo p {
        padding-top: 24px
    }
}

.appInfo p a {
    font-weight: 700;
    color: #E62C3C
}

.appInfo p a:hover {
    text-decoration: underline
}

.openSearch {
    padding: 85px 0 0
}

@media only screen and (max-width:989px) {
    .openSearch {
        padding-top: 25px
    }
}

.openSearch .toCenter {
    max-width: 640px
}

.openSearch h5 {
    text-align: center;
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    padding: 0 0 16px
}

.openSearch .button {
    width: 200px
}

.openSearch .inputBlock {
    margin: 0 0 48px
}

@media only screen and (max-width:989px) {
    .openSearch .inputBlock {
        margin-bottom: 25px
    }
}

.openSearch .inputBlock .icon {
    width: 46px;
    padding: 0 0 0 10px
}

.openSearch .inputBlock input {
    height: 36px
}

.openSearch .select {
    margin: 0 0 48px
}

@media only screen and (max-width:989px) {
    .openSearch .select {
        margin-bottom: 32px
    }
}

.getLocation {
    width: 36px;
    height: 36px;
    cursor: pointer;
    position: relative;
    background-color: #E62C3C;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24);
    transition: all ease-in-out 150ms
}

.getLocation:before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    left: 50%;
    border: solid 2px #fff;
    background: url("../images/cross.svg") no-repeat center center/contain;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    transform: translate(-50%, -50%)
}

.getLocation:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4)
}

.videoBlock {
    padding: 175px 0 0;
    margin: 165px 0 0;
    position: relative;
    background: radial-gradient(50% 50% at 50% 50%, #E62C3C 0%, #BE1622 100%)
}

@media only screen and (max-width:989px) {
    .videoBlock {
        padding: 115px 0 0;
        margin: 95px 0 0
    }
}

.videoBlock .video {
    position: absolute;
    left: 50%;
    top: 0;
    width: 600px;
    height: 350px;
    overflow: hidden;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.24)
}

@media only screen and (max-width:989px) {
    .videoBlock .video {
        max-width: 340px;
        width: 90%;
        height: 200px
    }
}

.videoBlock .video .prev {
    width: 100%;
    height: 100%;
    position: absolute
}

.videoBlock .video .play {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    width: 140px;
    height: 140px;
    background: linear-gradient(180deg, #E62C3C 0%, #BE1622 100%);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    transform: translate(-50%, -50%);
    transition: all ease-in-out 150ms
}

@media only screen and (max-width:989px) {
    .videoBlock .video .play {
        width: 100px;
        height: 100px
    }
}

.videoBlock .video .play:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/play.svg") no-repeat center center
}

@media only screen and (max-width:989px) {
    .videoBlock .video .play:after {
        background-size: 22px auto
    }
}

.videoBlock .video .play:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: url("../images/play_hover.svg") no-repeat center center
}

.videoBlock .video .play:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4)
}

.videoBlock .video .play:hover:before {
    opacity: 1
}

.videoBlock .toCenter {
    max-width: 540px
}

.videoBlock .cols {
    padding: 20px 0;
    text-align: center
}

.videoBlock .separator {
    width: 2px;
    background-color: #fff
}

.videoBlock .image {
    width: 100%;
    height: 110px;
    margin: 0 0 25px
}

.videoBlock .image .cell {
    vertical-align: bottom
}

.videoBlock .image img {
    margin: 0 auto
}

@media only screen and (max-width:989px) {
    .videoBlock .image img {
        max-width: 80%
    }
}

.videoBlock h4 {
    color: #fff;
    font-size: 37px;
    line-height: 45px;
    font-weight: 700;
    padding: 0 0 25px
}

@media only screen and (max-width:989px) {
    .videoBlock h4 {
        font-size: 21px;
        line-height: 26px;
        padding-bottom: 20px
    }
}

.signUpBlock {
    padding: 25px 0
}

.signUpBlock .toCenter {
    max-width: 335px
}

.signUpBlock .button {
    width: 100%
}

.signUpBlock h5 {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    text-align: center;
    padding: 0 0 16px
}

.signUpBlock .inputBlock {
    margin: 0 0 16px
}

.signUpBlock form {
    padding: 0 0 48px
}

@media only screen and (max-width:989px) {
    .signUpBlock form {
        padding-bottom: 35px
    }
}

.agencyLayout {
    background-color: #E5E5E5
}

.agencyLayout .sidebar {
    width: 300px;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
    padding: 30px 0 35px;
    position: relative
}

@media only screen and (max-width:989px) {
    .agencyLayout .sidebar {
        display: none
    }
}

.agencyLayout .sidebar:before {
    content: "";
    width: 200%;
    height: 100%;
    top: 0;
    right: 100%;
    position: absolute;
    background-color: #fff
}

.agencyLayout .sidebar .name {
    padding: 0 0 60px;
    font-size: 37px;
    line-height: 44px;
    font-weight: 700
}

.agencyLayout .sidebar a {
    color: #575756;
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
    display: table;
    padding: 0 0 0 65px;
    position: relative
}

.agencyLayout .sidebar a.active,
.agencyLayout .sidebar a:hover {
    color: #E62C3C
}

.agencyLayout .sidebar a:after,
.agencyLayout .sidebar a:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
    top: 0;
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat
}

.agencyLayout .sidebar a:after {
    opacity: 0
}

.agencyLayout .sidebar a.active:before,
.agencyLayout .sidebar a:hover:before {
    opacity: 0
}

.agencyLayout .sidebar a.active:after,
.agencyLayout .sidebar a:hover:after {
    opacity: 1
}

.agencyLayout .sidebar a.icon1:before {
    background-image: url("../images/agency_icon1.svg")
}

.agencyLayout .sidebar a.icon1:after {
    background-image: url("../images/agency_icon1_active.svg")
}

.agencyLayout .sidebar a.icon2:before {
    background-image: url("../images/agency_icon2.svg")
}

.agencyLayout .sidebar a.icon2:after {
    background-image: url("../images/agency_icon2_active.svg")
}

.agencyLayout .sidebar a.icon3:before {
    background-image: url("../images/agency_icon3.svg")
}

.agencyLayout .sidebar a.icon3:after {
    background-image: url("../images/agency_icon3_active.svg")
}

.agencyLayout .sidebar a.icon4:before {
    background-image: url("../images/agency_icon4.svg")
}

.agencyLayout .sidebar a.icon4:after {
    background-image: url("../images/agency_icon4_active.svg")
}

.agencyLayout .sidebar a.icon5:before {
    background-image: url("../images/agency_icon5.svg")
}

.agencyLayout .sidebar a.icon5:after {
    background-image: url("../images/agency_icon5_active.svg")
}

.agencyLayout .sidebar a.icon6:before {
    background-image: url("../images/agency_icon6.svg")
}

.agencyLayout .sidebar a.icon6:after {
    background-image: url("../images/agency_icon6_active.svg")
}

.agencyLayout .sidebar a.icon7:before {
    background-image: url("../images/agency_icon7.svg")
}

.agencyLayout .sidebar a.icon7:after {
    background-image: url("../images/agency_icon7_active.svg")
}

.agencyLayout .sidebar a.icon8:before {
    background-image: url("../images/agency_icon8.svg")
}

.agencyLayout .sidebar a.icon8:after {
    background-image: url("../images/agency_icon8_active.svg")
}

.agencyLayout .sidebar a.icon9:before {
    background-image: url("../images/agency_icon9.svg")
}

.agencyLayout .sidebar a.icon9:after {
    background-image: url("../images/agency_icon9_active.svg")
}

.agencyLayout .sidebar li {
    margin: 0 0 20px;
    position: relative
}

.agencyLayout .sidebar li:last-child {
    margin-bottom: 0
}

.agencyLayout .sidebar li.withYellowDot:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    width: 10px;
    height: 10px;
    background: linear-gradient(0deg, #F18F34 -3%, #FDC800 34.3%, #FECB00 43.15%, #FFD300 51.45%, #FFE000 59.5%, #FFEF26 66.27%, #FFF26B 103.57%);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    transform: translate(0, -50%);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24)
}

.agencyLayout .cell {
    vertical-align: top
}

.agencyLayout .content {
    padding: 30px 0 35px 20px
}

@media only screen and (max-width:989px) {
    .agencyLayout .content {
        padding: 0
    }
}

.agencyLayout .content.heightType1 {
    padding-top: 55px
}

@media only screen and (max-width:989px) {
    .agencyLayout .content.heightType1 {
        padding-top: 0
    }
}

.agencyLayout .content.topSpace {
    padding-top: 250px
}

@media only screen and (max-width:989px) {
    .agencyLayout .content.topSpace {
        padding-top: 0
    }
}

.agencyLayout .content .cols-2 {
    padding: 0 0 32px
}

@media only screen and (max-width:989px) {
    .agencyLayout .content .cols-2 {
        padding-bottom: 12px
    }

    .agencyLayout .content .cols-2+.button {
        width: 100%;
        margin-bottom: 32px
    }
}

.agencyLayout .content .cols-2 .col {
    width: 49%;
    margin: 0 2% 0 0
}

@media only screen and (max-width:989px) {
    .agencyLayout .content .cols-2 .col {
        width: 100%;
        margin-right: 0
    }
}

.agencyLayout .content .cols-2 .col:last-child {
    margin-right: 0
}

.agencyLayout .content h2 {
    font-size: 37px;
    line-height: 44px;
    font-weight: 700;
    padding: 0 0 28px
}

.window {
    background-color: #fff;
    border: solid 1px #C6C6C6;
    padding: 15px;
    margin: 0 0 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12)
}

.window .windowName {
    line-height: 26px;
    font-size: 21px;
    font-weight: 700;
    padding: 0 0 16px 32px;
    position: relative
}

.window .windowName:before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    left: 0;
    top: 5px;
    background-size: 21px 21px;
    background-position: center center;
    background-repeat: no-repeat
}

.window .windowName.icon1:before {
    background-image: url("../images/agency_icon1_active.svg")
}

.window .windowName.icon2:before {
    background-image: url("../images/contact_icon_active.svg")
}

.window .windowName.icon3:before {
    background-image: url("../images/w3.svg")
}

.window .windowName.icon4:before {
    background-image: url("../images/w4.svg")
}

.window .windowName.icon5:before {
    background-image: url("../images/w5.svg")
}

.window .windowName.icon6:before {
    background-image: url("../images/w6.svg")
}

.window .windowName.icon7:before {
    background-image: url("../images/w7.svg")
}

.window .windowName.icon8:before {
    background-image: url("../images/w8.svg")
}

.window .select2-container .select2-selection--single {
    height: 26px
}

.window .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px
}

.window .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 23px
}

.window.noBorder {
    padding: 24px;
    border: 0;
    margin-bottom: 24px;
    border-radius: 20px;
    -webkit-border-radius: 20px
}

.agencyName .cell {
    vertical-align: top
}

@media only screen and (max-width:989px) {
    .agencyName .cell:last-child {
        display: none
    }
}

.agencyName .text {
    width: 81px;
    font-size: 16px;
    line-height: 26px;
    text-align: right
}

.agencyName .input {
    padding: 0 28px 0 24px
}

@media only screen and (max-width:989px) {
    .agencyName .input {
        padding-right: 0
    }
}

.agencyName .btn {
    width: 106px
}

.agencyName .btn .button {
    width: 100%;
    padding: 0;
    line-height: 22px
}

.agencyName+.showOnMobile {
    display: none
}

@media only screen and (max-width:989px) {
    .agencyName+.showOnMobile {
        display: block;
        margin: 16px 0 0
    }

    .agencyName+.showOnMobile .button {
        width: 116px;
        margin: 0 0 0 auto;
        padding: 0;
        line-height: 22px
    }
}

.agencyContacts .cell {
    vertical-align: top
}

.agencyContacts .name {
    width: 100px;
    padding: 0 22px 0 0;
    text-align: right;
    font-size: 16px;
    line-height: 26px
}

.agencyContacts .select {
    width: 80px;
    font-size: 0
}

.agencyContacts .input {
    padding: 0 0 0 24px
}

@media only screen and (max-width:989px) {
    .agencyContacts .input .inputBlock {
        display: none
    }
}

@media only screen and (max-width:989px) {

    .agencyContacts .inputs .inputBlock,
    .agencyContacts .inputs .select2,
    .agencyContacts .inputs select {
        display: none
    }
}

.agencyContacts .checks {
    width: 50px
}

.agencyContacts .checkbox {
    margin: 4px auto 0;
    display: table
}

.agencyContacts .oneLine {
    margin: 0 0 13px
}

@media only screen and (max-width:989px) {
    .agencyContacts .oneLine {
        margin-bottom: 10px
    }
}

.agencyContacts .oneLine:last-child {
    margin-bottom: 0
}

.agencyContacts .icon {
    width: 35px
}

.agencyContacts .icon img {
    margin: 3px 0 0
}

@media only screen and (max-width:989px) {
    .agencyContacts .icon+.name {
        text-align: left
    }
}

.agencyContacts .showOnMobile {
    display: none
}

@media only screen and (max-width:989px) {
    .agencyContacts .showOnMobile {
        display: block;
        margin: 0 0 12px
    }

    .agencyContacts .showOnMobile .inputBlock {
        display: block
    }

    .agencyContacts .showOnMobile .table {
        vertical-align: top
    }

    .agencyContacts .showOnMobile .select2 {
        vertical-align: top
    }
}

.checkLabels .toLeft {
    width: 50px;
    text-align: center;
    color: #575756;
    font-size: 12px;
    line-height: 14px
}

.checkLabels.one {
    padding: 10px 0 0
}

.i {
    position: relative;
    padding: 0 16px 0 0;
    display: table
}

.i:after {
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    width: 10px;
    height: 11px;
    background: url("../images/i.png") no-repeat center center/10px 11px
}

.securityBox {
    max-width: 620px;
    width: 100%;
    padding: 0 0 50px;
    margin: 0 auto
}

@media only screen and (max-width:989px) {
    .securityBox {
        max-width: unset;
        padding-bottom: 30px
    }
}

.securityBox.smallerBottom {
    padding-bottom: 0
}

@media only screen and (max-width:989px) {
    .securityBox.smallerBottom {
        padding-bottom: 30px
    }
}

.securityBox h2.smallerBottom {
    padding-bottom: 10px
}

.securityBox h3.subTitle {
    padding: 0 10px 24px;
    font-size: 14px;
    line-height: 18px;
    color: #575756
}

.securityBox .window .cell {
    vertical-align: middle
}

.securityBox .window .button.longer {
    min-width: 230px
}

.securityBox .name {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700
}

.securityBox .name a {
    margin: 6px 0 0;
    display: table;
    padding: 0 0 0 14px;
    color: #E62C3C;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400
}

.securityBox .name a:hover {
    text-decoration: underline
}

.securityBox .btn {
    width: 115px
}

.securityBox .btn .button {
    margin: 0 0 0 auto
}

.securityBox .captcha {
    margin: 0 auto;
    display: table;
    padding: 10px 0 34px
}

.securityBox .inputs .oneLine {
    padding: 0 0 20px
}

.securityBox .inputs .inputBlock {
    margin: 7px 0 3px
}

.securityBox .inputs .inputBlock input {
    height: 30px
}

.securityBox .inputs label {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700
}

.securityBox .inputs label span {
    font-size: 18px;
    font-weight: 600;
    color: #E62C3C
}

.securityBox .separator {
    display: table;
    width: 100%;
    height: 1px;
    background-color: #C6C6C6;
    margin: 14px 0
}

.securityBox .largerBottom {
    margin-bottom: 22px
}

@media only screen and (max-width:989px) {
    .securityBox>.button {
        width: 100%
    }
}

.grayHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 38px;
    line-height: 46px;
    font-weight: 700;
    text-align: center;
    background-color: #C6C6C6
}

@media only screen and (max-width:989px) {
    .grayHeader {
        position: relative
    }
}

.grayHeader .cell {
    height: 250px;
    vertical-align: middle
}

@media only screen and (max-width:989px) {
    .grayHeader .cell {
        height: 180px
    }
}

.grayHeader .leftPadding {
    padding: 0 0 0 300px
}

@media only screen and (max-width:989px) {
    .grayHeader .leftPadding {
        padding: 0
    }
}

.profileHeader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 265px
}

@media only screen and (max-width:989px) {
    .profileHeader {
        position: relative;
        height: 250px
    }
}

.ourEscorts {
    padding: 24px 0 40px
}

@media only screen and (max-width:989px) {
    .ourEscorts {
        padding-bottom: 22px
    }
}

.ourEscorts .card {
    text-align: center;
    width: 32%;
    margin: 0 2% 20px 0;
    padding: 36px 5px 24px;
    background-color: #fff;
    position: relative;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
    border-radius: 20px;
    -webkit-border-radius: 20px
}

@media only screen and (max-width:989px) {
    .ourEscorts .card {
        width: 100%;
        margin-right: 0
    }
}

.ourEscorts .card:last-child {
    margin-right: 0
}

.ourEscorts .card h3 {
    padding: 16px 0 14px;
    font-size: 21px;
    line-height: 26px;
    color: #575756;
    font-weight: 700
}

.ourEscorts .card h3 span {
    font-weight: 600
}

.ourEscorts .card .image {
    position: relative;
    margin: 0 auto;
    display: table
}

.ourEscorts .card .image img {
    max-width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24);
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.ourEscorts .card .status {
    bottom: 5px;
    right: 23px
}

.ourEscorts .card .icon {
    position: absolute;
    cursor: pointer;
    opacity: 1
}

.ourEscorts .card .icon:hover {
    opacity: 0.8
}

.ourEscorts .card .icon.edit {
    width: 20px;
    height: 20px;
    top: 20px;
    left: 20px;
    background: url("../images/edit.svg") no-repeat center center
}

.ourEscorts .card .icon.delete {
    width: 15px;
    height: 15px;
    top: 20px;
    right: 20px;
    background: url("../images/x_delete.svg") no-repeat center center
}

.ourEscorts .card .boxes {
    width: auto;
    margin: 0 auto
}

.ourEscorts .card .boxes .cell:first-child {
    padding: 0 12px 0 0
}

.ourEscorts .card .boxes .cell:last-child {
    padding: 0 0 0 12px
}

@media only screen and (max-width:989px) {
    .ourEscorts+.button {
        width: 100%;
        margin: 0 0 22px
    }
}

.status {
    width: 32px;
    height: 32px;
    border: solid 2px #fff;
    position: absolute;
    background-color: #C6C6C6;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

.status.green {
    background-color: #95C11F
}

.toggleBox .boxName {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    padding: 0 0 10px;
    margin: 0 auto;
    display: table
}

.toggleBox .toggle {
    position: relative;
    display: table;
    margin: 0 auto;
    width: 100px;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #C6C6C6;
    cursor: pointer
}

.toggleBox input {
    display: none
}

.toggleBox input:checked+.circle {
    left: 77px
}

.toggleBox input:checked+.circle+.checked {
    opacity: 1;
    color: #fff
}

.toggleBox input:checked+.circle+.checked+.unChecked {
    opacity: 0
}

.toggleBox .circle {
    position: absolute;
    width: 20px;
    height: 20px;
    right: auto;
    top: 3px;
    left: 3px;
    background-color: #fff;
    border: solid 1px #C6C6C6;
    z-index: 10;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
    transition: all ease-in-out 200ms
}

.toggleBox .unChecked {
    opacity: 1;
    padding: 0 0 0 12px;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.toggleBox .checked {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 12px 0 0;
    background-color: #95C11F
}

.toggleBox .checked,
.toggleBox .unChecked {
    display: block;
    border: solid 1px #C6C6C6;
    transition: all ease-in-out 200ms;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

@media only screen and (max-width:989px) {
    .profileSpace {
        display: none
    }

    .profileSpace+.button {
        width: 100%;
        margin: 0 0 32px
    }
}

.profileSpace.type1 {
    height: 130px
}

.customPaymentRadios label {
    padding: 0 0 10px 25px;
    display: block;
    font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    border-bottom: solid 1px #C6C6C6;
    margin: 0 0 10px
}

.customPaymentRadios label:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0
}

.customPaymentRadios label span {
    border: solid 1px #C6C6C6;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 8px;
    border-radius: 999px;
    left: 0
}

.customPaymentRadios label span:after {
    content: "";
    border-radius: 999px;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 11px;
    height: 11px;
    background-color: #E62C3C;
    display: none
}

.customPaymentRadios label input {
    display: none
}

.customPaymentRadios label input:checked+span {
    border-color: #E62C3C
}

.customPaymentRadios label input:checked+span:after {
    display: block
}

.customPaymentRadios label .alertIcon {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    position: relative;
    top: -4px;
    background: url(../images/alert_icon_payment.svg) no-repeat center center
}

.paymentButtons {
    width: auto;
    margin: 125px auto 0
}

@media only screen and (max-width:989px) {
    .paymentButtons {
        width: 100%
    }
}

.paymentButtons.standardTop {
    margin-top: 46px
}

.paymentButtons .cell {
    padding: 0 12px
}

@media only screen and (max-width:989px) {
    .paymentButtons .cell {
        display: block;
        padding: 0 0 12px
    }
}

.paymentButtons .back {
    width: 200px
}

@media only screen and (max-width:989px) {
    .paymentButtons .back {
        width: 100%
    }
}

.paymentButtons .next {
    width: 250px
}

@media only screen and (max-width:989px) {
    .paymentButtons .next {
        width: 100%
    }
}

.paymentForm input,
.paymentForm label {
    display: block
}

.paymentForm label {
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    margin: 0 0 7px
}

.paymentForm label span {
    font-weight: 500;
    color: #E62C3C;
    font-size: 16px;
    line-height: 20px;
    display: inline-block;
    margin: 0 0 0 5px
}

.paymentForm input {
    border: solid 1px #E5E5E5;
    padding: 0 14px;
    height: 30px;
    width: 100%;
    border-radius: 999px;
    color: #000;
    font: 400 14px "Cabin Condensed"
}

.paymentForm input::placeholder {
    opacity: 1;
    color: #C6C6C6
}

.paymentForm .oneLine {
    margin: 0 0 8px
}

.paymentForm .oneLine:last-child {
    margin-bottom: 0
}

.rememberOption {
    margin: 0 auto;
    display: table
}

.rememberOption label {
    display: table;
    padding: 0 20px 0 8px;
    border: solid 1px #C6C6C6;
    border-radius: 999px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    position: relative
}

.rememberOption label span {
    border: solid 1px #C6C6C6;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 6px;
    border-radius: 999px;
    right: 4px
}

.rememberOption label span:after {
    content: "";
    border-radius: 999px;
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 11px;
    background: url(../images/red_check.svg) no-repeat center center;
    display: none
}

.rememberOption label input {
    display: none
}

.rememberOption label input:checked+span {
    border-color: #E62C3C
}

.rememberOption label input:checked+span:after {
    display: block
}

.rememberOption+.paymentButtons.standardTop {
    margin-top: 26px
}

.paymentFeedback img {
    display: block;
    margin: 0 auto
}

.paymentFeedback h4 {
    text-align: center;
    font-weight: 700;
    font-size: 37px;
    line-height: 48px;
    padding: 10px 0 47px;
    max-width: 530px;
    margin: 0 auto;
    display: table
}

.paymentFeedback+.button.next {
    width: 250px
}

@media only screen and (max-width:989px) {
    .paymentFeedback+.button.next {
        width: 100%
    }
}

.logins {
    padding: 30px 0 38px;
    min-height: 540px
}

@media only screen and (max-width:989px) {
    .logins {
        min-height: unset;
        padding: 15px 0 24px
    }
}

.logins .toCenter {
    max-width: 640px
}

.logins h2 {
    font-weight: 700;
    font-size: 37px;
    line-height: 44px;
    margin: 0 0 30px
}

.logins .button {
    min-width: 200px
}

.logins .button.small {
    min-width: 180px
}

.logins .button.longer {
    min-width: 250px
}

@media only screen and (max-width:989px) {
    .logins .button {
        display: block
    }

    .logins .button.withSpan {
        width: 200px
    }
}

.logins .buttons {
    margin: 20px auto 38px;
    width: auto
}

@media only screen and (max-width:989px) {
    .logins .buttons {
        margin: 10px 0 0;
        width: 100%
    }
}

.logins .buttons .cell {
    padding: 0 10px
}

@media only screen and (max-width:989px) {
    .logins .buttons .cell {
        display: block;
        width: 100%;
        padding: 0 0 20px
    }

    .logins .buttons .cell:last-child {
        padding-bottom: 0
    }
}

.logins .buttons.small .button {
    line-height: 31px;
    font-size: 21px;
    min-width: 140px
}

@media only screen and (max-width:989px) {
    .logins .buttons.small .cell {
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding: 10px 10px 38px
    }
}

@media only screen and (max-width:989px) {
    .logins .inputs {
        padding: 0 40px
    }
}

.logins .inputs .oneLine {
    padding: 0 0 20px
}

.logins .inputs .oneLine.smallerBottom {
    padding-bottom: 14px
}

.logins .inputs .oneLine.largerBottom {
    padding-bottom: 58px
}

@media only screen and (max-width:989px) {
    .logins .inputs .oneLine.largerBottom {
        padding-bottom: 34px
    }
}

.logins .inputs .inputBlock {
    margin: 7px 0 3px
}

.logins .inputs .inputBlock input {
    height: 30px
}

.logins .inputs label {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700
}

.logins .inputs label span {
    font-size: 18px;
    font-weight: 600;
    color: #E62C3C
}

.logins .inputs .hint {
    padding: 0 0 0 15px;
    font-size: 12px;
    line-height: 14px
}

.logins .inputs .hint a {
    color: #E62C3C
}

.logins .inputs .hint a:hover {
    text-decoration: underline
}

.logins .inputs p {
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    padding: 16px 0
}

.logins .inputs p a {
    color: #E62C3C
}

.logins .inputs p a:hover {
    text-decoration: underline
}

.logins .captcha {
    margin: 0 auto;
    display: table
}

.logins h3 {
    color: #575756;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    padding: 0 0 16px
}

.logins h5 {
    font-size: 21px;
    line-height: 26px;
    text-align: center;
    padding: 28px 0 16px;
    font-weight: 700
}

.logins h6 {
    color: #575756;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    padding: 0 0 20px
}

.logins h6.largerBottom {
    padding-bottom: 25px
}

@media only screen and (max-width:989px) {
    .logins h6 {
        text-align: center
    }
}

.logins .center {
    text-align: center
}

.logins .checkboxItem {
    margin: 0 auto 16px
}

.logins.loginStart .button.outline {
    margin-top: 16px
}

@media only screen and (max-width:989px) {
    .logins .button {
        width: 100%
    }
}

.logins.tfa h3 {
    text-align: center
}

.logins.tfa p {
    text-align: center;
    color: #575756;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    padding: 0 0 20px
}

.logins.tfa .links {
    padding: 0 0 12px 14px
}

@media only screen and (max-width:989px) {
    .logins.tfa .links {
        padding-bottom: 0
    }
}

.logins.tfa .links a {
    color: #E62C3C;
    font-size: 12px;
    line-height: 16px
}

.logins.tfa .links a:hover {
    text-decoration: underline
}

@media only screen and (max-width:989px) {
    .logins.tfa .links a {
        float: none;
        clear: both;
        display: block;
        line-height: 20px
    }
}

.pageTitle {
    padding: 33px 0 14px;
    line-height: 82px;
    font-size: 67px;
    font-weight: 700
}

.pageTitle span {
    display: inline-block;
    margin: 0 0 0 15px;
    color: #575756;
    font-size: 37px;
    line-height: 82px;
    font-weight: 600
}

.layoutFilter p {
    color: #C6C6C6;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px
}

.layoutFilter select {
    width: 55px
}

.layoutFilter .filterSelect {
    line-height: 20px
}

.layoutFilter .label {
    color: #C6C6C6;
    font-size: 12px;
    line-height: 20px;
    margin: 0 6px 0 14px
}

.layoutFilter .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 18px;
    padding: 0 2px;
    color: #C6C6C6
}

.layoutFilter .select2-container .select2-selection--single {
    height: 20px
}

.layoutFilter .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none
}

.layoutFilter .select2-container {
    text-align: center;
    vertical-align: top
}

.layoutFilter .select2-container--default .select2-selection--single {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important
}

.layoutFilter .type {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: solid 1px #c6c6c6;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.layoutFilter .type span {
    position: absolute;
    right: 1px;
    background-color: #c6c6c6;
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.layoutFilter .type.active {
    border-color: #575756
}

.layoutFilter .type.active span {
    background-color: #575756
}

.layoutFilter .type1 {
    margin: 0 6px 0 0
}

.layoutFilter .type1 span {
    width: 16px;
    height: 7px;
    bottom: 1px
}

.layoutFilter .type2 span {
    width: 7px;
    height: 16px;
    bottom: 1px
}

@media only screen and (max-width:989px) {

    .layoutFilter .left,
    .layoutFilter .right {
        width: 100%
    }

    .layoutFilter .right {
        padding: 8px 0 0
    }

    .layoutFilter .right .label {
        margin-left: 0
    }
}

.lessRadius .select2-results {
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important
}

.lessRadius .select2-results .select2-results__option {
    padding: 2px 4px;
    text-align: center
}

.addToFav {
    position: absolute;
    top: 17px;
    right: 8px;
    width: 35px;
    height: 34px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    z-index: 10;
    background-image: url("../images/star_empty.svg")
}

@media only screen and (max-width:989px) {
    .addToFav {
        top: 8px;
        width: 21px;
        height: 21px;
        background-size: 21px auto
    }
}

.addToFav.full {
    background-image: url("../images/star_full.svg")
}

@media only screen and (max-width:989px) {
    .addToFav.full {
        background-size: 18px auto
    }
}

.favourites {
    padding: 42px 0 57px
}

@media only screen and (max-width:989px) {
    .favourites {
        padding: 10px 0 12px
    }
}

.favourites.withCards {
    padding-top: 18px
}

.favourites .noFav {
    text-align: center
}

.favourites .noFav .img {
    margin: 0 auto 35px;
    display: table
}

.favourites .noFav h4 {
    font-size: 37px;
    line-height: 44px;
    font-weight: 700
}

.favourites .noFav p {
    padding: 8px 0 32px;
    font-size: 12px;
    line-height: 16px;
    color: #575756
}

.favourites .buttons {
    width: auto;
    margin: 0 auto
}

@media only screen and (max-width:989px) {
    .favourites .buttons {
        width: 100%
    }
}

.favourites .buttons .cell {
    padding: 0 10px
}

@media only screen and (max-width:989px) {
    .favourites .buttons .cell {
        padding: 0 0 20px;
        display: block
    }
}

.favourites .buttons .button {
    width: 300px
}

@media only screen and (max-width:989px) {
    .favourites .buttons .button {
        width: 100%
    }
}

.cards {
    padding: 0 0 12px
}

.cards .card {
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24)
}

.cards .card a {
    display: block;
    position: relative;
    z-index: 0
}

.cards .card:hover .images img.onHover {
    opacity: 1;
    visibility: visible
}

.cards .images img {
    width: 100%
}

.cards .images img.onHover {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 350ms
}

.cards h3 {
    font-weight: 600;
    font-size: 21px;
    line-height: 26px
}

.cards h3 a:hover {
    text-decoration: underline
}

.cards .type {
    font-size: 12px;
    line-height: 16px;
    font-style: italic;
    padding: 0 0 6px
}

.cards .tags {
    font-size: 0;
    padding: 0 0 4px;
    line-height: 18px
}

.cards .tags span {
    vertical-align: top;
    font-size: 12px;
    line-height: 18px;
    padding: 0 7px 2px;
    margin: 0 4px 4px 0;
    display: inline-block;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24)
}

.cards .tags span img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.cards .tags span:last-child {
    margin-right: 0
}

.cards .availability,
.cards .place {
    font-size: 12px;
    line-height: 20px;
    padding: 0 0 0 19px
}

.cards .availability {
    margin: 0 0 4px
}

.cards .availability.available {
    position: relative
}

.cards .availability.available:before {
    position: absolute;
    left: 0;
    top: 3px;
    content: "";
    width: 12px;
    height: 12px;
    border: solid 1px #fff;
    background-color: #95C11F;
    animation: blinker 5s linear infinite;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

.cards p {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 0 0;
    font-style: italic
}

@media only screen and (max-width:989px) {
    .cards p {
        line-height: 14px
    }
}

.cards.hidden {
    display: none
}

.cards.layout1 .card {
    width: 49%;
    margin: 0 2% 20px 0
}

.cards.layout1 .card:nth-child(2n) {
    margin-right: 0
}

@media only screen and (max-width:989px) {
    .cards.layout1 .card {
        width: 100%;
        margin: 0 0 20px
    }

    .cards.layout1 .card .cell {
        min-height: 200px
    }
}

.cards.layout1 .images {
    width: 48%
}

@media only screen and (max-width:989px) {
    .cards.layout1 .images {
        width: 52%;
        position: relative;
        overflow: hidden
    }
}

.cards.layout1 .images img {
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover
}

.cards.layout1 .texts {
    width: 52%;
    padding: 20px 10px 8px 28px;
    vertical-align: bottom
}

@media only screen and (max-width:989px) {
    .cards.layout1 .texts {
        width: 48%;
        padding: 10px 8px 8px 10px
    }
}

.cards.layout1 h3 {
    padding: 15px 0 0;
    color: #575756
}

.cards.layout1 h3 a {
    color: #575756
}

.cards.layout1 .type {
    color: #575756
}

.cards.layout1 .tags span {
    color: #fff;
    background-color: #575756
}

.cards.layout1 .availability,
.cards.layout1 .place {
    color: #575756
}

.cards.layout1 .availability.away {
    background: url("../images/available_dark.svg") no-repeat 0 2px
}

.cards.layout1 .place {
    background: url("../images/house_dark.svg") no-repeat 0 top
}

.cards.layout1 p {
    color: #575756
}

.cards.layout1 .imageList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 22px;
    padding: 2px 0 0
}

@media only screen and (max-width:989px) {
    .cards.layout1 .imageList {
        display: none
    }
}

.cards.layout1 .imageList img {
    width: 100%;
    border-radius: 10px;
    display: block
}

.cards.layout1 .addToFav {
    top: 10px
}

.cards.layout2.thin .card {
    width: 32%
}

.cards.layout2.thin .card:nth-child(3n) {
    margin-right: 0
}

@media only screen and (max-width:989px) {
    .cards.layout2.thin .card {
        width: 48%;
        margin: 0 4% 20px 0
    }

    .cards.layout2.thin .card:nth-child(3n) {
        margin-right: 4%
    }

    .cards.layout2.thin .card:nth-child(2n) {
        margin-right: 0
    }
}

.cards.layout2.fixedWidth {
    width: 100%;
    position: relative;
    z-index: 0
}

.cards.layout2.fixedWidth .card {
    width: 200px !important;
    margin: 0 !important;
    position: relative;
    box-shadow: none !important
}

.cards.layout2.fixedWidth .triangle {
    left: 50%;
    bottom: 4px;
    width: 10px;
    height: 8px;
    position: absolute;
    background: url("../images/triangle.svg") no-repeat center bottom;
    transform: translate(-50%, 0)
}

.cards.layout2:not(.thin) .card {
    width: 23.5%
}

@media only screen and (max-width:989px) {
    .cards.layout2:not(.thin) .card {
        width: 48%;
        margin: 0 4% 20px 0
    }

    .cards.layout2:not(.thin) .card:nth-child(2n) {
        margin-right: 0
    }
}

.cards.layout2:not(.thin) .card:nth-child(4n) {
    margin-right: 0
}

.cards.layout2 .card {
    margin: 0 2% 20px 0
}

.cards.layout2 .card:hover p {
    display: block
}

.cards.layout2 .texts {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 63.54%, rgba(0, 0, 0, 0.5) 100%)
}

.cards.layout2 .texts {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10
}

.cards.layout2 .texts .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.cards.layout2 h3 {
    color: #fff
}

.cards.layout2 h3 a {
    color: #fff
}

.cards.layout2 .type {
    color: #fff
}

.cards.layout2 .tags span {
    color: #575756;
    background-color: #fff
}

.cards.layout2 .availability,
.cards.layout2 .place {
    color: #fff
}

.cards.layout2 .availability.away {
    background: url("../images/available.svg") no-repeat -4px 2px
}

.cards.layout2 .place {
    background: url("../images/house.svg") no-repeat -4px top
}

.cards.layout2 p {
    color: #fff;
    display: none
}

.cards.layout2 .bottom {
    padding: 8px
}

@keyframes blinker {
    10% {
        background-color: #b1f137
    }

    30% {
        background-color: #95C11F
    }
}

.reviewWindows {
    background-color: #fff;
    border: solid 1px #C6C6C6;
    padding: 15px 25px;
    margin: 0 0 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.reviewWindows .title {
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    padding: 0 0 0 32px;
    margin: 0 0 12px;
    background: url("../images/reviews_icon.svg") no-repeat left 5px
}

.reviewWindows .separator {
    height: 1px;
    background-color: #C6C6C6
}

.reviewWindows .box {
    text-align: center;
    padding: 12px 12px 22px;
    width: 32.333%;
    margin: 0 1.5% 20px 0;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
    border-radius: 20px;
    -webkit-border-radius: 20px
}

@media only screen and (max-width:989px) {
    .reviewWindows .box {
        width: 100%;
        margin-right: 0
    }
}

.reviewWindows .box:last-child {
    margin-right: 0
}

.reviewWindows .button {
    width: 100%;
    margin: 19px 0 0
}

.reviewWindows .buttons .cell:first-child {
    padding: 0 10px 0 0
}

.reviewWindows .buttons .cell:last-child {
    padding: 0 0 0 10px
}

.reviewWindows .buttons .cell:last-child .button {
    width: 120px;
    padding: 0 5px
}

@media only screen and (max-width:989px) {
    .reviewWindows .buttons .cell:last-child .button {
        width: 100%
    }
}

.reviewWindows .date {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #E62C3C;
    padding: 0 0 10px
}

.reviewWindows p {
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    padding: 8px 0
}

.reviewWindows .table .cell {
    vertical-align: top
}

.reviewWindows .data {
    padding: 8px 0;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600
}

.reviewWindows .data .place {
    font-weight: 500;
    padding: 8px 0 0;
    color: #575756
}

.reviewWindows .rank {
    padding: 8px 0;
    font-size: 0;
    line-height: 26px
}

.reviewWindows .stars,
.reviewWindows .value {
    display: inline-block;
    vertical-align: middle
}

.reviewWindows .stars {
    width: 90px;
    height: 16px;
    position: relative;
    background: url("../images/star-0.svg") no-repeat left center/90px 16px
}

.reviewWindows .stars span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url("../images/star-5.svg") no-repeat left center/90px 16px
}

.reviewWindows .value {
    padding: 0 0 0 20px;
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    color: #E62C3C
}

.reviewWindows .value span {
    color: #575756;
    font-size: 16px
}

@media only screen and (max-width:989px) {
    .reviewWindows+.button {
        width: 100%;
        margin: 0 0 30px
    }
}

.toggleShow {
    padding: 12px 0 10px;
    text-align: center;
    cursor: pointer
}

.toggleShow .top {
    background-color: #C6C6C6;
    height: 1px;
    width: 100%;
    position: relative
}

.toggleShow .top:after {
    width: 22px;
    height: 22px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff url("../images/dropdown.svg") no-repeat center center/contain
}

.toggleShow.toggled .top:after {
    transform: translate(-50%, -50%) rotate(180deg)
}

.toggleShow .text {
    padding: 16px 0 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #E62C3C
}

.tripWindows {
    background-color: #fff;
    border: solid 1px #C6C6C6;
    padding: 12px 24px 4px;
    margin: 0 0 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.tripWindows .title {
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    padding: 0 0 0 32px;
    margin: 0 0 12px;
    background: url("../images/trip_icon.svg") no-repeat left 4px
}

.tripWindows .separator {
    margin: 12px 0;
    height: 1px;
    background-color: #C6C6C6
}

.tripWindows .box {
    text-align: center;
    padding: 54px 15px 25px;
    width: 32.333%;
    position: relative;
    margin: 0 1.5% 20px 0;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
    border-radius: 20px;
    -webkit-border-radius: 20px
}

@media only screen and (max-width:989px) {
    .tripWindows .box {
        width: 100%;
        margin-right: 0
    }
}

.tripWindows .box:nth-child(3n) {
    margin-right: 0
}

.tripWindows .top {
    font-size: 16px;
    line-height: 20px
}

.tripWindows .bottom {
    font-size: 12px;
    line-height: 16px;
    color: #575756
}

.tripWindows .icon {
    position: absolute;
    cursor: pointer;
    opacity: 1
}

.tripWindows .icon:hover {
    opacity: 0.8
}

.tripWindows .icon.edit {
    width: 20px;
    height: 20px;
    top: 20px;
    left: 20px;
    background: url("../images/edit.svg") no-repeat center center
}

.tripWindows .icon.delete {
    width: 15px;
    height: 15px;
    top: 20px;
    right: 20px;
    background: url("../images/x_delete.svg") no-repeat center center
}

@media only screen and (max-width:989px) {
    .tripWindows+.button {
        width: 100%;
        margin: 0 0 32px
    }
}

.tripData {
    line-height: 26px;
    padding: 0 0 20px
}

.tripData .label {
    font-size: 16px;
    line-height: 26px;
    margin: 0 15px 0 0
}

@media only screen and (max-width:989px) {
    .tripData .label {
        display: block;
        width: 95px;
        text-align: right;
        clear: both;
        float: none;
        padding: 5px 0
    }
}

.tripData .button {
    line-height: 22px
}

@media only screen and (max-width:989px) {
    .tripData .button {
        margin: 12px 0 0
    }
}

@media only screen and (max-width:989px) {
    .tripData .oneItem {
        width: 100%
    }
}

.tripData .oneItem:first-child {
    margin: 0 70px 0 0
}

@media only screen and (max-width:989px) {
    .tripData .oneItem:first-child {
        margin: 0
    }
}

.tripData .inputBlock {
    width: auto
}

.tripData .inputBlock.locate {
    width: 180px
}

@media only screen and (max-width:989px) {
    .tripData .inputBlock.locate {
        width: 100%
    }
}

.tripData .inputBlock.locate input {
    padding-right: 25px
}

.tripData .inputBlock.locate span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    cursor: pointer;
    right: 3px;
    background: url("../images/locate.svg") no-repeat center center
}

.tripData .inputBlock.date {
    width: 120px
}

@media only screen and (max-width:989px) {
    .tripData .inputBlock.date {
        width: 46%
    }
}

.tripData .inputBlock.date input {
    text-align: center;
    padding-right: 25px
}

.tripData .inputBlock.date span {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    cursor: pointer;
    right: 3px;
    background: url("../images/dropdown_input.svg") no-repeat center center
}

.tripData .dash {
    width: 14px;
    height: 2px;
    background-color: #E62C3C;
    margin: 12px 10px 0
}

@media only screen and (max-width:989px) {
    .tripData .dash {
        width: 8%;
        margin: 12px 0 0;
        background-color: transparent;
        position: relative
    }

    .tripData .dash:after {
        content: "";
        width: 12px;
        height: 2px;
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        background-color: #E62C3C;
        transform: translate(-50%, 0)
    }
}

.planTitle {
    font-size: 37px;
    line-height: 37px;
    display: table;
    margin: 0 auto 24px;
    font-weight: 700
}

.planBoxes {
    padding: 0 0 24px
}

.planBoxes .oneBox {
    width: 32%;
    margin: 0 2% 0 0;
    text-align: center;
    padding: 25px 10px;
    background-color: #fff;
    border: solid 1px #C6C6C6;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
    border-radius: 15px;
    -webkit-border-radius: 15px
}

@media only screen and (max-width:989px) {
    .planBoxes .oneBox {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .planBoxes .oneBox:last-child {
        margin-bottom: 0
    }
}

.planBoxes .oneBox:nth-child(3n) {
    margin-right: 0
}

.planBoxes h3 {
    color: #E62C3C;
    font-size: 37px;
    line-height: 45px;
    font-weight: 700
}

.planBoxes h4 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 600;
    color: #575756;
    padding: 10px 0 0
}

@media only screen and (max-width:1099px) {
    .planBoxes h4 {
        font-size: 40px
    }
}

.planBoxes p {
    padding: 10px 0;
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
    color: #C6C6C6
}

.planBoxes .button {
    width: 100%;
    max-width: 200px
}

.progressPies {
    width: auto;
    margin: 0 auto 32px
}

@media only screen and (max-width:989px) {
    .progressPies {
        margin-bottom: 20px
    }
}

.progressPies .cell {
    padding: 0 8px
}

@media only screen and (max-width:989px) {
    .progressPies .cell {
        display: block;
        width: 100%;
        padding: 12px 0
    }
}

.progressPies .progress {
    text-align: center;
    position: relative;
    width: 300px;
    height: 300px
}

.progressPies .percents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 8px;
    border: solid 2px #E5E5E5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    --v: calc(((18/5) * var(--radius) - 90)*1deg);
    background: linear-gradient(#E5E5E5, #E5E5E5) content-box, linear-gradient(var(--v), #C6C6C6 50%, transparent 0) 0/min(100%, (50 - var(--radius)) * 100%), linear-gradient(var(--v), transparent 50%, #BE1622 0) 0/min(100%, (var(--radius) - 50) * 100%), linear-gradient(to right, #C6C6C6 50%, #BE1622 0)
}

.progressPies .top {
    padding: 72px 0 25px;
    color: #575756;
    font-size: 40px;
    line-height: 28px;
    font-weight: 600;
    z-index: 20;
    position: relative
}

.progressPies .bottom {
    color: #E72D4A;
    font-size: 70px;
    line-height: 54px;
    font-weight: 700;
    z-index: 20;
    position: relative
}

.progressPies .bottom span {
    font-weight: 600;
    color: #C6C6C6
}

.galleryContent .galleryBox {
    padding: 0 0 34px
}

@media only screen and (max-width:989px) {
    .galleryContent .galleryBox+.button {
        margin: 0 0 32px;
        width: 100%
    }
}

.galleryContent .title {
    font-weight: 700;
    font-size: 21px;
    line-height: 26px;
    padding: 0 0 0 32px;
    margin: 0 0 12px;
    background: url("../images/profile_icon.svg") no-repeat left 4px
}

.galleryContent .box {
    background-color: #fff;
    padding: 16px 24px 24px;
    border: solid 1px #C6C6C6;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12)
}

.galleryContent .cover {
    height: 280px;
    width: 100%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
    border-radius: 20px;
    -webkit-border-radius: 20px
}

@media only screen and (max-width:989px) {
    .galleryContent .cover {
        max-width: 280px;
        margin: 0 auto
    }
}

.galleryContent .image {
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px
}

@media only screen and (max-width:989px) {
    .galleryContent .image {
        max-width: 280px;
        width: 100%;
        margin: 0 auto
    }
}

.galleryContent .image.inProgress:before {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.64) url("../images/status.svg") no-repeat center center
}

.galleryContent .image.upload {
    border: dashed 2px #E62C3C;
    height: 280px;
    background-color: #F6F6F6;
    color: #E62C3C;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    text-align: center
}

.galleryContent .image.upload .text {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 32px
}

.galleryContent .image.upload .uploadIcon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 165px;
    height: 165px;
    background: url("../images/add_circle_button.svg") no-repeat center center/135px auto;
    transform: translate(-50%, -50%);
    transition: all ease-in-out 150ms
}

.galleryContent .image.upload .uploadIcon input {
    display: none
}

.galleryContent .image.upload .uploadIcon:hover {
    background-size: 150px auto
}

.galleryContent .icon {
    position: absolute;
    cursor: pointer;
    opacity: 1;
    z-index: 5;
}

.galleryContent .icon:hover {
    opacity: 0.8
}

.galleryContent .icon.edit {
    width: 20px;
    height: 20px;
    top: 20px;
    left: 20px;
    background: url("../images/edit.svg") no-repeat center center
}

.galleryContent .icon.delete {
    width: 45px;
    height: 45px;
    top: 20px;
    right: 20px;
    background: url("../images/x_delete.svg") no-repeat center center
}

.galleryContent .nums {
    color: #C6C6C6;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600
}

.galleryContent .galleryType1 {
    padding: 0 0 20px
}

.galleryContent .galleryType1 .box {
    width: 36%;
    margin: 0 2% 0 0
}

@media only screen and (max-width:989px) {
    .galleryContent .galleryType1 .box {
        width: 100%;
        margin: 0
    }
}

.galleryContent .galleryType1 .box:last-child {
    width: 62%;
    margin-right: 0
}

@media only screen and (max-width:989px) {
    .galleryContent .galleryType1 .box:last-child {
        width: 100%;
        margin: 20px 0 0
    }
}

.galleryContent .galleryType2 {
    padding: 0 0 20px
}

.galleryContent .galleryType2 .box {
    width: 100%;
    padding-bottom: 4px
}

.galleryContent .galleryType2 .image {
    width: 32%;
    margin: 0 2% 20px 0
}

@media only screen and (max-width:989px) {
    .galleryContent .galleryType2 .image {
        max-width: 280px;
        width: 100%;
        clear: both;
        display: table;
        float: none;
        margin: 0 auto 20px !important
    }
}

.galleryContent .galleryType2 .image:nth-child(3n) {
    margin-right: 0
}

.galleryContent .galleryType3 .box {
    width: 36%
}

@media only screen and (max-width:989px) {
    .galleryContent .galleryType3 .box {
        width: 100%
    }
}

.popupBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.64);
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 300ms
}

.popupBg.visible {
    opacity: 1;
    visibility: visible
}

.popupCnt {
    position: absolute;
    z-index: 1001;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 300ms
}

.popupCnt .middle {
    padding: 210px 0 0
}

@media only screen and (max-width:989px) {
    .popupCnt .middle {
        padding: 70px 0 0
    }
}

.popupCnt .hidden {
    display: none
}

.popupCnt.visible {
    opacity: 1;
    visibility: visible
}

.popup {
    width: 640px;
    margin: 0 auto;
    padding: 65px;
    text-align: center;
    display: table;
    background-color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24)
}

@media only screen and (max-width:989px) {
    .popup {
        width: 100%;
        display: block;
        padding: 65px 10px
    }
}

.popup img {
    margin: 0 auto
}

.popup h4 {
    font-size: 37px;
    line-height: 44px;
    font-weight: 700;
    padding: 14px 0 0
}

.popup p {
    padding: 20px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #575756
}

.popup .button {
    margin-top: 42px;
    width: 200px
}

.authPopup {
    width: 668px;
    margin: 0 auto;
    padding: 24px 24px 34px;
    text-align: center;
    display: table;
    background-color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24)
}

@media only screen and (max-width:989px) {
    .authPopup {
        width: 100%;
        display: block
    }
}

.authPopup.hidden {
    display: none
}

.authPopup h3 {
    color: #E62C3C;
    font-size: 37px;
    line-height: 45px;
    font-weight: 700;
    padding: 0 0 15px
}

.authPopup .cell {
    padding: 0 10px
}

.authPopup .button {
    width: 200px
}

@media only screen and (max-width:989px) {
    .authPopup .button {
        max-width: 247px;
        width: 100%
    }
}

.authPopup .buttons {
    padding: 14px 0 0;
    margin: 0 auto;
    width: auto
}

@media only screen and (max-width:989px) {
    .authPopup .buttons {
        width: 100%
    }

    .authPopup .buttons .cell {
        padding: 10px 0;
        display: block;
        width: 100%
    }
}

.authPopup .block {
    margin: 12px 0;
    padding: 12px 0;
    background-color: #F6F6F6
}

.authPopup .step {
    text-align: left;
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    color: #575756
}

.authPopup .step b {
    font-weight: 700;
    color: #000
}

.authPopup .step .i {
    display: inline-block
}

.authPopup img {
    margin: 0 auto
}

.authPopup .enter {
    padding: 16px 0 0;
    color: #E62C3C;
    font-size: 12px;
    line-height: 16px
}

.authPopup .inputBlock {
    margin: 0 auto;
    width: 90px;
    background-color: transparent
}

.authPopup .inputBlock input {
    height: 30px;
    background-color: #fff;
    text-align: center
}

.photoPopup {
    width: 535px;
    margin: 0 auto;
    padding: 24px 28px 34px;
    text-align: center;
    display: table;
    background-color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24)
}

@media only screen and (max-width:989px) {
    .photoPopup {
        display: block;
        width: 320px;
        padding: 16px 12px 28px
    }
}

.photoPopup.hidden {
    display: none
}

.photoPopup input {
    display: none
}

.photoPopup .editArea {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #F6F6F6;
    border-radius: 10px;
    -webkit-border-radius: 10px
}

.photoPopup .editArea .playground {
    position: relative;
    cursor: default !important;
    width: 480px !important;
    height: 480px !important;
    display: block
}

@media only screen and (max-width:989px) {
    .photoPopup .editArea .playground {
        width: 295px !important;
        height: 295px !important
    }
}

.photoPopup .editArea .frame {
    width: 304px;
    height: 304px;
    position: absolute;
    z-index: 10;
    cursor: move;
    display: none;
    background: url("../images/crop_frame.svg") no-repeat;
    box-shadow: 0 0 0 999px rgba(87, 87, 87, 0.5)
}

.photoPopup .editArea .frame[data-croptype=rectangle] {
    width: 403px;
    background-image: url("../images/crop_frame_rect.svg")
}

@media only screen and (max-width:989px) {
    .photoPopup .editArea .frame {
        width: 195px;
        height: 195px;
        background-size: 195px auto
    }

    .photoPopup .editArea .frame[data-croptype=rectangle] {
        width: 195px;
        height: 146px
    }
}

.photoPopup .editArea .frame:not(.noTransform) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.photoPopup .editArea .circleSelector {
    width: 195px;
    height: 195px;
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 10;
    display: none;
    cursor: move;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 0 0 999px rgba(87, 87, 87, 0.5)
}

@media only screen and (max-width:989px) {
    .photoPopup .editArea .circleSelector {
        width: 100px;
        height: 100px
    }
}

.photoPopup .editArea .circleSelector:not(.noTransform) {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.photoPopup h4 {
    text-align: center;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    color: #E62C3C;
    padding: 0 0 25px
}

@media only screen and (max-width:989px) {
    .photoPopup h4 {
        padding-bottom: 16px
    }
}

.photoPopup .button {
    width: 200px
}

@media only screen and (max-width:989px) {
    .photoPopup .button {
        max-width: 260px;
        width: 100%
    }
}

.photoPopup .cell {
    padding: 0 10px
}

.photoPopup .buttons {
    margin: 0 auto;
    width: auto
}

@media only screen and (max-width:989px) {
    .photoPopup .buttons {
        width: 100%
    }
}

@media only screen and (max-width:989px) {
    .photoPopup .buttons .cell {
        padding: 10px 0;
        display: block
    }
}

.photoPopup .tools {
    padding: 24px 0 31px;
    text-align: center
}

@media only screen and (max-width:989px) {
    .photoPopup .tools .cell {
        padding: 0
    }
}

.photoPopup .tools img {
    margin: 0 auto
}

.photoPopup .tools .type {
    padding: 3px 0 0;
    color: #575756;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600
}

.photoPopup .tools .toolType {
    cursor: pointer
}

.photoPopup .tools .toolType:hover {
    opacity: 0.8
}

.photoPopup .tools .cell {
    vertical-align: top
}

.photoPopup .sliderTool {
    padding: 40px 0 60px;
    display: none
}

@media only screen and (max-width:989px) {
    .photoPopup .sliderTool {
        padding: 20px 0
    }
}

.photoPopup .sliderTool .side {
    width: 22px;
    padding: 0 0 2px;
    vertical-align: bottom
}

.photoPopup .sliderTool .minus,
.photoPopup .sliderTool .plus {
    width: 20px;
    height: 20px;
    display: block
}

.photoPopup .sliderTool .minus:hover,
.photoPopup .sliderTool .plus:hover {
    opacity: 0.8
}

.photoPopup .sliderTool .plus {
    margin: 0 0 0 2px;
    background: url("../images/range_plus.svg") no-repeat center center
}

.photoPopup .sliderTool .minus {
    background: url("../images/range_minus.svg") no-repeat center center
}

.photoPopup .irs--flat .irs-bar {
    background-color: #BE1622;
    height: 5px
}

.photoPopup .irs--flat .irs-line {
    background-color: #575756;
    height: 5px
}

.photoPopup .irs--flat .irs-handle {
    width: 15px;
    height: 15px;
    top: 20px;
    background-color: #E62C3C;
    cursor: pointer;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24)
}

.photoPopup .irs--flat .irs-handle i {
    display: none
}

#photoEdit .middle {
    padding: 160px 0 0
}

@media only screen and (max-width:989px) {
    #photoEdit .middle {
        padding-top: 70px
    }
}

.reviewRate {
    width: 620px;
    margin: 0 auto;
    padding: 24px 48px 34px;
    text-align: center;
    display: table;
    background-color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24)
}

@media only screen and (max-width:989px) {
    .reviewRate {
        width: 100%;
        display: block;
        padding: 24px
    }
}

.reviewRate h3 {
    font-size: 37px;
    line-height: 44px;
    font-weight: 700;
    padding: 0 0 8px;
    color: #E62C3C
}

.reviewRate h4 {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: #575756
}

.reviewRate p {
    padding: 20px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #575756
}

.reviewRate .buttons {
    margin: 0 auto;
    width: auto
}

@media only screen and (max-width:989px) {
    .reviewRate .buttons {
        width: 100%
    }
}

.reviewRate .buttons .cell {
    padding: 0 10px
}

@media only screen and (max-width:989px) {
    .reviewRate .buttons .cell {
        width: 100%;
        padding: 10px;
        display: block
    }
}

.reviewRate .button {
    width: 200px
}

@media only screen and (max-width:989px) {
    .reviewRate .button {
        width: 100%
    }
}

.reviewRate .inputs {
    padding: 8px 0 0;
    text-align: left
}

.reviewRate .inputs .oneLine {
    padding: 0 0 20px
}

.reviewRate .inputs .inputBlock {
    margin: 7px 0 0
}

.reviewRate .inputs .inputBlock input {
    height: 30px
}

.reviewRate .inputs .inputBlock.date {
    width: 255px
}

@media only screen and (max-width:519px) {
    .reviewRate .inputs .inputBlock.date {
        width: 100%
    }
}

.reviewRate .inputs .inputBlock.date span {
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    top: 5px;
    right: 5px;
    background: url("../images/dropdown_input.svg") no-repeat center center
}

.reviewRate .inputs label {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700
}

.reviewRate .inputs label span {
    font-size: 18px;
    font-weight: 600;
    color: #E62C3C
}

.reviewRate .rateIt {
    padding: 8px 0 20px
}

.reviewRate .rateIt .label {
    font-weight: 700;
    font-size: 21px;
    line-height: 30px
}

.reviewRate .rateIt .oneLine {
    margin: 0 0 16px
}

.reviewRate .rateIt .stars .star {
    cursor: pointer;
    width: 26px;
    height: 22px;
    background: url("../images/star_gray_empty.svg") no-repeat right center/contain
}

.reviewRate .rateIt .stars .star:hover {
    background-image: url("../images/star_red_full.svg")
}

.reviewRate .rateIt .stars .star:hover+.star {
    background-image: url("../images/star_red_full.svg")
}

.reviewRate .rateIt .stars .star:hover+.star+.star {
    background-image: url("../images/star_red_full.svg")
}

.reviewRate .rateIt .stars .star:hover+.star+.star+.star {
    background-image: url("../images/star_red_full.svg")
}

.reviewRate .rateIt .stars .star:hover+.star+.star+.star+.star {
    background-image: url("../images/star_red_full.svg")
}

.reviewRate .rateIt .stars .star.clicked {
    background-image: url("../images/star_red_full.svg")
}

.reviewRate .rateIt .stars .star.clicked+.star {
    background-image: url("../images/star_red_full.svg")
}

.reviewRate .rateIt .stars .star.clicked+.star+.star {
    background-image: url("../images/star_red_full.svg")
}

.reviewRate .rateIt .stars .star.clicked+.star+.star+.star {
    background-image: url("../images/star_red_full.svg")
}

.reviewRate .rateIt .stars .star.clicked+.star+.star+.star+.star {
    background-image: url("../images/star_red_full.svg")
}

.reviewRate .captcha {
    padding: 12px 0 30px
}

.reviewRate .captcha img {
    margin: 0 auto;
    max-width: 100%
}

.reviewRate .options {
    padding: 16px 0
}

.reviewRate .options .oneOption {
    cursor: pointer;
    display: table;
    margin: 0 auto;
    font-size: 37px;
    line-height: 44px;
    font-weight: 700;
    padding: 8px 0
}

.reviewRate .options .oneOption:hover {
    text-decoration: underline;
    color: #E62C3C
}

.reviewSliders {
    width: 620px;
    margin: 0 auto;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24)
}

@media only screen and (max-width:989px) {
    .reviewSliders {
        width: 100%
    }
}

.reviewSliders .oneBox {
    padding: 24px 0 34px;
    display: block;
    text-align: center;
    background-color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px
}

.reviewSliders .buttons {
    margin: 27px auto 0;
    width: auto
}

@media only screen and (max-width:989px) {
    .reviewSliders .buttons {
        width: 100%;
        margin-top: 14px
    }
}

.reviewSliders .buttons .cell {
    padding: 0 10px
}

@media only screen and (max-width:989px) {
    .reviewSliders .buttons .cell {
        display: block;
        width: 100%;
        padding: 10px
    }
}

.reviewSliders .button {
    width: 200px
}

@media only screen and (max-width:989px) {
    .reviewSliders .button {
        width: 100%
    }
}

.reviewSliders .separator {
    height: 1px;
    background-color: #C6C6C6
}

.reviewSliders .date {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    color: #E62C3C;
    padding: 0 0 10px
}

.reviewSliders p {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    padding: 8px
}

.reviewSliders .table .cell {
    vertical-align: top
}

.reviewSliders .data {
    padding: 8px;
    font-size: 21px;
    line-height: 26px;
    font-weight: 700
}

.reviewSliders .data .place {
    font-weight: 600;
    padding: 8px 0 0;
    color: #575756
}

@media only screen and (max-width:989px) {
    .reviewSliders .data .cell {
        width: 100%;
        display: block
    }

    .reviewSliders .data .cell:first-child {
        padding-bottom: 10px
    }
}

.reviewSliders .rank {
    padding: 16px 0;
    font-size: 0;
    line-height: 26px
}

.reviewSliders .stars,
.reviewSliders .value {
    display: inline-block;
    vertical-align: middle
}

.reviewSliders .stars {
    width: 131px;
    height: 28px;
    position: relative;
    background: url("../images/star-0.svg") no-repeat left center/131px auto
}

.reviewSliders .stars span {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url("../images/star-5.svg") no-repeat left center/131px auto
}

.reviewSliders .value {
    padding: 0 0 0 20px;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    color: #E62C3C
}

.reviewSliders .value span {
    color: #575756;
    font-size: 21px
}

.reviewSliders .toggleValues {
    cursor: pointer;
    height: 22px;
    width: 100%;
    position: relative
}

.reviewSliders .toggleValues:after,
.reviewSliders .toggleValues:before {
    content: "";
    position: absolute;
    top: 50%
}

.reviewSliders .toggleValues:before {
    height: 1px;
    width: 100%;
    left: 0;
    top: 50%;
    background-color: #C6C6C6;
    transform: translate(0, -50%)
}

.reviewSliders .toggleValues:after {
    width: 22px;
    height: 22px;
    left: 50%;
    top: 0;
    background: #fff url("../images/dropdown.svg") no-repeat center center/contain;
    transform: translate(-50%, 0) rotate(180deg)
}

.reviewSliders .toggleValues.clicked:after {
    transform: translate(-50%, 0) rotate(0)
}

.reviewSliders .givenStars {
    padding: 23px 50px 0;
    display: none
}

@media only screen and (max-width:989px) {
    .reviewSliders .givenStars {
        padding-left: 24px;
        padding-right: 24px
    }
}

.reviewSliders .givenStars .label {
    font-size: 21px;
    line-height: 30px;
    font-weight: 700
}

.reviewSliders .givenStars .oneLine {
    padding: 0 0 16px
}

.reviewSliders .givenStars .oneLine:last-child {
    padding-bottom: 8px
}

.reviewSliders .slick-slide {
    margin: 0 27px
}

.reviewSliders .slick-list {
    margin: 0 -27px
}

.sliderOuter {
    position: relative
}

.sliderOuter .action {
    width: 65px;
    height: 65px;
    top: 50%;
    cursor: pointer;
    position: absolute;
    opacity: 1;
    z-index: 150;
    transform: translate(0, -50%);
    transition: all ease-in-out 150ms
}

@media only screen and (max-width:989px) {
    .sliderOuter .action {
        width: 42px;
        height: 42px
    }
}

.sliderOuter .action:hover {
    opacity: 0.8
}

.sliderOuter .action.nextSlide {
    left: 0;
    background: url("../images/arrow_left_slider.svg") no-repeat center center
}

@media only screen and (max-width:989px) {
    .sliderOuter .action.nextSlide {
        left: -22px;
        background-size: 42px 42px
    }
}

.sliderOuter .action.prevSlide {
    right: 0;
    background: url("../images/arrow_right_slider.svg") no-repeat center center
}

@media only screen and (max-width:989px) {
    .sliderOuter .action.prevSlide {
        right: -22px;
        background-size: 42px 42px
    }
}

#theMainSlider .middle,
#theReviews .middle,
#writeReview .middle {
    padding-top: 140px
}

@media only screen and (max-width:989px) {

    #theMainSlider .middle,
    #theReviews .middle,
    #writeReview .middle {
        padding-top: 70px
    }
}

@media only screen and (max-width:989px) {
    .popupContent .toCenter {
        padding: 0 27px
    }
}

@media only screen and (max-width:989px) {
    #photoEdit.popupContent .toCenter {
        padding: 0 8px
    }
}

.sliderControls {
    padding: 0 0 34px
}

.sliderControls .num {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #fff
}

.sliderControls .close {
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url("../images/popup_close.svg") no-repeat center center
}

.sliderControls .close:hover {
    opacity: 0.8
}

.sliderControls .zoom {
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url("../images/magnify_image.svg") no-repeat center center
}

.sliderControls .zoom:hover {
    opacity: 0.8
}

.sliderControls .play {
    margin: 0 24px;
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url("../images/play_triangle.svg") no-repeat center center
}

.sliderControls .play:hover {
    opacity: 0.8
}

#theMainSlider .mainSlider {
    padding: 0 140px
}

@media only screen and (max-width:989px) {
    #theMainSlider .mainSlider {
        padding: 0
    }
}

#theMainSlider img {
    max-width: 100%;
    margin: 0 auto;
    border-radius: 30px;
    -webkit-border-radius: 30px
}

#theMainSlider .oneSlide {
    padding: 0 10px
}

@media only screen and (max-width:989px) {
    #theMainSlider .oneSlide {
        padding: 0
    }

    #theMainSlider .oneSlide iframe {
        height: 320px
    }
}

iframe {
    border-radius: 30px;
    -webkit-border-radius: 30px
}

.openReView {
    cursor: pointer
}

.searchHeader {
    padding: 161px 0 8px
}

.searchHeader h2 {
    font-size: 67px;
    line-height: 82px;
    font-weight: 700
}

@media only screen and (max-width:989px) {
    .searchHeader h2 {
        font-size: 50px;
        line-height: 60px
    }
}

.searchHeader h2 span {
    color: #575756;
    font-size: 37px;
    line-height: 47px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 16px
}

@media only screen and (max-width:989px) {
    .searchHeader h2 span {
        font-size: 21px;
        line-height: 25px
    }
}

.discover {
    padding: 32px 0
}

@media only screen and (max-width:989px) {
    .discover {
        padding: 16px 0
    }
}

.discover h4 {
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
    margin: 0 16px 0 0
}

.searchList {
    padding: 18px 0 0
}

.searchList .buttons {
    margin: 0 auto;
    width: auto
}

@media only screen and (max-width:989px) {
    .searchList .buttons {
        width: 100%
    }
}

.searchList .buttons .cell {
    padding: 0 10px 20px
}

@media only screen and (max-width:989px) {
    .searchList .buttons .cell {
        width: 100%;
        padding: 10px 0;
        display: block
    }
}

.searchList .buttons .button {
    width: 300px
}

@media only screen and (max-width:989px) {
    .searchList .buttons .button {
        width: 100%
    }
}

.foundNum .table {
    width: auto
}

.foundNum .cell {
    padding: 0 20px 0 0
}

.escortScroll {
    background: radial-gradient(50% 50% at 50% 50%, #E62C3C 0%, #BE1622 100%);
    margin: 0 0 16px;
    padding: 0 10px
}

.escortScroll .scrollContent {
    padding: 16px 0
}

.escortScroll.noMargin {
    margin-bottom: 0
}

.escortScroll .cards {
    width: auto
}

.escortScroll .cards .card {
    width: 300px !important
}

@media only screen and (max-width:989px) {
    .escortScroll .cards .card {
        width: 170px !important
    }
}

.escortScroll .cell {
    padding: 0 10px
}

.escortScroll .cell:first-child {
    padding-left: 0
}

.escortScroll .cell:last-child {
    padding-right: 0
}

.escortScroll .more {
    width: 200px
}

.escortScroll .scroll {
    position: relative
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
    background: transparent !important;
    opacity: 1 !important
}

.ps__rail-x {
    opacity: 1 !important
}

.ps__thumb-x {
    height: 8px !important;
    background: #fff !important;
    opacity: 1 !important;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    cursor: pointer
}

.mainMap {
    height: 575px;
    transition: all ease-in-out 200ms
}

@media only screen and (max-width:989px) {
    .mainMap {
        height: 500px
    }

    .mainMap.larger {
        height: 800px
    }
}

.mainMap.larger {
    height: 100vh
}

.gm-style-iw-d {
    overflow: hidden !important
}

.gm-style-iw.gm-style-iw-c {
    padding: 0 !important;
    max-height: unset !important;
    background: transparent !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important
}

.gm-style-iw.gm-style-iw-c .gm-style-iw-d {
    max-height: 500px !important
}

.gm-style .gm-style-iw-t:after {
    background: none !important;
    box-shadow: none !important
}

.cluster {
    background: #E62C3C;
    box-shadow: 0 3.89908px 7.79816px rgba(0, 0, 0, 0.24);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    border: solid 1px #FFFFFF;
    text-align: center;
    color: #fff;
    font-weight: 600;
    cursor: pointer
}

.cluster.cluster-1 {
    font-size: 10px;
    line-height: 20px;
    width: 22px;
    height: 22px
}

.cluster.cluster-2 {
    font-size: 20px;
    line-height: 44px;
    width: 46px;
    height: 46px
}

.cluster.cluster-3 {
    font-size: 33px;
    line-height: 70px;
    width: 72px;
    height: 72px
}

.cluster.cluster-4 {
    font-size: 38px;
    line-height: 82px;
    width: 84px;
    height: 84px
}

.toggleScroll {
    text-align: center;
    font-size: 27px;
    line-height: 34px;
    font-weight: 700;
    padding: 19px 0;
    position: relative;
    cursor: pointer
}

.toggleScroll span {
    display: inline-block;
    margin: 0 0 0 15px;
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
    color: #575756;
    font-weight: 600
}

.toggleScroll .icon {
    position: absolute;
    top: -11px;
    left: 50%;
    width: 22px;
    height: 22px;
    background: url("../images/dropdown_map.svg") no-repeat center center/cover;
    transform: translate(-50%, 0)
}

.toggleScroll.toggled .icon {
    transform: translate(-50%, 0) rotate(180deg)
}

.mainMapButtons {
    padding: 0 0 24px
}

.mainMapButtons .table {
    margin: 0 auto;
    width: auto
}

@media only screen and (max-width:989px) {
    .mainMapButtons .table {
        width: 100%
    }
}

.mainMapButtons .table .cell {
    padding: 0 4px
}

@media only screen and (max-width:989px) {
    .mainMapButtons .table .cell {
        display: block;
        padding: 4px 0
    }
}

.mainMapButtons .button {
    font-size: 21px
}

@media only screen and (max-width:989px) {
    .mainMapButtons .button {
        width: 100%
    }
}

.profileTopData {
    padding: 165px 0 30px;
    position: relative
}

.profileTopData.noTopPadding {
    padding-top: 0
}

.profileTopData .advertisements {
    position: absolute;
    top: 24px;
    right: 0;
    z-index: 10
}

@media only screen and (max-width:989px) {
    .profileTopData .advertisements {
        top: 110px
    }
}

@media only screen and (max-width:989px) {
    .profileTopData {
        padding: 0 0 20px
    }

    .profileTopData.noTopPadding {
        padding-top: 14px
    }
}

.profileTopData img {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    max-width: 162px
}

@media only screen and (max-width:989px) {
    .profileTopData img {
        width: 162px
    }
}

.profileTopData .image {
    width: 140px;
    position: relative
}

.profileTopData .image .status {
    bottom: 7px;
    right: 16px;
    width: 23px;
    height: 23px
}

@media only screen and (max-width:989px) {
    .profileTopData .image {
        width: 162px !important;
        display: table !important
    }
}

.profileTopData .name {
    padding: 15px 0 0 24px
}

@media only screen and (max-width:989px) {
    .profileTopData .name {
        padding: 24px 0 0
    }
}

.profileTopData .data {
    vertical-align: top
}

@media only screen and (max-width:989px) {
    .profileTopData .cell {
        display: block;
        width: 100%
    }
}

.profileTopData h2 {
    padding: 0 0 30px;
    text-shadow: 0 0 10px #fff
}

.profileTopData h2 span {
    display: inline-block;
    color: #575756;
    font-weight: 600;
    padding: 0 0 0 6px
}

@media only screen and (max-width:989px) {
    .profileTopData h2 {
        display: none
    }
}

.profileTopData .filters {
    padding: 7px;
    border: solid 1px #C6C6C6;
    background-color: #fff;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12)
}

@media only screen and (max-width:989px) {
    .profileTopData .filters {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        padding: 8px 12px 12px
    }
}

.profileTopData .label {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    padding: 0 12px 0 0;
    white-space: nowrap
}

.profileTopData .md {
    display: table;
    margin: 0 auto
}

@media only screen and (max-width:989px) {
    .profileTopData .md {
        width: 100%
    }
}

.profileTopData .md>* {
    display: table-cell
}

@media only screen and (max-width:989px) {
    .profileTopData .md>:last-child>* {
        margin: 0 0 0 auto
    }
}

.profileTopData .col:first-child {
    width: 29%
}

@media only screen and (max-width:989px) {
    .profileTopData .col:first-child {
        width: 100%;
        clear: both;
        float: none
    }
}

.profileTopData .col:nth-child(2) {
    width: 29%
}

@media only screen and (max-width:989px) {
    .profileTopData .col:nth-child(2) {
        width: 100%;
        clear: both;
        float: none;
        padding: 12px 0 16px
    }
}

.profileTopData .col:nth-child(3) {
    width: 20%
}

@media only screen and (max-width:989px) {
    .profileTopData .col:nth-child(3) {
        width: 50%
    }

    .profileTopData .col:nth-child(3) .md {
        width: auto;
        margin: 0
    }
}

.profileTopData .col:nth-child(4) {
    width: 20%
}

@media only screen and (max-width:989px) {
    .profileTopData .col:nth-child(4) {
        width: 50%
    }

    .profileTopData .col:nth-child(4) .md {
        width: auto;
        margin: 0 0 0 auto
    }
}

.profileTopData .red {
    color: #E62C3C;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600
}

@media only screen and (max-width:989px) {
    .escortData+.button {
        width: 100%;
        margin: 0 0 32px
    }
}

.escortData .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: center
}

.escortData .profileWindows {
    padding: 0 20px 0 0
}

@media only screen and (max-width:989px) {
    .escortData .profileWindows {
        padding: 0
    }
}

.escortData .profileSidebar {
    width: 320px
}

.escortData .profileSidebar,
.escortData .profileWindows {
    vertical-align: top
}

@media only screen and (max-width:989px) {

    .escortData .profileSidebar,
    .escortData .profileWindows {
        display: block;
        width: 100%
    }
}

.escortData .col-50 {
    width: 50%
}

.escortData .col-50:first-child {
    padding: 0 10px 0 0
}

@media only screen and (max-width:989px) {
    .escortData .col-50:first-child {
        padding: 0
    }
}

.escortData .col-50:last-child {
    padding: 0 0 0 10px
}

@media only screen and (max-width:989px) {
    .escortData .col-50:last-child {
        padding: 0
    }
}

@media only screen and (max-width:989px) {
    .escortData .col-50 {
        width: 100%
    }
}

.escortData .window .cell {
    vertical-align: middle
}

.escortData .fixWidth {
    width: 100px;
    padding: 0 20px 0 0
}

.escortData .label,
.escortData .timeCheck {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    padding: 0 22px 0 0
}

.escortData .timeCheck {
    display: block;
    cursor: pointer;
    position: relative
}

.escortData .timeCheck input {
    display: none
}

.escortData .timeCheck input:checked+span {
    opacity: 1
}

.escortData .timeCheck span {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 2px;
    opacity: 0.3;
    background: url(../images/mobilecheck.svg) no-repeat center center
}

.escortData .inputWithSelect {
    width: 101px;
    line-height: 26px
}

.escortData .inputWithSelect .cell {
    vertical-align: top
}

.escortData .inputWithSelect .input {
    text-align: center
}

.escortData .inputWithSelect .input input {
    width: 100%;
    display: block;
    height: 26px;
    border: solid 1px #C6C6C6;
    padding: 0 10px;
    text-align: center;
    color: #575756;
    font: 14px "Cabin Condensed", sans-serif;
    border-radius: 999px 0 0 999px;
    -webkit-border-radius: 999px 0 0 999px
}

.escortData .inputWithSelect .select2 {
    vertical-align: top
}

.escortData .inputWithSelect .select2-container--default .select2-selection--single {
    border-left: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    -webkit-border-radius: 0 999px 999px 0 !important
}

.escortData .costs {
    padding: 0 0 5px
}

.escortData .costs .cell.text {
    width: 100px;
    padding: 0 20px 0 0
}

.escortData .costs .cell.text.mod {
    width: 80px
}

.escortData .costs .cell.withSelect {
    width: 101px
}

@media only screen and (max-width:989px) {
    .escortData .costs .cell.hideOnMobile {
        display: none
    }
}

.escortData .costs .cell.buttonCell {
    padding: 0 0 0 6px
}

.escortData .costs .cell.buttonCell .button {
    padding: 0;
    width: 100%
}

.escortData .costs select {
    width: 50px
}

.escortData .costs input {
    text-align: center
}

.escortData .costs input.largerFont {
    font-size: 14px
}

.escortData .table.hideOnDesktop {
    display: none
}

@media only screen and (max-width:989px) {
    .escortData .table.hideOnDesktop {
        display: table
    }
}

.escortData .oneBlock {
    padding: 0 0 15px
}

.escortData .copyModel {
    display: none
}

.escortData .window.showOnMobile {
    display: none
}

@media only screen and (max-width:989px) {
    .escortData .window.showOnMobile {
        display: block
    }
}

@media only screen and (max-width:989px) {
    .escortData .window.hideOnMobile {
        display: none
    }
}

.escortData .button.small {
    line-height: 25px
}

.verificationProcess p {
    font-size: 12px;
    line-height: 16px;
    color: #575756
}

.verificationProcess h3 {
    color: #E62C3C;
    font-size: 37px;
    line-height: 44px;
    font-weight: 700;
    padding: 9px 0 0
}

.verificationProcess .imageSlots {
    padding: 12px 0
}

.verificationProcess .imageSlots .inProgress,
.verificationProcess .imageSlots .slot {
    position: relative;
    width: 32%;
    height: 180px;
    margin: 0 2% 0 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
    border-radius: 12px;
    -webkit-border-radius: 12px
}

.verificationProcess .imageSlots .inProgress:last-child,
.verificationProcess .imageSlots .slot:last-child {
    margin-right: 0
}

@media only screen and (max-width:989px) {

    .verificationProcess .imageSlots .inProgress,
    .verificationProcess .imageSlots .slot {
        width: 180px;
        margin: 0 auto 20px;
        float: none;
        clear: both;
        display: table
    }

    .verificationProcess .imageSlots .inProgress:last-child,
    .verificationProcess .imageSlots .slot:last-child {
        margin-bottom: 0;
        margin-right: auto
    }
}

.verificationProcess .imageSlots .slot {
    background-color: #F6F6F6;
    border: dashed 2px #c9c9c9
}

.verificationProcess .imageSlots .slot.active {
    border-color: #E62C3C
}

.verificationProcess .imageSlots .slot.active .uploadIcon {
    background-image: url("../images/add_circle_button.svg")
}

.verificationProcess .imageSlots .inProgress:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.64));
    border-radius: 12px;
    -webkit-border-radius: 12px
}

.verificationProcess .imageSlots .uploadIcon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    background: url("../images/add_circle_button_gray.svg") no-repeat center center/88px auto;
    transform: translate(-50%, -50%);
    transition: all ease-in-out 150ms
}

.verificationProcess .imageSlots .uploadIcon input {
    display: none
}

.verificationProcess .imageSlots .uploadIcon:hover {
    background-size: 110px auto
}

.verificationProcess .imageSlots .progress {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    background: url("../images/status.svg") no-repeat center center/52px auto
}

.verificationProcess .button {
    margin-top: 20px
}

.timeIntervals .cell.space {
    width: 12px
}

.timeIntervals .cell.text {
    width: 90px
}

.timeIntervals select {
    width: 100%
}

.profileStatus .table {
    width: auto
}

@media only screen and (max-width:989px) {
    .profileStatus .table {
        width: 100%
    }
}

.profileStatus .table .cell:first-child {
    padding: 0 12px 0 0
}

@media only screen and (max-width:989px) {
    .profileStatus .table .cell:first-child .label {
        text-align: left
    }
}

@media only screen and (max-width:989px) {
    .profileStatus .table .cell:last-child .toggle {
        margin: 0 0 0 auto
    }
}

.window.noRadius {
    padding-bottom: 18px;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0
}

.setLocationMap {
    background-color: #c8c7c8;
    height: 180px;
    margin: 0 0 20px;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px
}

.locateMe .cell {
    vertical-align: top !important
}

.locateMe .cell:first-child {
    padding: 0 15px 0 0;
    width: 80px
}

.locateMe .button {
    line-height: 25px;
    width: 120px;
    font-size: 16px;
    margin: 16px 0 0 auto
}

.locateMe .locate {
    height: 26px;
    border: solid 1px #C6C6C6;
    position: relative;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.locateMe .locate input {
    display: block;
    width: 100%;
    height: 24px;
    padding: 0 30px 0 12px;
    font-size: 12px;
    font-weight: 400;
    color: #575756
}

.locateMe .locate span {
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 10;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("../images/locate.svg") no-repeat center center
}

.mobileMenu {
    display: none;
    padding: 11px 0
}

@media only screen and (max-width:989px) {
    .mobileMenu {
        display: block
    }
}

.mobileMenu .selected {
    border: solid 1px #C6C6C6;
    color: #575756;
    background-color: #fff;
    font-size: 21px;
    font-weight: 700;
    line-height: 44px;
    padding: 0 15px 0 8px;
    cursor: pointer;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.mobileMenu .selected.clicked+.dropdown {
    display: block
}

.mobileMenu .icon {
    width: 30px;
    vertical-align: middle
}

.mobileMenu .icon>* {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.mobileMenu .icon .icon1 {
    background-image: url("../images/agency_icon5.svg")
}

.mobileMenu .icon .icon2 {
    background-image: url("../images/agency_icon6.svg")
}

.mobileMenu .icon .icon3 {
    background-image: url("../images/agency_icon4.svg")
}

.mobileMenu .icon .icon4 {
    background-image: url("../images/agency_icon1.svg")
}

.mobileMenu .icon .icon5 {
    background-image: url("../images/agency_icon2.svg")
}

.mobileMenu .icon .icon6 {
    background-image: url("../images/agency_icon3.svg")
}

.mobileMenu .icon .icon7 {
    background-image: url("../images/agency_icon7.svg")
}

.mobileMenu .icon .icon8 {
    background-image: url("../images/agency_icon8.svg")
}

.mobileMenu .icon .icon9 {
    background-image: url("../images/agency_icon9.svg")
}

.mobileMenu .active {
    color: #E62C3C !important
}

.mobileMenu .active .icon .icon1 {
    background-image: url("../images/agency_icon5_active.svg")
}

.mobileMenu .active .icon .icon2 {
    background-image: url("../images/agency_icon6_active.svg")
}

.mobileMenu .active .icon .icon3 {
    background-image: url("../images/agency_icon4_active.svg")
}

.mobileMenu .active .icon .icon4 {
    background-image: url("../images/agency_icon1_active.svg")
}

.mobileMenu .active .icon .icon5 {
    background-image: url("../images/agency_icon2_active.svg")
}

.mobileMenu .active .icon .icon6 {
    background-image: url("../images/agency_icon3_active.svg")
}

.mobileMenu .active .icon .icon7 {
    background-image: url("../images/agency_icon7_active.svg")
}

.mobileMenu .active .icon .icon8 {
    background-image: url("../images/agency_icon8_active.svg")
}

.mobileMenu .active .icon .icon9 {
    background-image: url("../images/agency_icon9_active.svg")
}

.mobileMenu .menuName {
    padding: 0 0 0 20px
}

.mobileMenu .bars {
    vertical-align: middle;
    width: 30px
}

.mobileMenu .barsIcon {
    width: 30px;
    height: 30px;
    background: url("../images/mobile_bars.svg") no-repeat center center
}

.mobileMenu .selections {
    position: relative
}

.mobileMenu .dropdown {
    display: none;
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    margin: 8px 0 0;
    z-index: 999;
    overflow: hidden;
    border: solid 1px #C6C6C6;
    border-radius: 20px;
    -webkit-border-radius: 20px
}

.mobileMenu .dropdown .oneLine {
    color: #575756;
    background-color: #fff;
    font-size: 21px;
    font-weight: 700;
    line-height: 46px;
    padding: 0 0 0 8px
}

.mobileMenu .dropdown .oneLine:hover {
    background-color: #F6F6F6
}

.textWithToggle .text {
    font-weight: 700;
    font-size: 16px;
    width: 140px
}

.textWithToggle .table {
    width: auto
}

.textWithToggle .cell:first-child {
    padding: 0 12px 0 0
}

.textWithToggle .info {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: url(../images/alert_icon_payment.svg) no-repeat center center;
    margin: 0 0 0 4px
}

.textWithToggle .toggleBox .toggle {
    margin: 0
}

.inviteFriend .table {
    margin: 0 0 15px
}

.inviteFriend .text {
    text-align: right
}

.inviteFriend .cell:first-child {
    width: 86px;
    padding: 0 6px 0 0
}

.inviteFriend input {
    display: block;
    width: 100%;
    height: 24px;
    text-align: center;
    padding: 0 30px 0 12px;
    font-size: 14px;
    font-weight: 400;
    color: #575756;
    border: solid 1px #C6C6C6;
    border-radius: 999px
}

.inviteFriend input::placeholder {
    opacity: 1;
    color: #575756
}

.inviteFriend .button {
    min-width: 140px
}

.profileCover {
    height: 250px
}

.mobileProfileImg {
    display: none;
    margin: 12px 0;
    text-align: center
}

@media only screen and (max-width:989px) {
    .mobileProfileImg {
        display: block
    }
}

.mobileProfileImg .imgList {
    padding: 12px;
    background-color: #fff;
    border-radius: 14px;
    -webkit-border-radius: 14px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr
}

.mobileProfileImg img {
    margin: 0 auto
}

.mobileProfileImg h4 {
    padding: 4px 0 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.mobileProfileImg h4.inactive {
    color: #575756
}

.publicHeader {
    margin: -100px 0 0;
    padding: 0 0 12px
}

@media only screen and (max-width:989px) {
    .publicHeader {
        margin-top: -85px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12)
    }
}

@media only screen and (max-width:359px) {
    .publicHeader {
        margin-top: -65px
    }
}

.publicHeader .cell {
    vertical-align: top
}

.publicHeader .image {
    width: 200px;
    position: relative
}

@media only screen and (max-width:989px) {
    .publicHeader .image {
        width: 170px
    }
}

@media only screen and (max-width:359px) {
    .publicHeader .image {
        width: 130px
    }
}

.publicHeader .image img {
    width: 100%;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

.publicHeader .image .status {
    top: 165px;
    right: 25px
}

@media only screen and (max-width:989px) {
    .publicHeader .image .status {
        width: 24px;
        height: 24px;
        top: 145px
    }
}

@media only screen and (max-width:359px) {
    .publicHeader .image .status {
        top: 110px;
        right: 20px
    }
}

.publicHeader .texts {
    padding: 0 0 0 25px
}

@media only screen and (max-width:989px) {
    .publicHeader .texts {
        padding-left: 16px
    }
}

.publicHeader h2 {
    font-weight: 700;
    font-size: 37px;
    line-height: 44px;
    text-shadow: 0 0 10px #FFFFFF;
    padding: 40px 0 30px
}

@media only screen and (max-width:989px) {
    .publicHeader h2 {
        padding-top: 30px
    }
}

@media only screen and (max-width:359px) {
    .publicHeader h2 {
        padding-top: 10px
    }
}

.publicHeader h2 span {
    display: inline-block;
    padding: 0 0 0 6px;
    color: #575756;
    font-weight: 600
}

.publicHeader .oneService {
    position: relative;
    margin: 0 42px 0 0
}

.publicHeader .oneService:last-child {
    margin-right: 0
}

.publicHeader .oneService img {
    margin: 0 auto
}

.publicHeader .oneService h4 {
    text-align: center;
    padding: 4px 0 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px
}

.publicHeader .oneService h4.inactive {
    color: #575756
}

.publicHeader .oneService .table {
    width: auto
}

.publicHeader .oneService.distance .table {
    padding: 10px 14px;
    border: solid 2px #E62C3C;
    border-radius: 999px
}

.publicHeader .oneService.distance .cell {
    vertical-align: middle
}

.publicHeader .oneService .nums {
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    color: #E62C3C;
    text-align: center;
    padding: 0 0 0 12px
}

@media only screen and (max-width:989px) {
    .publicHeader .oneService.hideOnMobile {
        display: none
    }

    .publicHeader .oneService:nth-child(4) {
        margin-right: 30px
    }

    .publicHeader .oneService:nth-child(4) img {
        width: 70px
    }

    .publicHeader .oneService:nth-child(5) {
        float: left
    }

    .publicHeader .oneService:nth-child(5) img {
        width: 50px
    }
}

.profileImages {
    padding: 35px 0;
    background: radial-gradient(50% 50% at 50% 50%, #E62C3C 0%, #BE1622 100%)
}

@media only screen and (max-width:989px) {
    .profileImages {
        display: none
    }
}

.profileImages.mobile {
    padding: 16px 10px;
    display: none
}

.profileImages.mobile .table {
    width: auto;
    padding: 0 0 32px
}

.profileImages.mobile .cell {
    padding: 0 10px
}

.profileImages.mobile .cell:first-child {
    padding-left: 0
}

.profileImages.mobile .cell:last-child {
    padding-right: 0
}

@media only screen and (max-width:989px) {
    .profileImages.mobile {
        display: block
    }
}

.profileImages.mobile .scroll {
    position: relative
}

.profileImages img {
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.24)
}

.profileImages .type1 {
    width: 11.25%
}

@media only screen and (max-width:989px) {
    .profileImages .type1 {
        width: 140px
    }
}

.profileImages .type2 {
    width: 16%
}

@media only screen and (max-width:989px) {
    .profileImages .type2 {
        width: 200px
    }
}

.profileImages .type3 {
    width: 24%
}

@media only screen and (max-width:989px) {
    .profileImages .type3 {
        width: 300px
    }
}

.profileImages .publicCard {
    position: relative;
    margin: 0 3% 0 0
}

.profileImages .publicCard:last-child {
    margin-right: 0
}

.profileImages .image {
    cursor: pointer
}

.profileImages .video .play {
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    width: 64px;
    height: 64px;
    border: solid 2px #fff;
    background: linear-gradient(180deg, #E62C3C 0%, #BE1622 100%);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.24);
    border-radius: 999px;
    -webkit-border-radius: 999px;
    transform: translate(-50%, -50%);
    transition: all ease-in-out 150ms
}

.profileImages .video .play:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/play.svg") no-repeat center center/16px auto
}

.profileImages .video .play:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: url("../images/play_hover.svg") no-repeat center center/16px auto
}

.profileImages .video .play:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4)
}

.profileImages .video .play:hover:before {
    opacity: 1
}

.publicData {
    padding: 38px 0 0
}

@media only screen and (max-width:989px) {
    .publicData {
        padding-bottom: 28px
    }
}

.publicData .buttons {
    margin: 14px auto 0;
    width: auto
}

@media only screen and (max-width:989px) {
    .publicData .buttons {
        width: 100%;
        margin: 0 auto 12px
    }
}

.publicData .buttons .cell {
    padding: 0 12px
}

@media only screen and (max-width:989px) {
    .publicData .buttons .cell:last-child {
        display: none
    }
}

@media only screen and (max-width:989px) {
    .publicData .buttons .cell {
        padding: 0
    }

    .publicData .buttons .cell:first-child {
        padding-right: 6px
    }

    .publicData .buttons .cell:nth-child(2) {
        padding-left: 6px
    }
}

@media only screen and (max-width:519px) {
    .publicData .buttons .cell {
        display: block;
        padding: 12px 0 !important
    }
}

@media only screen and (max-width:989px) {
    .publicData .buttons .button {
        width: 100%
    }
}

.publicData .showMobile {
    display: none
}

@media only screen and (max-width:989px) {
    .publicData .showMobile {
        display: block
    }
}

.publicData .windows>.cell {
    vertical-align: top
}

@media only screen and (max-width:989px) {
    .publicData .windows>.cell {
        width: 100%;
        display: block
    }
}

.publicData .windows>.cell.smaller {
    width: 480px;
    padding: 0 20px 0 0
}

@media only screen and (max-width:989px) {
    .publicData .windows>.cell.smaller {
        width: 100%;
        padding-right: 0
    }
}

.publicData .verified {
    padding: 8px 0 0 6px;
    font-size: 12px;
    line-height: 14px;
    color: #575756;
    font-weight: 600
}

.publicData .verified img {
    margin: 0 8px 0 0;
    vertical-align: middle;
    display: inline-block;
    width: 15px
}

.publicData p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 700
}

.publicData .oneLine {
    padding: 4px 0;
    color: #575756;
    font-size: 12px;
    line-height: 17px;
    border-bottom: solid 1px #C6C6C6
}

.publicData .oneLine b {
    font-weight: 600;
    color: #000
}

.publicData .oneLine .inactive {
    color: #C6C6C6
}

.publicData .data .table .cell {
    vertical-align: top
}

.publicData .data .table .cell:first-child {
    padding: 0 10px 0 0
}

.publicData .data .table .cell:last-child {
    padding: 0 0 0 10px
}

@media only screen and (max-width:989px) {
    .publicData .data .table.oneCol {
        display: block
    }

    .publicData .data .table.oneCol .cell {
        display: block;
        width: 100%
    }

    .publicData .data .table.oneCol .cell:first-child {
        padding: 0 0 12px
    }

    .publicData .data .table.oneCol .cell:last-child {
        padding: 12px 0 0
    }
}

.publicData .data h3 {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 5px;
    font-weight: 700
}

.publicData .data .button {
    margin: 0 0 0 4px
}

.publicData .toggleContact .hiddenBox {
    display: block
}

.publicData .toggleContact .visibleBox {
    display: none
}

.publicData .toggleContact.visible .hiddenBox {
    display: none
}

.publicData .toggleContact.visible .visibleBox {
    display: block
}

.publicData .contactToggle {
    padding: 14px 0 0
}

.publicData .contactToggle .oneIcon {
    cursor: pointer;
    padding: 8px;
    border: solid 1px transparent;
    border-bottom: 0;
    border-radius: 30px 30px 0 0;
    -webkit-border-radius: 30px 30px 0 0
}

.publicData .contactToggle .oneIcon.active,
.publicData .contactToggle .oneIcon:hover {
    border-color: #C6C6C6;
    background-color: #fff
}

.publicData .contactToggle .oneLine {
    display: none;
    padding: 4px 8px;
    margin: -1px 0 0;
    border: solid 1px #C6C6C6;
    border-radius: 8px;
    -webkit-border-radius: 8px
}

.publicData .contactToggle .oneLine:first-child {
    border-radius: 0 8px 8px 8px;
    -webkit-border-radius: 0 8px 8px 8px
}

.publicData .contactToggle .oneLine.active {
    display: block
}

.advancedBg {
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.64);
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 300ms
}

.advancedBg.visible {
    opacity: 1;
    visibility: visible
}

.advancedSearch {
    width: 570px;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    z-index: 1000;
    top: 0;
    right: 0;
    padding: 40px 90px 22px 20px;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
    transition: all ease-in-out 300ms
}

@media only screen and (max-width:989px) {
    .advancedSearch {
        padding: 73px 15px 20px;
        width: 100%
    }
}

.advancedSearch.visible {
    opacity: 1;
    visibility: visible
}

.advancedSearch .closeAll {
    margin: 0 0 16px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(../images/close_window.svg) no-repeat center center;
    transition: all ease-in-out 150ms;
    opacity: 1
}

.advancedSearch .closeAll:hover {
    opacity: 0.8
}

.advancedSearch .label {
    font-size: 21px;
    line-height: 26px;
    font-weight: 700;
    padding: 0 0 8px
}

.advancedSearch .oneBlock {
    padding: 0 0 30px
}

@media only screen and (max-width:989px) {
    .advancedSearch .oneBlock {
        padding-bottom: 16px
    }
}

.advancedSearch .buttons {
    margin: 0 auto;
    width: auto
}

@media only screen and (max-width:989px) {
    .advancedSearch .buttons {
        width: 100%
    }
}

.advancedSearch .buttons .cell {
    padding: 0 10px
}

.advancedSearch .buttons .button {
    width: 200px;
    line-height: 40px
}

@media only screen and (max-width:989px) {
    .advancedSearch .buttons .button {
        width: 100%;
        padding: 0
    }
}

.advancedSearch .buttons.bottom {
    padding: 18px 0 0;
    width: 100%
}

.advancedSearch .buttons.bottom .cell {
    padding: 0
}

.advancedSearch .buttons.bottom .cell.space {
    width: 20px
}

.advancedSearch .buttons.bottom .cell:last-child {
    width: 210px
}

@media only screen and (max-width:989px) {
    .advancedSearch .buttons.bottom .cell:last-child {
        width: 153px
    }
}

.advancedSearch .buttons.bottom .button {
    width: 100%;
    padding: 0
}

.advancedSearch .buttons.bottom .button .icon {
    margin-right: 0;
    margin-left: 10px
}

.advancedSearch .geolocation .icon {
    width: 46px;
    padding: 0 0 0 10px
}

.advancedSearch .geolocation input {
    height: 36px
}

.advancedSearch .cols .cell {
    vertical-align: top
}

.advancedSearch .cols .cell.space {
    width: 20px
}

.advancedSearch .mid {
    width: 220px;
    margin: 0 auto
}

.advancedSearch .oneLine {
    padding: 0 0 2px
}

.advancedSearch .items {
    font-size: 0
}

.advancedSearch .items.bottomPadding {
    padding: 0 0 25px
}

.advancedSearch .checkboxItem,
.advancedSearch .radioButtonItem {
    margin: 0 8px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #575756;
    display: inline-block;
    padding: 0 8px 0 24px
}

.advancedSearch .checkboxItem span,
.advancedSearch .radioButtonItem span {
    width: 16px;
    height: 16px;
    left: 3px
}

.advancedSearch .checkboxItem span:after,
.advancedSearch .radioButtonItem span:after {
    width: 16px;
    height: 16px;
    background-size: 16px auto
}

.advancedSearch .irs--flat .irs-bar {
    background-color: #BE1622;
    height: 5px
}

.advancedSearch .irs--flat .irs-line {
    background-color: #575756;
    height: 5px
}

.advancedSearch .irs--flat .irs-handle {
    width: 15px;
    height: 15px;
    top: 20px;
    background-color: #E62C3C;
    cursor: pointer;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24)
}

.advancedSearch .irs--flat .irs-handle i {
    display: none
}

.advancedSearch .labels {
    color: #C6C6C6;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px
}

.advancedSearch .irs--flat .irs-from,
.advancedSearch .irs--flat .irs-single,
.advancedSearch .irs--flat .irs-to {
    font-size: 16px;
    line-height: 24px;
    padding: 0 8px;
    top: -10px;
    background: #E62C3C;
    border-radius: 999px;
    -webkit-border-radius: 999px
}

.advancedSearch .irs--flat .irs-from:before,
.advancedSearch .irs--flat .irs-single:before,
.advancedSearch .irs--flat .irs-to:before {
    border-top-color: #E62C3C
}

.advancedSearch .rangeCnt {
    padding: 8px 0 0
}

.advancedSearch .rangeCnt+.table {
    padding-top: 35px
}

.pac-icon {
    display: none !important
}

.pac-logo:after {
    display: none !important
}

.pac-logo {
    border-radius: 14px !important;
    border: solid 1px #C6C6C6 !important;
    padding: 6px 0;
    margin: 4px 0 0 !important
}

.pac-item {
    padding: 0 12px !important;
    font: 400 14px/22px "Cabin Condensed" !important;
    color: #575756 !important;
    border: 0 !important
}

.pac-item:hover {
    background: #F6F6F6 !important
}

.pac-item-query,
.pac-matched {
    font: 400 14px/22px "Cabin Condensed" !important;
    color: #575756 !important
}

#mainFooter {
    padding: 20px 0;
    background-color: #575756
}

@media only screen and (max-width:989px) {
    #mainFooter {
        padding: 38px 0
    }
}

#mainFooter .toCenter {
    max-width: 960px
}

@media only screen and (max-width:989px) {
    #mainFooter .toCenter {
        padding: 0 45px
    }
}

#mainFooter img {
    display: table;
    margin: 0 auto
}

#mainFooter .line {
    height: 1px;
    background-color: #C6C6C6
}

#mainFooter p {
    max-width: 620px;
    width: 100%;
    margin: 0 auto;
    padding: 32px 0 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400
}

#mainFooter h4 {
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 4px
}

#mainFooter ul {
    text-align: center
}

#mainFooter ul li {
    padding: 0 0 4px
}

#mainFooter ul li:last-child {
    padding-bottom: 0
}

#mainFooter ul a {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    display: block;
    font-weight: 600
}

#mainFooter ul a:hover {
    text-decoration: underline
}

#mainFooter .links {
    margin: 0 auto;
    display: table;
    padding: 24px 0
}

#mainFooter .col {
    width: 140px
}

@media only screen and (max-width:989px) {
    #mainFooter .col {
        width: 100%;
        padding: 0 0 12px
    }
}

#mainFooter .selects .oneLine {
    display: table;
    margin: 0 auto 6px
}

#mainFooter .selects .selectName {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    padding: 0 15px 0 0
}

#mainFooter .selects .oneSelect {
    color: #fff;
    line-height: 16px
}

#mainFooter .selects .oneSelect .dropdown {
    transform: translate(-15px, 5px)
}

#mainFooter .whiteButtons {
    padding: 25px 0 0
}

#mainFooter .whiteButtons .table {
    margin: 0 auto;
    width: auto
}

@media only screen and (max-width:989px) {
    #mainFooter .whiteButtons .table {
        display: block
    }
}

#mainFooter .whiteButtons .cell {
    padding: 0 8px
}

@media only screen and (max-width:989px) {
    #mainFooter .whiteButtons .cell {
        padding: 7px 0;
        display: table;
        margin: 0 auto
    }
}

#mainFooter .whiteButtons .button {
    line-height: 20px;
    width: 140px;
    font-size: 14px
}

#mainFooter .socialLine {
    padding: 0 0 24px;
    font-size: 0;
    line-height: 32px;
    text-align: center
}

#mainFooter .socialLine li {
    margin: 0 4px;
    vertical-align: top;
    width: 32px;
    height: 32px;
    display: inline-block
}

#mainFooter .socialLine a {
    display: block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all ease-in-out 150ms;
    opacity: 1
}

#mainFooter .socialLine a:hover {
    opacity: 0.8
}

#mainFooter .socialLine a.facebook {
    background-image: url(../images/facebook_white.svg)
}

#mainFooter .socialLine a.telegram {
    background-image: url(../images/telegram_white.svg)
}

#mainFooter .socialLine a.instagram {
    background-image: url(../images/instagram_white.svg)
}

#mainFooter .socialLine a.twitter {
    background-image: url(../images/twitter_white.svg)
}

#mainFooter .socialLine a.reddit {
    background-image: url(../images/reddit_white.svg)
}

#mainFooter .quickLinks {
    line-height: 20px;
    font-size: 0;
    padding: 0 0 25px
}

#mainFooter .quickLinks li {
    display: inline-block;
    position: relative;
    padding: 0 22px 0 0;
    vertical-align: top
}

@media only screen and (max-width:989px) {
    #mainFooter .quickLinks li {
        display: table;
        margin: 0 auto;
        padding: 0
    }
}

#mainFooter .quickLinks li:last-child {
    padding-right: 0
}

#mainFooter .quickLinks li:last-child:after {
    display: none
}

#mainFooter .quickLinks li:after {
    content: "/";
    color: #fff;
    line-height: 20px;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 0
}

@media only screen and (max-width:989px) {
    #mainFooter .quickLinks li:after {
        display: none
    }
}

#mainFooter .quickLinks a {
    font-size: 12px;
    line-height: 20px
}