@charset "UTF-8";

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane>svg,
.leaflet-pane>canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
    position: absolute;
    left: 0;
    top: 0
}
.footer{
    background:#341019;
    color:#fff;
    font-family:inherit;
}
.nav-lang-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

/* Hide the actual checkbox */
.nav-lang-checkbox {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.nav-icon-btn.nav-lang-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--wine);
    user-select: none;
}

.nav-lang-current {
    letter-spacing: 0.5px;
color:#fff
}

.nav-lang-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: #e3d5c8;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    border-radius: 8px;
    padding: 6px 0;
    min-width: 150px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    z-index: 999;
}

/* Show dropdown when checkbox is checked */
.nav-lang-checkbox:checked ~ .nav-lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nav-lang-dropdown .lang-option {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    white-space: nowrap;
}

.nav-lang-dropdown .lang-option:hover,
.nav-lang-dropdown .lang-option.active {
    background: rgba(0,0,0,0.05);
    color: var(--wine);
}
.footer-container{
    max-width:1200px;
    margin:auto;
    padding:60px 20px;
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:40px;
}
.footer-logo{
    width:300px;
    margin-bottom:15px;
}
.footer-text{
    font-size:14px;
    opacity:.8;
    line-height:1.6;
}
footer a:hover,footer a:link,footer a:visited,footer a:active {
  color: #fefeff !important;
}
.footer-container.bottom-flex {
  padding: 20px 0  !important;
}
.footer-col h4{
    font-size:13px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
    color:#c9a97a;
}
.footer-col ul{
    list-style:none;
    padding:0;
    margin:0;
}
.footer-col ul li{
    margin-bottom:10px;
    font-size:14px;
    opacity:.85;
}
.footer-col ul li a{
    color:#fff;
    text-decoration:none;
    transition:.3s;
}
.footer-col ul li a:hover{
    color:#c9a97a;
}
.newsletter-form{
    display:flex;
    margin-top:10px;
}
.newsletter-form input{
    flex:1;
    padding:10px;
    border:none;
    outline:none;
}
.newsletter-form button{
    background:#c9a97a;
    border:none;
    padding:10px 14px;
    cursor:pointer;
    font-weight:bold;
}
.socials{
    margin-top:15px;
    display:flex;
    gap:12px;
    flex-wrap:wrap;
}
.socials a{
    font-size:13px;
    opacity:.8;
    color:#fff;
    text-decoration:none;
}
.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.1);
}
.bottom-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}
.footer-links-bottom a,
.lang-switch a{
    margin-right:10px;
    font-size:13px;
    opacity:.7;
    color:#fff;
    text-decoration:none;
}
.footer-links-bottom a:hover,
.lang-switch a:hover{
    color:#c9a97a;
    opacity:1;
}

@media(max-width:900px){
.nav-lang-dropdown {
  right: -80px !important;
}

    .footer-container{
        grid-template-columns:1fr;
    }
    .bottom-flex{
        flex-direction:column;
        text-align:center;
    }
}
.btn-footer-gift {
  display: none !important;
}
.leaflet-container {
    overflow: hidden
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.leaflet-tile::selection {
    background: 0 0
}

.leaflet-safari .leaflet-tile {
    image-rendering: -webkit-optimize-contrast
}

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block
}

.leaflet-container .leaflet-overlay-pane svg {
    max-width: none !important;
    max-height: none !important
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
    max-width: none !important;
    max-height: none !important;
    width: auto;
    padding: 0
}

.leaflet-container img.leaflet-tile {
    mix-blend-mode: plus-lighter
}

.leaflet-container.leaflet-touch-zoom {
    -ms-touch-action: pan-x pan-y;
    touch-action: pan-x pan-y
}

.leaflet-container.leaflet-touch-drag {
    -ms-touch-action: pinch-zoom;
    touch-action: none;
    touch-action: pinch-zoom
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none
}

.leaflet-container {
    -webkit-tap-highlight-color: transparent
}

.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, .4)
}

.leaflet-tile {
    filter: inherit;
    visibility: hidden
}

.leaflet-tile-loaded {
    visibility: inherit
}

.leaflet-zoom-box {
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 800
}

.leaflet-overlay-pane svg {
    -moz-user-select: none
}

.leaflet-pane {
    z-index: 400
}

.leaflet-tile-pane {
    z-index: 200
}

.leaflet-overlay-pane {
    z-index: 400
}

.leaflet-shadow-pane {
    z-index: 500
}

.leaflet-marker-pane {
    z-index: 600
}

.leaflet-tooltip-pane {
    z-index: 650
}

.leaflet-popup-pane {
    z-index: 700
}

.leaflet-map-pane canvas {
    z-index: 100
}

.leaflet-map-pane svg {
    z-index: 200
}

.leaflet-vml-shape {
    width: 1px;
    height: 1px
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute
}

.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-top,
.leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none
}

.leaflet-top {
    top: 0
}

.leaflet-right {
    right: 0
}

.leaflet-bottom {
    bottom: 0
}

.leaflet-left {
    left: 0
}

.leaflet-control {
    float: left;
    clear: both
}

.leaflet-right .leaflet-control {
    float: right
}

.leaflet-top .leaflet-control {
    margin-top: 10px
}

.leaflet-bottom .leaflet-control {
    margin-bottom: 10px
}

.leaflet-left .leaflet-control {
    margin-left: 10px
}

.leaflet-right .leaflet-control {
    margin-right: 10px
}

.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    opacity: 1
}

.leaflet-zoom-animated {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

svg.leaflet-zoom-animated {
    will-change: transform
}

.leaflet-zoom-anim .leaflet-zoom-animated {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1);
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1);
    transition: transform .25s cubic-bezier(0, 0, .25, 1)
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

.leaflet-zoom-anim .leaflet-zoom-hide {
    visibility: hidden
}

.leaflet-interactive {
    cursor: pointer
}

.leaflet-grab {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
    cursor: crosshair
}

.leaflet-popup-pane,
.leaflet-control {
    cursor: auto
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane>svg path,
.leaflet-tile-container {
    pointer-events: none
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane>svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted;
    pointer-events: auto
}

.leaflet-container {
    background: #ddd;
    outline-offset: 1px
}

.leaflet-container a {
    color: #0078a8
}

.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255, 255, 255, .5)
}

.leaflet-container {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1.5
}

.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .65);
    border-radius: 4px
}

.leaflet-bar a {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
    background-color: #f4f4f4
}

.leaflet-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.leaflet-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none
}

.leaflet-bar a.leaflet-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb
}

.leaflet-touch .leaflet-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    font: bold 18px "Lucida Console", Monaco, monospace;
    text-indent: 1px
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
    font-size: 22px
}

.leaflet-control-layers {
    box-shadow: 0 1px 5px rgba(0, 0, 0, .4);
    background: #fff;
    border-radius: 5px
}

.leaflet-control-layers-toggle {
    background-image: url(images/layers.html);
    width: 36px;
    height: 36px
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(images/layers-2x.html);
    background-size: 26px 26px
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 44px;
    height: 44px
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
    display: none
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
    display: block;
    position: relative
}

.leaflet-control-layers-expanded {
    padding: 6px 10px 6px 6px;
    color: #333;
    background: #fff
}

.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px
}

.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px
}

.leaflet-control-layers label {
    display: block;
    font-size: 13px;
    font-size: 1.08333em
}

.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px
}

.leaflet-default-icon-path {
    background-image: url(images/marker-icon.html)
}

.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, .8);
    margin: 0
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
    line-height: 1.4
}

.leaflet-control-attribution a {
    text-decoration: none
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
    text-decoration: underline
}

.leaflet-attribution-flag {
    display: inline !important;
    vertical-align: baseline !important;
    width: 1em;
    height: .6669em
}

.leaflet-left .leaflet-control-scale {
    margin-left: 5px
}

.leaflet-bottom .leaflet-control-scale {
    margin-bottom: 5px
}

.leaflet-control-scale-line {
    border: 2px solid #777;
    border-top: none;
    line-height: 1.1;
    padding: 2px 5px 1px;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .8);
    text-shadow: 1px 1px #fff
}

.leaflet-control-scale-line:not(:first-child) {
    border-top: 2px solid #777;
    border-bottom: none;
    margin-top: -2px
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
    border-bottom: 2px solid #777
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    box-shadow: none
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
    border: 2px solid rgba(0, 0, 0, .2);
    background-clip: padding-box
}

.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px
}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px
}

.leaflet-popup-content {
    margin: 13px 24px 13px 20px;
    line-height: 1.3;
    font-size: 13px;
    font-size: 1.08333em;
    min-height: 1px
}

.leaflet-popup-content p {
    margin: 17px 0;
    margin: 1.3em 0
}

.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-top: -1px;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none
}

.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    pointer-events: auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #fff;
    color: #333;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .4)
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    text-align: center;
    width: 24px;
    height: 24px;
    font: 16px/24px Tahoma, Verdana, sans-serif;
    color: #757575;
    text-decoration: none;
    background: 0 0
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
    color: #585858
}

.leaflet-popup-scrolled {
    overflow: auto
}

.leaflet-oldie .leaflet-popup-content-wrapper {
    -ms-zoom: 1
}

.leaflet-oldie .leaflet-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999
}

.leaflet-div-icon {
    background: #fff;
    border: 1px solid #666
}

.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #222;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4)
}

.leaflet-tooltip.leaflet-interactive {
    cursor: pointer;
    pointer-events: auto
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    position: absolute;
    pointer-events: none;
    border: 6px solid transparent;
    background: 0 0;
    content: ""
}

.leaflet-tooltip-bottom {
    margin-top: 6px
}

.leaflet-tooltip-top {
    margin-top: -6px
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
    left: 50%;
    margin-left: -6px
}

.leaflet-tooltip-top:before {
    bottom: 0;
    margin-bottom: -12px;
    border-top-color: #fff
}

.leaflet-tooltip-bottom:before {
    top: 0;
    margin-top: -12px;
    margin-left: -6px;
    border-bottom-color: #fff
}

.leaflet-tooltip-left {
    margin-left: -6px
}

.leaflet-tooltip-right {
    margin-left: 6px
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
    top: 50%;
    margin-top: -6px
}

.leaflet-tooltip-left:before {
    right: 0;
    margin-right: -12px;
    border-left-color: #fff
}

.leaflet-tooltip-right:before {
    left: 0;
    margin-left: -12px;
    border-right-color: #fff
}

@media print {
    .leaflet-control {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px
}

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

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

input,
select {
    vertical-align: middle
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

a:hover,
a:active {
    outline: none
}

input[type=radio] {
    vertical-align: text-bottom
}

input[type=checkbox] {
    vertical-align: bottom;
    *vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom
}

label,
input[type=button],
input[type=submit],
button {
    cursor: pointer
}

button {
    width: auto;
    overflow: visible
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    outline-width: 0;
    zoom: 1
}

.clear {
    float: left;
    clear: both;
    width: 100%;
    display: block
}

.noDisplay {
    display: none;
    visibility: hidden
}

form {
    display: inline
}

#languages {
    position: static;
    clear: left;
    padding: 0
}

#languages.hideonload {
    display: none
}

#pulsarflaglist {
    background-color: transparent;
    overflow: hidden;
    padding: 10px;
    padding-bottom: 20px;
    float: left;
    clear: both
}

ul#flag_menu {
    *padding-bottom: 15px;
    margin: 0;
    margin-left: 15px;
    overflow: hidden
}

ul#flag_menu li {
    list-style: none;
    float: left;
    margin: 0 12px 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f2f2f2;
    border: 1px #e6e6e6 solid;
    padding: 5px
}

ul#flag_menu a {
    width: 100px;
    height: 24px;
    padding: 0 0 0 35px;
    line-height: auto;
    display: block;
    line-height: 24px;
    font-size: 14px;
    text-decoration: none;
    color: #888;
    text-shadow: 0 1px 0 #fff
}

ul#flag_menu a:hover {
    color: #444
}

.big_flag_en {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left 0 no-repeat
}

.big_flag_fr {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -25px no-repeat
}

.big_flag_it {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -50px no-repeat
}

.big_flag_ja {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -75px no-repeat
}

.big_flag_es {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -100px no-repeat
}

.big_flag_pt {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -125px no-repeat
}

.big_flag_de {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -150px no-repeat
}

.big_flag_sv {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -175px no-repeat
}

.big_flag_da {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -200px no-repeat
}

.big_flag_ru {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -225px no-repeat
}

.big_flag_no {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -250px no-repeat
}

.big_flag_zh-tw {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -275px no-repeat
}

.big_flag_zh-cn {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -275px no-repeat
}

.big_flag_nl {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -300px no-repeat
}

.big_flag_po {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -325px no-repeat
}

.big_flag_he {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_2.png") left -350px no-repeat
}

.big_flag_ca {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -375px no-repeat
}

.big_flag_ar {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -400px no-repeat
}

.big_flag_th {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -425px no-repeat
}

.big_flag_cs {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -450px no-repeat
}

.big_flag_tr {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -473px no-repeat
}

.big_flag_fi {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -500px no-repeat
}

.big_flag_is {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_0_7.png") left -524px no-repeat
}

.big_flag_ko {
    background: url("../../novablink.com_443/commons/nova_languages/img/flags_24_ko.png") left 0 no-repeat
}

.novaboxcontrols {
    display: none
}

.novabox_caption {
    position: absolute;
    left: 15px;
    bottom: 15px;
    color: #fff;
    background: url("../../novablink.com_443/commons/nova_box/img/caption_bg.png")
}

.novabox_captiontext {
    font: 11px Arial;
    padding: 10px;
    color: #c1c1c1
}

.novabox_imagepreloader {
    background: url("../../novablink.com_443/commons/nova_box/img/ajax-loader.gif") center center no-repeat;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 20%;
    height: 20%
}

.novabox_close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 96px;
    height: 96px;
    cursor: pointer;
    background: url("../../novablink.com_443/commons/nova_box/img/close.png") no-repeat right top
}

.novabox_item_next {
    background: url("../../novablink.com_443/commons/nova_box/img/right-cursor.png") no-repeat right center;
    width: 38px;
    height: 38px;
    position: absolute;
    top: -29px;
    right: 10px
}

.novabox_item_prev {
    background: url("../../novablink.com_443/commons/nova_box/img/left-cursor.png") no-repeat right center;
    width: 38px;
    height: 38px;
    position: absolute;
    top: -29px;
    left: 10px
}

.novaboxoverlay {
    background: #000;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000
}

.novabox_wrapper {
    position: absolute;
    display: none;
    z-index: 10001;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow: hidden
}

.novabox_image {
    align: center;
    overflow: hidden
}

.novabox_image img {
    display: block;
    position: absolute;
    -ms-interpolation-mode: bicubic
}

.novabox_contain_prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACXZwQWcAAAABAAAAAQDHlV/tAAAAAnRSTlMA/1uRIrUAAAAKSURBVAjXY/gPAAEBAQAbtu5WAAAAAElFTkSuQmCC');
    *background-image: url("../../novablink.com_443/commons/nova_box/img/ie_onepixel.gif");
    cursor: url("../../novablink.com_443/commons/nova_box/img/left-cursor.png"), url("http://novablink.com/commons/nova_box/img/left-cursor.cur"), pointer
}

.novabox_wrapper_prev {
    position: relative;
    top: 50%
}

.novabox_wrapper2_prev {
    position: relative;
    top: -50%
}

.novabox_contain_next {
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
    height: 100%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACXZwQWcAAAABAAAAAQDHlV/tAAAAAnRSTlMA/1uRIrUAAAAKSURBVAjXY/gPAAEBAQAbtu5WAAAAAElFTkSuQmCC');
    *background-image: url("../../novablink.com_443/commons/nova_box/img/ie_onepixel.gif");
    cursor: url("../../novablink.com_443/commons/nova_box/img/right-cursor.png"), url("http://novablink.com/commons/nova_box/img/right-cursor.cur"), pointer
}

.novabox_wrapper_next {
    position: relative;
    top: 50%;
    text-align: right
}

.novabox_wrapper2_next {
    position: relative;
    text-align: right;
    top: -50%
}

.novabox_image_captionposition {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.novabox_image_imageonly {
    position: absolute
}

.novabox_image_viewportwidth {
    position: absolute;
    width: 100%
}

.novabox_image_viewportheight {
    position: absolute;
    height: 100%
}

.novabox_image_fullviewport {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    zoom: 1
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-widget {
    font-family: Arial, sans-serif;
    font-size: 11px
}

.ui-widget .ui-widget {
    font-size: 11px
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, sans-serif;
    font-size: 11px
}

.ui-widget-content {
    border: 0 solid #c2c2c2;
    background: #fff;
    color: #444
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 0 solid #aaa;
    background: #444;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.ui-widget-header a {
    color: #999
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 2px solid #fbfbfb;
    background: #afcfaa;
    font-weight: 400;
    color: #fff;
    text-align: center
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 2px solid #fbfbfb;
    background: #afcfaa;
    color: #fbfbfb
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background-color: #444;
    color: #fbfbfb
}

.ui-state-hover a,
.ui-state-hover a:hover {
    color: #fbfbfb;
    background: #161616;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #afcfaa !important;
    color: #fbfbfb
}

a.ui-state-active:hover {
    color: #fbfbfb !important;
    background: #161616 !important;
    text-decoration: none
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-widget :active {
    outline: none
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec;
    color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    background-image: none
}

.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url("../../novablink.com_443/commons/jquery/img/ui-icons_222222_256x240.png")
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-off {
    background-position: -96px -144px
}

.ui-icon-radio-on {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    -khtml-border-top-left-radius: 2px;
    border-top-left-radius: 2px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    -khtml-border-top-right-radius: 2px;
    border-top-right-radius: 2px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -khtml-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -khtml-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.ui-widget-overlay {
    background: #000;
    opacity: .8;
    filter: Alpha(Opacity=80)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url("../../novablink.com_443/commons/jquery/img/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.ui-dialog {
    position: absolute;
    padding: 0;
    width: 300px
}

.ui-dialog .ui-dialog-titlebar {
    padding: 10px;
    position: relative;
    height: 20px
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0;
    display: none
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 19px;
    height: 18px;
    padding: 10px
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 10px;
    background: transparent !important
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0;
    background: 0 0;
    overflow: auto;
    zoom: 1
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin: .5em 0 0;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-dialog .ui-widget-header {
    background: 0 0
}

.ui-datepicker {
    width: 510px !important;
    height: 270px;
    background: #fbfbfb;
    padding: 12px;
    display: none;
    font-size: 11px;
    z-index: 99000 !important;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0px 5px rgba(0, 0, 0, .3);
    border: 1px solid #ddd\9
}

.ui-datepicker-arrow {
    background: url("../../novablink.com_443/commons/jquery/img/cal_arrow.png") 0px 0px no-repeat;
    width: 20px;
    height: 40px;
    left: -20px;
    top: 122px;
    position: absolute
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0;
    height: 36px;
    margin-bottom: 5px
}

.ui-datepicker .ui-icon {
    background: url("../../novablink.com_443/commons/jquery/img/cal_months_nav.png") 0 0 no-repeat
}

.ui-datepicker .ui-icon-circle-triangle-e {
    background-position: 0 0
}

.ui-datepicker .ui-icon-circle-triangle-w {
    background-position: 0 -50px
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 4px;
    width: 28px;
    height: 28px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 4px;
    background: 0 0
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
    padding-left: 5px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
    padding-right: 5px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    height: 28px;
    top: 0
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
    line-height: normal;
    text-align: center;
    font-size: 14px;
    line-height: 26pt
}

.ui-datepicker .ui-datepicker-title select {
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
    font-size: 14px
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse;
    margin: 0
}

.ui-datepicker th {
    padding: 3px;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: center
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    height: 100%;
    padding: 3px 0;
    text-align: center;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    width: 100%;
    height: 70px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    position: absolute;
    bottom: 1px;
    left: 1px
}

.ui-datepicker .ui-datepicker-buttonpane button {
    width: 100%;
    height: 45px;
    background: #f4f4f4;
    margin: 0;
    cursor: pointer;
    padding: 0;
    display: block;
    width: 0 auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 100%;
    margin: 0
}

.ui-datepicker-multi .ui-datepicker-group-first {
    border-right: 1px solid #e8e8e8;
    padding-right: 5px
}

.ui-datepicker-multi .ui-datepicker-group table thead {
    height: 36px;
    color: #acacac
}

.ui-datepicker-multi .ui-datepicker-group table tbody {
    border-top: 10px solid #fbfbfb
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 249px
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last {
    padding-left: 5px
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em
}

.ui-datepicker-current {
    display: none !important;
    opacity: 1;
    filter: Alpha(Opacity=1)
}

td.ui-state-datestart span.ui-state-default {
    background: #161616 !important;
    color: #fff !important
}

td.ui-state-datestart {
    opacity: 1 !important;
    filter: none !important
}

td.ui-state-datefull {
    background: #d9acb1 !important;
    opacity: 1 !important;
    filter: none !important
}

td.ui-state-datefull span,
td.ui-state-datefull a {
    background: #d9acb1 !important
}

td.ui-state-datefull-disabled {
    background: #afcfaa !important
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 0
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 0
}

.ui-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.ncms,
.ui-widget-content {
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1*var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

:root {
    --color_text: #251810;
    --color_footer-links: #d9d8d7;
    --color_footer-links-hover: #fff;
    --color_footer-menu: #9d9d9d;
    --color_brand-primary: #521F2C;
    --color_brand-secondary: #b59770;
    --color_brand-tertiary: #d9d8d7;
    --color_brand-quaternary: #521F2C;
    --color_bg-primary: #e3d5c8;
    --color_bg-secondary: #1A1718;
    --color_bg-tertiary: #251810;
    --font-title: "Cochin", serif;
    --font-content: "acumin-pro", sans-serif;
    --font-alt: var(--font-content);
    --body-font-size: 16px;
    --body-font-weight: 300;
    --title-font-weight: 400;
    --subtitle-font-size: 15px;
    --subtitle-font-weight: 700;
    --sideabar-width: 450px;
    --top-banner-height: 600px;
    --secondary-nav-pos: calc(var(--top-banner-height) - 50px);
    --clamp-7: clamp(5rem, 3.963rem + 2.6667vw, 7rem);
    --clamp-8: clamp(5rem, 3.4444rem + 4.4444vw, 8rem);
    --clamp-9: clamp(5rem, 2.9259rem + 5.9259vw, 9rem);
    --clamp-10: clamp(5rem, 2.4074rem + 7.4074vw, 10rem);
    --clamp-12: clamp(5rem, 1.3704rem + 10.3704vw, 12rem);
    --clamp-15: clamp(5rem, -.4135rem + 15.0376vw, 15rem);
    --wrapper-max-width: 1300px;
    --wrappper-padding: var(--clamp-7);
    --wrappper-padding-extra: var(--clamp-15);
    --post-vertical-flow: 4rem;
    --post-vertical-flow-btn: 4rem;
    --form-border-color: #c7c7c7;
    --form-bcolor-color: #f9f9f9;
    --form-input-font-size: 16px;
    --form-input-color: #888
}

@font-face {
    font-family: "Cochin";
    src: url(https://www.hotelbalzac.paris/fonts/Cochin.eot);
    src: url(https://www.hotelbalzac.paris/fonts/Cochin.eot?#iefix) format("embedded-opentype"), url(https://www.hotelbalzac.paris/fonts/Cochin.woff2) format("woff2"), url(https://www.hotelbalzac.paris/fonts/Cochin.woff) format("woff"), url(https://www.hotelbalzac.paris/fonts/Cochin.ttf) format("truetype"), url(https://www.hotelbalzac.paris/fonts/Cochin.svg#Cochin) format("svg");
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: "Cochin";
    src: url(https://www.hotelbalzac.paris/fonts/Cochin-Italic.eot);
    src: url(https://www.hotelbalzac.paris/fonts/Cochin-Italic.eot?#iefix) format("embedded-opentype"), url(https://www.hotelbalzac.paris/fonts/Cochin-Italic.woff2) format("woff2"), url(https://www.hotelbalzac.paris/fonts/Cochin-Italic.woff) format("woff"), url(https://www.hotelbalzac.paris/fonts/Cochin-Italic.ttf) format("truetype"), url(https://www.hotelbalzac.paris/fonts/Cochin-Italic.svg#Cochin-Italic) format("svg");
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-display: swap
}

@font-face {
    font-family: "Cochin";
    src: url(https://www.hotelbalzac.paris/fonts/Cochin-Bold.eot);
    src: url(https://www.hotelbalzac.paris/fonts/Cochin-Bold.eot?#iefix) format("embedded-opentype"), url(https://www.hotelbalzac.paris/fonts/Cochin-Bold.woff2) format("woff2"), url(https://www.hotelbalzac.paris/fonts/Cochin-Bold.woff) format("woff"), url(https://www.hotelbalzac.paris/fonts/Cochin-Bold.ttf) format("truetype"), url(https://www.hotelbalzac.paris/fonts/Cochin-Bold.svg#Cochin-Bold) format("svg");
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
    font-display: swap
}

html {
    font-size: clamp(43%, .9vw, 62.5%)
}

body {
    font-family: var(--font-content);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: 1.6;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    -webkit-font-smoothing: antialiased
}

a {
    text-decoration: none
}

a:hover,
a:link,
a:visited,
a:active,
body {
    color: var(--color_text)
}

.title {
    /*! font-family: var(--font-title); */
    font-weight: var(--title-font-weight);
    line-height: 1;
    color: var(--color_brand-secondary);
    text-transform: uppercase
}

h1 {
    font-size: 4.4rem
}

h2 {
    font-size: 3.6rem
}

h3 {
    font-size: 3.2rem
}

h4 {
    font-size: 3rem
}

h5 {
    font-size: 14px
}

p {
    margin: 0
}

p+p {
    margin-top: 2rem
}

.p-wrap.centered p {
    text-align: center
}

li,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none;
    list-style-position: inside
}

p a:hover {
    color: var(--color_brand-primary) !important
}

.subtitle {
    display: inline-block;
    /*! font-family: var(--font-title); */
    font-size: var(--subtitle-font-size);
    font-weight: var(--subtitle-font-weight);
    line-height: 1;
    text-transform: uppercase;
    color: var(--color_brand-primary)
}

.title--section {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 3rem;
    font-size: 3rem;
    color: var(--color_brand-primary);
    text-transform: none
}


[class^=icon-]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    width: auto;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-plus:before {
    content: "+"
}

.icon-mail:before {
    content: "✉"
}

.icon-export:before {
    content: "\e715"
}

.icon-share:before {
    content: "\e73c"
}

.icon-down-open:before {
    content: "\e800"
}

.icon-left-open:before {
    content: "\e801"
}

.icon-right-open:before {
    content: "\e802"
}

.icon-up-open:before {
    content: "\e803"
}

.icon-facebook:before {
    content: "\e804"
}

.icon-twitter:before {
    content: "\e805"
}

.icon-down-open-mini:before {
    content: "\e807"
}

.icon-globe:before {
    content: "\e808"
}

.icon-left-open-mini:before {
    content: "\e809"
}

.icon-right-open-mini:before {
    content: "\e80a"
}

.icon-up-open-mini:before {
    content: "\e80b"
}

.icon-camera:before {
    content: "\e80c"
}

.icon-down-open-big:before {
    content: "\e80d"
}

.icon-left-open-big:before {
    content: "\e80e"
}

.icon-right-open-big:before {
    content: "\e80f"
}

.icon-up-open-big:before {
    content: "\e810"
}

.icon-down-dir:before {
    content: "\e811"
}

.icon-left-dir:before {
    content: "\e812"
}

.icon-dot:before {
    content: "\e813"
}

.icon-right-dir:before {
    content: "\e814"
}

.icon-up-dir:before {
    content: "\e815"
}

.icon-forward:before {
    content: "\e816"
}

.icon-cancel:before {
    content: "\e81b"
}

.icon-minus:before {
    content: "\e81c"
}

.icon-picture:before {
    content: "\e81d"
}

.icon-phone:before {
    content: "\e81e"
}

.icon-search:before {
    content: "\e820"
}

.icon-newspaper:before {
    content: "\e821"
}

.icon-doc-text-inv:before {
    content: "\e822"
}

.icon-down-circled:before {
    content: "\e824"
}

.icon-youtube-play:before {
    content: "\e827"
}

.icon-doc-text:before {
    content: "\e828"
}

.icon-pinterest:before {
    content: "\e829"
}

.icon-calendar-1:before {
    content: "\e82a"
}

.icon-youtube:before {
    content: "\e82b"
}

.icon-camera-1:before {
    content: "\e82c"
}

.icon-home:before {
    content: "\e82e"
}

.icon-check:before {
    content: "\e82f"
}

.icon-soundcloud:before {
    content: "\e831"
}

.icon-star:before {
    content: "\e834"
}

.icon-location:before {
    content: "\e835"
}

.icon-gift:before {
    content: "\e837"
}

.icon-map-1:before {
    content: "\e838"
}

.icon-ac:before {
    content: "\e839"
}

.icon-bed:before {
    content: "\e83a"
}

.icon-bedrooms:before {
    content: "\e83b"
}

.icon-linkedin:before {
    content: "\e83c"
}

.icon-shower:before {
    content: "\e83d"
}

.icon-butler:before {
    content: "\e83e"
}

.icon-champagne:before {
    content: "\e83f"
}

.icon-fruit:before {
    content: "\e840"
}

.icon-phone-1:before {
    content: "\e841"
}

.icon-garden:before {
    content: "\e842"
}

.icon-housekeeping:before {
    content: "\e843"
}

.icon-interconnecting:before {
    content: "\e844"
}

.icon-close:before {
    content: "\e845"
}

.icon-minibar:before {
    content: "\e846"
}

.icon-people:before {
    content: "\e847"
}

.icon-roomservice:before {
    content: "\e848"
}

.icon-size:before {
    content: "\e849"
}

.icon-terrace:before {
    content: "\e84a"
}

.icon-view:before {
    content: "\e84b"
}

.icon-wifi:before {
    content: "\e84c"
}

.icon-left-arrow:before {
    content: "\e84d"
}

.icon-right-arrow:before {
    content: "\e84e"
}

.icon-slimarrow-right:before {
    content: "\e84f"
}

.icon-tray:before {
    content: "\e851"
}

.icon-dryer:before {
    content: "\e852"
}

.icon-cheers:before {
    content: "\e853"
}

.icon-smarttv:before {
    content: "\e854"
}

.icon-iron:before {
    content: "\e855"
}

.icon-safe:before {
    content: "\e856"
}

.icon-products:before {
    content: "\e857"
}

.icon-soundproof:before {
    content: "\e858"
}

.icon-punch:before {
    content: "\e859"
}

.icon-cable:before {
    content: "\e85a"
}

.icon-telephone:before {
    content: "\e85b"
}

.icon-roomservice-1:before {
    content: "\e85c"
}

.icon-clock:before {
    content: "\e85d"
}

.icon-arrow-down:before {
    content: "\e85e"
}

.icon-slimarrow-left:before {
    content: "\e85f"
}

.icon-icon-plusalt:before {
    content: "\e860"
}

.icon-icon-calendaralt:before {
    content: "\e861"
}

.icon-terrace-1:before {
    content: "\e862"
}

.icon-bed-1:before {
    content: "\e863"
}

.icon-calendar:before {
    content: "\e872"
}

.icon-instagram-1:before {
    content: "\e873"
}

.icon-mail-icon:before {
    content: "\e874"
}

.icon-phone-icon:before {
    content: "\e875"
}

.icon-pin-icon:before {
    content: "\e876"
}

.icon-grid:before {
    content: "\e88b"
}

.icon-plus-1:before {
    content: "\e88c"
}

.icon-restaurant:before {
    content: "\e88d"
}

.icon-table:before {
    content: "\e88e"
}

.icon-menu-close:before {
    content: "\e898"
}

.icon-spa:before {
    content: "\e93e"
}

.icon-wheelchair:before {
    content: "\f193"
}

.icon-file-pdf:before {
    content: "\f1c1"
}

.icon-tripadvisor:before {
    content: "\f262"
}

.icon {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 30px;
    height: 30px;
    font-size: 0;
    cursor: none;
    text-indent: -9999px;
    pointer-events: none;
    color: transparent
}

.icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.icon[href*="/air"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-air.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-air.svg) no-repeat 100% 100%
}

.icon[href*="/area"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-area.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-area.svg) no-repeat 100% 100%
}

.icon[href*="/baby"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-baby.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-baby.svg) no-repeat 100% 100%
}

.icon[href*="/balcony"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-balcony.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-balcony.svg) no-repeat 100% 100%
}

.icon[href*="/bathrobe"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bathrobe.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bathrobe.svg) no-repeat 100% 100%
}

.icon[href*="/bathroom"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bathroom.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bathroom.svg) no-repeat 100% 100%
}

.icon[href*="/bed"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bed.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bed.svg) no-repeat 100% 100%
}

.icon[href*="/calendar"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-calendar.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-calendar.svg) no-repeat 100% 100%
}

.icon[href*="/coffee"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-coffee.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-coffee.svg) no-repeat 100% 100%
}

.icon[href*="/concierge"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-concierge.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-concierge.svg) no-repeat 100% 100%
}

.icon[href*="/checkin"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-checkin.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-checkin.svg) no-repeat 100% 100%
}

.icon[href*="/crib"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-crib.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-crib.svg) no-repeat 100% 100%
}

.icon[href*="/desk"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-desk.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-desk.svg) no-repeat 100% 100%
}

.icon[href*="/diamond"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-diamond.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-diamond.svg) no-repeat 100% 100%
}

.icon[href*="/dining"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-dining.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-dining.svg) no-repeat 100% 100%
}

.icon[href*="/dog"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-dog.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-dog.svg) no-repeat 100% 100%
}

.icon[href*="/drinks"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-drinks.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-drinks.svg) no-repeat 100% 100%
}

.icon[href*="/eiffel"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-eiffel.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-eiffel.svg) no-repeat 100% 100%
}

.icon[href*="/extrabed"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-extrabed.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-extrabed.svg) no-repeat 100% 100%
}

.icon[href*="/fireplace"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-fireplace.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-fireplace.svg) no-repeat 100% 100%
}

.icon[href*="/garden"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-garden.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-garden.svg) no-repeat 100% 100%
}

.icon[href*="/gift"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-gift.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-gift.svg) no-repeat 100% 100%
}

.icon[href*="/grid"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-grid.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-grid.svg) no-repeat 100% 100%
}

.icon[href*="/hair"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-hair.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-hair.svg) no-repeat 100% 100%
}

.icon[href*="/iron"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-iron.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-iron.svg) no-repeat 100% 100%
}

.icon[href*="/jacuzzi"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-jacuzzi.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-jacuzzi.svg) no-repeat 100% 100%
}

.icon[href*="/kitchen"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-kitchen.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-kitchen.svg) no-repeat 100% 100%
}

.icon[href*="/living"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-living.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-living.svg) no-repeat 100% 100%
}

.icon[href*="/lounge"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-lounge.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-lounge.svg) no-repeat 100% 100%
}

.icon[href*="/mail"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-mail.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-mail.svg) no-repeat 100% 100%
}

.icon[href*="/museum"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-museum.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-museum.svg) no-repeat 100% 100%
}

.icon[href*="/park"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-park.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-park.svg) no-repeat 100% 100%
}

.icon[href*="/parking"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-parking.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-parking.svg) no-repeat 100% 100%
}

.icon[href*="/person"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-person.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-person.svg) no-repeat 100% 100%
}

.icon[href*="/pet"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-pet.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-pet.svg) no-repeat 100% 100%
}

.icon[href*="/pool"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-pool.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-pool.svg) no-repeat 100% 100%
}

.icon[href*="/phone"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-phone.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-phone.svg) no-repeat 100% 100%
}

.icon[href*="/pin"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-pin.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-pin.svg) no-repeat 100% 100%
}

.icon[href*="/pool"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-pool.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-pool.svg) no-repeat 100% 100%
}

.icon[href*="/price"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-price.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-price.svg) no-repeat 100% 100%
}

.icon[href*="/safe"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-safe.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-safe.svg) no-repeat 100% 100%
}

.icon[href*="/size"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-size.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-size.svg) no-repeat 100% 100%
}

.icon[href*="/spa"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-spa.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-spa.svg) no-repeat 100% 100%
}

.icon[href*="/star"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-star.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-star.svg) no-repeat 100% 100%
}

.icon[href*="/terrace"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-terrace.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-terrace.svg) no-repeat 100% 100%
}

.icon[href*="/toiletries"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-toiletries.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-toiletries.svg) no-repeat 100% 100%
}

.icon[href*="/tub"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-tub.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-tub.svg) no-repeat 100% 100%
}

.icon[href*="/tv"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-tv.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-tv.svg) no-repeat 100% 100%
}

.icon[href*="/view"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-view.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-view.svg) no-repeat 100% 100%
}

.icon[href*="/vtour"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-vtour.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-vtour.svg) no-repeat 100% 100%
}

.icon[href*="/wash"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-wash.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-wash.svg) no-repeat 100% 100%
}

.icon[href*="/wifi"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-wifi.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-wifi.svg) no-repeat 100% 100%
}

.icon[href*="/silverware"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-silverware.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-silverware.svg) no-repeat 100% 100%
}

.icon[href*="/lotus"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-lotus.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-lotus.svg) no-repeat 100% 100%
}

.icon[href*="/airport"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-airport.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-airport.svg) no-repeat 100% 100%
}

.icon[href*="/train"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-train.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-train.svg) no-repeat 100% 100%
}

.icon[href*="/car"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-car.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-car.svg) no-repeat 100% 100%
}

.icon[href*="/yacht"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-yacht.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-yacht.svg) no-repeat 100% 100%
}

.icon[href*="/seaview"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-seaview.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-seaview.svg) no-repeat 100% 100%
}

.icon[href*="/minibar"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-minibar.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-minibar.svg) no-repeat 100% 100%
}

.icon[href*="/door"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-door.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-door.svg) no-repeat 100% 100%
}

.icon[href*="/disability"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-disability.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-disability.svg) no-repeat 100% 100%
}

.icon[href*="/bicycle"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bicycle.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bicycle.svg) no-repeat 100% 100%
}

.icon[href*="/castle"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-castle.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-castle.svg) no-repeat 100% 100%
}

.icon[href*="/eiffel"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-eiffel.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-eiffel.svg) no-repeat 100% 100%
}

.icon[href*="/garnier"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-garnier.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-garnier.svg) no-repeat 100% 100%
}

.icon[href*="/louvre"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-louvre.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-louvre.svg) no-repeat 100% 100%
}

.icon[href*="/montmartre"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-montmartre.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-montmartre.svg) no-repeat 100% 100%
}

.icon[href*="/shopping"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-shopping.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-shopping.svg) no-repeat 100% 100%
}

.icon[href*="/suitcase"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-suitcase.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-suitcase.svg) no-repeat 100% 100%
}

.icon[href*="/elevator"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-elevator.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-elevator.svg) no-repeat 100% 100%
}

.icon[href*="/theater"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-theater.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-theater.svg) no-repeat 100% 100%
}

.icon[href*="/payment"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-payment.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-payment.svg) no-repeat 100% 100%
}

.icon[href*="/24"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-24.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-24.svg) no-repeat 100% 100%
}

.icon[href*="/disabled"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-disabled.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-disabled.svg) no-repeat 100% 100%
}

.icon[href*="/family"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-family.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-family.svg) no-repeat 100% 100%
}

.icon[href*="/restaurant"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-restaurant.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-restaurant.svg) no-repeat 100% 100%
}

.icon[href*="/toys"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-toys.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-toys.svg) no-repeat 100% 100%
}

.icon[href*="/mountain"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-mountain.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-mountain.svg) no-repeat 100% 100%
}

.icon[href*="/ski"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-ski.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-ski.svg) no-repeat 100% 100%
}

.icon[href*="/cable-car"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-cable-car.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-cable-car.svg) no-repeat 100% 100%
}

.icon[href*="/bedding"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bedding.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bedding.svg) no-repeat 100% 100%
}

.icon[href*="/clean"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-clean.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-clean.svg) no-repeat 100% 100%
}

.icon[href*="/playground"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-playground.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-playground.svg) no-repeat 100% 100%
}

.icon[href*="/sunbed"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-sunbed.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-sunbed.svg) no-repeat 100% 100%
}

.icon[href*="/swimming-suit"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-swimming-suit.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-swimming-suit.svg) no-repeat 100% 100%
}

.icon[href*="/toothbrush"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-toothbrush.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-toothbrush.svg) no-repeat 100% 100%
}

.icon[href*="/slippers"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-slippers.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-slippers.svg) no-repeat 100% 100%
}

.icon[href*="/towel"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-towel.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-towel.svg) no-repeat 100% 100%
}

.icon[href*="/plane"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-plane.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-plane.svg) no-repeat 100% 100%
}

.icon[href*="/key"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-key.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-key.svg) no-repeat 100% 100%
}

.icon[href*="/coupon"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-coupon.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-coupon.svg) no-repeat 100% 100%
}

.icon[href*="/map"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-map.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-map.svg) no-repeat 100% 100%
}

.icon[href*="/villa"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-villa.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-villa.svg) no-repeat 100% 100%
}

.icon[href*="/tennis"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-tennis.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-tennis.svg) no-repeat 100% 100%
}

.icon[href*="/fitness"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-fitness.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-fitness.svg) no-repeat 100% 100%
}

.icon[href*="/lake"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-lake.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-lake.svg) no-repeat 100% 100%
}

.icon[href*="/barbecue"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-barbecue.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-barbecue.svg) no-repeat 100% 100%
}

.icon[href*="/helicopter"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-helicopter.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-helicopter.svg) no-repeat 100% 100%
}

.icon[href*="/standing"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-standing.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-standing.svg) no-repeat 100% 100%;
    -webkit-mask-size: 80% auto !important;
    mask-size: 80% auto !important
}

.icon[href*="/seating"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-seating.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-seating.svg) no-repeat 100% 100%
}

.icon[href*="/bucket"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bucket.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bucket.svg) no-repeat 100% 100%
}

.icon[href*="/bus"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bus.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-bus.svg) no-repeat 100% 100%
}

.icon[href*="/subway"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-subway.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-subway.svg) no-repeat 100% 100%
}

.icon[href*="/yoga"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-yoga.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-yoga.svg) no-repeat 100% 100%
}

.icon[href*="/massage"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-massage.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-massage.svg) no-repeat 100% 100%
}

.icon[href*="/menu"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-menu.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-menu.svg) no-repeat 100% 100%
}

.icon[href*="/food"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-food.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-food.svg) no-repeat 100% 100%
}

.icon[href*="/clock"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-clock.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-clock.svg) no-repeat 100% 100%
}

.icon[href*="/children"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-children.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-children.svg) no-repeat 100% 100%
}

.icon[href*="/activities"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-activities.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-activities.svg) no-repeat 100% 100%
}

.icon[href*="/boardgame"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-boardgame.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-boardgame.svg) no-repeat 100% 100%
}

.icon[href*="/indoor"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-indoor.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-indoor.svg) no-repeat 100% 100%
}

.icon[href*="/outdoor"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-outdoor.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-outdoor.svg) no-repeat 100% 100%
}

.icon[href*="/sofa"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-sofa.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-sofa.svg) no-repeat 100% 100%
}

.icon[href*="/cocktail"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-cocktail.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-cocktail.svg) no-repeat 100% 100%
}

.icon[href*="/smoke"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-smoke.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-smoke.svg) no-repeat 100% 100%
}

.icon[href*="/service"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-service.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-service.svg) no-repeat 100% 100%
}

.icon[href*="/michelin"]:after {
    background: url(https://www.hotelbalzac.paris/_img/michelin-star.svg) center center no-repeat;
    background-size: 90% auto;
    background-color: transparent !important;
    mask: none !important
}

.icon[href*="/fax"]:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-fax.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-fax.svg) no-repeat 100% 100%
}

.icon:after {
    /*! background-color: var(--color_text); */
    -webkit-mask-size: 100% auto !important;
    mask-size: 100% auto !important;
    -webkit-mask-position: center center !important;
    mask-position: center center !important
}

body {
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%
}

@media only screen and (min-width:1025px) {
    body {
        padding-top: 0
    }
}

.container {
    position: relative;
    overflow: hidden;
    z-index: 1
}

.wrapper {
    position: relative;
    width: calc(100% - 6rem);
    max-width: var(--wrapper-max-width);
    margin: 0 auto
}

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

*,
*:before,
*:after {
    box-sizing: inherit
}

.nova_editablelisting {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important
}

a.cms-editable-link {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    color: transparent
}

.cms-active a.cms-editable-link {
    position: relative;
    z-index: 100;
    top: auto;
    bottom: 0;
    display: flex;
    height: auto;
    padding: .5rem 1rem;
    text-indent: 0;
    opacity: 1;
    color: #777;
    background-color: #e1e1e1;
    align-items: center
}

.cms-active a.cms-editable-link:before {
    margin-right: 1rem;
    font-family: "fontello";
    content: "\e715"
}

.hide-mobile {
    display: none !important
}

.hide-phone {
    display: none !important
}

@media only screen and (min-width:680px) {
    .hide-phone {
        display: block !important
    }

    .hide-phone.flex {
        display: flex !important
    }
}

@media only screen and (min-width:1025px) {
    .hide-mobile {
        display: block !important
    }

    .hide-mobile.flex {
        display: flex !important
    }

    .hide-desktop {
        display: none !important
    }
}

img {
    display: block
}

.img-fit {
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 101%;
    object-fit: cover;
    object-position: center
}

.img-responsive {
    float: left;
    width: 100%;
    height: auto
}

.wrapper,
.container,
.post {
    position: relative;
    display: flow-root
}

.video-frame {
    width: 100%;
    height: 50vw;
    max-height: 600px
}

.global-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7)
}

.global-overlay.is-open {
    z-index: 10;
    display: block
}

.overlay {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    pointer-events: none;
    background-repeat: no-repeat
}

.animate img {
    -webkit-transition: transform 8s;
    -o-transition: transform 8s;
    transition: transform 8s;
    -webkit-transform: scale(1.06) translate(-10px, 10px);
    -ms-transform: scale(1.06) translate(-10px, 10px);
    -o-transform: scale(1.06) translate(-10px, 10px);
    transform: scale(1.06) translate(-10px, 10px)
}

#jsloader {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    zoom: 1;
    padding: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#jsloader div {
    float: left;
    zoom: 1;
    width: 16px;
    height: 16px;
    margin: 1px;
    opacity: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: var(--color_brand-primary)
}

.img-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%
}

.ui-widget-content {
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important
}

.ui-dialog .ui-dialog-titlebar-close {
    top: 10px !important;
    right: 10px !important
}

@media only screen and (max-width:1023px) {
    .ui-dialog {
        max-width: calc(100% - 40px)
    }

    ul#flag_menu {
        margin-left: 0;
        text-align: center
    }

    ul#flag_menu li {
        display: inline-block;
        float: none;
        text-align: left
    }

    .ui-widget-overlay {
        display: none !important
    }
}

.ui-widget-content {
    font-family: inherit
}

.ui-datepicker {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: calc(100% - 60px) !important;
    max-width: 300px;
    height: auto !important;
    padding: 19px 15px 14px;
    color: inherit;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 0 38px rgba(37, 37, 37, .13)
}

.ui-datepicker .ui-datepicker-header {
    display: flex;
    height: auto;
    margin-bottom: 15px;
    padding-right: 10px;
    padding-left: 12px;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    background-color: inherit;
    align-items: center;
    justify-content: space-between
}

.ui-datepicker .ui-datepicker-title {
    font-size: 18px;
    line-height: inherit;
    text-align: right;
    flex: 1
}

.ui-widget-header a,
.ui-widget-header a.ui-state-hover {
    color: inherit
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: static;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    content: " ";
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    background: 0 0
}

.ui-datepicker .ui-datepicker-prev {
    transform: rotate(-45deg);
    border-right: none;
    border-bottom: none
}

.ui-datepicker .ui-datepicker-next {
    margin-left: 4px;
    transform: rotate(135deg);
    border-right: none;
    border-bottom: none
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none
}

.ui-datepicker .ui-state-default {
    color: inherit;
    border: none;
    background-color: transparent
}

.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-state-highlight {
    background-color: #f2f2f2
}

.ui-datepicker-calendar .ui-state-active {
    color: #fff;
    background-color: var(--color_brand-primary) !important
}

.ui-datepicker th {
    font-weight: 400;
    text-transform: uppercase
}

.ui-datepicker td span,
.ui-datepicker td a {
    padding: 10px 0
}

.white-popup {
    position: relative;
    width: auto;
    max-width: 980px;
    margin: 20px auto;
    padding: 40px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.white-popup iframe {
    width: 100%;
    height: 54vw;
    max-height: 500px;
    margin: 0 auto
}

.mfp-close:hover,
.mfp-close:focus {
    background: 0 0
}

.post--amenities.animateMe .post-img,
.post--amenities.animateMe .post-content,
.post--listing.animateMe .post-img,
.post--listing.animateMe .post-content {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: .8s;
    transition-timing-function: ease-in-out
}

.post--amenities.animateMe .post-img,
.post--listing.animateMe .post-img {
    transition-delay: .4s
}

.post--amenities.animateMe .post-content,
.post--listing.animateMe .post-content {
    transform: translateY(50%)
}

.post--amenities.active .post-content,
.post--amenities.active .post-img,
.post--listing.active .post-content,
.post--listing.active .post-img {
    opacity: 1
}

.post--amenities.active .post-content,
.post--listing.active .post-content {
    transform: translateY(0)
}

.animateMe.fade {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .8s;
    transition-timing-function: ease-in-out
}

.animateMe.fade.active {
    opacity: 1
}

.animateMe.fade-up {
    opacity: 0;
    transform: translateY(200px);
    transition-property: opacity, transform;
    transition-duration: .8s;
    transition-timing-function: ease-in-out
}

.animateMe.fade-up.active {
    opacity: 1;
    transform: translateY(0)
}

.animateMe.fade-up-children>* {
    opacity: 0;
    transition-property: opacity;
    transition-duration: .8s;
    transition-timing-function: ease-in-out
}

.animateMe.fade-up-children.active>* {
    opacity: 1
}

.container--slideshow.animateMe .slideshow {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: .5s;
    transition-timing-function: ease-in-out
}

.container--slideshow.active .slideshow {
    opacity: 1
}

.preloader {
    transition: all .8s ease-in-out 1s
}

.preloader .logo {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: .5s;
    transition-timing-function: ease-in-out
}

.preloader.active {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    z-index: 9
}

.preloader.active .logo {
    opacity: 1
}

header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    clear: left;
    width: 100%;
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
    overflow: visible
}

header .wrapper {
    max-width: calc(100% - 40px);
    height: 80px;
    overflow: visible;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
    justify-content: space-between;
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

header .logo {
    overflow: hidden;
    width: 180px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5
}

header .logo img {
    width: 100%;
    max-width: 100%;
    height: auto
}

header .overlay {
    height: 200px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 100%);
    transition: all .5s cubic-bezier(.165, .84, .44, 1)
}

header .logo-fix {
    display: none
}

header.is-hiding .wrapper {
    height: 80px
}

header.is-hiding .btn-desktop-sidebar {
    color: var(--color_brand-primary)
}

header.is-hiding .btn-desktop-sidebar .hamburger-wrap span {
    background-color: #fff
}

header.is-hiding a.btn-book {
    background-color: var(--color_brand-secondary);
    border-color: var(--color_brand-secondary);
    color: #fff;
    padding: 1.5rem 4rem
}

header.is-hiding a.btn-book:hover {
    background-color: var(--color_brand-primary);
    border: 1px solid var(--color_brand-primary);
    color: #fff
}

header.is-hiding.is-fixed {
    position: fixed;
    top: 0;
    opacity: 1;
    background-color: #341019;
}

header.is-hiding.is-fixed .overlay {
    opacity: 0
}

@media only screen and (min-width:680px) {
    header {
        clear: right
    }
}

@media only screen and (min-width:1025px) {
    header {
        clear: none
    }

    header .wrapper {
        max-width: calc(100% - 60px);
        height: 110px;
        gap: 20px;
        flex-direction: row
    }

    header .header-links.left {
        justify-content: flex-start
    }

    header .header-links.right {
        justify-content: flex-end
    }

    header .logo {
        width: 345px;
        position: relative;
        top: 0;
        left: 0;
        transform: none
    }

    header.is-hiding .wrapper {
        height: 110px
    }
}

.header-links {
    position: relative;
    left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3rem;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

.header-links>li {
    display: flex;
    align-items: center
}

.header-links .lang-btn {
    color: #161616;
    display: flex;
    align-items: center;
    padding: 0;
    line-height: 1;
    font-weight: 400
}

.header-links .lang-btn:before {
    display: none
}

.header-links .lang-btn:after {
    content: "\e807";
    font-family: "fontello";
    font-size: 20px;
    color: #161616;
    margin-left: 5px
}

.header-links.left {
    gap: 2rem;
    justify-content: flex-end;
    align-items: center
}

.header-links.right {
    align-items: center;
    gap: 3rem
}

.header-links.right .btn-desktop-sidebar .hamburger-wrap {
    margin-right: 0
}

.header-links.right a.mail-icon,
.header-links.right a.pin-icon,
.header-links.right a.phone-icon {
    width: 21px;
    height: 30px
}

.header-links.right a.mail-icon:after,
.header-links.right a.pin-icon:after,
.header-links.right a.phone-icon:after {
    background-color: #fff
}

.header-links.right .lang-links li,
.header-links.right .lang-links a {
    color: #fff
}

a.mail-icon,
a.pin-icon,
a.phone-icon {
    display: inline-block;
    width: 27px;
    height: 32px;
    position: relative;
    text-indent: -9999px;
    color: transparent
}

a.mail-icon:after,
a.pin-icon:after,
a.phone-icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-size: 100% auto !important;
    mask-size: 100% auto !important;
    -webkit-mask-position: center center !important;
    mask-position: center center !important;
    background-color: #161616
}

a.phone-icon:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-phone.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-phone.svg) no-repeat 100% 100%
}

a.pin-icon:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-pin.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-pin.svg) no-repeat 100% 100%
}

a.mail-icon:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-mail.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-mail.svg) no-repeat 100% 100%
}

.drop-links {
    display: none;
    position: absolute;
    top: 48px;
    right: 0;
    min-width: 100%;
    padding: 20px 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    flex-direction: column;
    gap: 20px
}

.drop-links.active {
    display: flex
}

.drop-links li {
    position: relative;
    display: flex;
    flex-direction: column
}

.drop-links li .btn {
    width: 100%;
    padding: 15px 10px;
    font-size: 12px
}

.cms-active .drop-links {
    display: flex !important
}

.page-banner {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #161616
}

.page-banner .img-wrap {
    height: 54vw;
    min-height: 350px
}

.page-banner .overlay {
    top: auto;
    bottom: 0;
    height: 200px;
    background: linear-gradient(to top, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}

.page-banner .title {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    opacity: 0;
    text-align: center;
    padding-bottom: 70px;
    background: url(https://www.hotelbalzac.paris/_img/line-banner-title.svg) center bottom no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3;
    transition-delay: .4s
}

.page-banner .title .subtitle {
    font-size: 18px;
    color: #fff;
    padding-bottom: 2rem
}

@media only screen and (min-width:1025px) {
    .page-banner .img-wrap {
        height: var(--top-banner-height)
    }
}

.sidebar-navigation {
    -webkit-overflow-scrolling: touch;
    background-color: var(--color_brand-quaternary);
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
    height: 100%;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transform: translate3d(150%, 0, 0);
    transition: transform .8s cubic-bezier(.4, 0, .2, 1) .2s;
    width: 100%;
    z-index: 999
}

.sidebar-navigation.is-open {
    transform: translate3d(0, 0, 0)
}

.sidebar-navigation .inner {
    height: 100vh;
    overflow: visible;
    padding: 60px 40px;
    width: 100%;
    overflow: auto !important;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.sidebar-navigation nav {
    margin: auto;
    width: 100%
}

.sidebar-navigation .sidebar-nav-close {
    color: var(--color_brand-tertiary);
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 10
}

.sidebar-navigation a.logo-sidebar {
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 300px;
    z-index: 1
}

.sidebar-navigation a.logo-sidebar img {
    height: auto;
    width: 100%
}

.sidebar-navigation a.sidebar-nav-close:hover {
    color: var(--color_brand-secondary)
}

.sidebar-navigation .menu {
    position: relative;
    width: 100%
}

.sidebar-navigation .menu>li {
    line-height: 1;
    position: relative;
    text-align: right
}

.sidebar-navigation .menu>li>a {
    color: #fff;
    display: inline-block;
    font-family: var(--font-title);
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    text-transform: none
}

.sidebar-navigation .menu>li>a:hover,
.sidebar-navigation .menu>li.is-active>a {
    color: var(--color_brand-secondary)
}

.sidebar-navigation .menu li.drop-me>a {
    padding-right: 30px !important;
    position: relative
}

.sidebar-navigation .menu li.drop-me>a:after {
    align-items: center;
    color: #fff;
    content: "\e80d";
    display: flex;
    font-family: "fontello";
    font-size: 12px;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 52%;
    transform: translateY(-50%);
    transition: .2s;
    width: 20px
}

.sidebar-navigation .menu li.is-open a.dropdown-btn:after {
    content: "\e803"
}

.sidebar-navigation .menu ul a.is-active {
    color: var(--color_brand-primary) !important
}

.sidebar-navigation .menu .extra-link {
    display: none
}

.sidebar-navigation .menu:hover>li a:hover {
    color: var(--color_brand-secondary)
}

.sidebar-navigation .menu:hover>li a:not(:hover) {
    color: rgba(255, 255, 255, .6)
}

.sidebar-navigation .drop-menu {
    display: none;
    padding-bottom: 5px
}

.sidebar-navigation .drop-menu li {
    overflow: hidden;
    width: 100%;
    position: relative
}

.sidebar-navigation .drop-menu a {
    color: var(--color_brand-tertiary);
    display: inline-block;
    font-family: var(--font-title);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding: 10px 0;
    width: auto !important
}

.sidebar-navigation .drop-menu a:hover {
    color: var(--color_brand-secondary)
}

.sidebar-navigation .drop-menu li>a.drop-btn {
    position: relative;
    padding-right: 30px
}

.sidebar-navigation .drop-menu li>a.drop-btn:after {
    align-items: center;
    color: #fff;
    content: "\e80d";
    display: flex;
    font-family: "fontello";
    font-size: 12px;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 52%;
    transform: translateY(-50%);
    transition: .2s;
    width: 20px
}

.sidebar-navigation .menu-alt {
    margin-top: 4rem;
    position: relative
}

.sidebar-navigation .menu-alt a.lang-btn {
    text-transform: none
}

.sidebar-navigation .menu-alt a.lang-btn:before {
    display: none !important
}

.sidebar-navigation .menu-alt li {
    text-align: left
}

.sidebar-navigation .menu-alt a {
    color: var(--color_brand-tertiary);
    display: inline-block;
    font-family: var(--font-content);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding: 10px 0
}

.sidebar-navigation .menu-alt a.is-active {
    color: var(--color_brand-primary) !important
}

.sidebar-navigation .menu-alt a:hover {
    color: var(--color_brand-primary)
}

@media only screen and (min-width:680px) {
    .sidebar-navigation .inner {
        padding: 80px 60px
    }
}

@media only screen and (min-width:1025px) {
    .sidebar-navigation {
        left: 0;
        right: auto;
        overflow: hidden;
        transform: translate3d(0, 0, 0);
        opacity: 0;
        pointer-events: none;
        transition: all .3s ease-in-out
    }

    .sidebar-navigation.is-open {
        opacity: 1;
        pointer-events: all
    }

    .sidebar-navigation .inner {
        bottom: 0;
        height: auto;
        left: 0;
        top: 0;
        padding: 50px 60px;
        position: absolute;
        width: var(--sideabar-width);
        z-index: 3;
        background-color: transparent
    }
}

.cms-active .sidebar-navigation {
    transform: translate3d(150%, 0, 0)
}

.cms-active .sidebar-navigation.is-open {
    transform: translate3d(0, 0, 0)
}

.menu-images {
    align-items: center;
    bottom: 0;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    background-color: var(--color_brand-quaternary)
}

.menu-images>a {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all .3s ease-in-out
}

.menu-images>a.active {
    z-index: 3;
    opacity: 1
}

.menu-images>a img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: .2
}

.secondary-navigation {
    left: 0;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 4;
    z-index: 998;
    background-color: rgba(193, 170, 132, .8);
    display: none
}

.secondary-navigation .inner {
    -webkit-overflow-scrolling: touch;
    margin: 0 auto;
    max-width: 1200px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

.secondary-navigation .submenu {
    height: 40px;
    width: auto
}

.secondary-navigation .submenu>li:not(.is-active),
.secondary-navigation .submenu>li>a {
    display: none
}

.secondary-navigation .submenu>.drop-me.is-active {
    display: block
}

.secondary-navigation .submenu .drop-menu {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.secondary-navigation .submenu li {
    display: inline
}

.secondary-navigation .submenu a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
    padding: 0 10px;
    text-transform: uppercase
}

.secondary-navigation .submenu a.is-active {
    font-weight: 700
}

.secondary-navigation .submenu.is-active {
    display: inline-block
}

.secondary-navigation.is-active {
    display: inline-block
}

@media only screen and (min-width:1025px) {
    .secondary-navigation {
        overflow: visible;
        position: absolute;
        top: var(--secondary-nav-pos);
        z-index: 1;
        background: var(--color_bg-primary)
    }

    .secondary-navigation .inner {
        display: flex;
        max-width: 100%
    }

    .secondary-navigation .submenu {
        display: flex;
        flex-direction: column;
        height: 50px;
        overflow: visible;
        width: 100%
    }

    .secondary-navigation .submenu>li {
        height: 50px
    }

    .secondary-navigation .submenu>.drop-me.is-active {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 100%
    }

    .secondary-navigation .submenu>.drop-me.is-active:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 1300px;
        height: 1px;
        background-color: var(--color_brand-secondary);
        z-index: 0
    }

    .secondary-navigation .submenu>.drop-me.is-active .drop-menu {
        background: 0 0
    }

    .secondary-navigation .submenu .drop-menu {
        height: 50px;
        position: relative;
        z-index: 1
    }

    .secondary-navigation .submenu .drop-menu li {
        margin: 0 2rem;
        height: 50px;
        display: flex;
        align-items: center
    }

    .secondary-navigation .submenu a {
        align-items: center;
        background: 0 0;
        color: var(--color_brand-secondary);
        display: flex;
        /*! font-family: var(--font-title); */
        font-size: 15px;
        font-weight: 700;
        justify-content: center;
        line-height: 1;
        overflow: visible;
        padding: .8rem 0 .5rem;
        text-transform: uppercase;
        border-bottom: 1px solid transparent;
        height: 50px
    }

    .secondary-navigation .submenu a:hover {
        color: var(--color_brand-primary)
    }

    .secondary-navigation .submenu a.is-active {
        color: var(--color_brand-primary);
        font-weight: 700;
        position: relative;
        border-color: var(--color_brand-primary)
    }
}

footer {
    padding-bottom: 105px;
    position: relative;
    z-index: 1;
    background-color: var(--color_bg-secondary)
}

@media only screen and (min-width:1025px) {
    footer {
        padding-bottom: 0
    }
}

footer .row {
    position: relative;
    width: 100%
}

footer .row .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
    max-width: 1300px
}

footer .row:nth-of-type(1) {
    padding-top: var(--clamp-7);
    padding-bottom: var(--clamp-7)
}

footer .row:nth-of-type(1) .lang-links {
    display: none
}

footer .row:nth-of-type(2) {
    padding-bottom: 3rem
}

footer .row:nth-of-type(2) .wrapper {
    flex-direction: column-reverse
}

@media only screen and (min-width:680px) {
    footer .row .wrapper {
        width: calc(100% - 60px)
    }
}

@media only screen and (min-width:1025px) {
    footer .row:nth-of-type(1) .lang-links {
        position: absolute;
        top: 0;
        right: 0;
        display: flex
    }

    footer .row:nth-of-type(2) .wrapper {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end
    }

    footer .row:nth-of-type(2) .lang-links {
        display: none
    }
}

.newsletter {
    margin-bottom: 7rem;
    order: 1
}

.newsletter .field {
    margin: 0;
    gap: 5rem
}

@media only screen and (min-width:1025px) {
    .newsletter {
        margin-bottom: 0;
        order: initial
    }

    .newsletter .field {
        flex-direction: row;
        margin-bottom: 0
    }
}

.newsletter .field input {
    padding: 0;
    font-family: var(--font-title);
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    background: 0 0;
    border: none;
    padding-bottom: 8px;
    text-transform: uppercase
}

.newsletter .field input.text {
    min-width: 200px;
    border-bottom: 1px solid var(--color_brand-secondary)
}

.logo-footer {
    align-items: center;
    display: flex;
    max-width: 429px;
    position: relative;
    width: 100%;
    margin-bottom: 4rem
}

.logo-footer img {
    height: auto;
    width: 100%
}

.lang-links {
    display: flex
}

.lang-links li {
    display: flex
}

.lang-links li,
.lang-links a {
    color: var(--color_footer-menu);
    font-family: var(--font-title);
    font-size: 15px;
    font-weight: 700;
    line-height: 2;
    text-transform: uppercase
}

.lang-links li:hover,
.lang-links a:hover {
    color: #fff
}

.lang-links>*+*:before {
    content: "|";
    margin: 0 5px
}

.footer-links {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media only screen and (min-width:680px) {
    .footer-links {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center
    }

    .footer-links>*+*:before {
        content: "|";
        margin: 0 15px;
        color: #b9b9b9
    }
}

.footer-links>li>a,
.footer-links>li {
    color: var(--color_footer-links);
    font-family: var(--font-title);
    font-size: 14px;
    font-weight: 700;
    line-height: 2;
    text-transform: uppercase
}

.footer-links a:hover {
    color: var(--color_footer-links-hover)
}

.footer-menu {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 7rem
}

.footer-menu>*+*:before {
    content: "|";
    margin: 0 5px;
    color: var(--color_footer-menu)
}

.footer-menu li {
    display: flex;
    align-items: center
}

.footer-menu li,
.footer-menu a {
    color: var(--color_footer-menu);
    font-family: var(--font-title);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap
}

.footer-menu a:hover {
    color: var(--color_brand-tertiary)
}

@media only screen and (min-width:1025px) {
    .footer-menu {
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 0;
        flex: 1
    }
}

.footer-logos {
    display: flex;
    gap: 2rem;
    margin-bottom: 7rem
}

@media only screen and (min-width:1025px) {
    .footer-logos {
        margin-bottom: 0;
        flex: 1;
        justify-content: flex-end
    }
}

.social {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-start
}

.social a {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    color: var(--color_brand-tertiary);
    display: flex;
    flex-direction: column;
    font-size: 0;
    height: 40px;
    justify-content: center;
    line-height: 1;
    text-indent: -9999px;
    width: 40px
}

.social a:hover {
    background-color: var(--color_brand-secondary);
    border-color: var(--color_brand-secondary);
    color: #fff
}

.social a:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: "fontello";
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    text-indent: 0;
    text-transform: none;
    width: auto
}

.social a[href*=facebook]:before {
    content: "\e804"
}

.social a[href*=instagram]:before {
    content: "\e873"
}

.social a[href*=twitter]:before {
    content: "\e805"
}

.social a[href*=youtube]:before {
    content: "\e82b"
}

.social a[href*=tripadvisor]:before {
    content: "\f262"
}

.social a[href*=linkedin]:before {
    content: "\e83c"
}

.footer-bar-mobile {
    align-items: stretch;
    background-color: #fff;
    bottom: 0;
    box-shadow: 0px 0px 15px rgba(14, 14, 14, .1);
    display: flex;
    gap: 15px;
    justify-content: space-between;
    left: 0;
    padding: 20px 10px;
    position: fixed;
    right: 0;
    z-index: 5;
    z-index: 997;
    box-sizing: border-box
}

.footer-bar-mobile>div {
    line-height: 1.5;
    padding-right: 20px
}

.footer-bar-mobile a.btn-footer-bar {
    background-color: var(--color_brand-primary);
    border: none;
    color: #fff;
    font-family: var(--font-title);
    font-size: 17px;
    font-weight: 700;
    margin-top: 0;
    padding-bottom: 2.3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 2.4rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.footer-bar-mobile a.btn-footer-gift {
    border: 1px solid var(--color_brand-primary);
    color: transparent;
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 80px
}

.footer-bar-mobile a.btn-footer-gift:after {
    -webkit-mask-position: center center !important;
    -webkit-mask-size: 50% auto !important;
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-gift.svg) no-repeat 100% 100%;
    background-color: var(--color_brand-primary);
    content: "";
    height: 100%;
    left: 0;
    mask-position: center center !important;
    mask-size: 50% auto !important;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-gift.svg) no-repeat 100% 100%;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width:1025px) and (max-height:700px) {
    .page-banner .img-wrap {
        height: 400px
    }

    .secondary-navigation {
        top: 350px
    }

    .sidebar-navigation .logo-sidebar,
    .sidebar-navigation .symbol,
    a.book-menu-logo,
    a.logo-sidebar.hide-mobile.flex {
        display: none !important
    }

    .sidebar-navigation .inner {
        padding-top: 80px
    }

    .sidebar-navigation .menu>li>a {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .sidebar-navigation .menu-alt {
        margin-top: 20px
    }
}

@media only screen and (max-height:500px) {
    .sidebar-navigation:before {
        display: none
    }
}

.cms-active .press-listing li:after,
.cms-active .parallax:after,
.cms-active .container--cta:after,
.cms-active .card .card-img:after,
.cms-active .thumb-img:after,
.cms-active .page-banner:after,
.cms-active .parallax:after,
.cms-active .slideshow:after,
.cms-active .post--highlight .post-img:after,
.cms-active .post--listing .post-img:after {
    content: "min image size:";
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: red;
    z-index: 5
}

.cms-active .press-listing li:after {
    content: "min image size: 400px x 500px"
}

.cms-active .thumb .thumb-img:after {
    content: "min image size: 600px x 400px"
}

.cms-active .card .card-img:after {
    content: "min image size: 700px x 500px"
}

.cms-active.overview .card .card-img:after {
    content: "min image size: 1400px x 1000px"
}

.cms-active .container--offers .card .card-img:after {
    content: "min image size: 1200px x 800px"
}

.cms-active .post--listing .post-img:after {
    content: "min image size: 800px x 800px"
}

.cms-active .post--highlight .post-img:after {
    content: "min image size: 750px x 600px"
}

.cms-active .parallax:after {
    content: "min image size: 2200px x 1400px"
}

.cms-active .page-banner:after {
    content: "recommended min image size: 2200px x 950px";
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    z-index: 3
}

.cms-active .slideshow:after {
    content: "gallery image min size recommended: 2200px x 1600px";
    bottom: 0;
    right: 0;
    left: auto;
    top: auto
}

.hamburger-wrap {
    position: relative;
    display: flex;
    width: 30px;
    height: 23px;
    align-content: space-between;
    flex-wrap: wrap
}

.hamburger-wrap span {
    display: inline-block;
    width: 100%;
    height: 1px;
    transition: all .3s ease-in-out;
    background-color: #161616
}

.btn-desktop-sidebar {
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-family: var(--font-title);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    align-items: center;
    flex: 1
}

.btn-desktop-sidebar .hamburger-wrap {
    width: 30px;
    height: 20px;
    display: flex;
    flex-direction: row
}

.btn-desktop-sidebar .hamburger-wrap+span {
    margin-top: 2px
}

.btn-desktop-sidebar .hamburger-wrap span {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #fff
}

.btn-desktop-sidebar .hamburger-wrap span:nth-of-type(3) {
    width: 50%
}

.btn-desktop-sidebar:hover .hamburger-wrap span {
    width: 100%;
    background-color: #fff
}

.btn-desktop-sidebar:hover .hamburger-wrap span:nth-of-type(2) {
    left: 0;
    width: 100%
}

.btn-desktop-sidebar:hover .hamburger-wrap span:nth-of-type(3),
.btn-desktop-sidebar:hover .hamburger-wrap span:nth-of-type(1) {
    width: 100%
}

.btn-mobile-sidebar {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    display: flex;
    width: 75px;
    height: 75px;
    cursor: pointer;
    justify-content: center;
    align-items: center
}

.btn-mobile-sidebar .hamburger-wrap {
    width: 25px;
    height: 22px
}

.btn-mobile-sidebar .hamburger-wrap span {
    background-color: #161616
}

.btn-mobile-sidebar.is-open .hamburger-wrap span {
    background-color: #999
}

.google-map,
#ggmap {
    height: calc(100vh - 75px);
    min-height: 350px;
    max-height: 600px
}

.google-map div,
#ggmap div {
    -webkit-box-sizing: initial !important;
    -moz-box-sizing: initial !important;
    box-sizing: initial !important
}

#map-canvas {
    overflow-anchor: none
}

.gm-style .gm-style-iw-c {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%);
    background-color: #fff;
    border-radius: 8px;
    padding: 12px;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .3)
}

.gm-style .gm-style-iw-d div {
    font-family: var(--font-content);
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .055em;
    text-transform: uppercase;
    color: var(--color_brand-primary)
}

ul.g_options li a {
    margin-right: 15px;
    font-size: 12px;
    color: #ccc
}

.gm-style a {
    font-size: 12px;
    color: #ccc
}

ul.g_hotelinfo_wrap {
    width: calc(100% - 40px) !important;
    max-width: 300px;
    margin-right: 40px;
    margin-bottom: 40px;
    padding-right: 40px !important;
    padding-bottom: 0 !important
}

ul.g_options {
    display: none
}

ul.g_options li a.g_showaround,
ul.g_options li a.g_getdirections {
    padding-left: 0;
    line-height: 20pt;
    background: 0 0
}

ul.g_hotelinfo_wrap li.g_hotelname {
    padding-bottom: 10px;
    display: block !important
}

@media only screen and (min-width:680px) {
    ul.g_options {
        display: inline-block
    }

    #ggmap {
        height: 54vw
    }
}

@media only screen and (min-width:800px) {
    ul.g_options li {
        float: left;
        white-space: nowrap
    }

    ul.g_options li a.g_showaround,
    ul.g_options li a.g_getdirections {
        padding-left: 30px;
        background: url("../../novablink.com_443/commons/nova_ggmap/img/gmap_nova_icons.png") 0 -90px no-repeat
    }

    ul.g_options li a.g_showaround {
        background: url("../../novablink.com_443/commons/nova_ggmap/img/gmap_nova_icons.png") 0 0 no-repeat
    }

    ul.g_hotelinfo_wrap {
        margin-right: 100px;
        margin-bottom: 10px
    }
}

a.lang-btn {
    position: relative;
    display: block;
    padding: 15px 40px 14px 0;
    text-transform: uppercase
}

a.lang-btn:before {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    content: "";
    opacity: .8;
    background: url("../_img/flags_14_circles_updated.png") left 0 no-repeat
}

a.lang-btn:hover:before {
    opacity: 1
}

body.en .lang-btn:before {
    background-position: left 0
}

body.fr .lang-btn:before {
    background-position: left -15px
}

body.it .lang-btn:before {
    background-position: left -30px
}

body.ja .lang-btn:before {
    background-position: left -45px
}

body.es .lang-btn:before {
    background-position: left -60px
}

body.pt .lang-btn:before {
    background-position: left -75px
}

body.de .lang-btn:before {
    background-position: left -90px
}

body.sv .lang-btn:before {
    background-position: left -105px
}

body.da .lang-btn:before {
    background-position: left -120px
}

body.ru .lang-btn:before {
    background-position: left -135px
}

body.no .lang-btn:before {
    background-position: left -150px
}

body.zh-tw .lang-btn:before {
    background-position: left -165px
}

body.zh-cn .lang-btn:before {
    background-position: left -165px
}

body.nl .lang-btn:before {
    background-position: left -180px
}

body.po .lang-btn:before {
    background-position: left -195px
}

body.ar .lang-btn:before {
    background-position: left -285px
}

body.el .lang-btn:before {
    background-position: left -300px
}

.container--slideshow {
    background-color: #161616 !important;
    position: relative;
    overflow: hidden
}

.container--slideshow a.back-btn {
    min-height: 38px;
    position: absolute;
    left: 40px;
    bottom: 2rem;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #f7f4ea;
    text-transform: uppercase;
    z-index: 3;
    padding-left: 28px;
    padding-top: 2px;
    align-items: center;
    z-index: 3
}

.container--slideshow a.back-btn:after {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    width: 17px;
    height: 17px;
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-grid.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-grid.svg) no-repeat 100% 100%;
    background-color: #f7f4ea;
    -webkit-mask-size: 100% auto !important;
    mask-size: 100% auto !important;
    -webkit-mask-position: center center !important;
    mask-position: center center !important;
    transform: scaleX(-1)
}

.container--slideshow a.back-btn:hover {
    color: var(--color_brand-secondary)
}

.container--slideshow .swiper-nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    left: 0;
    display: flex;
    width: 100%;
    padding: 0 10px;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--color_brand-primary);
    align-items: flex-start;
    justify-content: space-between
}

.container--slideshow .swiper-nav>div {
    display: flex;
    width: 30px;
    height: 30px;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    pointer-events: auto;
    opacity: 1;
    color: #fff;
    border-radius: 0;
    background-color: rgba(0, 0, 0, .6);
    align-items: center;
    justify-content: center
}

.container--slideshow .swiper-nav>div:hover {
    color: #fff;
    border-color: var(--color_brand-primary);
    background-color: var(--color_brand-primary)
}

.container--slideshow .swiper-nav>div:first-child {
    border-right: none
}

.container--slideshow .swiper-pagination {
    position: absolute;
    bottom: 30px;
    right: 20px
}

.container--slideshow .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 1px solid #fff
}

.container--slideshow .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff
}

.slideshow {
    z-index: 0;
    height: calc(100vh - 175px);
    min-height: 350px;
    background-color: #111;
    position: relative;
    overflow: hidden;
    transition: all .8s ease-in-out
}

.slideshow .novahover_overlay {
    display: none !important
}

.slideshow .swiper a,
.slideshow .swiper a.swiper-slide {
    cursor: initial;
    pointer-events: none
}

@media only screen and (min-width:680px) {
    .slideshow {
        height: 60vh
    }
}

@media only screen and (min-width:1025px) {
    .slideshow {
        height: 100vh
    }
}

a.btn-book,
.btn-book,
a.btn-primary,
.btn-primary {
    clear: both;
    cursor: pointer;
    border-radius: 3px;
    display: inline-block;
    /*! font-family: var(--font-title); */
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    padding: 1.8rem 4rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s ease-in-out
}

a.btn-primary,
.btn-primary {
    border: 1px solid var(--color_brand-secondary);
    background-color: transparent;
    color: var(--color_brand-primary);
    position: relative
}

a.btn-primary:hover,
.btn-primary:hover {
    background-color: var(--color_brand-secondary);
    border-color: var(--color_brand-secondary);
    color: var(--color_brand-primary)
}

a.btn-secondary,
.btn-secondary {
    display: inline-block;
    /*! font-family: var(--font-title); */
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 8px;
    position: relative;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    color: var(--color_brand-primary);
    position: relative
}

a.btn-secondary:after,
.btn-secondary:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: var(--color_brand-secondary);
    transition: all .2s ease-in-out
}

a.btn-secondary:hover,
.btn-secondary:hover {
    color: var(--color_brand-secondary)
}

a.btn-secondary:hover:after,
.btn-secondary:hover:after {
    width: 100%
}

a.btn-secondary.center,
.btn-secondary.center {
    text-align: center
}

a.btn-secondary.center:after,
.btn-secondary.center:after {
    left: 50%;
    transform: translateX(-50%)
}

a.btn-book,
.btn-book {
   background-color: white;
    border: 1px solid var(--color_brand-primary);
    color: #341019;
    padding: 1.5rem 4rem

}

a.btn-book:hover,
.btn-book:hover {
    background-color: var(--color_brand-secondary);
    border-color: var(--color_brand-secondary);
    color: #fff
}

.btn-submit {
    cursor: pointer
}

.btn-wrap {
    clear: both;
    column-gap: 3rem;
    display: flex;
    flex-wrap: wrap;
    row-gap: 2rem;
    width: 100%
}

a.text-link {
    color: #000;
    display: inline-block;
    font-family: var(--font-content);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    position: relative;
    padding-bottom: .5rem
}

a.text-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80%;
    height: 1px;
    background-color: var(--color_brand-primary);
    transform: translateX(-50%)
}

a.text-link:hover {
    color: var(--color_brand-primary)
}

a.text-link:hover:after {
    width: 100%
}

.novabox_contain_next {
    cursor: url("../../novablink.com_443/commons/nova_box/img/right-cursor.png"), url("http://novablink.com/commons/nova_box/img/right-cursor.cur"), pointer;
    background-image: none
}

.novabox_contain_prev {
    cursor: url("../../novablink.com_443/commons/nova_box/img/left-cursor.png"), url("http://novablink.com/commons/nova_box/img/left-cursor.cur"), pointer;
    background-image: none
}

.gallery-montage {
    position: relative;
    width: 100%
}

.gallery-montage a {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.gallery-montage a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    font-family: "object-fit: cover; object-position: center;";
    transition: all 1s ease-in-out;
    object-fit: cover;
    object-position: center center;
    opacity: 1 !important
}
@font-face {
    font-family: "fontello";
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/fontello.eot);
    src: url(../fonts/fontello.eot#iefix) format("embedded-opentype"),
     url(../fonts/fontello.woff2) format("woff2"), 
     url(../fonts/fontello.woff) format("woff"),
      url(../fonts/fontello.ttf) format("truetype");
    font-display: swap
}

.gallery-montage a:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    width: 7rem;
    height: 7rem;
    font-family: "fontello";
    font-size: 4rem;
    line-height: 1;
    content: "\e820";
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    color: #fff;
    background: var(--color_brand-primary);
    align-items: center;
    justify-content: center;
    z-index: 5;
    transition: all .3s ease-in-out
}

.gallery-montage a:hover img {
    transform: scale(1.2, 1.2)
}

.gallery-montage a:hover:before {
    opacity: 1
}

.novahover_text_wrap {
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #000
}

.novahover_text {
    margin: 13px 15px 12px;
    padding-left: 40px;
    font-size: 12px;
    line-height: normal;
    color: #ddd
}

.novabox_captiontext {
    padding: 10px 20px;
    font-size: 12px;
    color: #fbfbfb;
    text-shadow: none
}

.novabox_caption {
    background: #161616
}

.novabox_contain_next,
.novabox_contain_prev {
    cursor: pointer
}

.novabox_contain_next:before,
.novabox_contain_prev:before {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 1em;
    font-family: "fontello";
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    transform: translateY(-50%);
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, .7)
}

.novabox_contain_next:before {
    right: 0;
    content: "\e80a"
}

.novabox_contain_prev:before {
    left: 0;
    content: "\e809"
}

.novaboxoverlay {
    position: fixed;
    bottom: 0;
    min-height: 200vh !important
}

.gallery-montage {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap
}

.gallery-montage a {
    width: 50%;
    min-height: 50vw;
    border: 5px solid transparent
}

@media only screen and (min-width:500px) {
    .gallery-montage a {
        width: 33.3333333333%;
        min-height: 33vw
    }
}

@media only screen and (min-width:680px) {
    .gallery-montage a {
        width: 25%;
        min-height: 25vw
    }

    .gallery-montage a:nth-of-type(5n) {
        width: 50%
    }

    .gallery-montage a:nth-of-type(8n) {
        height: 25vw
    }

    .gallery-montage a:nth-of-type(12n) {
        height: 35vw
    }

    .gallery-montage a:nth-of-type(10n+8),
    .gallery-montage a:nth-of-type(10n+9),
    .gallery-montage a:nth-of-type(10n+10) {
        width: 33.3333333333%
    }

    .gallery-montage a:nth-of-type(10n+5),
    .gallery-montage a:nth-of-type(10n+6),
    .gallery-montage a:nth-of-type(10n+7) {
        height: 40vw
    }

    .gallery-montage a.fullwidth {
        width: 100% !important
    }

    .gallery-montage a.halfwidth {
        width: 50% !important
    }

    .gallery-montage a.thirdwidth {
        width: 33.3333333333% !important
    }
}

@media only screen and (min-width:1025px) {
    .gallery-montage a {
        width: 25%;
        min-height: 20vw;
        max-height: 550px
    }
}

.swiper {
    position: absolute;
    width: 100%;
    height: 100%
}

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

.swiper .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    visibility: visible !important;
    width: 101%;
    height: 101%;
    opacity: 1 !important;
    object-fit: cover;
    object-position: center
}

.swiper a.swiper-slide {
    pointer-events: none
}

.swiper .novaboxcontrols {
    display: none
}

.swiper .mynovamontage_wrap {
    padding-top: 0;
    padding-bottom: 8px;
    background-color: transparent
}

.swiper .novahover_overlay:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    width: 6rem;
    height: 6rem;
    font-family: "fontello";
    font-size: 3.5rem;
    line-height: 1;
    content: "\e820";
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 1;
    color: #fff;
    background: var(--color_brand-primary);
    align-items: center;
    justify-content: center
}

.swiper-wrapper {
    align-content: stretch
}

.swiper .nova_editablelisting {
    display: none
}

.swiper-container.loading {
    visibility: hidden;
    opacity: 0
}

.swiper-nav {
    display: flex;
    width: 100%;
    pointer-events: none;
    color: var(--color_brand-primary);
    justify-content: space-between;
    align-items: flex-start;
    z-index: 2
}

.swiper-nav>div {
    cursor: pointer !important;
    display: flex;
    width: 50px;
    height: 50px;
    font-size: 3.5rem;
    transition: all .3s ease-in-out;
    pointer-events: auto;
    opacity: 1;
    color: #fff;
    background-color: transparent;
    align-items: center;
    justify-content: center
}

.swiper-nav>div:hover {
    color: var(--color_brand-primary)
}

.swiper-pagination {
    display: flex;
    gap: 10px;
    opacity: 1
}

.swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: 1px solid #fff;
    opacity: 1
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff
}

.post--rooms .list-with-icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 1rem
}

.post--rooms .list-with-icons li {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 1.5rem
}

.post--rooms .list-with-icons .icon {
    position: relative;
    width: 32px;
    height: 34px;
    flex: 0 0 auto
}

.post--rooms .list-with-icons .icon:after {
    /*! background-color: var(--color_brand-tertiary) */
}

.post--rooms .list-with-icons .icon:after {
    -webkit-mask-size: 100% auto !important;
    mask-size: 100% auto !important
}

.post--rooms .list-with-icons .subtitle {
    display: block;
    font-family: var(--font-content);
    font-size: 14px;
    line-height: 1.1;
    font-weight: 500;
    color: var(--color_text);
    text-align: left;
    text-transform: uppercase
}

.post--rooms .list-with-icons .icon[href*="/person"]:after {
    -webkit-mask-size: 70% auto !important;
    mask-size: 70% auto !important
}

.post--rooms .list-with-icons .icon[href*="/area"]:after {
    -webkit-mask-size: 90% auto !important;
    mask-size: 90% auto !important
}

.post--rooms .list-with-icons .icon[href*="/phone"]:after,
.post--rooms .list-with-icons .icon[href*="/bed"]:after {
    -webkit-mask-size: 80% auto !important;
    mask-size: 80% auto !important
}

.post--rooms .list-with-icons .icon[href*="/wifi"]:after {
    -webkit-mask-size: 110% auto !important;
    mask-size: 110% auto !important
}

.post--rooms .list-with-icons .icon[href*="/drinks"]:after {
    -webkit-mask-size: 120% auto !important;
    mask-size: 120% auto !important
}

.post--rooms .list-with-icons .icon[href*="/parking"]:after {
    -webkit-mask-size: 110% auto !important;
    mask-size: 110% auto !important
}

.cms-active .list-with-icons li {
    display: flex !important
}

.post--max {
    max-width: 980px;
    padding-bottom: var(--clamp-9);
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    transform: translateY(200px);
    transition: all .8s ease-in-out
}

.post--max>*+* {
    margin-top: 2rem
}

.post--max.active {
    opacity: 1;
    transform: translateX(0)
}

.post--max+.post--max {
    margin-top: var(--post-vertical-flow)
}

.post-content,
.post-img {
    position: relative
}

.more-content {
    display: none
}

.more-content .p-wrap+ul,
.more-content ul+.p-wrap {
    margin-top: var(--post-vertical-flow)
}

.post--map {
    margin-bottom: var(--clamp-9);
    margin-left: auto;
    margin-right: auto
}

.post--intro {
    position: relative;
    padding-top: var(--clamp-7);
    padding-bottom: var(--clamp-7);
    margin-left: auto;
    margin-right: auto
}

.post--intro .wrapper {
    max-width: 720px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 3rem;
    align-items: center;
    justify-content: flex-start
}

.post--intro :is(.title, .subtitle, p, .read-more, .more-content) {
    text-align: center
}

.post--intro .btn-wrap {
    justify-content: center
}

.post--intro .p-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.post--rooms,
.post--listing {
    width: 100%;
    position: relative;
    overflow: hidden
}

.post--rooms .wrapper,
.post--listing .wrapper {
    gap: 4rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 4rem;
    align-items: flex-start;
    justify-content: flex-start
}

.post--rooms .inner,
.post--listing .inner {
    width: 100%;
    display: flex;
    flex-direction: column
}

.post--rooms .btn-wrap,
.post--listing .btn-wrap {
    gap: 3rem;
    align-items: center;
    justify-content: space-between
}

.post--rooms .post-content,
.post--listing .post-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 3
}

.post--rooms .post-content .inner,
.post--listing .post-content .inner {
    display: flex;
    flex-direction: column;
    gap: var(--post-vertical-flow)
}

.post--rooms .more-content .p-wrap+ul,
.post--listing .more-content .p-wrap+ul {
    margin-top: var(--post-vertical-flow)
}

.post--rooms .post-img,
.post--listing .post-img {
    width: 100%;
    position: relative;
    z-index: 1
}

.post--rooms .post-img .img-wrap,
.post--listing .post-img .img-wrap {
    width: 100%;
    position: relative;
    min-height: 400px;
    height: 54vw;
    overflow: hidden
}

.post--rooms .list,
.post--listing .list {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.post--rooms .list li,
.post--listing .list li {
    list-style: disc;
    list-style-position: outside
}

@media only screen and (min-width:680px) {

    .post--rooms .wrapper,
    .post--listing .wrapper {
        align-items: stretch;
        justify-content: space-between;
        flex-wrap: nowrap
    }

    .post--rooms:nth-of-type(odd) .wrapper,
    .post--listing:nth-of-type(odd) .wrapper {
        flex-direction: row
    }

    .post--rooms:nth-of-type(even) .wrapper,
    .post--listing:nth-of-type(even) .wrapper {
        flex-direction: row-reverse
    }

    .post--rooms .post-img,
    .post--listing .post-img,
    .post--rooms .post-content,
    .post--listing .post-content {
        width: 50%
    }

    .post--rooms .post-img .img-wrap,
    .post--listing .post-img .img-wrap {
        position: relative;
        height: 500px;
        overflow: hidden
    }
}

@media only screen and (min-width:1025px) {

    .post--rooms .wrapper,
    .post--listing .wrapper {
        gap: 0
    }
}

.with-slider .swiper-nav {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 10px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem
}

.with-slider .swiper-nav div {
    position: relative;
    width: 33px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: initial;
    cursor: pointer
}

.with-slider .swiper-nav div:hover:after {
    color: #fff;
    background-color: var(--color_brand-secondary)
}

.with-slider .swiper-nav div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-size: 100% auto !important;
    mask-size: 100% auto !important;
    -webkit-mask-position: center center !important;
    mask-position: center center !important;
    background-color: #fff
}

.with-slider .swiper-nav .swiper-prev:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/arrow-left.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/arrow-left.svg) no-repeat 100% 100%
}

.with-slider .swiper-nav .swiper-next:after {
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/arrow-right.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/arrow-right.svg) no-repeat 100% 100%
}

a.read-more {
    position: relative;
    display: block;
    transition: all .2s ease-in-out
}

a.read-more span {
    transition: all .2s ease-in-out
}

a.read-more:hover {
    color: var(--color_brand-primary)
}

a.read-more .show-more:after,
a.read-more .show-less:after {
    position: relative;
    top: 0
}

a.read-more .show-more:after {
    content: " + "
}

a.read-more .show-less:after {
    content: " - "
}

a.read-more .show-less {
    display: none
}

a.read-more,
a.read-more .yesAppear {
    display: inline-block
}

.post--gallery {
    margin-bottom: var(--clamp-9)
}

.post--gallery .wrapper {
    max-width: 1300px
}

.post--gallery .wrapper .title {
    text-align: center;
    margin-bottom: 5rem
}

.card {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    align-items: flex-start;
    justify-content: flex-start
}

.card .card-img,
.card .card-content {
    width: 100%
}

.card .card-img {
    position: relative;
    overflow: hidden;
    height: 350px
}

.card .card-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 3rem 0;
    box-sizing: border-box
}

.container--instagram {
    overflow: hidden;
    background-color: var(--color_bg-primary);
    padding-bottom: var(--clamp-7)
}

.container--instagram .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5rem
}

.container--instagram .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

@media only screen and (min-width:680px) {
    .container--instagram .inner {
        flex-direction: row;
        justify-content: center
    }
}

.container--instagram .title {
    font-size: 3rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap
}

.container--instagram a.subtitle {
    font-family: var(--font-title);
    font-size: 3rem;
    font-weight: 400;
    line-height: 1;
    color: var(--color_brand-primary);
    text-align: center;
    flex: 1
}

.container--instagram a.subtitle:hover {
    color: var(--color_brand-secondary)
}

@media only screen and (min-width:680px) {
    .container--instagram .inner {
        flex-direction: row;
        justify-content: center;
        width: 100%
    }

    .container--instagram .title,
    .container--instagram a.subtitle {
        flex: 1
    }

    .container--instagram .title {
        text-align: right
    }

    .container--instagram a.subtitle {
        text-align: left
    }
}

.container--instagram .instagram-icon {
    position: relative;
    width: 3rem;
    height: 3rem;
    text-indent: -9999px;
    z-index: 5
}

.container--instagram .instagram-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-mask: url(https://www.hotelbalzac.paris/_img/icons/icon-instagram.svg) no-repeat 100% 100%;
    mask: url(https://www.hotelbalzac.paris/_img/icons/icon-instagram.svg) no-repeat 100% 100%;
    -webkit-mask-size: 100% auto !important;
    mask-size: 100% auto !important;
    -webkit-mask-position: center center !important;
    mask-position: center center !important;
    background-color: var(--color_brand-primary)
}

.instagram-thumbs {
    position: relative;
    width: 100%;
    overflow: visible;
    margin: 0 auto;
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(4, 4fr)
}

.instagram-thumbs article {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.instagram-thumbs a {
    display: block;
    overflow: hidden
}

.instagram-thumbs img {
    transition: all .5s ease-in-out
}

.instagram-thumbs article:hover img {
    transform: scale(1.2, 1.2)
}

.usp {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    width: 90%;
    max-width: 500px;
    padding-bottom: 70px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0;
    align-items: center;
    justify-content: flex-start
}

.usp .inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start
}

.usp .title {
    display: flex;
    flex-direction: column;
    font-size: 22px
}

.usp .subtitle {
    display: inline-block;
    font-size: 18px;
    font-weight: 400
}

.usp .title,
.usp .subtitle {
    color: var(--color_brand-tertiary);
    text-align: center
}

.usp .swiper-slide {
    min-height: auto;
    opacity: 0 !important
}

.usp .swiper-slide-active {
    opacity: 1 !important
}

a.scroll-btn {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    z-index: 2;
    font-size: 1.5rem;
    color: #fff
}

.parallax {
    width: 100%;
    position: relative;
    overflow: visible;
    z-index: 5;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: -1
}

@media only screen and (min-width:1025px) {
    .parallax {
        height: 700px
    }
}

.parallax .img-wrap {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    min-height: auto;
    height: 100vh;
    z-index: -1
}

.parallax:has(.wrapper) .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-top: 5rem;
    padding-bottom: var(--clamp-7);
    max-width: 650px;
    position: relative;
    z-index: 2
}

.parallax:has(.wrapper) .wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 50%;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: -1
}

.parallax:has(.wrapper) .wrapper .title,
.parallax:has(.wrapper) .wrapper p {
    color: #fff;
    text-align: center
}

.parallax:has(.wrapper) .wrapper a.btn {
    margin-top: 4rem
}

.spacer {
    position: relative;
    width: 100%;
    height: 120px;
    background-color: var(--color_bg-primary);
    z-index: 1;
    overflow: visible
}

.spacer:after {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 98px;
    background: url(https://www.hotelbalzac.paris/_img/line-divider-bottom.svg) center center no-repeat;
    width: 100% auto;
    z-index: 5
}

.cms-active .parallax img {
    position: absolute !important
}

.cms-active .parallax .pin-spacer,
.cms-active .parallax .img-wrap {
    position: absolute !important;
    height: 100% !important;
    top: 0 !important;
    transform: translate(0) !important
}

::-webkit-input-placeholder {
    opacity: 1;
    color: inherit
}

:-moz-placeholder {
    opacity: 1;
    color: inherit
}

::-moz-placeholder {
    opacity: 1;
    color: inherit
}

:-ms-input-placeholder {
    opacity: 1;
    color: inherit
}

:placeholder-shown {
    opacity: 1;
    color: inherit
}

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

.requiredfields {
    display: block;
    margin-bottom: 8px;
    font-size: 13px
}

.field {
    position: relative;
    display: flex;
    clear: both;
    flex-direction: column;
    margin-bottom: 15px;
    line-height: 1
}

.field>label,
.field>span {
    display: block;
    margin-bottom: 8px
}

.field input,
.field textarea {
    width: 100%;
    padding: 2rem;
    cursor: pointer;
    text-indent: .01px;
    text-overflow: "";
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.field textarea {
    overflow: auto;
    min-height: 220px
}

.field select {
    width: 100%;
    padding: 2rem 3rem 2rem 1.5rem;
    border: none;
    border-radius: 0;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.selectfield:after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 20px;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    content: " ";
    transform: rotate(-45deg);
    pointer-events: none;
    border-width: 1px;
    border-style: solid;
    border-top: none;
    border-right: none;
    background: 0 0
}

[placeholder]::-webkit-input-placeholder,
.checkbox span:after,
.field input,
.field textarea,
.field select,
.field label,
.field>span {
    font-family: inherit;
    font-size: var(--form-input-font-size);
    color: inherit
}

.checkbox span:after,
.field input,
.field textarea,
.field select {
    border: 1px solid var(--form-border-color);
    background-color: var(--form-bcolor-color);
    color: var(--form-input-color)
}

.inlinefield {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap
}

.inlinefield>span {
    display: inline-block;
    margin-bottom: 0
}

.inlinefield .checkbox {
    width: auto;
    margin-left: 6px
}

.inlinefield .checkbox label {
    margin-bottom: 0
}

.checkbox {
    display: flex;
    flex-wrap: wrap
}

.checkbox.multiplechoice {
    justify-content: space-between
}

.checkbox input {
    width: auto;
    margin: 0;
    padding: 10px
}

.checkbox label {
    position: relative;
    display: inline-flex;
    margin-right: 8px;
    margin-bottom: 8px;
    align-items: flex-start;
    gap: 1rem
}

.checkbox span {
    display: flex;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 14px;
    line-height: 1;
    vertical-align: top
}

.checkbox span:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    cursor: pointer
}

.checkbox span:after {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 9px;
    height: 5px;
    content: "";
    transform: rotate(-45deg);
    opacity: 0;
    border: 2px solid #d0d0d0;
    border-top: none;
    border-right: none;
    background: 0 0
}

.checkbox span:hover:after {
    opacity: .2
}

.checkbox input[type=checkbox]:checked+span:after {
    opacity: 1;
    border-color: #aea06d
}

.checkbox label {
    align-items: center
}

.novaformprogress {
    position: absolute;
    display: none;
    opacity: .8;
    background: #c3c3c3 url(../../novablink.com_443/commons/nova_form/pics/sendprogress2C3C3C3.gif) center no-repeat
}

.novaformconfirm {
    display: none
}

.field .form-invalid-field,
.field .error-form-highlight-field {
    border: 1px solid #f66;
    background-color: #efe0e0
}

.form-wrap {
    overflow: hidden
}

#mysubmit {
    cursor: pointer
}

.requiredfields {
    color: inherit
}

@media only screen and (min-width:1025px) {

    .field input,
    .field select,
    .field textarea,
    .field>span {
        font-size: var(--form-input-font-size)
    }

    .inlinefield .multiplechoice label {
        flex-basis: auto
    }

    .novaform>section {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .novaform>section>.field {
        max-width: calc(50% - 10px);
        flex: 1 0 100%
    }

    .upload {
        display: flex;
        flex-direction: row;
        align-items: center
    }

    .split {
        width: calc(50% - 5px)
    }
}

.form-wrap {
    padding-bottom: 2px
}

.noafter:after {
    display: none
}

.container--login {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background-color: #161616
}

.container--login .img-fit {
    opacity: .2
}

.container--login .wrapper {
    max-width: 400px
}

.container--login .field input,
.container--login .field textarea,
.container--login .field select {
    font-size: 12px;
    border-color: #fff;
    background-color: transparent;
    text-transform: none;
    color: #fff
}

.container--login .field label {
    color: #fff
}

.cms-active .container--login {
    position: relative;
    padding: 10rem 0
}

.hd-gallery-hidden {
    display: none
}

.cms-active .hd-gallery-hidden {
    display: block
}

.contact {
    margin-bottom: var(--clamp-7)
}

.contact :is(.title, .subtitle, p, .read-more, .more-content) {
    text-align: center
}

.contact .wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 3rem
}

.contact .form {
    width: 100%
}

.submit-btn {
    border: none !important;
    background-color: var(--color_brand-secondary);
    border-color: var(--color_brand-secondary);
    color: #fff;
    padding: 1.5rem 4rem;
    border: 1px solid var(--color_brand-primary);
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 3px;
    display: inline-block;
    font-family: var(--font-title);
    font-weight: 700;
    line-height: 1;
    text-align: center;
    transition: all .2s ease-in-out
}

.submit-btn:hover {
    background-color: var(--color_brand-primary);
    border: 1px solid var(--color_brand-primary);
    color: #fff
}

@media only screen and (min-width:1025px) {
    form>section {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    form>section>.field.half {
        flex-basis: calc((100% - 10px)/2)
    }

    form>section>.field.full {
        width: 100%
    }
}

.carousel {
    position: relative;
    padding-bottom: 9rem
}

.carousel:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 100px;
    background-color: var(--color_brand-primary);
    z-index: 0
}

.carousel .swiper {
    position: relative;
    height: 550px;
    z-index: 1
}

.carousel .swiper a.swiper-slide {
    height: 550px
}

.carousel .swiper-nav {
    position: relative;
    z-index: 3;
    left: auto;
    top: auto;
    width: 90px;
    height: 10px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem
}

.carousel .swiper-nav div {
    position: relative;
    width: 30px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: initial;
    cursor: pointer
}

.carousel .swiper-nav div:hover:after {
    color: #fff;
    background-color: var(--color_brand-tertiary)
}

.carousel .swiper-nav div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-size: 100% auto !important;
    mask-size: 100% auto !important;
    -webkit-mask-position: center center !important;
    mask-position: center center !important;
    background-color: var(--color_brand-primary)
}

.carousel .swiper-nav .swiper-prev:after {
    -webkit-mask: url(/_img/arrow-left.svg) no-repeat 100% 100%;
    mask: url(/_img/arrow-left.svg) no-repeat 100% 100%
}

.carousel .swiper-nav .swiper-next:after {
    -webkit-mask: url(/_img/arrow-right.svg) no-repeat 100% 100%;
    mask: url(/_img/arrow-right.svg) no-repeat 100% 100%
}

.carousel .swiper-scrollbar {
    position: absolute;
    bottom: 6rem;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 90%;
    max-width: 900px;
    background-color: var(--color_brand-secondary)
}

.carousel .swiper-scrollbar-drag {
    background-color: #fff
}

.video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 65vh;
    background-color: #000
}

.video-container>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.video-container>video::-webkit-media-controls {
    display: none !important
}

@media only screen and (min-width:680px) {
    .video-container {
        height: 100vh
    }
}

main {
    overflow: hidden
}

body,
.container {
    background-color: var(--color_bg-primary)
}

a.read-more {
    font-family: var(--font-title);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--color_brand-primary)
}

a.read-more:hover {
    color: var(--color_brand-secondary)
}

a.read-more .show-more:after,
a.read-more .show-less:after {
    position: relative;
    top: -2px;
    font-size: 14px
}

.with-subnav .post--intro {
    padding-top: var(--clamp-7)
}

.with-subnav .post--intro:after {
    display: none
}

.post--intro {
    padding-top: var(--clamp-9);
    padding-bottom: var(--clamp-9)
}

.post--intro:after {
    content: "";
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 1300px;
    height: 1px;
    background-color: var(--color_brand-secondary);
    z-index: 0
}

.post--intro.quote .title {
    font-size: 2.8rem;
    text-transform: none
}

.post--intro.quote .wrapper {
    max-width: 600px;
    gap: 5rem
}

.post--listing {
    margin-bottom: var(--clamp-7)
}

.post--listing .wrapper {
    max-width: 1100px
}

.post--listing p+p {
    margin-top: 3rem
}

.post--listing .title {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media only screen and (min-width:680px) {
    .post--listing:nth-of-type(odd) .post-img {
        width: 45%
    }

    .post--listing:nth-of-type(odd) .post-img .img-wrap {
        height: 600px
    }

    .post--listing:nth-of-type(odd) .post-content {
        width: 55%
    }

    .post--listing:nth-of-type(even) .post-img {
        width: 43%
    }

    .post--listing:nth-of-type(even) .post-img .img-wrap {
        height: 460px
    }

    .post--listing:nth-of-type(even) .post-content {
        width: 50%
    }

    .post--listing .post-content {
        justify-content: center
    }

    .post--listing .post-content .inner {
        width: 100%;
        max-width: 350px;
        margin-top: auto;
        margin-bottom: auto
    }
}

.post--rooms {
    padding-top: var(--clamp-9)
}

.post--rooms .wrapper {
    max-width: 1100px
}

.post--rooms p+p {
    margin-top: 3rem
}

.post--rooms .title {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 4.4rem
}

.post--rooms .post-img .img-wrap.small {
    display: none
}

.post--rooms .list-with-icons {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 3rem
}

.post--rooms .list-with-icons .icon {
    width: 20px;
    height: 22px
}

.post--rooms .list-with-icons .icon:after {
    /*! background-color: var(--color_brand-primary) */
}

.post--rooms .list-with-icons .subtitle {
    font-family: var(--font-content);
    font-size: 10px;
    font-weight: 300
}

@media only screen and (min-width:1025px) {
    .post--rooms {
        overflow: visible
    }

    .post--rooms .wrapper {
        flex-direction: row-reverse !important;
        overflow: visible
    }

    .post--rooms .post-img {
        align-self: flex-start;
        position: relative;
        width: 55%;
        overflow: visible;
        height: 900px
    }

    .post--rooms .post-img .img-wrap {
        height: 750px
    }

    .post--rooms .post-img .img-wrap.small {
        display: block;
        width: 340px;
        min-height: 0;
        height: 260px;
        position: absolute;
        bottom: 0;
        left: -200px
    }

    .post--rooms .post-content {
        width: 45%;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 3rem
    }

    .post--rooms .post-content .inner {
        width: 100%;
        max-width: 250px
    }
}

.press .wrapper {
    max-width: 1200px
}

.card .card-img {
    height: 54vw;
    max-height: 500px;
    background-color: var(--color_brand-primary)
}

.card .card-img img {
    transition: all .3s ease-in-out
}

.card .card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem
}

.card .card-content .title {
    color: var(--color_brand-primary);
    font-size: 2.2rem;
    text-align: center;
    text-transform: none
}

.card:hover img {
    opacity: .5
}

.cards {
    padding-bottom: 5rem
}

.cards.grid--3 .wrapper {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(1, 1fr)
}

@media only screen and (min-width:600px) {
    .cards.grid--3 .wrapper {
        grid-template-columns: repeat(2, 2fr)
    }
}

@media only screen and (min-width:1025px) {
    .cards.grid--3 .wrapper {
        grid-template-columns: repeat(3, 3fr)
    }
}

.cards.grid--2 {
    padding-top: 0
}

.cards.grid--2 .wrapper {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(1, 1fr);
    border-top: 1px solid var(--color_brand-secondary);
    padding-top: 2rem
}

@media only screen and (min-width:600px) {
    .cards.grid--2 .wrapper {
        grid-template-columns: repeat(2, 2fr)
    }
}

.cards.flex .wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.cards.flex .card {
    flex: max(300px, 33.4333333333%)
}

.carousel .title--section {
    font-size: 18px;
    position: relative;
    text-align: center;
    color: var(--color_brand-tertiary);
    padding-bottom: 150px;
    margin-bottom: var(--clamp-7);
    text-transform: uppercase
}

.carousel .title--section:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 98px;
    background: url(/_img/line-divider-bottom.svg) center center no-repeat;
    width: 100% auto
}

.post--amenities {
    padding-top: var(--clamp-15);
    padding-bottom: var(--clamp-15)
}

.post--amenities .wrapper {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    max-width: 1080px
}

.post--amenities .title {
    font-size: 3.5rem;
    color: var(--color_brand-primary);
    text-transform: none
}

.post--amenities .list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between
}

.post--amenities .list li {
    position: relative;
    width: 45%;
    list-style: none;
    list-style-position: outside;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color_brand-primary)
}

.post--amenities .column:nth-of-type(1) {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    align-items: flex-start
}

@media only screen and (min-width:680px) {
    .post--amenities .wrapper {
        flex-direction: row;
        gap: 5rem;
        justify-content: space-between
    }

    .post--amenities .column {
        width: 50%
    }

    .post--amenities .column:nth-of-type(2) {
        padding-top: 8rem
    }
}

@media only screen and (min-width:1025px) {
    .post--amenities .column:nth-of-type(1) {
        width: 35%
    }

    .post--amenities .column:nth-of-type(2) {
        width: 55%
    }
}

.post--full .wrapper {
    display: flex;
    flex-direction: column;
    max-width: 1150px;
    width: 100%
}

@media only screen and (min-width:680px) {
    .post--full .wrapper {
        width: calc(100% - 6rem)
    }
}

.post--full .title,
.post--full p {
    text-align: center
}

.post--full .post-img {
    overflow: hidden;
    padding-bottom: 5rem
}

.post--full .post-img .img-wrap {
    width: 100%;
    height: 550px;
    position: relative;
    overflow: hidden
}

.post--full .swiper-nav {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.post--full .swiper-nav div {
    position: relative;
    flex: none;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    color: var(--color_brand-primary);
    pointer-events: initial;
    cursor: pointer
}

.post--full .swiper-nav div:hover {
    color: var(--color_brand-secondary)
}

.post--full .post-content {
    padding-top: 5rem;
    padding-left: 3rem;
    padding-right: 3rem
}

.post--full .post-content .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    max-width: 700px;
    margin: 0 auto
}

.post--full .swiper-scrollbar {
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 90%;
    max-width: 900px;
    background-color: var(--color_brand-secondary)
}

.map-address {
    font-size: 14px
}

.map-address .point-name {
    font-size: 16px;
    color: var(--color_brand-secondary)
}

.map-address .point-button {
    margin-top: 2rem
}

.map-settings {
    padding-top: var(--clamp-9);
    padding-bottom: var(--clamp-9)
}

.map-settings .map-default {
    margin-bottom: 5rem
}

.map-settings .point-info:before {
    display: inline-block;
    background-color: red;
    color: #fff;
    margin-right: 10px;
    padding: 5px;
    min-width: 150px
}

.map-settings .default-lat:before {
    content: "map center lat:"
}

.map-settings .default-lng:before {
    content: "map center lng:"
}

.map-settings .default-zoom:before {
    content: "map intial zoom:"
}

.map-settings .point-lat:before {
    content: "point lat:"
}

.map-settings .point-lon:before {
    content: "point lng:"
}

.map-settings .point-zoom:before {
    content: "point zoom:"
}

.map-settings .point-icon:before {
    content: "point icon:"
}

.map-settings .point-type:before {
    content: "point type:"
}

.map-settings .map-address li:before {
    display: inline-block;
    background-color: red;
    color: #fff;
    margin-right: 10px;
    padding: 5px;
    min-width: 150px
}

.map-settings .map-address .point-name:before {
    content: "point name:"
}

.map-settings .map-address .point-address:before {
    content: "point address:"
}

.map-settings .map-address .point-phone:before {
    content: "point phone:"
}

.map-settings .map-address .point-email:before {
    content: "point email:"
}

.map-settings .map-address .point-button:before {
    content: "point link:"
}

.map-points {
    margin-bottom: var(--clamp-7)
}

.leaflet-control-layers-toggle:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-mask: url(/_img/layers.svg) no-repeat 100% 100%;
    mask: url(/_img/layers.svg) no-repeat 100% 100%;
    background-color: #777;
    -webkit-mask-size: 60% auto !important;
    mask-size: 60% auto !important;
    -webkit-mask-position: center center !important;
    mask-position: center center !important
}

.leaflet-container a[href*=maptiler] {
    display: none !important
}

.map-buttons {
    display: flex;
    gap: 2rem;
    margin-bottom: 5rem
}

#rooms .secondary-navigation {
    display: block !important
}

#rooms .secondary-navigation #menu_row_5398430 {
    display: flex
}

#rooms .secondary-navigation #menu_row_5398430>.drop-menu {
    width: 100%
}

#rooms .secondary-navigation #menu_row_5398431 {
    display: flex
}

#rooms .secondary-navigation #menu_row_5398431 a.drop-btn {
    display: none
}

#rooms .secondary-navigation #menu_row_5398431 .is-active a {
    font-weight: 700
}

#rooms .secondary-navigation #menu_row_5398432 {
    display: none
}

@media only screen and (min-width:1025px) {
    #rooms .secondary-navigation #menu_row_5398430>.drop-menu {
        display: flex;
        justify-content: center;
        align-items: center
    }

    #rooms .secondary-navigation #menu_row_5398430>.drop-menu:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 1300px;
        height: 1px;
        background-color: var(--color_brand-secondary);
        z-index: 0
    }

    #rooms .secondary-navigation #menu_row_5398431 .is-active a {
        color: var(--color_brand-primary);
        font-weight: 700;
        position: relative;
        border-color: var(--color_brand-primary)
    }
}

#suites .secondary-navigation {
    display: block !important
}

#suites .secondary-navigation #menu_row_5398430 {
    display: flex
}

#suites .secondary-navigation #menu_row_5398430>.drop-menu {
    width: 100%
}

#suites .secondary-navigation #menu_row_5398432 {
    display: flex
}

#suites .secondary-navigation #menu_row_5398432 a.drop-btn {
    display: none
}

#suites .secondary-navigation #menu_row_5398432 .is-active a {
    font-weight: 700
}

#suites .secondary-navigation #menu_row_5398431 {
    display: none
}

@media only screen and (min-width:1025px) {
    #suites .secondary-navigation #menu_row_5398430>.drop-menu {
        display: flex;
        justify-content: center;
        align-items: center
    }

    #suites .secondary-navigation #menu_row_5398430>.drop-menu:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 1300px;
        height: 1px;
        background-color: var(--color_brand-secondary);
        z-index: 0
    }

    #suites .secondary-navigation #menu_row_5398432 .is-active a {
        color: var(--color_brand-primary);
        font-weight: 700;
        position: relative;
        border-color: var(--color_brand-primary)
    }
}

#home .container--offers {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: var(--clamp-9);
    padding-bottom: var(--clamp-15)
}

#home .container--offers .row {
    width: calc(100% - 3rem);
    display: flex;
    flex-direction: column
}

#home .container--offers .row:nth-of-type(1) .column {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 80px;
    padding-bottom: 4rem;
    width: 90%
}

#home .container--offers .row:nth-of-type(1) .column:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 1px;
    background-color: var(--color_brand-secondary)
}

#home .container--offers .row:nth-of-type(1) .title {
    font-size: 3.6rem;
    display: flex;
    flex-direction: column;
    gap: 2rem
}

#home .container--offers .row:nth-of-type(2) {
    position: relative;
    margin-top: 0
}

#home .container--offers .card .card-img {
    height: 400px
}

#home .container--offers .card .card-content {
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0
}

#home .container--offers .card .card-content .inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem
}

@media only screen and (min-width:1025px) {
    #home .container--offers .card .card-content .inner {
        max-width: 70%
    }
}

#home .container--offers .card .card-content .title {
    font-size: 2.6rem;
    text-transform: uppercase
}

#home .container--offers .swiper {
    position: relative;
    padding-top: 4rem;
    overflow: visible
}

#home .container--offers .swiper-slide {
    opacity: 0;
    transition: all .6s ease-in-out
}

#home .container--offers .swiper-slide-active {
    margin-top: 0;
    opacity: 1
}

#home .container--offers .swiper-slide-next {
    margin-top: -10rem;
    opacity: 1
}

#home .container--offers .swiper-nav {
    position: absolute;
    z-index: 3;
    bottom: 2rem;
    left: auto;
    right: 2rem;
    width: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

#home .container--offers .swiper-nav div {
    position: relative;
    flex: none;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    color: var(--color_brand-secondary);
    pointer-events: initial;
    cursor: pointer
}

#home .container--offers .swiper-nav div:hover {
    color: var(--color_brand-primary)
}

@media only screen and (min-width:680px) {
    #home .container--offers .row:nth-of-type(1) .column {
        width: 68%
    }
}

@media only screen and (min-width:1025px) {
    #home .container--offers .row:nth-of-type(1) .column {
        width: 50%
    }
}

@media only screen and (min-width:1300px) {
    #home .container--offers .row {
        max-width: 90%
    }
}

#home .container--spa {
    position: relative;
    overflow: visible
}

#home .container--spa .post--listing {
    margin-top: -5rem
}

@media only screen and (min-width:680px) {
    #home .container--spa .post--listing .post-content .inner {
        margin-bottom: 0
    }
}

#home .container--lounge {
    padding-top: var(--clamp-9);
    padding-bottom: var(--clamp-9)
}

#home .container--rooms {
    padding-top: var(--clamp-15);
    padding-bottom: var(--clamp-9);
    background-color: #341019;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

#home .container--rooms .row {
    width: calc(100% - 3rem)
}

#home .container--rooms .row .column {
    display: flex;
    flex-direction: column;
    align-items: center
}

#home .container--rooms .row .title {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

#home .container--rooms .row .subtitle {
    color: var(--color_brand-secondary)
}

#home .container--rooms .row p {
    color: var(--color_brand-tertiary)
}

#home .container--rooms .row:nth-of-type(1) .column>.inner {
    width: 100%;
    max-width: 360px;
    padding-bottom: var(--clamp-9);
    padding-right: 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem
}

#home .container--rooms .row:nth-of-type(3) {
    padding-right: 3rem
}

#home .container--rooms .row:nth-of-type(3) .column {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 99
}

#home .container--rooms .row:nth-of-type(3) .column>.inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
    padding-top: var(--clamp-9)
}

#home .container--rooms .row:nth-of-type(3) .column a.btn-secondary {
    color: #fff
}

#home .container--rooms .slider,
#home .container--rooms .swiper {
    width: 100%;
    position: relative
}

#home .container--rooms .slider .swiper-nav {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

#home .container--rooms .slider .swiper-nav div {
    position: relative;
    flex: none;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    color: var(--color_brand-secondary);
    pointer-events: initial;
    cursor: pointer
}

#home .container--rooms .slider .swiper-nav div:hover {
    color: var(--color_brand-tertiary)
}

#home .container--rooms .card .card-img {
    height: 54vw;
    max-height: 500px
}

#home .container--rooms .card .card-content {
    padding-top: 3rem;
    padding-bottom: 0
}

#home .container--rooms .card .card-content .inner {
    align-items: center
}

#home .container--rooms .card .card-content .title {
    font-size: 2.2rem;
    text-align: center;
    color: var(--color_brand-secondary)
}

@media only screen and (min-width:900px) {
    #home .container--rooms .row:nth-of-type(1) {
        display: flex;
        gap: 4rem
    }

    #home .container--rooms .row:nth-of-type(1) .column:nth-of-type(1) {
        width: 70%
    }
}

@media only screen and (min-width:1025px) {
    #home .container--rooms .row:nth-of-type(1) .column {
        align-items: flex-start
    }

    #home .container--rooms .row:nth-of-type(1) .column>.inner {
        margin-left: var(--clamp-9)
    }

    #home .container--rooms .row:nth-of-type(3) {
        display: flex;
        justify-content: flex-end
    }

    #home .container--rooms .row:nth-of-type(3) .column {
        width: 25%;
        margin-top: -200px
    }

    #home .container--rooms .row:nth-of-type(3) .column .inner {
        padding-top: 0
    }

    #home .container--rooms .slider {
        overflow: visible
    }

    #home .container--rooms .slider .swiper {
        overflow: visible
    }

    #home .container--rooms .slider .swiper-slide {
        opacity: 0;
        transition: all .3s ease-in-out
    }

    #home .container--rooms .slider .swiper-slide-active {
        opacity: 1
    }

    #home .container--rooms .slider .swiper-slide-next {
        margin-top: -250px;
        opacity: .3
    }
}

@media only screen and (min-width:1300px) {
    #home .container--rooms .row {
        max-width: 90%
    }
}

#home .container--intro .swiper {
    position: relative;
    padding-bottom: 5rem
}

#home .container--intro .swiper .swiper-wrapper {
    align-items: center
}

#home .container--intro .swiper .swiper-slide {
    height: 350px
}

#home .container--intro .swiper .swiper-slide-active {
    height: 500px
}

#home .container--intro .swiper .swiper-scrollbar {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 90%;
    background-color: var(--color_brand-secondary)
}

#home .container--intro .swiper .swiper-nav {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

#home .container--intro .swiper .swiper-nav div {
    position: relative;
    flex: none;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    color: var(--color_brand-primary);
    pointer-events: initial;
    cursor: pointer
}

#home .container--intro .swiper .swiper-nav div:hover {
    color: var(--color_brand-secondary)
}

#home .container--intro .quote {
    padding-top: var(--clamp-12);
    padding-bottom: var(--clamp-15)
}

#home .container--intro .quote:after {
    top: auto;
    bottom: 3rem
}

#home .container--intro .post--intro:not(.quote) .wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem
}

@media only screen and (min-width:800px) {
    #home .container--intro .swiper .swiper-scrollbar {
        width: 74vw
    }
}

@media only screen and (min-width:1025px) {
    #home .container--intro .post--intro:not(.quote) {
        padding-top: var(--clamp-12)
    }

    #home .container--intro .post--intro:not(.quote) .wrapper {
        max-width: 350px;
        padding-top: 0
    }

    #home .container--intro .swiper .swiper-scrollbar {
        width: 64vw
    }
}

#home header .logo {
    display: none !important
}

#home header.is-fixed .logo {
    display: block !important
}

#home .container--slideshow {
    position: relative
}

.preloader {
    position: absolute;
    width: 100%;
    height: calc(100vh - 175px);
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9
}

.preloader .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    max-width: 500px;
    z-index: 5
}

.preloader .logo img {
    width: 100%;
    height: auto
}

@media only screen and (min-width:680px) {
    .preloader {
        height: 60vh
    }
}

@media only screen and (min-width:1025px) {
    .preloader {
        position: fixed;
        height: 100vh;
        background-color: rgba(0, 0, 0, .9);
        z-index: 999
    }

    .preloader .logo {
        opacity: 0
    }
}

.message-div span {
    color: #fff;
    text-align: center
}

.message-div div {
    text-align: center
}

.message-div>div {
    justify-content: center !important
}

.rc-link {
    position: relative
}

.rc-link img,
.rc-link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 52px;
    height: 54px;
    color: transparent
}

#cta-btn {
    color: #fff !important
}

.menu #menu_row_5408304,
.menu #menu_row_5408303 {
    display: none !important
}

.booksy-widget-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--clamp-7)
}

.modal.is-active a.btn {
    display: inline-block;
    font-family: var(--font-title);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 8px;
    position: relative;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    color: var(--color_brand-primary);
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    outline-width: 0;
    zoom: 1;
    margin-top: var(--post-vertical-flow)
}

.modal.is-active a.btn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 1px;
    background-color: var(--color_brand-secondary);
    transition: all .2s ease-in-out;
    box-sizing: inherit;
    display: inline-block;
    font-family: var(--font-title);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 8px;
    text-transform: uppercase;
    color: var(--color_brand-primary);
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    outline-width: 0;
    zoom: 1;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    -webkit-font-smoothing: antialiased
}

.modal.is-active a.btn:hover {
    color: var(--color_brand-secondary)
}

.modal.is-active a.btn:hover:after {
    width: 100%
}

.three-keys,
.rc {
    display: none;
    bottom: 36px;
    position: absolute;
    z-index: 3
}
.rdet-reservation-card {
  display: none !important;
}
.rdet-gallery-main {
  aspect-ratio: 11/9 !important;
}
.rdet-pill {
  font-size: 12px !important;
}
.three-keys {
    right: 130px
}

.rc {
    right: 36px
}

@media only screen and (min-width:1025px) {

    .three-keys,
    .rc {
        display: block
    }
}

.socials {
  display: flex;
  gap: 16px;
}

.socials a {
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #c9a97a;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  transition: transform 0.15s, background-color 0.15s;
}

.socials a:hover {
  transform: translateY(-3px);
  background-color: #b8945f;
}

.socials a[href*="facebook"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23341019'><path d='M22 12.06C22 6.51 17.52 2 12 2S2 6.51 2 12.06c0 5 3.66 9.13 8.44 9.94v-7.03H7.9v-2.91h2.54V9.41c0-2.51 1.49-3.89 3.77-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.78-1.63 1.58v1.9h2.78l-.44 2.91h-2.34V22c4.78-.81 8.44-4.94 8.44-9.94z'/></svg>");
}

.socials a[href*="instagram"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23341019' stroke-width='1.8'><rect x='3' y='3' width='18' height='18' rx='5'/><circle cx='12' cy='12' r='4'/><circle cx='17.2' cy='6.8' r='1' fill='%23341019' stroke='none'/></svg>");
}

.socials a[href*="linkedin"] {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23341019'><path d='M20.45 20.45h-3.55v-5.57c0-1.33-.02-3.03-1.85-3.03-1.85 0-2.14 1.45-2.14 2.94v5.66H9.36V9h3.41v1.56h.05c.48-.9 1.64-1.85 3.38-1.85 3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.12 2.06 2.06 0 0 1 0 4.12zM7.12 20.45H3.56V9h3.56v11.45z'/></svg>");
}



footer.footer {
    background: #341019;
    padding-bottom: 0;
}

/* Top block: everything centered in one column */
footer.footer .footer-top {
    position: relative;
}

footer.footer .footer-top .footer-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    grid-template-columns: none;
    gap: 28px;
    max-width: 1200px;
    padding: 80px 20px 50px;
    position: relative;
}

/* Logo */
footer.footer .footer-logo {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}

/* Address | phone | email on one line with separators */
footer.footer .footer-top .footer-col ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

footer.footer .footer-top .footer-col ul li {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 2;
    text-transform: uppercase;
    color: #d9d8d7;
    opacity: 1;
}

footer.footer .footer-top .footer-col ul li + li:before {
    content: "|";
    margin: 0 15px;
    color: #b9b9b9;
}

footer.footer .footer-top .footer-col ul li a {
    color: #d9d8d7;
}

footer.footer .footer-top .footer-col ul li a:hover {
    color: #fff !important;
}

/* Social icons: white circles */
footer.footer .socials {
    justify-content: center;
    margin-top: 0;
    gap: 9px;
}

footer.footer .socials a {
    width: 50px;
    height: 50px;
    background-color: #fff;
    background-size: 22px 22px;
    opacity: 1;
}

footer.footer .socials a:hover {
    background-color: #e3d5c8;
    transform: none;
}

/* Language links: top right, grey with | separators */
footer.footer .lang-switch {
    position: absolute;
    top: 40px;
    right: 20px;
    display: flex;
}

footer.footer .lang-switch a {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #9d9d9d;
    opacity: 1;
}

footer.footer .lang-switch a + a:before {
    content: "|";
    margin: 0 6px;
}

footer.footer .lang-switch a:hover {
    color: #fff !important;
}

/* Bottom row */
footer.footer .footer-bottom {
    border-top: none;
}

footer.footer .footer-container.bottom-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1300px;
    padding: 30px 20px 50px !important;
    gap: 30px;
}

footer.footer .footer-links-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

footer.footer .footer-links-bottom a {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #9d9d9d;
    opacity: 1;
}

footer.footer .footer-links-bottom a + a:before {
    content: "|";
    margin: 0 8px;
    color: #9d9d9d;
}

footer.footer .footer-links-bottom a:hover {
    color: #d9d8d7 !important;
}

/* Newsletter: underlined EMAIL field + S'INSCRIRE text button */
footer.footer .newsletter-form {
    display: flex;
    align-items: flex-end;
    gap: 50px;
    margin-top: 0;
}

footer.footer .newsletter-form input {
    flex: none;
    min-width: 200px;
    padding: 0 0 8px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #e3d5c8;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

footer.footer .newsletter-form input::placeholder {
    color: #fff;
    opacity: 1;
}

footer.footer .newsletter-form button {
    background: transparent;
    border: none;
    padding: 0 0 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

footer.footer .newsletter-form button:hover {
    color: #e3d5c8;
}

/* Mobile */
@media (max-width: 900px) {
    footer.footer .lang-switch {
        position: static;
        justify-content: center;
    }

    footer.footer .footer-top .footer-col ul {
        flex-direction: column;
    }

    footer.footer .footer-top .footer-col ul li + li:before {
        display: none;
    }

    footer.footer .footer-container.bottom-flex {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    footer.footer .footer-links-bottom {
        justify-content: center;
    }

    footer.footer .newsletter-form {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
}
.list-with-icons li {
  display: flex;
  align-items: center;
  gap: 12px;
}

.list-with-icons .icon {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  font-size: 0;        
  color: transparent;
}

.list-with-icons .icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.list-with-icons li:nth-child(1) .icon::after {
  background-image: url("../img/icons/icon-person.svg");
}
.list-with-icons li:nth-child(2) .icon::after {
  background-image: url("../img/icons/icon-bed.svg");
}
.list-with-icons li:nth-child(3) .icon::after {
  background-image: url("../img/icons/icon-area.svg");
}