* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
    font-size: 62.5%;
}

html, body {
    height: 100%;
    min-height: 100%;
}
html, body, #page {
    background: #d4e9f5;
}

body {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    color: #636363;
}

#page {
    overflow: hidden;
}

sub, sup {
    font-size: 60%;
}
sup {
    top: -0.45em;
    line-height: 1;
}

button, input, optgroup, select, textarea {
    font-family: 'Roboto', sans-serif;
}

img {
    max-width: 100%;
}

.container:before,
.container:after {
    content: '';
    display: table;
    clear: both;
    overflow: hidden;
}

iframe {
    border: none;
}

section {
    padding: 45px 0;
}
section.index-banner-wrapper {
    position: relative;
    z-index: 1;
    padding: 0 !important;
}
section.subscription {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 60px 0;
}

#page > section:first-of-type {
    padding-top: 45px;
}

a {
    color: #007dc4;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}

a:hover {
    color: #269eec;
    text-decoration: none;
}

.forward-link,
.return-link {
    position: relative;
    color: #007dc4;
    font-family: 'Roboto', sans-serif;
    border: none;
    background: transparent;
    cursor: pointer;
    outline: none !important;
}
.forward-link i,
.return-link i {
    font-size: 73.333%;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle;
}
.forward-link i {
    margin-left: 6px;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
}
.active > .forward-link i {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.return-link i {
    margin-right: 6px;
}

.font-weight-medium {
    font-weight: 500;
}

ul, ul li {
    list-style: none;
    padding: 0;
}
ul li a {
    color: #636363;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #2e2e2e;
}
.h2, h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
.h3, h3 {
    font-size: 24px;
    margin-bottom: 26px;
}
.h4, h4 {
    font-size: 18px;
    margin-bottom: 22px;
}
.h5, h5 {
    font-size: 15px;
    margin-bottom: 18px;
}

.sub-header {
    font-style: italic;
    color: #636363;
}
.sub-header p {
    margin-bottom: 0;
}

h3 + .sub-header,
.h3 + .sub-header {
    margin-top: -15px;
    margin-bottom: 26px;
}

p {
    margin-bottom: 0;
}
p:not(:last-child) {
    margin-bottom: 26px;
}

ol, ul {
    margin-bottom: 0;
}

[class*="col"]:after {
    content: '';
    display: table;
    width: 100%;
}

.asterisk {
    color: #f9af3c;
}

.f-gray {
    color: #6f6f6f;
}
.f-black {
    color: #2e2e2e;
}
.f-red {
    color: #e30613;
}
.f-orange {
    color: #f9af3c;
}

.styled-checkbox {
    position: relative;
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    margin-right: 8px;
    cursor: pointer;
}
.styled-checkbox > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    z-index: 99999;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d0d0d0;
}
.styled-checkbox > span:after {
    content: '\f00c';
    font-family: "Font Awesome\ 5 Pro";
    color: #505050;
    font-size: 10px;
    font-weight: 400;
    opacity: 0;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.styled-checkbox input {
    position: absolute;
    left: -999999px;
    visibility: hidden;
    opacity: 0;
}
.styled-checkbox input.error + span {
    border: 1px solid lightcoral;
}
.styled-checkbox input:checked + span:after {
    opacity: 1;
}

.styled-radio {
    position: relative;
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px;
    overflow: hidden;
    z-index: 1;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 8px;
    cursor: pointer;
}
.styled-radio > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    z-index: 99999;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #d1d1d1;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.styled-radio > span:after {
    content: '\f00c';
    font-family: "Font Awesome\ 5 Pro";
    color: #fff;
    font-size: 9px;
}
.styled-radio input {
    position: absolute;
    left: -999999px;
    visibility: hidden;
    opacity: 0;
}
.styled-radio input.error + span {
    border: 1px solid lightcoral;
}
.styled-radio input:checked + span {
    background: #e34680;
    border: 1px solid #e34680;
    opacity: 1;
}
.bigBold {
    font-size: 17px !important;
    font-weight: bold !important;
}
.inline-select-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.inline-select-input.disabled {
    pointer-events: none;
    opacity: .7;
}
.inline-select-input + .inline-select-input {
    margin-top: 10px;
}
.inline-select-input .styled-checkbox,
.inline-select-input .styled-radio {
    margin-bottom: 0 !important;
    margin-right: 16px;
}
.inline-select-input .text {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0 !important;
    margin-top: 4px;
}
.inline-select-input label.text {
    cursor: pointer;
}

.alert {
    border-radius: 0;
}
.alert:last-child {
    margin-bottom: 0;
}

.page-module {
    line-height: 24px;
}
.page-module h1 {
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 1em;
}
.page-module h2 {
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 1em;
}
.page-module h3 {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 1em;
}
.page-module h4 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 1em;
}
.page-module h5 {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 1em;
}
.page-module:not(:last-child) {
    margin-bottom: 40px;
}
.page-module ul + h1,
.page-module ul + h2,
.page-module ul + h3,
.page-module ul + h4,
.page-module ul + h5,
.page-module ul + h6,
.page-module ul + p,
.page-module ul + table,
.page-module ol + h1,
.page-module ol + h2,
.page-module ol + h3,
.page-module ol + h4,
.page-module ol + h5,
.page-module ol + h6,
.page-module ol + p,
.page-module ol + table {
    margin-top: 46px;
}
.page-module ul + .btn,
.page-module ul + .a,
.page-module ol + .btn,
.page-module ol + .a {
    margin-top: 26px;
}
.page-module ul li {
    padding-left: 20px;
    position: relative;
    line-height: 24px;
}
.page-module ul li + li {
    margin-top: 12px;
}
.page-module ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #f9af3c;
}
.page-module ol {
    counter-reset: ol;
    list-style: none;
    padding: 0;
}
.page-module ol li {
    padding-left: 20px;
    position: relative;
    line-height: 24px;
    counter-increment: ol;
    list-style: none;
}
.page-module ol li + li {
    margin-top: 12px;
}
.page-module ol li:before {
    content: counter(ol) '.';
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #f9af3c;
    font-size: 15px;
}
.page-module img:not(:last-child) {
    margin-bottom: 60px;
}
.page-module a {
    color: #007dc4;
}
.page-module * + .departure-table {
    margin-top: 45px;
}

.page-module table {
    width: 100%;
    border-collapse: collapse;
}
.page-module table td {
    font-size: 13px;
    color: #636363;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    vertical-align: middle;
    padding: 16px 20px;
}
.page-module table td:last-of-type {
    border-right: 1px solid #dedede;
}
.page-module table th {
    font-size: 12px;
    color: #6f6f6f;
    font-weight: 400;
    border-bottom: 1px solid #dedede;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}
.row > * {
    padding-left: 10px;
    padding-right: 10px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.btn {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-inline-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-inline-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-inline-flex;     /* NEW - Chrome */
    display: inline-flex;
    -webkit-align-items: center;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1;
    border-radius: 4px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    white-space: normal;
    position: relative;
    background: transparent;
}
.btn.bold {
    font-weight: bold;
}
.btn i:not(:last-child) {
    margin-right: 9px;
}
.btn i:not(:first-child) {
    margin-left: 9px;
}
.btn:before {
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 300;
    position: absolute;
}
.h38 {
    height: 38px;
    font-size: 13px;
    padding: 0 28px;
}
.h38 i {
    font-size: 11px;
}
.h38.sm {
    padding: 0 18px;
    font-weight: 400;
}
.h38:before {
    top: 15px;
    left: 22px;
}
.h52 {
    height: 52px;
    font-size: 17px;
    padding: 0 28px;
}
.btn.yellow {
    background: rgb(255,233,102);
    background: -moz-linear-gradient(-45deg, rgba(255,233,102,1) 0%, rgba(254,222,22,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255,233,102,1) 0%,rgba(254,222,22,1) 100%);
    background: linear-gradient(135deg, rgba(255,233,102,1) 0%,rgba(254,222,22,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe966', endColorstr='#fede16',GradientType=1 );
    color: #004a7f;
    -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 2px;
}
.btn.yellow:hover,
.btn.yellow:focus {
    background: rgb(255, 234, 101);
    background: -moz-linear-gradient(-45deg, rgba(255, 234, 101,1) 0%, rgba(255, 234, 101,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 234, 101,1) 0%,rgba(255, 234, 101,1) 100%);
    background: linear-gradient(135deg, rgba(255, 234, 101,1) 0%,rgba(255, 234, 101,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEA65', endColorstr='#FFEA65',GradientType=1 );
}

.btn.red {
    background: rgb(255, 0, 0);
    background: -moz-linear-gradient(-45deg, rgba(255, 102, 145, 1) 0%, rgba(254, 22, 57, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 102, 145, 1) 0%,rgba(254, 22, 57, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 102, 145, 1) 0%,rgba(254, 22, 57, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe966', endColorstr='#fede16',GradientType=1 );
    color: #004a7f;
    -webkit-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 2px;
}
.btn.red:hover,
.btn.red:focus {
    background: rgb(255, 1, 0);
    background: -moz-linear-gradient(-45deg, rgba(255, 102, 144, 1) 0%, rgba(255, 102, 144, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 102, 144, 1) 0%,rgba(255, 102, 144, 1) 100%);
    background: linear-gradient(135deg, rgba(255, 102, 144, 1) 0%,rgba(255, 102, 144, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFEA65', endColorstr='#FFEA65',GradientType=1 );
}

.btn.blue {
    border: 1px solid #007dc4;
    color: #007dc4;
    background: #fff;
}
.btn.blue:hover,
.btn.blue:focus {
    border: 1px solid #269eec;
    color: #269eec;
}
.btn.blue.disabled,
.btn.blue.disabled:hover,
.btn.blue.disabled:focus {
    border: 1px solid #dedede;
    color: #dedede;
    cursor: default;
}

.btn.gray {
    border: 1px solid #dedede;
    color: #636363;
}
.btn.gray i {
    color: #b9b9b9;
}
.btn.gray:hover,
.btn.gray:focus {
    border: 1px solid #a1a1a1;
    color: #636363;
}

.btn.super {
    height: 31px;
    padding: 0 24px 0 33px;
    background: url("/bundles/applicationsonataproject/images/etc/etc-1.png") no-repeat left top, rgb(255,233,102);
    background: url("/bundles/applicationsonataproject/images/etc/etc-1.png") no-repeat left top, -moz-linear-gradient(-45deg, rgba(255,233,102,1) 0%, rgba(254,222,22,1) 100%);
    background: url("/bundles/applicationsonataproject/images/etc/etc-1.png") no-repeat left top, -webkit-linear-gradient(-45deg, rgba(255,233,102,1) 0%,rgba(254,222,22,1) 100%);
    background: url("/bundles/applicationsonataproject/images/etc/etc-1.png") no-repeat left top, linear-gradient(135deg, rgba(255,233,102,1) 0%,rgba(254,222,22,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe966', endColorstr='#fede16',GradientType=1 );
    color: #004a7f;
    font-size: 13px;
    font-weight: 700;
}

textarea {
    resize: none;
}

.input-group {
    position: relative;
}
.input-group:before {
    position: absolute;
    right: 9px;
    z-index: 4;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #b3b3b3;
    font-size: 14px;
}
.input-group.far .form-control,
.input-group.fal .form-control,
.input-group.fa .form-control {
    padding-right: 32px;
}

.form-control,
.input-group > .form-control,
.radio-behind .form-control + label {
    width: 100%;
    padding: 11px 16px;
    border-radius: 4px;
    background: #fff;
    font-size: 14px;
    color: #505050;
    font-weight: 400;
    border: 1px solid #cfcfcf;
}
.form-control.blue,
.radio-behind .form-control.blue + label {
    border: 1px solid #b4d5ea;
}

.form-control.error,
.form-control.error + .select2-container--default .select2-selection--single {
    border: 1px solid lightcoral !important;
}

.form-control:focus {
    -webkit-box-shadow: -1px 0 8px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 0 8px rgba(0,0,0,0.15);
    box-shadow: -1px 0 8px rgba(0,0,0,0.15);
    border: 1px solid #d1d1d1;
}
input.form-control,
select.form-control:not([size]):not([multiple]) {
    height: 42px;
}
.radio-behind .form-control + label {
    text-align: center;
    white-space: nowrap;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #cfcfcf;
}
.form-control.blue + .select2-container--default .select2-selection--single {
    border: 1px solid #b4d5ea;
}
.select2-container.select2-container--focus .select2-selection--single{
    outline: none;
    -webkit-box-shadow: -1px 0 8px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 0 8px rgba(0,0,0,0.15);
    box-shadow: -1px 0 8px rgba(0,0,0,0.15);
    border: 1px solid #cfcfcf;
}
.form-control.blue + .select2-container.select2-container--focus .select2-selection--single{
    border: 1px solid #b4d5ea;
}
.select2-container .select2-selection--single {
    height: 42px;
}
.ui-datepicker-title .select2-container .select2-selection--single {
    height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    color: #505050;
}
.ui-datepicker-title .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
    font-weight: 400;
    font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #505050;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    width: 34px;
}
.ui-datepicker-title .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
    width: 24px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {
    content: '\f107';
    font-size: 22px;
    color: #b3b3b3;
    font-family: "Font Awesome\ 5 Pro";
    left: 50%;
    margin-left: -4px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    line-height: 1;
    font-weight: 300;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
    content: '\f106';
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    font-size: 17px;
    font-weight: 300;
    color: #ffa027;
    float: none;
    display: inline-block;
    height: 100%;
    margin-left: -8px;
    padding: 0 8px;
}

input.form-control.sm,
select.form-control.sm:not([size]):not([multiple]),
select.form-control.sm + .select2-container--default .select2-selection--single,
select.form-control.sm + .select2-container--default .select2-selection--single .select2-selection__arrow  {
    height: 38px;
}
select.form-control.sm + .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

.form-control.sm, .radio-behind .form-control.sm + label {
    padding: 9px 16px;
}

.captcha-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: -5px;
}
.captcha-wrapper img {
    margin-right: 10px;
}

.radio-behind {
    position: relative;
    overflow: hidden;
}
.radio-behind input {
    position: absolute;
    left: -99999999px;
    z-index: -1;
}
.radio-behind label {
    position: relative;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    line-height: 1.3;
}
.radio-behind input:checked + label {
    border: 1px solid #ffa027;
    color: #ffa027;
}

.form-group {
    margin-bottom: 11px;
}
.form-group label {
    font-size: 12px;
    font-weight: 700;
    color: #505050;
}
.form-group label.required:after {
    content: ' *';
    color: #f9af3c;
}
.form-group > ul {
    color: lightcoral;
    font-size: 12px;
    margin-bottom: 6px;
}

.fancybox-bg {
    background: rgba(0, 74, 127, .8);
}
.fancybox-slide>*:not(.fancybox-loading) {
    border-radius: 7px;
    padding: 52px 60px;
}
.fancybox-close-small {
    top: 12px !important;
    right: 12px !important;
    background: url("/bundles/applicationsonataproject/images/icons/icon-1.png") no-repeat center, transparent;
}
.fancybox-close-small:after {
    content: none;
    display: none;
}
.fancybox-slide>.fancybox-loading {
    padding: 0;
}

header {
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 1px 1.732px 18px rgba(0,0,0,0.13);
    -moz-box-shadow: 1px 1.732px 18px rgba(0,0,0,0.13);
    box-shadow: 1px 1.732px 18px rgba(0,0,0,0.13);
    background: #004a7f;
}
header .top {
    padding: 15px 0;
}
header .content-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    margin-left: auto;
}
header  .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}
header .left {
    margin-right: 47px;
    padding-right: 47px;
    border-right: 1px solid rgba(255,255,255, .15);
}
header .right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
header .menu {
    margin-bottom: 0;
    line-height: 1.3;
}
header .right .menu {
    white-space: nowrap;
}
header .menu .menu-item {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    line-height: 1.1;
    white-space: normal;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}
header .menu .menu-item img:first-child {
    margin-right: 12px;
}
header .menu .menu-item .fal {
    font-size: 24px;
    color: #fff;
}
header .menu .menu-item:not(:last-child),
header .menu .menu-item:not(:last-child) {
    margin-right: 34px;
}

.user-menu {
    position: absolute;
    z-index: 1;
    top: calc(100% + 10px);
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 4px 14px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    -moz-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    box-shadow: 0 0 27px rgba(9,3,10,0.16);
    background: #fff;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .2s time, .2s;
    -moz-transition: opacity .2s time, .2s;
    -ms-transition: opacity .2s time, .2s;
    -o-transition: opacity .2s time, .2s;
    transition: opacity .2s time, .2s;
    cursor: auto;
}
.user-menu.open {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}
.user-menu a {
    display: block;
    white-space: nowrap;
    margin: 10px 0;
}
.user-menu a i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}
.user-menu a span {
    display: inline-block;
    vertical-align: middle;
}

.header-phone img {
    margin-top: -2px;
}

.menu-toggler {
    width: 30px;
    height: 44px;
    position: relative;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}
.menu-toggler span {
    max-width: 15px;
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.menu-toggler span:nth-child(1) {
    top: 6px;
}
.menu-toggler span:nth-child(2) {
    top: 11px;
}
.menu-toggler span:nth-child(3) {
    top: 16px;
}
.menu-open .menu-toggler span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.menu-open .menu-toggler span:nth-child(2) {
    opacity: 0;
    left: 60px;
}
.menu-open .menu-toggler span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.menu-toggler > div {
    font-size: 12px;
    position: absolute;
    bottom: 7px;
    text-align: center;
    left: 0;
    right: 0;
    color: #fff;
    text-decoration: none;
    line-height: 1;
}

.index-banner-wrapper {
    background: #f2f2f2;
}
.index-banner-wrapper .search-block {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.index-banner-owl {
    position: relative;
    height: 492px;
}
.index-banner-owl .owl-stage-outer,
.index-banner-owl .owl-stage-outer * {
    height: 100%;
}
.index-banner-owl .item {
    position: relative;
    overflow: hidden;
    display: block;
}
.owl-carousel .owl-item img {
    width: auto;
    max-height: 100%;
}
.index-banner-owl .item .container {
    position: absolute;
    top: 27%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    height: auto;
}

.owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.owl-nav:before,
.owl-nav:after {
    content: none;
}

.index-banner-owl .owl-nav {
    display: none;
}

.index-banner-content {
    color: #fff;
    display: inline-block;
    text-shadow: 0.5px 0.866px 1px rgba(12,34,33,0.96);
    line-height: 36px;
    max-width: 460px;
}
.index-banner-content .title {
    font-size: 40px;
    font-weight: 700;
    white-space: nowrap;
}
.index-banner-content .content {
    font-size: 24px;
    font-weight: 300;
    position: relative;
    padding-bottom: 11px;
    margin-bottom: 10px;
}
.index-banner-content .content:not(:last-child):before {
    content: '';
    width: 28px;
    border-bottom: 1px solid rgba(255,255,255, .5);
    position: absolute;
    bottom: 0;
}

.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.owl-carousel .owl-dot {
    padding: 2px 5px;
}
.owl-carousel .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
}
.owl-carousel .owl-dot.active span {
    background: #f9af3c;
    border: 1px solid #f9af3c;
}

.subscription-section {
    background: #007dc4;
    padding: 50px 0;
    color: #fff;
}
.subscription-section a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    font-weight: 400;
}
.subscription-section .title {
    line-height: 1;
    font-size: 30px;
}
.subscription-section .title > div {
    font-size: 15px;
    margin-top: 8px;
}
.subscription-section .form-control {
    border: none;
    width: 100%;
}
.subscription-section .form-inline {
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.subscription-section .form-inline > div {
    margin-right: 14px;
    width: 100%;
}
.subscription-section .input-group {
    display: block;
    width: 100%;
    margin-bottom: 14px;
}
.subscription-section .inline-select-input {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.subscription-section .inline-select-input .text {
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    margin-top: 0;
}

.breadcrumb-section {
    padding: 24px 0 0 !important;
}
.breadcrumb-section + section {
    padding-top: 24px;
}

.breadcrumb {
    margin-bottom: 0;
    padding: 0 0 22px 0;
    border-bottom: 1px solid #b4d5ea;
    background: transparent;
}
.breadcrumb-item a,
.breadcrumb-item span {
    font-size: 14px;
}
.breadcrumb-item a {
    color: #6f6f6f;
}
.breadcrumb-item a:hover {
    color: #2e2e2e;
    text-decoration: none;
}
.breadcrumb-item span {
    color: #2e2e2e;
}
.breadcrumb-item + .breadcrumb-item::before {
    color: #a0c7e0;
    padding-left: 5px;
    padding-right: 1px;
}

.side-b {
    padding: 30px;
    background: #fff;
}
.side-b:not(.borderless) {
    border: 1px solid #dedede;
}
.side-b:not(:last-child) {
    margin-bottom: 22px;
}
.side-b > .title {
    font-weight: 500;
    font-size: 18px;
    color: #2e2e2e;
    padding-bottom: 18px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 29px;
}
.side-b > .title img,
.side-b > .title i {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 16px;
}
.side-b > .title i {
    color: #72bf66;
    font-size: 22px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 11px;
}
.side-b .phone-block {
    font-size: 2vw;
    font-weight: 700;
    color: #505050;
    line-height: 1;
    text-align: center;
    margin-bottom: 28px;
    white-space: nowrap;
}
.side-b .phone-block i,
.side-b .phone-block img {
    font-size: 1.8vw;
    margin-right: 7px;
    margin-top: -2px;
}
.side-b.vista {
    background: #fcfaf8;
    border: none;
}
.side-b.vista .form-control {
    border: none;
}

.bor-b {
    padding: 40px 0;
    border-bottom: 1px solid #dedede;
}
.bor-b:first-child {
    padding-top: 0;
}
.bor-b:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.pagination {
    -webkit-justify-content: center;
    justify-content: center;
}
.pagination .page-link {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50% !important;
    color: #505050;
    font-size: 15px;
    background: #fff;
    padding: 0;
    border: none;
}
.pagination .page-link:hover,
.pagination .page-link:focus {
    -webkit-box-shadow: 2px 3.464px 9px rgba(0,0,0,0.15);
    -moz-box-shadow: 2px 3.464px 9px rgba(0,0,0,0.15);
    box-shadow: 2px 3.464px 9px rgba(0,0,0,0.15);
}
.pagination .active .page-link {
    background: #72bf66;
    color: #fff;
}
.pagination .disabled .page-link {
    color: #b3b3b3;
}
.pagination .page-item:not(:last-child) {
    margin-right: 10px;
}
.pagination .filler {
    line-height: 40px;
    color: #505050;
}
.pagination .fal {
    font-size: 22px;
    line-height: 1;
    margin-top: 9px;
}

.nav-tabs.index {
    border-bottom: 1px solid #b4d5ea;
}
.nav-tabs.index .nav-item {
    -webkit-box-flex: 0;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: 320px;
}
.nav-tabs.index .nav-link {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    color: #404040;
    background: #fff;
    border: none;
    border-bottom: 1px solid #b4d5ea;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    padding: 14px 10px;
    white-space: normal;
    line-height: 1.1;
}
.nav-tabs.index .nav-link:hover,
.nav-tabs.index .nav-link:focus {
    background: #004a7f;
    color: #fff;
}
.nav-tabs.index .nav-link i,
.nav-tabs.index .nav-link img {
    margin-right: 12px;
}
.nav-tabs.index .nav-item:not(:last-child) .nav-link {
    border-right: 1px solid #fff;
}
.nav-tabs.index .nav-item.show .nav-link,
.nav-tabs.index .nav-link.active {
    border-bottom: 1px solid #f9af3c;
    background: #004a7f;
    color: #fff;
    -webkit-box-shadow: 0px 4px 13px rgba(9,3,10,0.14);
    -moz-box-shadow: 0px 4px 13px rgba(9,3,10,0.14);
    box-shadow: 0px 4px 13px rgba(9,3,10,0.14);
}
.tab-content.index {
    padding: 35px 0;
}

.alert {
    border: none;
    padding: 22px 30px;
    position: relative;
    color: #636363;
}
.alert.sm {
    padding: 10px 16px;
}
.alert .title {
    margin-right: 6px;
}
.alert .title strong {
    color: #2e2e2e;
    margin-right: 10px;
}
.alert .title i {
    font-size: 10px;
    vertical-align: middle;
    margin-top: -2px;
}
.alert h2,
.alert h3,
.alert h4,
.alert h5,
.alert h6 {
    margin-bottom: 14px;
}

.alert-info {
    border: 1px solid #82c2da;
    background: #ebf5fa;
    padding: 22px 30px;
    color: #505050;
}
.alert-info h2,
.alert-info h3,
.alert-info h4,
.alert-info h5,
.alert-info h6 {
    margin-bottom: 14px;
}

.alert-danger {
    background: transparent;
    padding: 0;
    padding-left: 35px;
    color: #e30613;
}
.alert-danger:before {
    content: '\f06a';
    font-family: "Font Awesome\ 5 Pro";
    font-size: 18px;
    position: absolute;
    top: -3px;
    left: 0;
}
.alert-warning {
    background: #fef3e2;
}

.price-block {
    color: #ffd525;
    font-size: 30px;
    font-weight: 300;
}
.price-block .value {
    font-weight: 700;
    font-size: 50px;
}
.price-block.sm {
    font-size: 16px;
}
.price-block.sm .value {
    font-weight: 600;
    font-size: 24px;
}

.search-block {
    background: #0680c5;
    padding: 20px 30px;
    -webkit-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    -moz-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    box-shadow: 0 0 27px rgba(9,3,10,0.16);
    border-radius: 4px;
}
.search-block .form-group label {
    color: #fff;
}
.search-block .form-control,
.search-block .select2-container--default .select2-selection--single {
    border: 1px solid #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 38px;
}
.search-block .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}
.search-block .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}
.search-block .input-group {
    display: block;
}
.search-block .form-control {
    width: 100%;
}

.offer-block {
    position: relative;
    height: 420px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    -moz-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    box-shadow: 0 0 27px rgba(9,3,10,0.16);
    overflow: hidden;
}
.offer-block .image-wrapper {
    display: block;
    height: 220px;
    position: relative;
    overflow: hidden;
}
.offer-block .content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: #fff;
    padding: 28px 35px;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.offer-block .title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 44px;
    color: #2e2e2e;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 18px;
}
.offer-block .description {
    font-size: 11px;
    margin-bottom: 6px;
    /* font-size: 22px; */
    line-height: 1.5;
    max-height: 48px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    font-weight: normal;
}
.offer-block .offer-dates {
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    overflow: hidden;
    margin-bottom: auto;
}
.offer-block .offer-dates a {
    font-size: 11px;
    color: #6f6f6f;
}
.offer-block .offer-dates a.forward-link {
    font-size: 13px;
    color: #007dc4;
    font-weight: 400;
    padding-right: 18px;
}
.offer-block .offer-dates a.forward-link:before {
    font-size: 11px;
}
.offer-block .offer-dates .message {
    color: #e30613;
    font-size: 12px;
}
.offer-block:hover .other-dates {
    display: block;
}
.offer-block .price-block {
    line-height: 1;
    color: #f9af3c;
}
.offer-block .price-block .text-before {
    font-size: 14px;
    color: #6f6f6f;
}
.offer-block .price-block .value {
    font-size: 26px;
}
.offer-block .footer {
    text-align: right;
    border-top: 1px solid #dedede;
    margin-top: 20px;
    padding-top: 9px;
}
.offer-block .more-actions {
    margin-top: 11px;
}
.offer-block:hover .offer-dates {
    max-height: 99px;
}

.locations-block {
    position: relative;
    overflow: hidden;
    border-radius: 7px;
    height: 100%;
}
.locations-block:before {
    content: '';
    background: rgba(64,64,64, .6);
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.locations-block .content {
    padding: 35px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 3;
    color: #fff;
    line-height: 30px;
}
.locations-block.sm .content {
    min-height: 170px;
}
.locations-block .content .title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 14px;
}
.locations-block .content a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
}
.locations-block .content a:hover {
    color: #ffea66;
}

.banner {
    display: block;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    min-height: 171px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 30px;
    text-shadow: 0.5px 0.866px 1px rgba(12,34,33,0.96);
}
.banner:hover {
    text-decoration: none;
}
.banner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: rgba(0,0,0, .15);
}
.banner .inner {
    position: relative;
    z-index: 3;
    color: #fff;
}
.banner .title {
    font-size: 28px;
    font-weight: 700;
}
.banner .content {
    font-size: 18px;
    font-weight: 300;
    position: relative;
    padding-bottom: 14px;
}
.banner .content:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    border-bottom: 1px solid rgba(255,255,255, .5);
}

.sort-form-wrapper {
    position: relative;
    margin-top: 35px;
    padding-bottom: 29px;
    margin-bottom: 68px;
    border-bottom: 1px solid #b4d5ea;
}
.sort-form-wrapper > .toggle-next {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    background: #fff;
    padding: 7px 10px 5px 10px;
    font-size: 12px;
    text-transform: uppercase;
    color: #004a7f;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 500;
    -webkit-box-shadow: 2px 2px 0 0 rgba(0, 125, 196, 0.1);
    -moz-box-shadow: 2px 2px 0 0 rgba(0, 125, 196, 0.1);
    box-shadow: 2px 2px 0 0 rgba(0, 125, 196, 0.1);
}
.sort-form-wrapper > .toggle-next:hover {
    background: #f9f8f8;
}
.sort-form-wrapper > .toggle-next + div {
    width: 100% !important;
}
.sort-form-wrapper > .toggle-next i {
    margin-left: 4px;
    font-size: 15px;
    -webkit-transform: translate(0, 1px);
    -moz-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    -o-transform: translate(0, 1px);
    transform: translate(0, 1px);
}
.sort-form-wrapper.active > .toggle-next i {
    -webkit-transform: rotateX(180deg) translate(0, -1px);
    -moz-transform: rotateX(180deg) translate(0, -1px);
    -ms-transform: rotateX(180deg) translate(0, -1px);
    -o-transform: rotateX(180deg) translate(0, -1px);
    transform: rotateX(180deg) translate(0, -1px);
}

footer,
footer a {
    color: #fff;
    font-size: 13px;
    background: #004a7f;
}
footer {
    padding-bottom: 60px;
    color: #fff;
    font-size: 13px;
    padding-top: 60px;
}
footer .bor-b {
    border-bottom: 1px solid rgba(255,255,255, .1);
}
footer .title {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 24px;
}
footer nav div:not(:last-child) {
    margin-bottom: 8px;
}
footer .footer-contacts {
    font-size: 18px;
    line-height: 1;
}
footer .footer-contacts small {
    font-size: 67%;
}
footer .footer-contacts:not(:last-child) {
    margin-bottom: 20px;
}


.rate {
    line-height: 1;
    display: inline-block;
    white-space: nowrap;
}
.rate i {
    font-size: 15px;
    color: #f3d30b;
    display: inline-block;
    vertical-align: middle;
}

.view-gallery {
    position: relative;
}
.view-gallery .item {
    position: relative;
}
.view-gallery .view-gallery-owl .item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/bundles/applicationsonataproject/images/etc/gradient-1.png) repeat-x bottom left;
    z-index: 2;
    pointer-events: none;
}
.view-gallery .alt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.6);
    font-size: 18px;
    color: #fff;
    padding: 14px 22px;
    font-weight: 500;
}
.view-gallery .owl-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 80%;
    margin: 0 auto;
    padding: 0 35px;
}
.view-gallery .owl-thumbs .item {
    overflow: hidden;
    height: 36px;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -ms-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    cursor: pointer;
}
.view-gallery .owl-thumbs .item:not(.active):before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0, .3);
}
.view-gallery .owl-thumbs .item img {
    width: 100%;
    height: 100%;
    max-width: none;
}
.view-gallery .owl-thumbs .owl-nav {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    top: 50%;
}
.view-gallery .owl-thumbs .owl-nav .owl-prev,
.view-gallery .owl-thumbs .owl-nav .owl-next {
    font-size: 22px;
    color: #fff;
}
.view-gallery .owl-thumbs .owl-nav .owl-prev.disabled,
.view-gallery .owl-thumbs .owl-nav .owl-next.disabled {
    /*opacity: .5;*/
    /*cursor: default;*/
    /*pointer-events: none;*/
}

.box {
    -webkit-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    -moz-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    box-shadow: 0 0 27px rgba(9,3,10,0.16);
    background: #fff;
    border-radius: 7px;
    overflow: hidden;
    padding: 30px 40px;
    margin-bottom: 20px;
}
/*.box:last-child {*/
    /*margin-bottom: 0;*/
/*}*/

.is-sticky .box {
    background: rgba(255,255,255, .9);
}

.tour-summary {
    padding: 20px 26px;
}

.route-summary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    margin: 0 12% 0 15%;
}
.route-summary:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%;
    background-image: linear-gradient(to right, #b7b7b7 50%, rgba(0,0,0,0) 0%);
    background-position: bottom;
    background-size: 6px 6px;
    background-repeat: repeat-x;
    height: 1px;
}
.route-summary > div {
    text-align: center;
    z-index: 2;
}
.route-summary .start {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.route-summary .start i {
    width: 18px;
    height: 18px;
    font-size: 10px;
    color: #fff;
    background: #00c4c2;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    text-indent: -1px;
}
.route-summary .destinations i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 5px solid #158cd0;
    border-radius: 50%;
    margin-bottom: -4px;
    margin-top: 2px;
}
.route-summary .end {
    -webkit-transform: translate(50%, 0);
    -moz-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    -o-transform: translate(50%, 0);
    transform: translate(50%, 0);
}
.route-summary .end i {
    width: 18px;
    height: 18px;
    font-size: 10px;
    color: #fff;
    background: #f9af3c;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    text-indent: -1px;
}
.route-summary .title {
    color: #6f6f6f;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.route-summary .location {
    color: #2e2e2e;
    font-size: 15px;
}
.tour-summary .rate-block {
    text-align: center;
    color: #6f6f6f;
    font-size: 12px;
}
.tour-summary .rate-block .rate {
    display: block;
    margin-bottom: 4px;
}
.tour-summary .rate-block .overall {
    margin-bottom: 10px;
}

.socials a,
.socials a:hover {
    text-decoration: none;
}

.view-description .cont > div,
.day-wrap .cont > div {
    display: inline-block;
    vertical-align: top;
}
.view-description .cont > .page-module,
.day-wrap .cont > .page-module {
    width: calc(100% - 264px - 20px - 4px);
    margin-right: 20px;
    margin-bottom: 0;
}
.view-description .cont > .page-module + div,
.day-wrap .cont > .page-module + div {
    width: 264px;
    font-size: 13px;
}
.view-description .cont > .page-module + div img,
.day-wrap .cont > .page-module + div img {
    margin-bottom: 8px;
}
.view-description .page-module img {
    display: none;
}
.view-description .img-wrapper img {
    max-width: 264px;
}
.day-wrap {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dedede;
}
.day-wrap:last-child {
    margin-bottom: 0;
}
.day-wrap .page-module .title {
    color: #2e2e2e;
}
.day-wrap > *:not(:last-child) {
    margin-bottom: 30px;
}

.tour-program {
    position: relative;
    padding-left: 42px;
}
.tour-program .day-wrap {
    position: relative;
}
.tour-program .day-wrap:before {
    font-weight: 600;
    color: #fff;
    font-size: 10px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    position: absolute;
    left: -42px;
    top: 0;
    z-index: 2;
    background: #fff;
}
.tour-program .day-wrap:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: -33px;
    top: 0;
    bottom: -30px;
    background-image: linear-gradient(to bottom, #b7b7b7 50%, rgba(0,0,0,0) 0%);
    background-position: left;
    background-size: 6px 6px;
    background-repeat: repeat-y;
    width: 1px;
}
.tour-program .day-wrap:not(:first-child):not(:last-child):before {
    content: '';
    border: 5px solid #158cd0;
}
.tour-program .day-wrap:first-child:before {
    content: "\f3c5";
    font-family: "Font Awesome\ 5 Pro";
    background: #00c4c2;
}
.tour-program .day-wrap:last-child:before {
    content: "\f024";
    font-family: "Font Awesome\ 5 Pro";
    background: #f9af3c;
}
.tour-program .day-wrap:last-child:after {
    content: none;
}

nav.view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
nav.view a {
    display: block;
    padding: 14px 0;
    border: none;
    border-radius: 0 !important;
    border-bottom: 3px solid transparent;
    color: #2e2e2e;
    font-size: 15px;
}
nav.view a:last-child {
    margin-right: 0;
}
nav.view a:hover,
nav.view a.active {
    border-bottom: 3px solid #007dc4;
    color: #007dc4;
    text-decoration: none;
}

.toggleable-list:not(:last-child) {
    margin-bottom: 40px;
}
.toggleable-list li {
    border-bottom: 1px solid #dedede;
}
.toggleable-list .title {
    position: relative;
    padding: 18px 30px 10px 37px;
    min-height: 60px;
    cursor: pointer;
    margin-bottom: 0;
}
.toggleable-list .title:first-child:last-child {
    pointer-events: none;
}
.toggleable-list .title:not(:last-child):after {
    content: '\f078';
    font-family: "Font Awesome\ 5 Pro";
    position: absolute;
    right: 1px;
    top: 20px;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}
.toggleable-list .active .title:after {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.toggleable-list .title > .fal,
.toggleable-list .title > .far,
.toggleable-list .title > .fa {
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 18px;
}
.toggleable-list .title .fa-check-circle {
    color: #47b887;
}
.toggleable-list .title .fa-times-circle {
    color: #e30613;
}
.toggleable-list .title + div {
    width: 100% !important;
    display: none;
    padding-left: 37px !important;
    padding-bottom: 25px;
}

.reviews-summary-table {
    /*width: 100%;*/
    max-width: 513px;
    display: table;
    line-height: 1;
}
.reviews-summary-table .table-row {
    display: table-row;
}
.reviews-summary-table .table-cell {
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
    padding-top: 16px;
}
.reviews-summary-table .table-cell:first-child {
    padding-left: 0;
}
.reviews-summary-table .rate {
    margin-bottom: 3px;
}

.rate-line {
    width: 100%;
    position: relative;
    height: 7px;
    background: #ebebeb;
    border-radius: 34px;
    overflow: hidden;
}
.rate-line > div {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #f3d30b;
    border-radius: 34px;
}

.reviews-summary > .title {
    line-height: 1;
    margin-bottom: 14px;
}
.reviews-summary > .title .rate {
    margin-right: 26px;
    vertical-align: middle;
    margin-top: -2px;
}
.reviews-summary > .title span {
    font-size: 24px;
    color: #2e2e2e;
    display: inline-block;
    vertical-align: middle;
}

.booking-block .sum {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    margin-bottom: 30px;
    overflow: hidden;
}
.booking-block .sum > * {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 15px 10px;
    border-left: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    margin-left: -1px;
    margin-top: -1px;
    line-height: 1;
}
.booking-block .sum > div:last-child {
    border-right: none;
}
.booking-block .sum > div span {
    margin-bottom: 17px;
    color: #6f6f6f;
}
.booking-block .sum > div strong {
    font-size: 26px;
    color: #2e2e2e;
}
.booking-block .sum > div.date strong {
    font-size: 20px;
}
.booking-block ul {
    margin-bottom: 24px;
}
.booking-block ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    line-height: 1.3;
}
.booking-block ul li:last-child {
    margin-bottom: 0;
}
.booking-block ul li:before {
    content: '\f00c';
    font-size: 16px;
    font-family: "Font Awesome\ 5 Pro";
    font-weight: 300;
    color: #f9af3c;
    position: absolute;
    left: 0;
    top: -1px;
}

.tour-sidebar-map {
    height: 268px;
}
#map_place,
#map_place_2 {
    width: 100%;
    height: 100%;
}

.contacts-map {
    border-radius: 7px;
    overflow: hidden;
    height: 504px;
}

.comment-block .page-module {
    margin-bottom: 20px;
}
.comment-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 25px;
}
.comment-title span {
    font-size: 12px;
    color: #6f6f6f;
    display: inline-block;
    vertical-align: middle;
}
.comment-title .rate {
    margin-right: 27px;
    margin-top: -3px;
    vertical-align: middle;
}
.comment-profile {
    padding-right: 10px;
    width: 104px;
    min-width: 104px;
}
.comment-profile .image {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    line-height: 58px;
    text-align: center;
}
.comment-profile .image:before {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    z-index: 1;
    background: #00c4c2;
    border-radius: 50%;
}
.comment-profile .image span {
    position: relative;
    z-index: 2;
}
.comment-profile .image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.comment-profile .name {
    font-size: 13px;
    font-weight: 700;
    color: #2e2e2e;
    margin-top: 2px;
}
.comment-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.departure-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 26px 0 13px 37px;
    background: #ebf5fa;
    margin-bottom: 74px;
}
.departure-months .title {
    width: 100%;
    font-weight: 700;
    color: #2e2e2e;
    margin-bottom: 28px;
}
.departure-months .month {
    margin-right: 37px;
    margin-bottom: 13px;
}
.departure-months .radio-behind .form-control + label {
    background: transparent;
    border: none;
    margin-bottom: 0;
}
.departure-months .radio-behind input:checked + label {
    background: #007dc4;
    color: #fff;
}

.departure-table {
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px;
}
.departure-table .price-block {
    text-align: right;
}
.departure-table .old-price {
    font-size: 15px;
    font-weight: normal;
    text-decoration: line-through;
}
.departure-table .old-price + .price {
    color: #f9af3c;
}
.departure-table .discount-bubble {
    width: 51px;
    height: 51px;
    border-radius: 50%;
    background: #f9af3c;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    line-height: 51px;
    margin-top: -4px;
}
.departure-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 110px;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    visibility: hidden;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.departure-row.show {
    visibility: visible;
}
.departure-row.disabled {
    color: #c4c4c4;
}
.departure-row .departure-cell {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    font-size: 18px;
    font-weight: 500;
}
.departure-row .departure-cell small {
    font-size: 12px;
}
.departure-row .departure-cell[data-title]:before {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%);
    font-size: 12px;
    color: #6f6f6f;
    text-transform: uppercase;
    padding-bottom: 6px;
}
.departure-row .sec-1,
.departure-row .sec-2,
.departure-row .sec-3,
.departure-row .sec-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.departure-row .sec-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
    position: relative;
}
.departure-row .sec-1 .left {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #dedede;
    font-size: 12px;
    line-height: 1.3;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.departure-row.expanded .sec-1 .left {
    background: #fbfbfb;
}
.departure-row .sec-1 .departure-cell {
    width: 50%;
    border-right: 1px solid #dedede;
    padding: 28px;
}
.departure-row .sec-1 .left + .departure-cell {
    padding-left: 46px;
    padding-right: 10px;
}
.departure-row .sec-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 51%;
    -ms-flex: 0 0 51%;
    flex: 0 0 51%;
    max-width: 51%;
    padding-left: 118px;
}
.departure-row .sec-2 .departure-cell {
    /*width: 33.333%;*/
    padding: 28px;
    -ms-flex: 1 0 33.33%;
    -webkit-flex: 1 0 33.33%;
    flex: 1 0 33.33%;
}
.departure-row .sec-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 17%;
    -ms-flex: 0 0 17%;
    flex: 0 0 17%;
    max-width: 17%;
}
.departure-row .sec-3 .departure-cell {
    width: 100%;
    padding-right: 24px;
    -webkit-align-items: center;
    align-items: center;
}
.departure-row .sec-4:not(:last-child) {
    border-bottom: 1px solid #dedede;
}
.departure-row .sec-4 .departure-cell {
    width: 100%;
    font-size: 15px;
    padding: 6px 28px;
}
.departure-row .sec-4 .title {
    font-weight: 400;
}
.departure-row .sec-4 .departure-cell.last {
    width: 33.333%;
    min-width: 33.333%;
    -webkit-align-items: center;
    align-items: center;
}
.departure-collapsed-block {
    width: 100% !important;
    display: none;
    border-top: 1px solid #dedede;
}
.departure-row .hotel-wrap {
    padding-top: 22px;
    padding-bottom: 8px;
}
.departure-row .hotel-wrap:not(:last-child) {
    border-bottom: 1px solid #dedede;
}
.departure-row .hotel-wrap .hotel-title {
    padding: 6px 28px;
    margin-bottom: 6px;
}


.work-hours-block {
    margin-bottom: 40px;
}

.week-day {
    width: 33px;
    height: 16px;
    display: block;
    border-radius: 8px;
    margin-bottom: 8px;
    background: #80bee2;
}
.week-day + div {
    line-height: 1;
}
.week-day.inline {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    margin-bottom: 0;
}
.week-day.inline + div {
    display: inline-block;
    vertical-align: middle;
}
.week-day.yellow {
    background: #f3d30b;
}
.week-day.orange {
    background: #f8af3e;
}

.work-hours-block .legend .week-day {
    margin-right: 12px;
}

.map-info-window img {
    max-width: 70px;
    margin-bottom: 16px;
}
.map-info-window {
    font-size: 13px;
}

.steps {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    background: #007dc4;
    position: relative;
    padding: 0 6px;
    z-index: 1;
    border-radius: 7px;
    margin-bottom: 28px;
}
.steps:before {
    content: '';
    position: absolute;
    left: 6px;
    right: 6px;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-image: linear-gradient(to right, #74abd7 50%, rgba(0,0,0,0) 0%);
    background-position: bottom;
    background-size: 6px 1px;
    background-repeat: repeat-x;
    height: 2px;
}
.steps .step {
    position: relative;
    z-index: 2;
    padding: 14px 11px;
    color: #004a7f;
    font-size: 15px;
    background: #007dc4;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    line-height: 1;
}
.steps .step.active {
    color: #fff;
}
.steps .active,
.steps .active ~ .step {
    color: #fff;
}
.steps .nr {
    display: inline-block;
    position: relative;
    width: 26px;
    min-width: 26px;
    height: 26px;
    border-radius: 50%;
    line-height: 26px;
    text-align: center;
    margin-right: 16px;
    font-size: 14px;
    color: #007dc4;
    background: #004a7f;
    font-weight: 700;
    border: 1px solid #004a7f;
}
.steps .active .nr,
.steps .active ~ .step .nr {
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
}
.steps .active .nr {
    background: #fff;
    color: #007dc4;
    border: 1px solid #fff;
}

.form-section {
    border-bottom: 1px solid #dedede;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.form-section:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.form-section .title {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 24px;
}
.form-section .title .text {
    font-size: 24px;
    color: #2e2e2e;
    line-height: 1.1;
}
.form-section .title .nr {
    width: 26px;
    min-width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #007dc4;
    color: #007dc4;
    text-align: center;
    line-height: 26px;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 700;
}

.payment-methods {
    margin-bottom: 30px;
}
.payment-methods > li {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: stretch;
    -webkit-align-items: stretch;
    border: 1px solid #dedede;
}
.payment-methods > li + li {
    margin-top: -1px;
}
.payment-methods > li > div {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    -webkit-align-items: center;
}
.payment-methods > li > div:first-child {
    padding: 5px 18px;
}
.payment-methods .styled-radio {
    margin: 0;
}
.payment-methods > li > div > .label {
    white-space: nowrap;
}
.payment-methods > li > div > * {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 25px;
}

.offer-summary {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    -moz-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    box-shadow: 0 0 27px rgba(9,3,10,0.16);
}
.offer-summary .image-wrapper {
    position: relative;
    overflow: hidden;
    height: 227px;
}
.offer-summary .content {
    padding: 30px 40px;
}
.offer-summary .title {
    color: #2e2e2e;
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid #dedede;
}
.offer-summary .footer {
    padding-top: 14px;
    margin-top: 16px;
    border-top: 1px solid #dedede;
    text-align: right;
}
.offer-summary .price-block {
    line-height: 1;
    font-size: 14px;
    color: #f9af3c;
}
.offer-summary .price-block .text-before {
    color: #6f6f6f;
    display: block;
    margin-bottom: 6px;
}
.offer-summary .price-block .value {
    font-size: 26px;
}

.response {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1;
}
.response img,
.response i {
    font-size: 20px;
    margin-right: 2px;
    margin-top: 1px;
}
.response.success {
    color: #59bd91;
}
.response.denied {
    color: #e52c33;
}

.order-summary {
    border: 1px solid #dedede;
}

.order-summary .title {
    padding: 20px 33px;
    border-bottom: 1px solid #dedede;
    font-size: 18px;
    color: #2e2e2e;
    font-weight: 500;
}

.order-summary .content {
    padding: 30px 33px 55px 33px;
    color: #525252;
}

.order-summary .content ul {
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dedede;
}
.order-summary .content ul li {
    padding-left: 30px;
    position: relative;
}
.order-summary .content ul li:not(:last-child) {
    margin-bottom: 8px;
}
.order-summary .content ul li:before {
    font-family: "Font Awesome\ 5 Pro";
    font-size: 17px;
    position: absolute;
    left: 0;
    top: 2px;
    line-height: 1;
    font-weight: 500;
}
.order-summary.success .content ul li:before {
    content: '\f058';
    color: #59bd91;
}
.order-summary.denied .content ul li:before {
    content: '\f057';
    color: #e52c33;
}
.order-summary .content .message {
    font-size: 13px;
    color: #8b8b8b;
    line-height: 18px;
    margin-bottom: 20px;
}

.profile-form-wrapper {
    max-width: 870px;
    margin: 10px auto;
}

.nav-tabs.profile {
    border-bottom: none;
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    -moz-box-shadow: 0 0 27px rgba(9,3,10,0.16);
    box-shadow: 0 0 27px rgba(9,3,10,0.16);
    margin-bottom: 28px;
    counter-reset: profile;
}
.nav-tabs.profile .nav-item {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
.nav-tabs.profile .nav-link {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: none;
    border-right: 1px solid #3397d0;
    background: #007dc4;
    color: #fff;
    border-radius: 0;
    padding: 13px;
    font-size: 15px;
    counter-increment: profile;
}
.nav-tabs.profile .nav-link .nr {
    display: block;
    width: 26px;
    min-width: 26px;
    height: 26px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 24px;
    margin-right: 14px;
}
.nav-tabs.profile .nav-link .nr:before {
    content: counter(profile);
}
.nav-tabs.profile .nav-link:hover,
.nav-tabs.profile .nav-link.active {
    background: #004a7f;
    color: #fff;
    border-right: 1px solid #3397d0;
}
.nav-tabs.profile .nav-link.active .nr {
    background: #fff;
    color: #004a7f;
}

table.orders {
    width: 100%;
}
table.orders th {
    font-size: 12px;
    color: #6f6f6f;
    font-weight: 400;
    border-bottom: 1px solid #dedede;
    padding-bottom: 8px;
    text-transform: uppercase;
}
table.orders td {
    font-size: 13px;
    color: #636363;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    width: 540px;
    vertical-align: top;
    padding: 14px 27px;
}
table.orders td:first-of-type {
    width: 430px;
}
table.orders td:last-of-type {
    border-right: 1px solid #dedede;
    width: 460px;
}
table.orders tr.green td {
    background: #f6fcf0;
}
table.orders tr.red td {
    background: #fff6ef;
}
table.orders tr.yellow td {
    background: #fffee5;
}
table.orders a:not(.btn) {
    font-size: 13px;
}
table.orders a.w-icon {
    position: relative;
    padding-left: 28px;
    display: inline-block;
    margin-bottom: 12px;
}
table.orders a > i.icon {
    position: absolute;
    left: 0;
    top:50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin-top: -1px;
}
table.orders .toggleable-content {
    display: none;
}
table.orders .table-toggler i {
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
    margin-left: 6px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
table.orders .table-toggler.closed i {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}
table.orders .return-link {
    margin-bottom: 8px;
    display: inline-block;
}
table.orders .return-link i {
    font-size: 17px;
    width: 18px;
}

.collapse-toggler:before {
    content: attr(data-open);
}
.collapse-toggler[aria-expanded="true"]:before {
    content: attr(data-close);
}
.collapse-toggler[aria-expanded="true"] i {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

table.agents {
    width: 100%;
    border-collapse: collapse;
}
table.agents.first-td-long td:first-of-type {
    width: 45%;
}
table.agents td {
    font-size: 13px;
    color: #636363;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    vertical-align: middle;
    padding: 16px 20px;
}
table.agents td.actions {
    line-height: 1;
}
table.agents td.select {
    width: 1%;
}
table.agents td.select .styled-checkbox {
    margin-right: 0;
}
table.agents td:last-of-type {
    border-right: 1px solid #dedede;
}
table.agents th {
    font-size: 12px;
    color: #6f6f6f;
    font-weight: 400;
    border-bottom: 1px solid #dedede;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.rate-select {
    direction: rtl;
    text-align: left;
    display: inline-block;
}
.rate-select input {
    display: none;
}
.rate-select i {
    font-size: 15px;
    color: #f3d30b;
    display: inline-block;
    vertical-align: middle;
}
.rate-select label {
    cursor: pointer;
}
.rate-select:not(.overall) label:hover i {
    font-weight: 700;
}
.rate-select:not(.overall) label:hover ~ label i {
    font-weight: 700;
}
.rate-select input:checked + label i {
    font-weight: 700;
}
.rate-select input:checked + label ~ label i {
    font-weight: 700;
}

.rate-select div {
    position: relative;
    display: inline-block;
    float: right;
    padding: 2px 13px;
    border-radius: 3px;
    background: #36b33f;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    margin-left: 25px;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.rate-select div:before {
    content: '';
    display: block;
    position: absolute;
    left: -9px;
    top:0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right:10px solid #36b33f;
    -webkit-transition: .2s ease;
    -moz-transition: .2s ease;
    -ms-transition: .2s ease;
    -o-transition: .2s ease;
    transition: .2s ease;
}
.rate-select div:after {
    content: '\007C\00a0\00a0';
    left: 0;
    display: block;
}

.rate-select input:nth-of-type(5):checked ~ div {
    background: #e01e3a;
}
.rate-select input:nth-of-type(5):checked ~ div:before {
    border-right:10px solid #e01e3a;
}
.rate-select input:nth-of-type(4):checked ~ div {
    background: #e01e3a;
}
.rate-select input:nth-of-type(4):checked ~ div:before {
    border-right:10px solid #e01e3a;
}
.rate-select input:nth-of-type(3):checked ~ div {
    background: #ff9933;
}
.rate-select input:nth-of-type(3):checked ~ div:before {
    border-right:10px solid #ff9933;
}
.rate-select input:nth-of-type(2):checked ~ div {
    background: #36b33f;
}
.rate-select input:nth-of-type(2):checked ~ div:before {
    border-right:10px solid #36b33f;
}
.rate-select input:nth-of-type(1):checked ~ div {
    background: #36b33f;
}
.rate-select input:nth-of-type(1):checked ~ div:before {
    border-right:10px solid #36b33f;
}

.rate-select input:nth-of-type(5):checked ~ div:after {
    content: attr(data-bad);
}
.rate-select input:nth-of-type(4):checked ~ div:after {
    content: attr(data-bad);
}
.rate-select input:nth-of-type(3):checked ~ div:after {
    content: attr(data-average);
}
.rate-select input:nth-of-type(2):checked ~ div:after {
    content: attr(data-good);
}
.rate-select input:nth-of-type(1):checked ~ div:after {
    content: attr(data-good);
}

.custom-user-actions .fancybox-slide>*:not(.fancybox-loading) {
    max-width: 420px !important;
    height: 420px !important;
}

.locations-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.locations-list > li {
    -ms-flex: 1 0 50%;
    -webkit-flex: 1 0 50%;
    flex: 1 0 50%;
}
.locations-list > li.active {
    -ms-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
}
.locations-list .toggle-next {
    cursor: pointer;
}
.locations-list .toggle-next + div {
    display: none;
    width: 100% !important;
}

#transfer-modal {
    width: calc(100% - 88px);
    height: calc(100% - 88px);
}
#transfer-modal > div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
#transfer-modal .address {
    font-size: 16px;
    margin-bottom: 16px;
}
#transfer-modal #map_place_3 {
    width: 100%;
    flex: 1;
}

.error-page-container {
    padding: 80px 15px;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0 2px 2px #e0e0e0;
    -moz-box-shadow: 0 2px 2px #e0e0e0;
    box-shadow: 0 2px 2px #e0e0e0;
}

.error-page-container h1 {
    padding: 0;
}

.error-page-container h2 {
    padding-left: 0;
}
.error-page-container h3 {
    font-weight: 500;
}

.error-page-container > div {
    max-width: 750px;
    margin: 0 auto;
}
.error-page-container .divider {
    width: 99px;
    border-bottom: 1px solid #e1e1e1;
    margin: 32px auto 32px auto;
}

#user-managment-container .logged-in,
#user-managment-container .logged-in .fal {
    color: rgb(255,233,102);
}
#user-managment-container .logged-in .fal {
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px;
}
#user-managment-container .logged-in span {
    display: inline-block;
    vertical-align: middle;
}