/* input(1192,1): run-time error CSS1019: Unexpected token, found '}' */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Display:ital@0;1&display=swap");
/*
@mixin presentation-columns-additional {
@media (min-width: 0px) {
padding: 0;
width: 100%;
}
}*/
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
padding: 0;
}
block {
margin: 0px;
padding: 0px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
b,
strong {
font-weight: 600;
}
dfn {
font-style: italic;
}
img {
border: 0;
}
pre {
overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #428bca;
text-decoration: none;
}
a:hover,
a:focus {
color: #2a6496;
text-decoration: underline;
}
/*
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}*/
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 35px;
padding-right: 35px;
}
h1, h2, h3, h4, h5, h6, p, ul {
margin: 0;
padding: 0;
}
ul {
list-style-type: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
input:focus,
textarea:focus,
select:focus {
outline: 2px solid #1E81BA !important;
}
input[type=button],
input[type=submit] {
outline: 0 !important;
}
.container {
margin-right: auto;
margin-left: auto;
position: relative;
padding-left: 12px;
padding-right: 12px;
width: 100%;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
position: relative;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 520px) {
.hidden-xxs {
display: none !important;
}
}
@media (min-width: 520px) and (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.img-responsive {
width: 100%;
height: auto;
}
.container {
margin-right: auto;
margin-left: auto;
position: relative;
}
.container {
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.container:after,
.container-fluid-12:after,
.row:after {
clear: both;
}
.row {
overflow: hidden;
}
.container {
padding-left: 12px;
padding-right: 12px;
}
.row {
margin-left: -12px;
margin-right: -12px;
}
.container .col-xxs-1, .container .col-xs-1, .container .col-sm-1, .container .col-md-1, .container .col-lg-1,
.container .col-xxs-2, .container .col-xs-2, .container .col-sm-2, .container .col-md-2, .container .col-lg-2,
.container .col-xxs-3, .container .col-xs-3, .container .col-sm-3, .container .col-md-3, .container .col-lg-3,
.container .col-xxs-4, .container .col-xs-4, .container .col-sm-4, .container .col-md-4, .container .col-lg-4,
.container .col-xxs-5, .container .col-xs-5, .container .col-sm-5, .container .col-md-5, .container .col-lg-5,
.container .col-xxs-6, .container .col-xs-6, .container .col-sm-6, .container .col-md-6, .container .col-lg-6,
.container .col-xxs-7, .container .col-xs-7, .container .col-sm-7, .container .col-md-7, .container .col-lg-7,
.container .col-xxs-8, .container .col-xs-8, .container .col-sm-8, .container .col-md-8, .container .col-lg-8,
.container .col-xxs-9, .container .col-xs-9, .container .col-sm-9, .container .col-md-9, .container .col-lg-9,
.container .col-xxs-10, .container .col-xs-10, .container .col-sm-10, .container .col-md-10, .container .col-lg-10,
.container .col-xxs-11, .container .col-xs-11, .container .col-sm-11, .container .col-md-11, .container .col-lg-11,
.container .col-xxs-12, .container .col-xs-12, .container .col-sm-12, .container .col-md-12, .container .col-lg-12 {
position: relative;
min-height: 1px;
}
.container .col-xxs-1, .container .col-xs-1, .container .col-sm-1, .container .col-md-1, .container .col-lg-1,
.container .col-xxs-2, .container .col-xs-2, .container .col-sm-2, .container .col-md-2, .container .col-lg-2,
.container .col-xxs-3, .container .col-xs-3, .container .col-sm-3, .container .col-md-3, .container .col-lg-3,
.container .col-xxs-4, .container .col-xs-4, .container .col-sm-4, .container .col-md-4, .container .col-lg-4,
.container .col-xxs-5, .container .col-xs-5, .container .col-sm-5, .container .col-md-5, .container .col-lg-5,
.container .col-xxs-6, .container .col-xs-6, .container .col-sm-6, .container .col-md-6, .container .col-lg-6,
.container .col-xxs-7, .container .col-xs-7, .container .col-sm-7, .container .col-md-7, .container .col-lg-7,
.container .col-xxs-8, .container .col-xs-8, .container .col-sm-8, .container .col-md-8, .container .col-lg-8,
.container .col-xxs-9, .container .col-xs-9, .container .col-sm-9, .container .col-md-9, .container .col-lg-9,
.container .col-xxs-10, .container .col-xs-10, .container .col-sm-10, .container .col-md-10, .container .col-lg-10,
.container .col-xxs-11, .container .col-xs-11, .container .col-sm-11, .container .col-md-11, .container .col-lg-11,
.container .col-xxs-12, .container .col-xs-12, .container .col-sm-12, .container .col-md-12, .container .col-lg-12 {
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 768px) {
.container {
padding-left: 12px;
padding-right: 12px;
}
.container {
padding-left: 12px;
padding-right: 12px;
}
.row {
margin-left: -12px;
margin-right: -12px;
}
.container .col-xs-1, .container .col-sm-1, .container .col-md-1, .container .col-lg-1, .container .col-xs-2, .container .col-sm-2, .container .col-md-2, .container .col-lg-2, .container .col-xs-3, .container .col-sm-3, .container .col-md-3, .container .col-lg-3, .container .col-xs-4, .container .col-sm-4, .container .col-md-4, .container .col-lg-4, .container .col-xs-5, .container .col-sm-5, .container .col-md-5, .container .col-lg-5, .container .col-xs-6, .container .col-sm-6, .container .col-md-6, .container .col-lg-6, .container .col-xs-7, .container .col-sm-7, .container .col-md-7, .container .col-lg-7, .container .col-xs-8, .container .col-sm-8, .container .col-md-8, .container .col-lg-8, .container .col-xs-9, .container .col-sm-9, .container .col-md-9, .container .col-lg-9, .container .col-xs-10, .container .col-sm-10, .container .col-md-10, .container .col-lg-10, .container .col-xs-11, .container .col-sm-11, .container .col-md-11, .container .col-lg-11, .container .col-xs-12, .container .col-sm-12, .container .col-md-12, .container .col-lg-12 {
padding-left: 12px;
padding-right: 12px;
}
}
.container .col-xxs-1, .container .col-xxs-2, .container .col-xxs-3, .container .col-xxs-4, .container .col-xxs-5, .container .col-xxs-6, .container .col-xxs-7, .container .col-xxs-8, .container .col-xxs-9, .container .col-xxs-10, .container .col-xxs-11, .container .col-xxs-12 {
float: left;
}
.container .col-xxs-12 {
width: 100%;
}
.container .col-xxs-11 {
width: 91.66666667%;
}
.container .col-xxs-10 {
width: 83.33333333%;
}
.container .col-xxs-9 {
width: 75%;
}
.container .col-xxs-8 {
width: 66.66666667%;
}
.container .col-xxs-7 {
width: 58.33333333%;
}
.container .col-xxs-6 {
width: 50%;
}
.container .col-xxs-5 {
width: 41.66666667%;
}
.container-fluid-12 .col-xxs-4,
.container .col-xxs-4 {
width: 33.33333333%;
}
.container .col-xxs-3 {
width: 25%;
}
.container .col-xxs-2 {
width: 16.66666667%;
}
.container .col-xxs-1 {
width: 8.33333333%;
}
.container .col-xxs-offset-12 {
margin-left: 100%;
}
.container .col-xxs-offset-11 {
margin-left: 91.66666667%;
}
.container .col-xxs-offset-10 {
margin-left: 83.33333333%;
}
.container .col-xxs-offset-9 {
margin-left: 75%;
}
.container .col-xxs-offset-8 {
margin-left: 66.66666667%;
}
.container .col-xxs-offset-7 {
margin-left: 58.33333333%;
}
.container .col-xxs-offset-6 {
margin-left: 50%;
}
.container .col-xxs-offset-5 {
margin-left: 41.66666667%;
}
.container .col-xxs-offset-4 {
margin-left: 33.33333333%;
}
.container .col-xxs-offset-3 {
margin-left: 25%;
}
.container .col-xxs-offset-2 {
margin-left: 16.66666667%;
}
.container .col-xxs-offset-1 {
margin-left: 8.33333333%;
}
.container .col-xxs-offset-0 {
margin-left: 0%;
}
@media (min-width: 499px) {
.container .col-xs-1, .container .col-xs-2, .container .col-xs-3, .container .col-xs-4, .container .col-xs-5, .container .col-xs-6, .container .col-xs-7, .container .col-xs-8, .container .col-xs-9, .container .col-xs-10, .container .col-xs-11, .container .col-xs-12 {
float: left;
}
.container .col-xs-12 {
width: 100%;
}
.container .col-xs-11 {
width: 91.66666667%;
}
.container .col-xs-10 {
width: 83.33333333%;
}
.container .col-xs-9 {
width: 75%;
}
.container .col-xs-8 {
width: 66.66666667%;
}
.container .col-xs-7 {
width: 58.33333333%;
}
.container .col-xs-6 {
width: 50%;
}
.container .col-xs-5 {
width: 41.66666667%;
}
.container .col-xs-4 {
width: 33.33333333%;
}
.container .col-xs-3 {
width: 25%;
}
.container .col-xs-2 {
width: 16.66666667%;
}
.container .col-xs-1 {
width: 8.33333333%;
}
.container .col-xs-push-12 {
left: 100%;
}
.container .col-xs-push-11 {
left: 91.66666667%;
}
.container .col-xs-push-10 {
left: 83.33333333%;
}
.container .col-xs-push-9 {
left: 75%;
}
.container .col-xs-push-8 {
left: 66.66666667%;
}
.container .col-xs-push-7 {
left: 58.33333333%;
}
.container .col-xs-push-6 {
left: 50%;
}
.container .col-xs-push-5 {
left: 41.66666667%;
}
.container .col-xs-push-4 {
left: 33.33333333%;
}
.container .col-xs-push-3 {
left: 25%;
}
.container .col-xs-push-2 {
left: 16.66666667%;
}
.container .col-xs-push-1 {
left: 8.33333333%;
}
.container .col-xs-push-0 {
left: 0%;
}
.container .col-xs-offset-12 {
margin-left: 100%;
}
.container .col-xs-offset-11 {
margin-left: 91.66666667%;
}
.container .col-xs-offset-10 {
margin-left: 83.33333333%;
}
.container .col-xs-offset-9 {
margin-left: 75%;
}
.container .col-xs-offset-8 {
margin-left: 66.66666667%;
}
.container .col-xs-offset-7 {
margin-left: 58.33333333%;
}
.container .col-xs-offset-6 {
margin-left: 50%;
}
.container .col-xs-offset-5 {
margin-left: 41.66666667%;
}
.container .col-xs-offset-4 {
margin-left: 33.33333333%;
}
.container .col-xs-offset-3 {
margin-left: 25%;
}
.container .col-xs-offset-2 {
margin-left: 16.66666667%;
}
.container .col-xs-offset-1 {
margin-left: 8.33333333%;
}
.container .col-xs-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 768px) {
.container .col-sm-1, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12 {
float: left;
}
.container .col-sm-1, .container .col-sm-2, .container .col-sm-3, .container .col-sm-4, .container .col-sm-5, .container .col-sm-6, .container .col-sm-7, .container .col-sm-8, .container .col-sm-9, .container .col-sm-10, .container .col-sm-11, .container .col-sm-12 {
float: left;
}
.container .col-sm-12 {
width: 100%;
}
.container .col-sm-11 {
width: 91.66666667%;
}
.container .col-sm-10 {
width: 83.33333333%;
}
.container .col-sm-9 {
width: 75%;
}
.container .col-sm-8 {
width: 66.66666667%;
}
.container .col-sm-7 {
width: 58.33333333%;
}
.container .col-sm-6 {
width: 50%;
}
.container .col-sm-5 {
width: 41.66666667%;
}
.container .col-sm-4 {
width: 33.33333333%;
}
.container .col-sm-3 {
width: 25%;
}
.container .col-sm-2 {
width: 16.66666667%;
}
.container .col-sm-1 {
width: 8.33333333%;
}
.container .col-sm-push-12 {
left: 100%;
}
.container .col-sm-push-11 {
left: 91.66666667%;
}
.container .col-sm-push-10 {
left: 83.33333333%;
}
.container .col-sm-push-9 {
left: 75%;
}
.container .col-sm-push-8 {
left: 66.66666667%;
}
.container .col-sm-push-7 {
left: 58.33333333%;
}
.container .col-sm-push-6 {
left: 50%;
}
.container .col-sm-push-5 {
left: 41.66666667%;
}
.container .col-sm-push-4 {
left: 33.33333333%;
}
.container .col-sm-push-3 {
left: 25%;
}
.container .col-sm-push-2 {
left: 16.66666667%;
}
.container .col-sm-push-1 {
left: 8.33333333%;
}
.container .col-sm-push-0 {
left: 0%;
}
.container .col-sm-offset-12 {
margin-left: 100%;
}
.container .col-sm-offset-11 {
margin-left: 91.66666667%;
}
.container .col-sm-offset-10 {
margin-left: 83.33333333%;
}
.container .col-sm-offset-9 {
margin-left: 75%;
}
.container .col-sm-offset-8 {
margin-left: 66.66666667%;
}
.container .col-sm-offset-7 {
margin-left: 58.33333333%;
}
.container .col-sm-offset-6 {
margin-left: 50%;
}
.container .col-sm-offset-5 {
margin-left: 41.66666667%;
}
.container .col-sm-offset-4 {
margin-left: 33.33333333%;
}
.container .col-sm-offset-3 {
margin-left: 25%;
}
.container .col-sm-offset-2 {
margin-left: 16.66666667%;
}
.container .col-sm-offset-1 {
margin-left: 8.33333333%;
}
.container .col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.container .col-md-1, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-md-10, .container .col-md-11, .container .col-md-12 {
float: left;
}
.container .col-md-1, .container .col-md-2, .container .col-md-3, .container .col-md-4, .container .col-md-5, .container .col-md-6, .container .col-md-7, .container .col-md-8, .container .col-md-9, .container .col-md-10, .container .col-md-11, .container .col-md-12 {
float: left;
}
.container .col-md-12 {
width: 100%;
}
.container .col-md-11 {
width: 91.66666667%;
}
.container .col-md-10 {
width: 83.33333333%;
}
.container .col-md-9 {
width: 75%;
}
.container .col-md-8 {
width: 66.66666667%;
}
.container .col-md-7 {
width: 58.33333333%;
}
.container .col-md-6 {
width: 50%;
}
.container .col-md-5 {
width: 41.66666667%;
}
.container .col-md-4 {
width: 33.33333333%;
}
.container .col-md-3 {
width: 25%;
}
.container .col-md-2 {
width: 16.66666667%;
}
.container .col-md-1 {
width: 8.33333333%;
}
.container .col-md-push-12 {
left: 100%;
}
.container .col-md-push-11 {
left: 91.66666667%;
}
.container .col-md-push-10 {
left: 83.33333333%;
}
.container .col-md-push-9 {
left: 75%;
}
.container .col-md-push-8 {
left: 66.66666667%;
}
.container .col-md-push-7 {
left: 58.33333333%;
}
.container .col-md-push-6 {
left: 50%;
}
.container .col-md-push-5 {
left: 41.66666667%;
}
.container .col-md-push-4 {
left: 33.33333333%;
}
.container .col-md-push-3 {
left: 25%;
}
.container .col-md-push-2 {
left: 16.66666667%;
}
.container .col-md-push-1 {
left: 8.33333333%;
}
.container .col-md-push-0 {
left: 0%;
}
.container .col-md-offset-12 {
margin-left: 100%;
}
.container .col-md-offset-11 {
margin-left: 91.66666667%;
}
.container .col-md-offset-10 {
margin-left: 83.33333333%;
}
.container .col-md-offset-9 {
margin-left: 75%;
}
.container .col-md-offset-8 {
margin-left: 66.66666667%;
}
.container .col-md-offset-7 {
margin-left: 58.33333333%;
}
.container .col-md-offset-6 {
margin-left: 50%;
}
.container .col-md-offset-5 {
margin-left: 41.66666667%;
}
.container .col-md-offset-4 {
margin-left: 33.33333333%;
}
.container .col-md-offset-3 {
margin-left: 25%;
}
.container .col-md-offset-2 {
margin-left: 16.66666667%;
}
.container .col-md-offset-1 {
margin-left: 8.33333333%;
}
.container .col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.container .col-lg-1, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12 {
float: left;
}
.container .col-lg-1, .container .col-lg-2, .container .col-lg-3, .container .col-lg-4, .container .col-lg-5, .container .col-lg-6, .container .col-lg-7, .container .col-lg-8, .container .col-lg-9, .container .col-lg-10, .container .col-lg-11, .container .col-lg-12 {
float: left;
}
.container .col-lg-12 {
width: 100%;
}
.container .col-lg-11 {
width: 91.66666667%;
}
.container .col-lg-10 {
width: 83.33333333%;
}
.container .col-lg-9 {
width: 75%;
}
.container .col-lg-8 {
width: 66.66666667%;
}
.container .col-lg-7 {
width: 58.33333333%;
}
.container .col-lg-6 {
width: 50%;
}
.container .col-lg-5 {
width: 41.66666667%;
}
.container .col-lg-4 {
width: 33.33333333%;
}
.container .col-lg-3 {
width: 25%;
}
.container .col-lg-2 {
width: 16.66666667%;
}
.container .col-lg-1 {
width: 8.33333333%;
}
.container .col-lg-pull-12 {
right: 100%;
}
.container .col-lg-pull-11 {
right: 91.66666667%;
}
.container .col-lg-pull-10 {
right: 83.33333333%;
}
.container .col-lg-pull-9 {
right: 75%;
}
.container .col-lg-pull-8 {
right: 66.66666667%;
}
.container .col-lg-pull-7 {
right: 58.33333333%;
}
.container .col-lg-pull-6 {
right: 50%;
}
.container .col-lg-pull-5 {
right: 41.66666667%;
}
.container .col-lg-pull-4 {
right: 33.33333333%;
}
.container .col-lg-pull-3 {
right: 25%;
}
.container .col-lg-pull-2 {
right: 16.66666667%;
}
.container .col-lg-pull-1 {
right: 8.33333333%;
}
.container .col-lg-pull-0 {
right: 0%;
}
.container .col-lg-push-12 {
left: 100%;
}
.container .col-lg-push-11 {
left: 91.66666667%;
}
.container .col-lg-push-10 {
left: 83.33333333%;
}
.container .col-lg-push-9 {
left: 75%;
}
.container .col-lg-push-8 {
left: 66.66666667%;
}
.container .col-lg-push-7 {
left: 58.33333333%;
}
.container .col-lg-push-6 {
left: 50%;
}
.container .col-lg-push-5 {
left: 41.66666667%;
}
.container .col-lg-push-4 {
left: 33.33333333%;
}
.container .col-lg-push-3 {
left: 25%;
}
.container .col-lg-push-2 {
left: 16.66666667%;
}
.container .col-lg-push-1 {
left: 8.33333333%;
}
.container .col-lg-push-0 {
left: 0%;
}
.container .col-lg-offset-12 {
margin-left: 100%;
}
.container .col-lg-offset-11 {
margin-left: 91.66666667%;
}
.container .col-lg-offset-10 {
margin-left: 83.33333333%;
}
.container .col-lg-offset-9 {
margin-left: 75%;
}
.container .col-lg-offset-8 {
margin-left: 66.66666667%;
}
.container .col-lg-offset-7 {
margin-left: 58.33333333%;
}
.container .col-lg-offset-6 {
margin-left: 50%;
}
.container .col-lg-offset-5 {
margin-left: 41.66666667%;
}
.container .col-lg-offset-4 {
margin-left: 33.33333333%;
}
.container .col-lg-offset-3 {
margin-left: 25%;
}
.container .col-lg-offset-2 {
margin-left: 16.66666667%;
}
.container .col-lg-offset-1 {
margin-left: 8.33333333%;
}
.container .col-lg-offset-0 {
margin-left: 0%;
}
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* Slider */
/* Icons */
/* Arrows */
.slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
border-radius: 40px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
background-color: #fff;
color: #000;
z-index: 899;
opacity: 0.9;
left: 8px;
}
.slick-prev:hover {
opacity: 1;
}
.slick-prev:before {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M30.83 14.83l-2.83-2.83-12 12 12 12 2.83-2.83-9.17-9.17z'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E%0A");
width: 40px;
height: 40px;
background-size: cover;
content: " ";
display: block;
font-size: 20px;
line-height: 1;
}
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
border-radius: 40px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
background-color: #fff;
color: #000;
z-index: 899;
opacity: 0.9;
right: 8px;
}
.slick-next:hover {
opacity: 1;
}
.slick-next:before {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M20 12l-2.83 2.83 9.17 9.17-9.17 9.17 2.83 2.83 12-12z'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E%0A");
width: 40px;
height: 40px;
background-size: cover;
content: " ";
display: block;
font-size: 20px;
line-height: 1;
}
@keyframes modalSlideIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (min-width: 768px) {
@keyframes modalSlideIn {
from {
opacity: 0;
transform: translate(-50%, calc(-50% + 20px));
}
to {
opacity: 1;
transform: translate(-50%, -50%);
}
}
}
@keyframes backgroundFadeIn {
from {
background-color: rgba(0, 0, 0, 0);
}
to {
background-color: rgba(0, 0, 0, 0.8);
}
}
.js-modal__background,
.js-modal-background {
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: auto;
-webkit-overflow-scrolling: touch;
background-color: rgba(0, 0, 0, 0.8);
z-index: 10250;
text-align: left;
}
.js-modal__background {
animation: backgroundFadeIn 0.2s ease-out forwards;
}
.js-modal__wrapper {
animation: modalSlideIn 0.2s ease-out forwards;
background-color: #fff;
position: fixed;
display: flex;
flex-direction: column;
z-index: 99990;
}
.js-modal__close-window {
display: block;
width: 100%;
flex-shrink: 0;
padding: 30px 30px 0 30px;
}
.js-modal__body {
display: block;
width: 100%;
overflow-y: auto; /* scroll happens here, not on the window */
flex: 1;
padding: 0 30px 30px 30px;
}
.js-modal__close {
cursor: pointer;
width: 20px;
height: 20px;
display: block;
border: 0px;
background-color: transparent;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.js-modal__wrapper {
top: 0;
bottom: 0;
left: 0;
right: 0;
transform: none;
}
.js-modal-window {
z-index: 10300;
background-color: #fff;
top: 40px;
left: 0px;
right: 0px;
margin: 0;
border-radius: 0px;
width: auto;
bottom: 0px;
position: fixed;
overflow-y: scroll;
height: calc(100vh - 40px);
}
.js-modal-body {
padding: 25px 25px;
}
.js-modal-close-window {
position: fixed;
top: 0px;
height: 50px;
left: 0px;
right: 0px;
z-index: 10350;
background-color: #fff;
}
.js-modal-close {
cursor: pointer;
width: 20px;
height: 20px;
display: block;
border: 0px;
background-color: transparent;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
top: 15px;
left: 25px;
position: absolute;
}
}
@media (min-width: 768px) {
.js-modal__wrapper {
position: fixed;
border-radius: 30px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 600px;
max-height: calc(100vh - 160px); /* limits height like top/bottom:80px did */
background-color: #fff;
z-index: 99999;
display: flex;
flex-direction: column;
}
.js-modal-window {
position: absolute;
z-index: 10300;
background-color: #fff;
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 40px;
margin-bottom: 40px;
border-radius: 4px;
}
.js-modal-window .js-modal-body {
padding: 15px 15px 105px 15px;
}
.js-modal-close-window {
position: fixed;
top: 15px;
right: 30px;
width: 20px;
height: 20px;
z-index: 10300;
}
.js-modal-close {
cursor: pointer;
width: 20px;
height: 20px;
display: block;
border: 0px;
background-color: transparent;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3E%3C/svg%3E");
}
}
@media (min-width: 768px) {
.js-modal__wrapper--detail {
width: 740px !important;
}
}
@media (min-width: 992px) {
.js-modal__wrapper--detail {
width: 840px !important;
}
}
.js-modal__wrapper--gallery {
border-radius: 0 !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
transform: none !important;
max-height: none;
}
@media (min-width: 768px) {
.js-modal__wrapper--gallery {
width: 100% !important;
}
}
@media (min-width: 992px) {
.js-modal__wrapper--gallery {
width: 100% !important;
}
}
.js-modal__body--gallery {
margin: 0 auto;
}
@media (min-width: 768px) {
.js-modal__body--gallery {
max-width: 740px !important;
}
}
@media (min-width: 992px) {
.js-modal__body--gallery {
max-width: 840px !important;
}
}
.js-modal-button-full {
width: 100%;
background-color: #BA3035;
color: #fff !important;
border: 1px solid #BA3035;
border-radius: 8px;
font-weight: 600;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
font-weight: 400;
font-weight: 500;
padding: 13px 23px 15px 23px;
}
.js-modal-button-full:link {
color: #fff !important;
}
.js-modal-button-full:visited {
color: #fff !important;
}
.js-modal-button-full:hover {
color: #fff !important;
}
.js-modal-button-full:active {
color: #fff !important;
}
.js-modal-button-full:link {
text-decoration: none;
}
.js-modal-button-full:visited {
text-decoration: none;
}
.js-modal-button-full:hover {
text-decoration: none;
}
.js-modal-button-full:active {
text-decoration: none;
}
@media (min-width: 0px) {
.js-modal-button-full {
line-height: 1.5;
}
}
@media (min-width: 992px) {
.js-modal-button-full {
line-height: 1.5;
}
}
.js-modal-button-full--alt {
width: 100%;
background-color: transparent;
color: #000 !important;
border: 1px solid #000 !important;
border-radius: 8px;
font-weight: 600;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
font-weight: 400;
font-weight: 500;
padding: 13px 23px 15px 23px;
}
.js-modal-button-full--alt:link {
color: #000 !important;
}
.js-modal-button-full--alt:visited {
color: #000 !important;
}
.js-modal-button-full--alt:hover {
color: #000 !important;
}
.js-modal-button-full--alt:active {
color: #000 !important;
}
.js-modal-button-full--alt:link {
text-decoration: none;
}
.js-modal-button-full--alt:visited {
text-decoration: none;
}
.js-modal-button-full--alt:hover {
text-decoration: none;
}
.js-modal-button-full--alt:active {
text-decoration: none;
}
@media (min-width: 0px) {
.js-modal-button-full--alt {
line-height: 1.5;
}
}
@media (min-width: 992px) {
.js-modal-button-full--alt {
line-height: 1.5;
}
}
.js-modal-window .js-modal-body {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.4;
font-weight: 400;
}
@media (min-width: 992px) {
.js-modal-window .js-modal-body {
line-height: 1.4;
}
}
.js-modal-body .modal__title {
font-family: "DM Serif Display", serif;
font-weight: 400;
margin-bottom: 20px;
}
@media (min-width: 0px) {
.js-modal-body .modal__title {
font-size: 28px;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.js-modal-body .modal__title {
font-size: 42px;
line-height: 1.1;
}
}
.js-modal-body .modal__subtitle {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-weight: 500;
margin-bottom: 20px;
font-size: 21px;
}
@media (min-width: 0px) {
.js-modal-body .modal__subtitle {
font-size: 16px;
line-height: 1.4;
}
}
@media (min-width: 992px) {
.js-modal-body .modal__subtitle {
font-size: 16px;
line-height: 1.4;
}
}
.js-modal-body p {
margin-bottom: 20px;
}
.js-modal-section {
margin: 0 20px;
}
.js-modal__body a:link,
.js-modal__body a:active,
.js-modal__body a:hover,
.js-modal__body a:visited,
.js-modal-body a:link,
.js-modal-body a:active,
.js-modal-body a:hover,
.js-modal-body a:visited {
color: #BA3035;
font-weight: 600 !important;
}
.js-modal__body a:link:link,
.js-modal__body a:active:link,
.js-modal__body a:hover:link,
.js-modal__body a:visited:link,
.js-modal-body a:link:link,
.js-modal-body a:active:link,
.js-modal-body a:hover:link,
.js-modal-body a:visited:link {
color: #BA3035;
text-decoration: none;
}
.js-modal__body a:link:visited,
.js-modal__body a:active:visited,
.js-modal__body a:hover:visited,
.js-modal__body a:visited:visited,
.js-modal-body a:link:visited,
.js-modal-body a:active:visited,
.js-modal-body a:hover:visited,
.js-modal-body a:visited:visited {
color: #BA3035;
text-decoration: none;
}
.js-modal__body a:link:hover,
.js-modal__body a:active:hover,
.js-modal__body a:hover:hover,
.js-modal__body a:visited:hover,
.js-modal-body a:link:hover,
.js-modal-body a:active:hover,
.js-modal-body a:hover:hover,
.js-modal-body a:visited:hover {
color: #BA3035;
text-decoration: underline;
}
.js-modal__body a:link:active,
.js-modal__body a:active:active,
.js-modal__body a:hover:active,
.js-modal__body a:visited:active,
.js-modal-body a:link:active,
.js-modal-body a:active:active,
.js-modal-body a:hover:active,
.js-modal-body a:visited:active {
color: #BA3035;
text-decoration: underline;
}
@media (max-width: 767px) {
.js-modal-button-full--m {
display: block;
}
.js-modal-button-full--d {
display: none;
}
}
@media (min-width: 768px) {
.js-modal-button-full--m {
display: none;
}
.js-modal-button-full--d {
display: block;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-ui-container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 540px) {
.b-ui-container {
width: 100%;
}
}
@media only screen and (min-width: 720px) {
.b-ui-container {
width: 100%;
}
}
@media only screen and (min-width: 960px) {
.b-ui-container {
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.b-ui-container {
width: 1178px;
}
}
.b-ui-row {
position: relative;
margin-left: -15px;
margin-right: -15px;
box-sizing: border-box;
}
.b-ui-row [class^=b-ui-col] {
float: left;
padding-left: 15px;
padding-right: 15px;
min-height: 0.125rem;
}
.b-ui-row::after {
content: "";
display: table;
clear: both;
}
.b-ui-col-1-xs {
width: 8.3333333333%;
}
.b-ui-col-2-xs {
width: 16.66666667%;
}
.b-ui-col-3-xs {
width: 25%;
}
.b-ui-col-4-xs {
width: 33.33333333%;
}
.b-ui-col-5-xs {
width: 41.66666667%;
}
.b-ui-col-6-xs {
width: 50%;
}
.b-ui-col-7-xs {
width: 58.33333333%;
}
.b-ui-col-8-xs {
width: 66.66666667%;
}
.b-ui-col-9-xs {
width: 75%;
}
.b-ui-col-10-xs {
width: 83.33333333%;
}
.b-ui-col-11-xs {
width: 91.66666667%;
}
.b-ui-col-12-xs {
width: 100%;
}
@media only screen and (min-width: 540px) {
.b-ui-col-1-sm {
width: 8.3333333333%;
}
.b-ui-col-2-sm {
width: 16.66666667%;
}
.b-ui-col-3-sm {
width: 25%;
}
.b-ui-col-4-sm {
width: 33.33333333%;
}
.b-ui-col-5-sm {
width: 41.66666667%;
}
.b-ui-col-6-sm {
width: 50%;
}
.b-ui-col-7-sm {
width: 58.33333333%;
}
.b-ui-col-8-sm {
width: 66.66666667%;
}
.b-ui-col-9-sm {
width: 75%;
}
.b-ui-col-10-sm {
width: 83.33333333%;
}
.b-ui-col-11-sm {
width: 91.66666667%;
}
.b-ui-col-12-sm {
width: 100%;
}
}
@media only screen and (min-width: 720px) {
.b-ui-col-1-md {
width: 8.3333333333%;
}
.b-ui-col-2-md {
width: 16.66666667%;
}
.b-ui-col-3-md {
width: 25%;
}
.b-ui-col-4-md {
width: 33.33333333%;
}
.b-ui-col-5-md {
width: 41.66666667%;
}
.b-ui-col-6-md {
width: 50%;
}
.b-ui-col-7-md {
width: 58.33333333%;
}
.b-ui-col-8-md {
width: 66.66666667%;
}
.b-ui-col-9-md {
width: 75%;
}
.b-ui-col-10-md {
width: 83.33333333%;
}
.b-ui-col-11-md {
width: 91.66666667%;
}
.b-ui-col-12-md {
width: 100%;
}
}
@media only screen and (min-width: 960px) {
.b-ui-col-1 {
width: 8.3333333333%;
}
.b-ui-col-2 {
width: 16.66666667%;
}
.b-ui-col-3 {
width: 25%;
}
.b-ui-col-4 {
width: 33.33333333%;
}
.b-ui-col-5 {
width: 41.66666667%;
}
.b-ui-col-6 {
width: 50%;
}
.b-ui-col-7 {
width: 58.33333333%;
}
.b-ui-col-8 {
width: 66.66666667%;
}
.b-ui-col-9 {
width: 75%;
}
.b-ui-col-10 {
width: 83.33333333%;
}
.b-ui-col-11 {
width: 91.66666667%;
}
.b-ui-col-12 {
width: 100%;
}
}
@media only screen and (min-width: 0) and (max-width: 540px) {
.b-ui-hidden-xs,
.b-ui-hidden-sm,
.b-ui-hidden-md {
display: block;
}
th.b-ui-hidden-xs,
th.b-ui-hidden-sm,
th.b-ui-hidden-md,
td.b-ui-hidden-xs,
td.b-ui-hidden-sm,
td.b-ui-hidden-md {
display: table-cell;
}
tr.b-ui-hidden-xs,
tr.b-ui-hidden-sm,
tr.b-ui-hidden-md {
display: table-row;
}
.b-ui-hidden-xs {
display: none !important;
}
}
@media only screen and (min-width: 540px) and (max-width: 720px) {
.b-ui-hidden-xs,
.b-ui-hidden-sm,
.b-ui-hidden-md {
display: block;
}
th.b-ui-hidden-xs,
th.b-ui-hidden-sm,
th.b-ui-hidden-md,
td.b-ui-hidden-xs,
td.b-ui-hidden-sm,
td.b-ui-hidden-md {
display: table-cell;
}
tr.b-ui-hidden-xs,
tr.b-ui-hidden-sm,
tr.b-ui-hidden-md {
display: table-row;
}
.b-ui-hidden-sm {
display: none !important;
}
}
@media only screen and (min-width: 720px) {
.b-ui-hidden-xs,
.b-ui-hidden-sm,
.b-ui-hidden-md {
display: block;
}
th.b-ui-hidden-xs,
th.b-ui-hidden-sm,
th.b-ui-hidden-md,
td.b-ui-hidden-xs,
td.b-ui-hidden-sm,
td.b-ui-hidden-md {
display: table-cell;
}
tr.b-ui-hidden-xs,
tr.b-ui-hidden-sm,
tr.b-ui-hidden-md {
display: table-row;
}
.b-ui-hidden-md {
display: none !important;
}
}
.b-ui-position-absolute {
position: absolute;
}
.b-ui-position-relative {
position: absolute;
}
.b-ui-position-fixed {
position: absolute;
}
.b-ui-left {
text-align: left;
}
.b-ui-right {
text-align: right;
}
.b-ui-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.b-ui-pull-left {
float: left;
}
.b-ui-pull-right {
float: right;
}
.b-ui-clear-block {
clear: both;
}
.b-ui-justify {
text-align: justify;
}
/*
$date-picker-mobile-margin-top: 0px !default;
$date-picker-mobile-margin-bottom: 0px !default;
*/
.b-ui-app {
background-color: #000;
color: #fff;
}
.b-ui-headline-1 {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 22px;
line-height: 1.5;
margin-bottom: 24px;
font-weight: 600;
}
.b-ui-headline-2 {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 18px;
line-height: 1.3;
margin-bottom: 24px;
font-weight: 600;
}
.b-ui-headline-3 {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
margin-bottom: 24px;
font-weight: 600;
}
.b-ui-text-large {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
font-weight: 300;
}
.b-ui-text-default {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 300;
}
.b-ui-text-html {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 300;
color: #484848;
}
.b-ui-text-html p,
.b-ui-text-html ul {
margin-bottom: 20px;
}
.b-ui-text-html ul {
list-style-position: inside;
}
.b-ui-text-html strong {
font-weight: bold;
}
.b-ui-text-html em {
font-style: italic;
}
.b-ui-text-small {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 300;
color: #484848;
}
.b-ui-text-micro {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 11px;
line-height: 1.5;
font-size: 12px;
font-weight: 300;
color: #484848;
}
.b-ui-picker-label {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-size: 12px !important;
font-weight: 300;
}
.b-ui-paragraph-large {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
margin-bottom: 24px;
font-weight: 300;
}
.b-ui-paragraph-default {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
margin-bottom: 24px;
font-weight: 300;
}
.b-ui-paragraph-small {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
margin-bottom: 24px;
font-weight: 300;
}
.b-ui-text-small-highlight {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 300;
color: #ba0617;
display: inline-block;
margin-right: 5px;
}
.b-ui-button-action {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
background-color: #ba0617;
border: 1px solid transparent;
color: #fff;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
padding: 10px 40px;
margin-bottom: 25px;
}
.b-ui-button-search {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
background-color: #ba0617;
border: 1px solid #fff;
color: #fff;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
padding: 8px 0px;
width: 100%;
display: block;
margin: 0px;
}
.b-ui-button-search--unselectable {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
background-color: #ba0617;
border: 1px solid #fff;
color: #fff;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
padding: 8px 0px;
width: 100%;
display: block;
margin: 0px;
opacity: 0.5;
}
/*
.b-ui-button-search:hover {
opacity:0.7;
}*/
.b-ui-button-close {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
background-color: #ba0617;
border: 1px solid #fff;
color: #fff;
padding: 8px 0px;
width: 100%;
display: block;
margin: 0px;
}
.b-ui-booking-close {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
padding: 5px 16px;
display: inline-block;
margin: 0px;
}
.b-ui-cell-button {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
background-color: #ba0617;
border: 1px solid #fff;
color: #fff;
padding: 5px 16px;
display: inline-block;
margin: 0px;
}
.b-ui-booking-back,
.b-ui-booking-back:visited,
.b-ui-booking-back:link,
.b-ui-booking-back:hover,
.b-ui-booking-back:active {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
background-color: #000;
border: 1px solid #fff;
color: #fff;
font-family: "DM Sans", sans-serif;
font-size: 16px;
line-height: 0.8;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
margin-bottom: 12px;
padding: 3px 10px;
display: inline-block;
margin: 0px;
margin-right: 6px;
font-size: 13px;
font-weight: 300;
}
.b-ui-img-responsive {
width: 100%;
height: auto;
}
.b-ui-link-highlight {
color: #ba0617;
font-weight: 600;
cursor: pointer;
}
.b-ui-link-highlight:visited,
.b-ui-link-highlight:link {
opacity: 1;
color: #ba0617;
text-decoration: none;
}
.b-ui-link-highlight:hover,
.b-ui-link-highlight:active {
opacity: 0.7;
color: #ba0617;
text-decoration: none;
}
.b-ui-progress {
padding: 0 5px;
}
.b-ui-step {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
color: #000;
display: inline-block;
width: 33.3333333%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 1px), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) calc(50% + 1px));
}
.b-ui-step-label {
display: inline-block;
line-height: 2;
background-color: #fff;
padding-right: 15px;
font-weight: 600;
}
.b-ui-step-label::before {
width: 30px;
height: 30px;
border-radius: 20px;
background-color: #30BA55;
display: block;
float: left;
color: #fff;
text-align: center;
}
/*
.b-ui-step-label-first::before { content:"\0031";}
.b-ui-step-label-second::before { content:"\0032"; font-family:$text-font-family; margin-left:15px;}
.b-ui-step-label-third::before { content:"\0033"; font-family:$text-font-family; margin-left:15px; }
.b-ui-complete .b-ui-step-label:before {content:"\2714";}
*/
.b-ui-step-first {
text-align: left;
}
.b-ui-step-second {
text-align: center;
}
.b-ui-step-third {
text-align: right;
}
.b-ui-step-label .b-ui-step-text {
margin-left: 10px;
}
.b-ui-step-label-first .b-ui-step-text {
margin-left: 0px !important;
}
@media only screen and (min-width: 0) and (max-width: 720px) {
.b-ui-step-label .b-ui-step-text {
display: none;
}
.b-ui-steps {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 720px) {
.b-ui-steps {
margin-bottom: 40px;
}
}
.b-ui-step-label {
color: #000;
}
.b-ui-future .b-ui-step-label {
color: #aaa;
}
.b-ui-future .b-ui-step-label:before {
background-color: #aaa;
}
.b-ui-notice {
background-color: #ff0000;
color: #fff;
border-color: transparent;
padding: 7px 20px 10px 20px;
line-height: 1.3;
font-size: 16px;
margin-bottom: 24px;
font-family: "DM Sans", sans-serif;
font-weight: 600;
}
.b-ui-picker-summary {
padding: 20px 24px;
}
@media only screen and (max-width: 720px) {
.b-ui-button-search {
margin: 0 0 8px 0;
}
}
@media only screen and (min-width: 720px) {
.b-ui-button-search {
margin: 18px 0 0 0;
}
}
.b-ui-button-navigate-dates {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
background-color: #000;
border: 1px solid #fff;
color: #fff;
font-family: "DM Sans", sans-serif;
font-size: 16px;
line-height: 0.8;
width: 25px;
height: 25px;
text-align: center;
margin: 0;
}
.b-ui-width-10 {
width: 10%;
}
.b-ui-width-25 {
width: 25%;
}
.b-ui-width-50 {
width: 50%;
}
.b-ui-width-75 {
width: 75%;
}
.b-ui-width-100 {
width: 100%;
}
.b-ui-spacer-single {
margin-bottom: 12px;
}
.b-ui-spacer-double {
margin-bottom: 24px;
}
.b-ui-outline-panel {
margin-bottom: 24px;
}
.b-ui-filled-panel {
margin-bottom: 24px;
padding: 20px 24px;
background-color: #313131;
color: #fff;
}
.b-ui-separator {
margin-bottom: 10px;
padding-top: 10px;
border-top: 1px #ddd solid;
}
.b-ui-is-loading {
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='L9' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0'%3E%3Cpath fill='%23000000' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
background-size: 130px 130px;
background-repeat: no-repeat;
background-position: center 100px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
z-index: 7001;
opacity: 1;
color: #fff;
text-align: center;
}
.b-ui-picker {
padding: 20px 24px;
background-color: #ba0617;
border: 1px solid #ba0617;
color: #fff !important;
}
.b-ui-results {
padding: 20px 24px;
min-height: 400px;
}
.b-ui-search-quick {
margin-bottom: 24px;
padding: 20px 24px;
background-color: #ba0617;
color: #fff !important;
}
.b-ui-search-length {
background-color: #fff;
color: #000;
line-height: 1.2;
display: block;
font-family: "DM Sans", sans-serif;
font-weight: 300 !important;
font-size: 14px !important;
padding-left: 11px;
padding-right: 11px;
width: 100%;
margin-bottom: 12px;
height: 38px;
width: 100%;
-webkit-appearance: none;
}
.b-ui-search-guests {
background-color: #fff;
color: #000;
line-height: 1.2;
display: block;
font-family: "DM Sans", sans-serif;
font-weight: 300 !important;
font-size: 14px !important;
padding-left: 11px;
padding-right: 11px;
width: 100%;
margin-bottom: 12px;
height: 38px;
padding-top: 12px;
width: 100%;
}
.b-ui-search-guest-req {
background-color: #fff;
color: #000;
line-height: 1.2;
display: block;
font-family: "DM Sans", sans-serif;
font-weight: 300 !important;
font-size: 14px !important;
padding-left: 11px;
padding-right: 11px;
width: 100%;
margin-bottom: 12px;
height: 38px;
width: 100%;
}
.b-ui-search-flexible {
clear: both;
padding-top: 5px !important;
}
.b-ui-summary {
padding: 10px;
background-color: #ba0617;
border-color: 1px solid #ba0617;
color: #fff !important;
}
.b-ui-summary-line {
border-top: 1px #fff solid;
padding: 12px 0 24px 0;
}
.b-ui-availability {
width: 100%;
margin-bottom: 24px;
}
.b-ui-availability .b-ui-date-cell {
width: 10%;
max-width: 80px;
}
.b-ui-availability .b-ui-head-cell {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 11px;
line-height: 1.5;
font-weight: 300;
height: 60px;
vertical-align: middle;
text-align: center;
}
.b-ui-availability .b-ui-date-cell {
background-color: #ba0617;
color: #fff;
height: 75px;
vertical-align: middle;
text-align: center;
border: 1px solid #000;
}
.b-ui-availability .b-ui-book-cell {
background-color: #ba0617;
color: #fff;
height: 75px;
vertical-align: middle;
text-align: center;
border-bottom: 1px solid #000;
}
.b-ui-availability .b-ui-clickable-cell:hover {
cursor: pointer;
opacity: 0.7;
}
.b-ui-availability .b-ui-unclickable-cell {
opacity: 0.3;
}
.b-ui-occupancy-icons {
float: right;
font-size: 11px;
opacity: 0.4;
}
.b-ui-adult-icon::before {
content: "\f183";
font-family: "FontAwesome";
margin-right: 3px;
font-size: 11px;
}
.b-ui-child-icon::before {
content: "\f183";
font-family: "FontAwesome";
margin-right: 2px;
font-size: 8px;
}
.b-ui-close-icon {
font-size: 18px;
cursor: pointer;
float: right;
}
/*.b-ui-close-icon::before {
content: "\f00d";
font-family: "FontAwesome";
font-size:18px;
cursor:pointer;
}*/
.d-ui-dates-select {
position: relative;
}
.d-ui-dates-select .b-ui-start-message {
position: absolute;
left: 0%;
z-index: 999;
}
.b-ui-start-message {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
position: relative;
width: 230px;
padding: 9px 15px;
background: #f00;
border: 0px solid #f00;
color: #fff;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-align: center;
font-weight: 500;
border-radius: 6px;
}
.b-ui-start-message:after {
content: "";
position: absolute;
border-style: solid;
border-width: 0 10px 10px;
border-color: #f00 transparent;
display: block;
width: 0;
z-index: 1;
top: -10px;
left: 35px;
}
@media only screen and (min-width: 540px) {
.b-ui-room-image {
margin-bottom: 24px;
}
}
.b-ui-room-description {
margin-bottom: 24px;
}
.b-ui-room-check-in-out {
margin-bottom: 24px;
}
.b-ui-room-image {
cursor: pointer;
width: 100%;
height: auto;
}
.b-ui-room-image-inner {
width: 100%;
position: relative;
height: 260px;
}
.b-ui-room-image-inner-img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media only screen and (min-width: 540px) {
.b-ui-room-image-inner {
height: 240px;
}
}
@media only screen and (min-width: 720px) {
.b-ui-room-image-inner {
height: 280px;
}
}
@media only screen and (min-width: 960px) {
.b-ui-room-image-inner {
height: 360px;
}
}
@media only screen and (min-width: 1200px) {
.b-ui-room-image-inner {
height: 400px;
}
}
.b-ui-room-summary {
list-style-position: inside;
list-style-type: disc;
margin-bottom: 24px;
}
.b-ui-room-show-hide {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
color: #000;
text-decoration: underline;
}
.b-ui-description {
overflow-x: hidden;
/*max-width: 1046px;*/
}
.b-ui-results .b-ui-booking-reason {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
background-color: #30ba55;
color: #fff;
padding: 4px 10px 5px 10px;
margin-bottom: 24px;
/*max-width: 1046px;*/
text-align: center;
}
.b-ui-options {
margin-bottom: 24px;
}
.b-ui-option-wrapper {
margin-bottom: 15px;
background-color: #fff;
border-bottom: #eee 1px solid;
padding-bottom: 12px;
}
.b-ui-option-card-wrapper {
padding: 10px;
margin-bottom: 12px;
border: #dbdbdb 1px solid;
background-color: #fff;
/*max-width: 1046px;*/
}
@media only screen and (min-width: 720px) {
.b-ui-option-card-wrapper {
padding: 20px !important;
}
}
.b-ui-option-card {
display: flex;
flex-flow: row wrap;
}
.b-ui-option-card-plan {
width: 100%;
}
.b-ui-option-card-plan .b-ui-option-plan-name,
.b-ui-option-card-plan .b-ui-option-plan-name--price-match {
margin-bottom: 8px;
}
.b-ui-option-card-plan p {
max-width: 580px;
}
.b-ui-option-card-price-detail {
width: 50%;
}
.b-ui-option-card-price-cta {
width: 50%;
text-align: right;
}
@media only screen and (min-width: 720px) {
.b-ui-option-card-wrapper {
margin-bottom: 15px;
padding: 8px 10px;
}
.b-ui-option-card-plan {
width: 60%;
}
.b-ui-option-card-price-detail {
width: 20%;
text-align: right;
}
.b-ui-option-card-price-cta {
width: 20%;
}
.b-ui-option-card-price-detail .b-ui-text-small {
font-size: 12px !important;
}
}
.b-ui-option {
display: flex;
}
@media only screen and (min-width: 720px) {
.b-ui-option {
display: block;
overflow: auto;
border: 0px;
padding: 0;
margin: 0;
}
}
.b-ui-occupancy-selection {
display: flex;
flex-flow: row wrap;
max-width: 350px;
margin-left: auto;
margin-bottom: 6px;
}
.b-ui-occupancy-selection .b-ui-occupancy-counter {
flex-grow: 1;
margin-right: 15px;
}
.b-ui-occupancy-selection .b-ui-occupancy-counter .b-ui-occupancy-counter-label {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
display: block;
font-weight: bold;
height: 23px;
}
.b-ui-occupancy-selection .b-ui-occupancy-remove {
width: 45px;
margin-top: 23px;
}
.b-ui-occupancy-selection .b-ui-occupancy-remove .b-ui-occupancy-remove-button {
font-family: "DM Sans", sans-serif;
font-size: 20px;
line-height: 0 !important;
display: block;
background: #BA3035;
width: 45px;
height: 45px;
text-align: center;
color: #fff;
border: 0;
min-width: 45px;
border-radius: 5px;
}
.b-ui-occupancy-selection .b-ui-occupancy-counter-wrapper {
display: flex;
flex-flow: row wrap;
}
.b-ui-occupancy-selection .b-ui-occupancy-counter-wrapper .b-ui-occupancy-counter-label {
border-top: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
flex-grow: 1;
height: 45px;
padding-top: 11px;
text-align: center;
}
.b-ui-occupancy-selection .b-ui-occupancy-counter-wrapper .b-ui-occupancy-decrease {
font-family: "DM Sans", sans-serif;
font-size: 20px;
line-height: 0 !important;
display: block;
background: #BA3035;
width: 45px;
height: 45px;
text-align: center;
color: #fff;
border: 0;
min-width: 45px;
border-radius: 5px 0 0 5px;
width: 45px;
}
.b-ui-occupancy-selection .b-ui-occupancy-counter-wrapper .b-ui-occupancy-increase {
font-family: "DM Sans", sans-serif;
font-size: 20px;
line-height: 0 !important;
display: block;
background: #BA3035;
width: 45px;
height: 45px;
text-align: center;
color: #fff;
border: 0;
min-width: 45px;
border-radius: 0 5px 5px 0;
width: 45px;
}
.b-ui-occupancy-selection .b-ui-occupancy-counter-wrapper .b-ui-occupancy-decrease--unselectable {
font-family: "DM Sans", sans-serif;
font-size: 20px;
line-height: 0 !important;
display: block;
background: #BA3035;
width: 45px;
height: 45px;
text-align: center;
color: #fff;
border: 0;
min-width: 45px;
border-radius: 5px 0 0 5px;
width: 45px;
opacity: 0.3;
cursor: not-allowed;
}
.b-ui-occupancy-selection .b-ui-occupancy-counter-wrapper .b-ui-occupancy-increase--unselectable {
font-family: "DM Sans", sans-serif;
font-size: 20px;
line-height: 0 !important;
display: block;
background: #BA3035;
width: 45px;
height: 45px;
text-align: center;
color: #fff;
border: 0;
min-width: 45px;
border-radius: 0 5px 5px 0;
width: 45px;
opacity: 0.3;
cursor: not-allowed;
}
.b-ui-confirm-selection--show {
background: #fff !important;
box-shadow: 0 -9px 25px -6px rgba(0, 0, 0, 0.2);
border-top: 1px solid #eee;
padding-top: 20px;
padding-bottom: 35px;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1099;
bottom: 0px;
opacity: 1;
transition: linear 300ms, opacity 300ms, bottom 300ms;
}
.b-ui-confirm-selection--hide {
background: #fff !important;
box-shadow: 0 -9px 25px -6px rgba(0, 0, 0, 0.2);
border-top: 1px solid #eee;
padding-top: 20px;
padding-bottom: 35px;
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1099;
bottom: -100px;
opacity: 0;
transition: linear 300ms, opacity 300ms, bottom 300ms;
}
.b-ui-confirm-selection__cta-wrapper {
float: right;
}
.b-ui-confirm-selection__label {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: bold;
text-align: center;
margin-bottom: 3px;
}
.b-ui-confirm-selection__button {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
background-color: #000;
border: 1px solid #fff;
color: #fff;
font-family: "DM Sans", sans-serif;
font-size: 16px;
line-height: 0.8;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
padding: 16px 30px;
font-weight: 600;
background-color: #ba0617;
font-size: 16px;
font-size: 16px;
bottom: 0;
opacity: 1;
transition: 0.3s linear, opacity 0.3s, bottom 0.3s;
}
/*
@media only screen and (min-width:0) and (max-width: $breakpoint-small)
{
.b-ui-occupancy-selection .b-ui-occupancy-counter {}
}
.b-ui-occupancy-selection .st-form__field-close-button {
margin-top: 21px;
}
.b-ui-occupancy-counter .st-form__label {
width:100%;
text-align:left;
display:block
}*/
.b-ui-option-cancellation-summary {
margin-bottom: 0px;
font-size: 11px;
font-weight: 600;
line-height: 17px;
font-family: "DM Sans", sans-serif;
}
.b-ui-option-show-policy {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
color: #000;
cursor: pointer;
margin-top: 7px;
margin-bottom: 15px;
text-decoration: underline;
}
@media only screen and (min-width: 720px) {
.b-ui-option-show-policy {
margin-top: 10px;
margin-bottom: 0px;
}
}
.b-ui-option-plan-name,
.b-ui-option-plan-name--price-match {
font-size: 16px;
font-weight: 600;
margin: 0 0 2px 0;
font-family: "DM Sans", sans-serif;
line-height: 1.3;
}
.b-ui-option-plan-name--price-match::after {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 11px;
line-height: 1.5;
content: "Price Matched";
color: #ffffff;
background-color: #6cc267;
padding: 0px 4px;
display: table;
margin-top: 1px;
margin-left: 0px;
}
@media only screen and (min-width: 720px) {
.b-ui-option-plan-name--price-match::after {
display: table;
margin-top: 0px;
margin-left: 5px;
display: inline-block;
}
}
.b-ui-option .b-ui-option-plan-name,
.b-ui-option .b-ui-option-plan-name--price-match {
cursor: pointer;
}
.b-ui-option .b-ui-option-price-detail {
cursor: pointer;
}
.b-ui-option-price {
font-size: 34px;
font-weight: 600;
margin: 0 0 2px 0;
font-family: "DM Sans", sans-serif;
}
@media only screen and (min-width: 720px) {
.b-ui-option-price {
font-size: 34px;
line-height: 1;
}
}
.b-ui-option-price-description {
font-size: 11px;
margin: 0;
line-height: 1.3;
font-family: "DM Sans", sans-serif;
color: #717171;
}
.b-ui-option-booking-reassurance {
font-size: 11px;
margin: 0;
line-height: 1.3;
font-family: "DM Sans", sans-serif;
clear: both;
color: #717171;
}
.b-ui-option-book {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
background-color: #000;
border: 1px solid #fff;
color: #fff;
font-family: "DM Sans", sans-serif;
font-size: 16px;
line-height: 0.8;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
padding: 13px 20px;
display: inline-block;
margin: 0 0 0 0;
font-weight: 600;
background-color: #ba0617;
font-size: 16px;
max-width: 146px;
width: 100%;
margin-bottom: 3px;
padding: 23px 0px;
max-width: 190px;
}
@media only screen and (min-width: 720px) {
.b-ui-option-book {
padding: 22px 0px;
max-width: 190px;
margin-left: 15px;
}
}
.b-ui-option-book--unselectable {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
background-color: #000;
border: 1px solid #fff;
color: #fff;
font-family: "DM Sans", sans-serif;
font-size: 16px;
line-height: 0.8;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
padding: 13px 20px;
display: inline-block;
margin: 0 0 0 0;
font-weight: 600;
background-color: #ba0617;
font-size: 16px;
max-width: 146px;
width: 100%;
margin-bottom: 3px;
opacity: 0.3;
cursor: not-allowed;
}
.b-ui-sleeping-arrangement {
margin-bottom: 24px;
padding: 10px 12px;
max-width: 230px;
border: 1px solid #fff;
display: block;
}
/*
.b-ui-room-description .b-ui-aminity {
@include text-small;
font-weight: $font-weight-light;
margin-right:10px;
}
.b-ui-room-description .b-ui-aminity::before {
content: "\f00c";
font-family: "FontAwesome";
margin-right:3px;
}*/
.DateRangePicker {
width: 100%;
}
.DateRangePicker_picker {
z-index: 9999 !important;
}
.DateRangePickerInput__withBorder .DateRangePickerInput {
padding: 0px 3px 0px 0px !important;
}
.DateRangePickerInput__withBorder {
background-color: #fff;
color: #000;
line-height: 1.2;
display: block;
font-family: "DM Sans", sans-serif;
font-weight: 300 !important;
font-size: 14px !important;
padding-left: 11px;
padding-right: 11px;
width: 100%;
margin-bottom: 12px;
width: 100%;
padding: 0px;
border-radius: 0;
margin-bottom: 2px;
}
.DateInput {
line-height: inherit;
width: 110px;
}
.DateInput_input {
border-bottom: 0 !important;
height: 38px;
font-size: 14px !important;
font-weight: 400 !important;
color: #000 !important;
font-family: "DM Sans", sans-serif;
}
.DateInput_fangStroke,
.DateInput_fangShape {
display: none !important;
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
background: linear-gradient(125deg, rgb(228, 231, 231) 48%, rgb(200, 206, 208) 50%, rgb(228, 231, 231) 52%);
color: rgb(200, 206, 208);
border-color: rgb(228, 231, 231);
background-color: rgb(228, 231, 231);
}
.CalendarMonthGrid {
font-family: "DM Sans", sans-serif;
}
/*
.CalendarDay__hovered_span,
.CalendarDay__selected_span {border:1px solid $cell-primary-span-base-color!important; background-color:$cell-primary-span-base-color!important; color:$cell-primary-span-text-color!important; }
.CalendarDay__hovered_span:hover,
.CalendarDay__selected_span:hover {border:1px solid $cell-primary-hover-base-color!important; background-color:$cell-primary-hover-base-color!important; color:$cell-primary-hover-text-color!important;}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover,
.CalendarDay__selected_start,
.CalendarDay__selected_start:active,
.CalendarDay__selected_start:hover,
.CalendarDay__selected_end,
.CalendarDay__selected_end:active,
.CalendarDay__selected_end:hover {border:0px solid $cell-primary-base-color!important; background:unset; background-color:$cell-primary-base-color!important; color:$cell-primary-text-color!important;}*/
/*
.DateInput_input__focused {background-color:$cell-primary-base-color!important; color:$cell-primary-text-color!important; border-radius:5px; height:28px; margin:4px 4px;}
.DateInput_input__focused::-webkit-input-placeholder {
color: #fff;
}
.DateInput_input__focused::-moz-placeholder {
color: #fff;
}
.DateInput_input__focused:-ms-input-placeholder {
color: #fff;
}
.DateInput_input__focused:-moz-placeholder {
color: #fff;
}
*/
.DateInput_headline {
width: 100%;
font-size: 15px;
padding: 15px 0px 0 0;
background: #fff;
color: #000;
font-family: "DM Sans", sans-serif;
margin: 0;
text-align: center;
}
.CalendarDay {
border: 1px #eceeee solid !important;
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover,
.CalendarDay__hovered_span:active {
color: #000 !important;
background-color: #fff !important;
border-color: #e4e7e7;
}
.CalendarDay__selected {
border: 1px #eceeee solid !important;
}
.CalendarDay__selected_span,
.CalendarDay__selected_span:hover,
.CalendarDay__selected_span:active {
background-color: #fafafa !important;
color: #000 !important;
border-color: #e4e7e7;
}
.CalendarDay__default:hover,
.CalendarDay__selected_span:hover {
background-color: unset !important;
color: #000 !important;
-webkit-box-shadow: inset 0px 0px 0px 2px #000;
-moz-box-shadow: inset 0px 0px 0px 2px #000;
box-shadow: inset 0px 0px 0px 2px #000;
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
background: linear-gradient(125deg, rgb(228, 231, 231) 48%, rgb(200, 206, 208) 50%, rgb(228, 231, 231) 52%) !important;
color: rgb(200, 206, 208) !important;
border-color: rgb(228, 231, 231) !important;
background-color: rgb(228, 231, 231) !important;
}
.CalendarDay__blocked_minimum_nights,
.CalendarDay__blocked_minimum_nights:hover {
color: #999 !important;
border: 1px solid #eceeee !important;
}
.CalendarDay__selected_start,
.CalendarDay__selected_start:hover,
.CalendarDay__selected_start:active,
.CalendarDay__selected_end,
.CalendarDay__selected_end:hover,
.CalendarDay__selected_end:active {
background: #BA3035 !important;
color: #fff !important;
}
.b-ui-calendarday {
height: 100%;
}
.b-ui-calendarday--fully-booked {
background: linear-gradient(125deg, rgba(0, 0, 0, 0) 48%, #c8ced0 50%, rgba(0, 0, 0, 0) 52%);
color: #c8ced0;
height: 100%;
}
.CalendarDay__selected .b-ui-calendarday--fully-booked {
color: #fff;
}
.b-ui-calendarday--fully-booked .b-ui-calendar-date,
.b-ui-calendarday .b-ui-calendar-date {
position: relative;
font-size: 15px;
padding-top: 3px;
font-weight: 500;
}
.b-ui-calendarday--fully-booked .b-ui-calendar-from,
.b-ui-calendarday .b-ui-calendar-from {
font-size: 12px;
margin-top: 0px;
}
.b-ui-tooltip {
position: absolute;
top: -50px;
background-color: #fff;
color: #000;
font-size: 10px;
padding: 4px 8px;
border-radius: 8px;
border: 1px solid #757575;
font-weight: 600;
}
.b-ui-occupancy {
position: absolute;
width: 350px;
top: 0px;
left: 0px;
z-index: 9999;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
border: 1px solid #e4e7e7;
color: #000;
background-color: #fff;
}
.b-ui-search-el {
background-color: #fff;
color: #000;
line-height: 1.2;
display: block;
font-family: "DM Sans", sans-serif;
font-weight: 300;
font-size: 14px !important;
padding-left: 18px;
padding-right: 18px;
width: 100%;
margin-bottom: 12px;
height: 38px;
border: 1px solid #ccc;
border-radius: 0px !important;
}
.b-ui-form-element {
margin-bottom: 12px;
}
.b-ui-text-box {
border: 1px solid #ccc !important;
background-color: #fff;
color: #000;
line-height: 1.2;
display: block;
font-family: "DM Sans", sans-serif;
font-weight: 300;
font-size: 14px !important;
padding: 10px 14px;
width: 100%;
}
.b-ui-text-area {
border: 1px solid #ccc !important;
background-color: #fff;
color: #000;
line-height: 1.2;
display: block;
font-family: "DM Sans", sans-serif;
font-weight: 300;
font-size: 14px !important;
padding: 10px 14px;
width: 100%;
height: 100px;
}
.b-ui-drop-down {
border: 1px solid #ccc !important;
background-color: #fff;
color: #000;
line-height: 1.2;
display: block;
font-family: "DM Sans", sans-serif;
font-weight: 300;
font-size: 14px !important;
padding: 10px 14px;
width: 100%;
-webkit-appearance: none;
}
.b-ui-text-box.error,
.b-ui-drop-down.error {
border: 1px solid #ff0000 !important;
}
.b-ui-form-error {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
color: #ff0000;
font-weight: 300;
}
.b-ui-announce {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
margin-bottom: 24px;
}
.b-ui-modal {
background-color: #fff;
color: #000;
padding: 30px 30px;
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #ccc;
}
.b-ui-welcome-message {
display: none;
}
.b-ui-modal .b-ui-modal-body {
overflow: auto;
position: absolute;
top: 12px;
bottom: 60px;
left: 12px;
right: 12px;
}
.b-ui-modal .b-ui-modal-action {
overflow: auto;
position: absolute;
height: 40px;
bottom: 12px;
left: 12px;
right: 12px;
}
@media only screen and (max-width: 540px) {
.b-ui-occupancy {
padding: 30px 30px;
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.b-ui-occupancy .b-ui-search-item {
width: 50%;
}
.b-ui-availability .b-ui-book-cell {
width: 100px;
}
.b-ui-checkout-header {
padding: 20px 24px;
}
.b-ui-details {
padding: 20px 24px;
min-height: 400px;
}
}
@media only screen and (min-width: 540px) {
.b-ui-occupancy {
padding: 20px 30px;
position: absolute;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
width: 350px;
top: 20px;
left: 0;
right: unset;
bottom: unset;
}
.b-ui-modal {
width: 500px;
left: 50%;
margin-left: -250px;
right: unset;
bottom: 50px;
top: 50px;
}
.b-ui-availability .b-ui-book-cell {
width: 190px;
padding-left: 20px;
padding-right: 20px;
}
}
.b-ui-timeline {
list-style-type: none;
margin: 0;
padding: 0;
}
.b-ui-timeline-point {
position: relative;
margin: 0;
padding-left: 20px;
}
.b-ui-timeline-point:before {
content: "";
position: absolute;
bottom: 0px;
top: 0px;
left: 6px;
width: 3px;
}
.b-ui-timeline-point:after {
content: "";
position: absolute;
left: 0;
top: 3px;
height: 15px;
width: 15px;
}
.b-ui-text-large .em {
color: #f00;
font-weight: bold;
}
.review {
background-image: url('data:image/svg+xml,');
}
.review--light {
background-repeat: no-repeat;
background-position: 25px 20px;
padding: 60px 25px 35px 25px;
position: relative;
border-radius: 10px;
background-color: #f4f5f7;
color: #000;
background-image: url('data:image/svg+xml,');
}
.review--dark {
background-repeat: no-repeat;
background-position: 25px 20px;
padding: 60px 25px 35px 25px;
position: relative;
border-radius: 10px;
background-color: #000;
color: #fff;
background-image: url('data:image/svg+xml,');
}
.review--highlight {
background-repeat: no-repeat;
background-position: 25px 20px;
padding: 60px 25px 35px 25px;
position: relative;
border-radius: 10px;
background-color: #BA3035;
color: #fff;
background-image: url('data:image/svg+xml,');
}
.review--highlight p {
color: #fff !important;
}
.review--outline {
background-repeat: no-repeat;
background-position: 25px 20px;
padding: 60px 25px 35px 25px;
position: relative;
border-radius: 10px;
background-color: #fff;
color: #BA3035;
border: 2px solid #BA3035;
background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23$brand-red' viewBox='0 0 24 24'%3E%3Cpath d='M13 14.725c0-5.141 3.892-10.519 10-11.725l.984 2.126c-2.215.835-4.163 3.742-4.38 5.746 2.491.392 4.396 2.547 4.396 5.149 0 3.182-2.584 4.979-5.199 4.979-3.015 0-5.801-2.305-5.801-6.275zm-13 0c0-5.141 3.892-10.519 10-11.725l.984 2.126c-2.215.835-4.163 3.742-4.38 5.746 2.491.392 4.396 2.547 4.396 5.149 0 3.182-2.584 4.979-5.199 4.979-3.015 0-5.801-2.305-5.801-6.275z'/%3E%3C/svg%3E");
}
.review__taster {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 0px;
color: #484848;
font-size: 15px;
}
.review__taster p {
margin-bottom: 0 !important;
}
.review__header {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
font-size: 15px;
}
.review__body {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
font-size: 15px;
color: #484848;
font-weight: 400;
line-height: 1.4;
}
.review__body--limited {
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
overflow: hidden;
}
.review__identity {
font-family: "DM Sans", sans-serif;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 14px;
line-height: 1.4;
color: #000;
line-height: 1.4;
margin-bottom: 4px;
}
.review__cta {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
padding: 8px 13px 10px 13px;
background-color: #BA3035;
color: #fff !important;
border: 1px solid #BA3035;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
display: inline-block;
margin-top: 20px;
}
.review__cta:link {
color: #fff !important;
}
.review__cta:visited {
color: #fff !important;
}
.review__cta:hover {
color: #fff !important;
}
.review__cta:active {
color: #fff !important;
}
.review--highlight .review__cta {
border: 1px solid #fff;
}
.review__read-more {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
margin-top: 14px;
cursor: pointer;
border: 0;
background: transparent;
font-weight: bold;
display: block;
}
.header-carousel {
display: block;
width: 100%;
aspect-ratio: 1.5;
}
@media (min-width: 992px) {
.header-carousel {
display: none;
}
}
.castle-carousel {
width: 100%;
position: relative;
margin: 0;
/*max-width:580px;*/
position: relative;
overflow: visible;
}
.castle-carousel__caption {
position: absolute;
bottom: 10px;
left: 10px;
font-size: 14px;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
padding: 4px 10px;
border-radius: 8px;
}
.castle-carousel__counter {
position: absolute;
bottom: 10px;
right: 10px;
font-size: 14px;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
padding: 4px 10px;
border-radius: 8px;
}
.castle-carousel-wrapper {
width: 100%;
height: auto;
overflow: hidden;
margin: 0;
scroll-snap-type: x mandatory;
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.castle-carousel-wrapper::-webkit-scrollbar {
width: 0px;
height: 0px;
background: transparent; /* make scrollbar transparent */
}
.castle-carousel__item--gallery {
width: 100%;
height: auto;
scroll-snap-align: start;
flex: 0 0 auto;
}
.castle-carousel__item--card {
width: 221.25px;
height: auto;
scroll-snap-align: start;
flex: 0 0 auto;
margin-right: 20px;
flex-direction: row;
flex-wrap: wrap;
}
.castle-carousel__item--card:last-of-type {
margin-right: 0;
}
.castle-carousel__item-card-headline {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
display: flex;
flex-shrink: 1;
}
.castle-carousel__item-card-summary {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
}
.castle-carousel__item-card-button {
background-color: #BA3035;
color: #fff !important;
border: 1px solid #BA3035;
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
padding: 6px 10px 8px 10px;
display: inline-block;
margin-top: 3px;
}
.castle-carousel__item-card-button:link {
color: #fff !important;
}
.castle-carousel__item-card-button:visited {
color: #fff !important;
}
.castle-carousel__item-card-button:hover {
color: #fff !important;
}
.castle-carousel__item-card-button:active {
color: #fff !important;
}
.castle-carousel__img {
width: 100%;
aspect-ratio: 1.5;
object-fit: cover;
}
.castle-carousel__prev-button {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
border-radius: 40px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
background-color: #fff;
color: #000;
z-index: 899;
opacity: 0.9;
left: 8px;
}
.castle-carousel__prev-button:hover {
opacity: 1;
}
.castle-carousel__prev-button:before {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M30.83 14.83l-2.83-2.83-12 12 12 12 2.83-2.83-9.17-9.17z'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E%0A");
width: 40px;
height: 40px;
background-size: cover;
content: " ";
display: block;
font-size: 20px;
line-height: 1;
}
.castle-carousel__next-button {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
border-radius: 40px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
background-color: #fff;
color: #000;
z-index: 899;
opacity: 0.9;
right: 8px;
}
.castle-carousel__next-button:hover {
opacity: 1;
}
.castle-carousel__next-button:before {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M20 12l-2.83 2.83 9.17 9.17-9.17 9.17 2.83 2.83 12-12z'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E%0A");
width: 40px;
height: 40px;
background-size: cover;
content: " ";
display: block;
font-size: 20px;
line-height: 1;
}
.castle-carousel__prev-button--card {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
border-radius: 40px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
background-color: #fff;
color: #000;
z-index: 899;
opacity: 0.9;
left: 8px;
/* bit of a hacky way to hide buttons on mobile */
}
.castle-carousel__prev-button--card:hover {
opacity: 1;
}
.castle-carousel__prev-button--card:before {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M30.83 14.83l-2.83-2.83-12 12 12 12 2.83-2.83-9.17-9.17z'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E%0A");
width: 40px;
height: 40px;
background-size: cover;
content: " ";
display: block;
font-size: 20px;
line-height: 1;
}
@media (max-width: 524px) {
.castle-carousel__prev-button--card {
left: -1000px;
}
}
.castle-carousel__next-button--card {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
border-radius: 40px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
background-color: #fff;
color: #000;
z-index: 899;
opacity: 0.9;
right: 8px;
}
.castle-carousel__next-button--card:hover {
opacity: 1;
}
.castle-carousel__next-button--card:before {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M20 12l-2.83 2.83 9.17 9.17-9.17 9.17 2.83 2.83 12-12z'/%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3C/svg%3E%0A");
width: 40px;
height: 40px;
background-size: cover;
content: " ";
display: block;
font-size: 20px;
line-height: 1;
}
@media (max-width: 524px) {
.castle-carousel__next-button--card {
left: -1000px;
}
}
.castle-carousel__header {
margin-bottom: 20px;
}
.castle-carousel__title {
font-family: "DM Serif Display", serif;
font-weight: 400;
}
@media (min-width: 0px) {
.castle-carousel__title {
font-size: 22px;
line-height: 1.25;
}
}
@media (min-width: 992px) {
.castle-carousel__title {
font-size: 32px;
line-height: 1.25;
}
}
.castle-carousel__text {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
}
.payment-headline {
font-family: "DM Serif Display", serif;
font-weight: 400;
margin-bottom: 30px;
padding-top: 20px;
}
@media (min-width: 0px) {
.payment-headline {
font-size: 28px;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.payment-headline {
font-size: 42px;
line-height: 1.1;
}
}
.payment-group {
margin-bottom: 30px;
border-bottom: 1px solid #e4e5e7;
padding-bottom: 26px;
}
.payment-group-headline {
font-family: "DM Serif Display", serif;
font-weight: 400;
margin-bottom: 30px;
}
@media (min-width: 0px) {
.payment-group-headline {
font-size: 22px;
line-height: 1.25;
}
}
@media (min-width: 992px) {
.payment-group-headline {
font-size: 32px;
line-height: 1.25;
}
}
.payment-policy {
margin-bottom: 30px;
}
.payment-policy:last-of-type {
margin-bottom: 10px;
}
.payment-subheader {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
font-weight: 600;
font-size: 18px;
}
.payment-subheader--no-fields {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
font-size: 18px;
margin-bottom: 5px;
}
.payment-text {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
}
.payment-paragraph {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
margin-bottom: 20px;
font-weight: 400;
}
.payment-text-link {
text-decoration: underline;
cursor: pointer;
font-weight: 800;
color: #000000;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
margin-top: 0px;
margin-left: 0;
}
.payment-text-link:link {
text-decoration: underline !important;
}
.payment-text-link:visited {
text-decoration: underline !important;
}
.payment-text-link:hover {
text-decoration: underline !important;
}
.payment-text-link:active {
text-decoration: underline !important;
}
.payment__section {
margin-bottom: 8px;
}
.payment__section--last {
margin-bottom: 25px;
}
.payment-submit-btn {
background-color: #BA3035;
color: #fff !important;
border: 1px solid #BA3035;
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
padding: 13px 23px 15px 23px;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
margin: 10px 0 70px 0;
width: 100%;
}
.payment-submit-btn:link {
color: #fff !important;
}
.payment-submit-btn:visited {
color: #fff !important;
}
.payment-submit-btn:hover {
color: #fff !important;
}
.payment-submit-btn:active {
color: #fff !important;
}
.payment-breakdown {
border: 1px solid #e4e5e7;
padding: 20px 20px;
clear: both;
overflow: auto;
margin-top: 28px;
box-sizing: border-box;
background: #fff;
/*box-shadow: rgb(205,205,205) 0 12px 7px -5px;*/
}
.payment-breakdown__section {
border-top: 1px solid #e4e5e7;
padding: 20px 0 0 0;
margin: 20px 0 0 0;
}
.payment-breakdown__title {
font-family: "DM Serif Display", serif;
font-weight: 400;
}
@media (min-width: 0px) {
.payment-breakdown__title {
font-size: 18px;
line-height: 1.25;
}
}
@media (min-width: 992px) {
.payment-breakdown__title {
font-size: 25px;
line-height: 1.25;
}
}
.payment-breakdown__text {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
}
.payment-breakdown__text-link {
text-decoration: underline;
cursor: pointer;
font-weight: 800;
color: #000000;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
}
.payment-breakdown__text-link:link {
text-decoration: underline !important;
}
.payment-breakdown__text-link:visited {
text-decoration: underline !important;
}
.payment-breakdown__text-link:hover {
text-decoration: underline !important;
}
.payment-breakdown__text-link:active {
text-decoration: underline !important;
}
.payment-assurance-credit-card {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
background-color: #30BA55;
color: #fff;
padding: 4px 10px;
background-size: 20px 20px;
margin-bottom: 10px;
}
.payment-assurance-bullet-points {
margin-bottom: 20px;
list-style-type: none;
font-weight: 400;
}
.payment-assurance-bullet-points li {
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2330BA55' d='M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z'/%3E%3C/svg%3E");
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
background-repeat: no-repeat;
background-position: left;
background-size: 16px 16px;
list-style-position: inside;
padding-left: 24px;
}
.payment-subheader--secure-icon {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' fill='%23000000' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 114.872 114.872' style='enable-background:new 0 0 114.872 114.872;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M97.856,49.821c0.426-2.44,0.661-4.95,0.661-7.516C98.517,18.979,80.088,0,57.436,0C34.783,0,16.353,18.979,16.353,42.305 c0,2.566,0.236,5.074,0.663,7.516c-3.567,2.278-5.939,6.261-5.939,10.81v41.415c0,7.084,5.743,12.826,12.825,12.826h67.067 c7.08,0,12.822-5.742,12.822-12.826h0.004V60.631C103.795,56.083,101.425,52.099,97.856,49.821z M63.095,85.983v9 c0,3.128-2.534,5.662-5.661,5.662c-3.127,0-5.661-2.534-5.661-5.662v-9.004c-3.631-2.001-6.094-5.862-6.094-10.302 c0-6.492,5.263-11.756,11.757-11.756s11.758,5.264,11.758,11.756C69.194,80.119,66.729,83.983,63.095,85.983z M82.886,47.804 H31.985c-0.349-1.775-0.535-3.616-0.535-5.499c0-15.003,11.657-27.208,25.986-27.208c14.328,0,25.984,12.204,25.984,27.208 C83.42,44.188,83.236,46.029,82.886,47.804z'/%3E%3C/g%3E%3C/svg%3E") !important;
background-repeat: no-repeat;
background-position: center left;
background-size: 15px 15px;
padding-left: 23px;
}
.payment-subheader--details-icon {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' fill='%23000000' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M71.3 990c0-160.2 88-299.6 218.2-373.2c59.7 41.9 132.1 67 210.6 67c78.5 0 150.9-25.1 210.6-67c130.1 73.6 218.2 213 218.2 373.2H71.3z M500 622.5c-169.1 0-306.3-137.1-306.3-306.3S330.9 10 500 10c169.1 0 306.2 137.1 306.2 306.2S669.1 622.5 500 622.5z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center left;
background-size: 15px 15px;
padding-left: 23px;
}
.payment-subheader--room-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EBed%3C/title%3E%3Cpath d='M432 230.7a79.44 79.44 0 00-32-6.7H112a79.51 79.51 0 00-32 6.69A80.09 80.09 0 0032 304v112a16 16 0 0032 0v-8a8.1 8.1 0 018-8h368a8.1 8.1 0 018 8v8a16 16 0 0032 0V304a80.09 80.09 0 00-48-73.3zM376 80H136a56 56 0 00-56 56v72a4 4 0 005.11 3.84A95.5 95.5 0 01112 208h4.23a4 4 0 004-3.55A32 32 0 01152 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h24.46a4 4 0 004-3.55A32 32 0 01304 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h4.2a95.51 95.51 0 0126.89 3.85A4 4 0 00432 208v-72a56 56 0 00-56-56z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center left;
background-size: 15px 15px;
padding-left: 23px;
}
.st-form-headline {
font-family: "DM Sans", sans-serif;
font-weight: 600;
margin-bottom: 20px;
color: #000000;
line-height: 1.1 !important;
}
@media (min-width: 0px) {
.st-form-headline {
font-size: 18px;
line-height: 1.25;
}
}
@media (min-width: 992px) {
.st-form-headline {
font-size: 18px;
line-height: 1.25;
}
}
.st-form-subheader {
font-family: "DM Sans", sans-serif;
font-weight: 600;
margin-bottom: 20px;
}
@media (min-width: 0px) {
.st-form-subheader {
font-size: 18px;
line-height: 1.25;
}
}
@media (min-width: 992px) {
.st-form-subheader {
font-size: 18px;
line-height: 1.25;
}
}
.st-form-summary {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
color: #484848 !important;
margin-bottom: 20px;
color: #000;
}
.st-form-link,
a.st-form-link:link,
a.st-form-link:active,
a.st-form-link:hover,
a.st-form-link:visited {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
text-decoration: underline;
cursor: pointer;
}
.st-form-link--block {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
text-decoration: underline;
cursor: pointer;
}
.st-form-link--block:after {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
text-transform: unset;
content: ">";
padding-left: 2px;
}
.st-form__error-notice {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
margin-top: 0;
margin-bottom: 20px;
color: #fff;
background-color: #f00;
padding: 8px 12px;
font-weight: 600;
}
.st-form__expert_image {
height: auto;
float: left;
margin-right: 20px;
margin-bottom: 10px;
border-radius: 100px;
}
@media (min-width: 0px) {
.st-form__expert_image {
width: 140px;
}
}
@media (min-width: 992px) {
.st-form__expert_image {
width: 160px;
}
}
@media (min-width: 1024px) {
.st-form__expert_image {
width: 180px;
}
}
.st-form__section {
margin-bottom: 30px;
}
.st-form__label,
.st-form__label--light {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 600;
margin-bottom: 3px;
color: #000;
}
.st-form__label--secure {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' fill='%23000000' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 114.872 114.872' style='enable-background:new 0 0 114.872 114.872;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M97.856,49.821c0.426-2.44,0.661-4.95,0.661-7.516C98.517,18.979,80.088,0,57.436,0C34.783,0,16.353,18.979,16.353,42.305 c0,2.566,0.236,5.074,0.663,7.516c-3.567,2.278-5.939,6.261-5.939,10.81v41.415c0,7.084,5.743,12.826,12.825,12.826h67.067 c7.08,0,12.822-5.742,12.822-12.826h0.004V60.631C103.795,56.083,101.425,52.099,97.856,49.821z M63.095,85.983v9 c0,3.128-2.534,5.662-5.661,5.662c-3.127,0-5.661-2.534-5.661-5.662v-9.004c-3.631-2.001-6.094-5.862-6.094-10.302 c0-6.492,5.263-11.756,11.757-11.756s11.758,5.264,11.758,11.756C69.194,80.119,66.729,83.983,63.095,85.983z M82.886,47.804 H31.985c-0.349-1.775-0.535-3.616-0.535-5.499c0-15.003,11.657-27.208,25.986-27.208c14.328,0,25.984,12.204,25.984,27.208 C83.42,44.188,83.236,46.029,82.886,47.804z'/%3E%3C/g%3E%3C/svg%3E") !important;
padding-left: 18px;
background-repeat: no-repeat;
background-position: center left;
background-size: 12px 12px;
}
.st-form__label--spaced {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
font-weight: 800;
margin-bottom: 20px;
}
.st-form__text {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
color: #000;
}
.st-form__note {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
color: #000;
}
.st-form__text--spaced {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
margin-bottom: 20px;
color: #000;
}
.st-form__text--spaced strong {
font-weight: 600;
color: #000000 !important;
}
.st-form__list {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
list-style-type: disc;
list-style-position: inside;
margin: 20px 0;
color: #000;
}
.st-form__list-item {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
color: #000;
}
.st-form__grouping {
padding-bottom: 30px;
margin-bottom: 25px;
border-bottom: 1px #dbdbdb solid;
}
.st-form__separator--top {
padding-top: 20px;
border-top: 1px #dbdbdb solid;
}
.st-form__separator--bottom {
padding-bottom: 0px;
border-bottom: 1px #dbdbdb solid;
margin-bottom: 25px;
}
.st-form__field-textbox {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
width: 100%;
display: block;
padding: 12px 12px;
border: 1px solid #b0b0b0 !important;
}
.st-form__field-textbox--credit-card {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
width: 100%;
display: block;
padding: 12px 12px;
border: 1px solid #b0b0b0 !important;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' fill='%230' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 114.872 114.872' style='enable-background:new 0 0 114.872 114.872;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M97.856,49.821c0.426-2.44,0.661-4.95,0.661-7.516C98.517,18.979,80.088,0,57.436,0C34.783,0,16.353,18.979,16.353,42.305 c0,2.566,0.236,5.074,0.663,7.516c-3.567,2.278-5.939,6.261-5.939,10.81v41.415c0,7.084,5.743,12.826,12.825,12.826h67.067 c7.08,0,12.822-5.742,12.822-12.826h0.004V60.631C103.795,56.083,101.425,52.099,97.856,49.821z M63.095,85.983v9 c0,3.128-2.534,5.662-5.661,5.662c-3.127,0-5.661-2.534-5.661-5.662v-9.004c-3.631-2.001-6.094-5.862-6.094-10.302 c0-6.492,5.263-11.756,11.757-11.756s11.758,5.264,11.758,11.756C69.194,80.119,66.729,83.983,63.095,85.983z M82.886,47.804 H31.985c-0.349-1.775-0.535-3.616-0.535-5.499c0-15.003,11.657-27.208,25.986-27.208c14.328,0,25.984,12.204,25.984,27.208 C83.42,44.188,83.236,46.029,82.886,47.804z'/%3E%3C/g%3E%3C/svg%3E") !important;
padding-left: 37px;
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: 12px center;
}
.st-form__field-textarea {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
width: 100%;
display: block;
padding: 12px 12px;
border: 1px solid #b0b0b0 !important;
}
@media (min-width: 0px) {
.st-form__field-textarea {
height: 180px;
}
}
@media (min-width: 992px) {
.st-form__field-textarea {
height: 220px;
}
}
@media (min-width: 1200px) {
.st-form__field-textarea {
height: 250px;
}
}
.st-form__field-textarea--no-height {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
width: 100%;
display: block;
padding: 12px 12px;
border: 1px solid #b0b0b0 !important;
}
.st-form__field-counter-label {
display: inline-block;
font-family: "DM Sans", sans-serif;
font-size: 16px;
padding: 0 10px 0 0;
height: 40px;
text-align: left;
}
@media (min-width: 0px) {
.st-form__field-counter-label {
width: calc(100% - 140px);
}
}
@media (min-width: 992px) {
.st-form__field-counter-label {
width: 200px;
}
}
.st-form__field-counter-wrapper {
display: block;
}
.st-form__field-counter-value {
display: inline-block;
font-family: "DM Sans", sans-serif;
font-weight: 800;
font-size: 16px;
padding: 0 10px;
height: 40px;
text-align: center;
width: 60px;
}
.st-form__field-counter-button--decrease {
font-family: "DM Sans", sans-serif;
font-size: 20px;
line-height: 0 !important;
display: block;
background: #BA3035;
width: 45px;
height: 45px;
text-align: center;
color: #fff;
border: 0;
min-width: 45px;
border-radius: 5px 0 0 5px;
}
.st-form__field-counter-button--increase {
font-family: "DM Sans", sans-serif;
font-size: 20px;
line-height: 0 !important;
display: block;
background: #BA3035;
width: 45px;
height: 45px;
text-align: center;
color: #fff;
border: 0;
min-width: 45px;
border-radius: 0 5px 5px 0;
}
.st-form__field-counter-label {
display: block;
}
.st-form__field-counter {
display: flex;
overflow: auto;
}
.st-form__field-counter-textbox {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
width: 100%;
display: block;
padding: 12px 12px;
border: 1px solid #b0b0b0 !important;
width: unset;
float: left;
height: 45px;
border-radius: 0px;
max-width: 120px;
border-left: 0px;
border-right: 0px;
width: 100%;
}
.st-form__field-counter-button--disabled {
background-color: #dbdbdb;
}
.st-form__field-rating-button--off {
cursor: pointer;
display: inline-block;
width: 45px;
height: 45px;
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23$brand-red' stroke-width='4' fill='%23ffffff' /%3E%3C/svg%3E");
}
.st-form__field-rating-button--on {
cursor: pointer;
display: inline-block;
width: 45px;
height: 45px;
background-size: cover;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100'%3E%3Ccircle cx='50' cy='50' r='40' stroke='%23$brand-red' stroke-width='4' fill='%23$brand-red' /%3E%3C/svg%3E");
}
.st-form__field-rating-label {
font-family: "DM Sans", sans-serif;
font-size: 14px;
font-weight: 800;
height: 30px;
background-color: #BA3035;
position: relative;
display: block;
margin-left: 20px;
line-height: 1.9;
padding: 0 10px 0 5px;
color: #fff;
}
.st-form__field-rating-label::before {
content: "";
position: absolute;
height: 0px;
width: 0px;
left: -30px; /* 1px buffer for zooming problems while rendering*/
border-width: 15px;
border-color: transparent #BA3035 transparent transparent;
border-style: solid;
}
.st-form__field-on-off {
padding: 18px 20px;
cursor: pointer;
font-family: "DM Sans", sans-serif;
font-size: 16px;
font-weight: 800;
}
.st-form__field-on-off--on {
border: 1px #BA3035 solid;
background: #BA3035;
color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M22 2v20h-20v-20h20zm2-2h-24v24h24v-24zm-5.541 8.409l-1.422-1.409-7.021 7.183-3.08-2.937-1.395 1.435 4.5 4.319 8.418-8.591z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 20px center;
}
.st-form__field-on-off--off {
border: 1px #BA3035 solid;
background: #fff;
color: #BA3035;
background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23$brand-red' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M22 2v20h-20v-20h20zm2-2h-24v24h24v-24z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 20px center;
}
.st-form__field-on-off .st-form__field-on-off-label {
padding-left: 38px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.st-form__field-on-off-caption {
font-family: "DM Sans", sans-serif;
font-size: 16px;
font-style: italic;
margin-top: 10px;
line-height: 1.6;
}
.st-form__field-options {
padding: 8px 0 0 0;
cursor: pointer;
display: block;
}
.st-form__field-options .st-form__field-option--selected {
display: block;
width: 20px;
height: 20px;
float: left;
background: #ffffff;
box-shadow: inset 0px 0px 0px 7px #BA3035;
border-radius: 20px;
}
.st-form__field-options .st-form__field-option--unselected {
display: block;
width: 20px;
height: 20px;
float: left;
background: #ffffff;
border: 1px solid #aaaaaa;
border-radius: 20px;
}
.st-form__field-options--large:last-of-type {
margin-bottom: 0px;
}
.st-form__field-options--large .st-form__field-on-off-label {
line-height: 2.3 !important;
}
.st-form__field-options--large .st-form__field-option--unselected,
.st-form__field-options--large .st-form__field-option--selected {
width: 35px;
height: 35px;
border-radius: 35px;
margin-right: 12px;
}
.st-form__field-options .st-form__field-on-off-label {
padding-left: 38px;
line-height: 1.4;
font-family: "DM Sans", sans-serif;
font-size: 16px;
}
.st-form__field-card-select {
display: flex;
gap: 20px 15px;
flex-wrap: wrap;
}
.st-form__field-card-img-wrapper {
width: 100%;
aspect-ratio: 4/3;
background-color: #f4f5f7;
border-radius: 10px;
}
.st-form__field-card-wrapper {
width: calc(50% - 18px);
position: relative;
cursor: pointer;
}
@media (min-width: 768px) {
.st-form__field-card-wrapper {
width: calc(25% - 18px);
}
}
.st-form__field-card-select .st-form__field-card {
width: 100%;
line-height: 1.4;
font-family: "DM Sans", sans-serif;
font-size: 12px;
border-radius: 14px;
text-align: center;
opacity: 1;
}
.st-form__field-card-select .st-form__field-card--selected {
width: 100%;
line-height: 1.4;
font-family: "DM Sans", sans-serif;
font-size: 12px;
border-radius: 14px;
text-align: center;
opacity: 0.5;
}
.st-form__field-card-select .st-form__field-card .st-form__field-card-highlighted {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: transparent;
}
.st-form__field-card-check {
width: 30px;
height: 30px;
border-radius: 30px;
background-color: #6cc267;
position: absolute;
top: 8px;
right: 8px;
border: 3px solid #ffffff;
}
.st-form__field-card-check-icon {
filter: brightness(0) invert(1);
width: 23px;
height: 23px;
margin-top: 3px;
}
.st-form__field-card-select .st-form__field-card-img {
width: 100%;
height: auto;
border-radius: 10px;
}
.st-form__field-card-select .st-form__field-card-label {
margin-top: 8px;
margin-bottom: 8px;
line-height: 1.4;
font-family: "DM Sans", sans-serif;
font-size: 14px;
}
/*
.st-form__field-card-select .st-form__field-card--selected .st-form__field-card-label {
margin: 10px 12px 20px 12px;
line-height: 1.4;
font-family: $text-body-font-family;
font-size: 14px;
color: $brand-red !important;
}*/
.st-form__field-dropdown {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
width: 100%;
display: block;
padding: 12px 12px;
border: 1px solid #b0b0b0 !important;
-webkit-appearance: none;
background-repeat: no-repeat;
background-position: center right;
background-color: #fff;
}
.st-form .DateRangePickerInput,
.st-form__field-textbox,
.st-form__field-textarea,
.st-form__field-dropdown {
background: #fff;
color: #000;
box-shadow: none;
border: 1px solid #000;
}
.st-form .DateRangePickerInput {
border: 1px solid #b0b0b0 !important;
max-width: 350px;
}
.st-form__field-textbox-error,
.st-form__field-textarea-error,
.st-form__field-dropdown-error {
border: 2px solid #f00;
}
.st-form__error-message {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
color: #f00;
margin-top: 3px;
}
.st-form__error-message::before {
background: url("data:image/svg+xml;utf8,");
width: 15px;
height: 15px;
display: inline-block;
content: " ";
margin-right: 5px;
}
.st-form__submit {
border-radius: 6px;
display: inline-block;
border: 0;
cursor: pointer;
text-align: center;
line-height: 1.5;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
padding: 13px 23px 15px 23px;
background-color: #BA3035;
color: #fff !important;
border: 1px solid #BA3035;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
}
.st-form__submit:link {
color: #fff !important;
}
.st-form__submit:visited {
color: #fff !important;
}
.st-form__submit:hover {
color: #fff !important;
}
.st-form__submit:active {
color: #fff !important;
}
.react-datepicker__input-container {
width: inherit !important;
}
.react-datepicker-wrapper {
width: 100% !important;
}
/*
$notice-base-color: $brand-red;
$notice-border-color: transparent;
$notice-text-color: #fff;
*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-ui-container {
position: relative;
padding-left: 8px;
padding-right: 8px;
}
.b-ui-row {
position: relative;
margin-left: -8px;
margin-right: -8px;
box-sizing: border-box;
}
.b-ui-row [class^=b-ui-col] {
float: left;
padding-left: 8px;
padding-right: 8px;
min-height: 0.125rem;
}
.b-ui-logo {
max-width: 200px;
margin: 0 0 15px 15px;
}
.b-ui-picker-label {
font-weight: 600;
color: #000;
font-size: 14px;
}
.DateRangePickerInput,
.b-ui-search-guests {
/*box-shadow: 0 2px 6px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.07);*/
border: 1px solid #dbdbdb;
}
.b-ui-picker {
background-color: transparent;
padding-top: 0;
padding-bottom: 0;
border: 0;
}
.DateRangePickerInput {
padding: 5px 5px;
}
.b-ui-search-guests {
padding-top: 16px;
height: 50px;
padding-left: 20px;
}
.b-ui-button-search {
padding: 14px 8px;
}
.b-ui-picker {
padding: 0px 5px;
}
.b-ui-results {
padding: 15px 5px;
}
.b-ui-checkout {
padding: 0 5px;
}
.b-ui-picker-summary {
padding: 0px 15px;
}
.b-ui-checkout-header {
padding: 0;
}
.b-ui-summary .b-ui-summary-castle-name {
margin-top: 10px;
margin-bottom: 10px;
}
.b-ui-payment-area {
background-color: #f4f5f7;
color: #242527;
padding: 15px 12px;
}
.b-ui-welcome-message {
display: block;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
padding-left: 5px;
margin-bottom: 10px;
font-weight: 400;
}
.b-ui-summary .b-ui-timeline-point:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 32 32' focusable='false'%3E%3Ccircle stroke='none' fill='%23fff' cx='16' cy='16' r='10'%3E%3C/circle%3E%3C/svg%3E");
}
.b-ui-modal .b-ui-timeline-point:before {
background-color: #242527;
}
.b-ui-modal .b-ui-timeline-point:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 32 32' focusable='false'%3E%3Ccircle stroke='none' fill='%23242527' cx='16' cy='16' r='10'%3E%3C/circle%3E%3C/svg%3E");
}
.b-ui-room-placeholder {
background-image: url('data:image/svg+xml,');
width: 100%;
aspect-ratio: 10/7;
background-color: #f4f5f7;
margin-bottom: 24px;
background-repeat: no-repeat;
background-position: center;
border-radius: 8px;
}
.booking__page-header {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
font-size: 24px;
font-weight: 600;
}
.booking-progress {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 1px), rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) calc(50% + 1px));
margin-bottom: 20px;
}
.booking-progress__label--complete {
color: #000;
}
.booking-progress__label--future {
color: #aaa;
}
.booking-progress__step--first {
width: 33.33333%;
display: inline-block;
text-align: left;
}
.booking-progress__step--second {
width: 33.33333%;
display: inline-block;
text-align: center;
}
.booking-progress__step--third {
width: 33.33333%;
display: inline-block;
text-align: right;
}
.booking-progress__label--first {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
background-color: #fff;
padding-right: 18px;
}
.booking-progress__label--second {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
background-color: #fff;
padding-left: 18px;
padding-right: 18px;
}
.booking-progress__label--third {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 500;
background-color: #fff;
padding-left: 18px;
}
.booking-progress__glance-step {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 800;
margin-bottom: 20px;
}
.booking-progress__page-header {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
font-size: 24px;
font-weight: 600;
}
.booking-enquire,
.booking-checkout {
/*background-color: #f4f5f7;*/
padding-top: 20px;
border-top: 1px solid #dbdbdb;
}
.booking-summary {
margin-bottom: 20px;
}
@media (max-width: 774px) {
.booking-summary {
border-bottom: 1px solid #e4e5e7;
padding: 0px 0 20px 0;
margin: 0px 0 20px 0;
}
}
@media (min-width: 774px) {
.booking-summary {
background-color: #f4f5f7;
border-radius: 8px;
padding: 14px 16px;
}
}
.booking-summary__header {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
margin-bottom: 0px;
margin-top: 10px;
font-weight: 600;
}
.booking-summary__header--bed-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EBed%3C/title%3E%3Cpath d='M432 230.7a79.44 79.44 0 00-32-6.7H112a79.51 79.51 0 00-32 6.69A80.09 80.09 0 0032 304v112a16 16 0 0032 0v-8a8.1 8.1 0 018-8h368a8.1 8.1 0 018 8v8a16 16 0 0032 0V304a80.09 80.09 0 00-48-73.3zM376 80H136a56 56 0 00-56 56v72a4 4 0 005.11 3.84A95.5 95.5 0 01112 208h4.23a4 4 0 004-3.55A32 32 0 01152 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h24.46a4 4 0 004-3.55A32 32 0 01304 176h56a32 32 0 0131.8 28.45 4 4 0 004 3.55h4.2a95.51 95.51 0 0126.89 3.85A4 4 0 00432 208v-72a56 56 0 00-56-56z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center left;
background-size: 18px 18px;
padding-left: 23px;
}
.booking-summary__image {
width: 100%;
height: auto;
}
.booking-summary__dates {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
}
.booking-summary__dates strong {
font-weight: 600;
}
.booking-summary__review-section {
display: block;
margin: 0px 0 20px 0;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
}
@media (min-width: 500px) {
.booking-summary__review-section {
display: inline-block;
}
}
.booking-summary__review-score {
border-radius: 5px;
padding: 1px 6px 3px 6px;
background-color: #dc9e00;
color: #fff;
margin-right: 5px;
text-align: center;
display: inline-block;
}
.booking-summary__review-score-label {
display: inline-block;
border: 0;
background-color: transparent;
padding-left: 0px;
font-weight: 700;
color: #dc9e00;
}
.booking-summary__link,
a.booking-summary__link:link,
a.booking-summary__link:active,
a.booking-summary__link:hover,
a.booking-summary__link:visited {
color: #000000;
text-decoration: underline;
cursor: pointer;
}
.booking-summary__breakdown {
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 14px;
line-height: 1.5;
margin-top: 20px;
width: 100%;
font-weight: 400;
}
.booking-summary__breakdown-total {
background-color: #30ba55;
color: #fff;
}
.booking-summary__breakdown-total .booking-summary__breakdown-cell--left {
padding: 4px 0 0 10px;
font-size: 18px !important;
}
.booking-summary__breakdown-total .booking-summary__breakdown-cell--total {
padding: 4px 10px 0 0;
font-size: 18px !important;
}
.booking-summary__breakdown-total .booking-summary__breakdown-cell--disclaimer {
padding: 0 0 8px 10px;
font-size: 12px !important;
line-height: 1.1;
}
.booking-summary__breakdown-cell--single {
vertical-align: top;
text-align: left;
width: 100%;
}
.booking-summary__breakdown-cell--left {
vertical-align: top;
text-align: left;
width: 70%;
}
.booking-summary__breakdown-cell--right {
vertical-align: top;
text-align: right;
width: 30%;
}
.booking-summary__breakdown-cell--total {
vertical-align: top;
text-align: right;
width: 30%;
font-family: "DM Sans", sans-serif;
font-weight: 600;
font-size: 24px;
line-height: 1.25;
}
@media (min-width: 774px) {
.booking-summary__breakdown-cell--total {
font-family: "DM Sans", sans-serif;
font-weight: 600;
}
}
@media (min-width: 774px) and (min-width: 0px) {
.booking-summary__breakdown-cell--total {
font-size: 18px;
line-height: 1.25;
}
}
@media (min-width: 774px) and (min-width: 992px) {
.booking-summary__breakdown-cell--total {
font-size: 18px;
line-height: 1.25;
}
}
.booking-assurance {
display: block;
margin: 0px 0 20px 0;
background-color: #6cc267;
color: #fff;
padding: 8px 12px;
font-family: "DM Sans", sans-serif;
text-transform: unset;
font-size: 16px;
line-height: 1.5;
}