/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* LIGHT */
@font-face {
font-family: 'HelveticaNeue-Light';
src: url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-Light.woff') format('woff'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-Light.ttf') format('truetype'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
font-weight: normal;
font-style: normal;
}
/* LIGHT ITALIC */
@font-face {
font-family: 'HelveticaNeue-LightItalic';
src: url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-LightItalic.eot?#iefix') format('embedded-opentype'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-LightItalic.woff') format('woff'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-LightItalic.ttf') format('truetype'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-LightItalic.svg#HelveticaNeue-LightItalic') format('svg');
font-weight: normal;
font-style: normal;
}
/* BOLD */
@font-face {
font-family: 'HelveticaNeue-CondensedBold';
src: url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-CondensedBold.otf') format('opentype'),
url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-CondensedBold.woff') format('woff'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-CondensedBold.ttf') format('truetype'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/HelveticaNeue-CondensedBold.svg#HelveticaNeue-CondensedBold') format('svg');
font-weight: normal;
font-style: normal;
}
/* 2024 Refont + Cannes */
@font-face {
font-family : 'Geovano Sans' ;
src : url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/GeovanoSansRegular.otf') format('opentype');
font-weight : normal ;
font-style : normal ;
}
/* Karlito : AkzidenzGroteskBE-BoldCn */
@font-face {
font-family: 'AkzidenzGroteskBE-BoldCn';
src: url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/AkzidenzGroteskBE-BoldCn.eot?#iefix') format('embedded-opentype'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/AkzidenzGroteskBE-BoldCn.otf') format('opentype'),
url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/AkzidenzGroteskBE-BoldCn.woff') format('woff'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/AkzidenzGroteskBE-BoldCn.ttf') format('truetype'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/AkzidenzGroteskBE-BoldCn.svg#AkzidenzGroteskBE-BoldCn') format('svg');
font-weight: normal;
font-style: normal;
}
/* Karlito : AkzidenzGroteskBE-BoldEx */
@font-face {
font-family: 'AkzidenzGroteskBE-BoldEx';
src: url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/AkzidenzGroteskBE-BoldEx.eot?#iefix') format('embedded-opentype'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/AkzidenzGroteskBE-BoldEx.otf') format('opentype'),
url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/AkzidenzGroteskBE-BoldEx.woff') format('woff'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/AkzidenzGroteskBE-BoldEx.ttf') format('truetype'), url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/AkzidenzGroteskBE-BoldEx.svg#AkzidenzGroteskBE-BoldEx') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'mob-icons';
src: url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/mob-icons.eot?90751322');
src: url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/mob-icons.eot?90751322#iefix') format('embedded-opentype'),
url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/mob-icons.woff2?90751322') format('woff2'),
url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/mob-icons.woff?90751322') format('woff'),
url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/mob-icons.ttf?90751322') format('truetype'),
url('https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/mob-icons.svg?90751322#mob-icons') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url("https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/fa-solid-900.eot");
src: url("https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/fa-solid-900.woff2") format("woff2"), url("https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/fa-solid-900.woff") format("woff"), url("https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/fa-solid-900.ttf") format("truetype"), url("https://www.mobhotel.com/skin/frontend/mobhotel/default/fonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fab {
font-family: 'Font Awesome 5 Brands';
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "mob-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: auto;
/*margin-right: .2em;*/
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
/*margin-left: .2em;*/
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-right-open-big:before { content: '\e800'; } /* 'î €' */
.icon-left-open-big:before { content: '\e801'; } /* 'î ' */
.icon-down-open-big:before { content: '\e802'; } /* 'î ‚' */
.icon-up-open-big:before { content: '\e803'; } /* 'î ƒ' */
.icon-down-open:before { content: '\e804'; } /* 'î „' */
.icon-left-open:before { content: '\e805'; } /* 'î …' */
.icon-right-open:before { content: '\e806'; } /* 'î †' */
.icon-up-open:before { content: '\e807'; } /* 'î ‡' */
.icon-cancel:before { content: '\e808'; } /* 'î ˆ' */
.icon-search:before { content: '\e809'; } /* 'î ‰' */
.icon-calendar:before { content: '\e80a'; } /* 'î Š' */
.icon-right:before { content: '\e80b'; } /* 'î ‹' */
.icon-ipad:before { content: '\e80c'; } /* 'î Œ' */
.icon-account-logo:before { content: '\e80d'; } /* 'î ' */
.icon-left:before { content: '\e80e'; } /* 'î Ž' */
.icon-up:before { content: '\e80f'; } /* 'î ' */
.icon-ok:before { content: '\e810'; } /* 'î ' */
.icon-down:before { content: '\e811'; } /* 'î ‘' */
.icon-other-bed:before { content: '\e81f'; } /* 'î Ÿ' */
.icon-cosmetics:before { content: '\e820'; } /* 'î ' */
.icon-air-bed:before { content: '\e821'; } /* 'î ¡' */
.icon-desk-safe:before { content: '\e822'; } /* 'î ¢' */
.icon-vinyl:before { content: '\e823'; } /* 'î £' */
.icon-queen-size-bed:before { content: '\e825'; } /* 'î ¥' */
.icon-surprise:before { content: '\e826'; } /* 'î ¦' */
.icon-secure:before { content: '\e827'; } /* 'î §' */
.icon-shipping:before { content: '\e828'; } /* 'î ¨' */
.icon-down-dir:before { content: '\e82a'; } /* 'î ª' */
.icon-up-dir:before { content: '\e82b'; } /* 'î «' */
.icon-left-dir:before { content: '\e82c'; } /* 'î ¬' */
.icon-right-dir:before { content: '\e82d'; } /* 'î ' */
.icon-spin1:before { content: '\e830'; } /* 'î °' */
.icon-basket:before { content: '\e831'; } /* 'î ±' */
.icon-attach:before { content: '\e832'; } /* 'î ²' */
.icon-facebook:before { content: '\f09a'; } /* 'ï‚š' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* 'ï…ª' */
.icon-instagram:before { content: '\f16d'; } /* 'ï…' */
.icon-wifi:before { content: '\e900'; }
.icon-fridge:before { content: '\e901'; }
.icon-heart:before { content: '\e902'; }
.icon-fresh:before { content: '\e903'; }
body {
font-size: 1rem;
}
body, button, input, optgroup, select, textarea {
line-height: 1.6;
/*letter-spacing: .035em;*/
}
/* CTA */
.mob-cta {
font-size: 1.1rem;
}
/* Heading */
h1, .h1 {
font-size: 2rem;
line-height: 1.2;
}
h2, .h2 {
font-size: 2rem;
line-height: 1.2;
}
h3, .h3 {
font-size: 2rem;
line-height: 1.2;
}
h4, .h4 {
font-size: 1.8rem;
line-height: 1.2;
}
h5, .h5 {
font-size: 1.4rem;
line-height: 1.2;
}
@media only screen and (min-width: 980px) {
h1, .h1 {
font-size: 2.2rem;
}
h2, .h2 {
font-size: 2.2rem;
}
h3, .h3 {
font-size: 2.2rem;
}
h4, .h4 {
font-size: 2rem;
}
h5, .h5 {
font-size: 1.8rem;
}
}
/*
HEADER
*/
.logo-wrapper,
.logo-wrapper h1 {
font: 0/0 a;
}
/* icon */
.flag-icon {
font-size: 1.25em;
line-height: 1em;
}
.icon-spin1:before {
font-size: 1.4em;
}
.language-wrapper select {
font-size: 1.2em;
}
.account-links .icon-up-dir:before {
font-size: 1.5em;
}
.nav-wrapper {
font-size: 1.15em;
}
.nav-primary-back__link {
font-size: .925em;
}
.icon-menu:before {
font-size: 3em;
}
/*
NAV
*/
@media only screen and (min-width: 980px) {
.nav-primary__a {
font-size: 2.2rem;
line-height: 1.1;
}
.nav-primary ul[class^=level].more-infos-link__ul {
font-size: .75rem;
}
.more-infos-link .nav-primary__a {
font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem;
line-height: 1.2;
}
}
/*
Booking Box
*/
.fixed-btn__button,
.fixed-btn-event {
font-size: 1rem;
line-height: normal;
}
@media only screen and (min-width: 980px) {
.fixed-btn__button {
font-size: 1.2rem;
}
.body-karlito .fixed-btn__button {
font-size: 1.1rem;
}
}
/*
Footer
*/
.footer-certified .certified-container h3,
.footer-block__h4,
.footer-social__item a {
font-size: 1.55rem;
line-height: 1.2;
}
.footer-newsletter-title {
font-size: 1.55rem;
}
@media only screen and (min-width: 980px) {
.footer-newsletter-title {
font-size: 2.2rem;
}
}
.footer-newsletter-button i:before {
font-size: 1.5rem;
}
.store-switcher-wrapper ul li a {
font-size: 1.1rem;
}
/*@media only screen and (max-width: 979px) {
.custom-select--language i:before {
font-size: 1em;
}
}
@media only screen and (max-width: 639px) {
.footer-block p, .footer-nav__li {
font-size: 1.2em;
}
.access-infos__block, .access-nearby__block {
font-size: 1.2em;
}
}*/
/*
Homepage
*/
.slider-press-blockquote__quote {
font-size: 2rem;
line-height: 1.2;
}
.slider-press-blockquote__cite {
font-size: 1.5rem;
}
.home-block.infos .info .desc h3 {
font-size: 2.4rem;
}
@media only screen and (min-width: 980px) {
.slider-press-blockquote__quote {
font-size: 2.2rem;
}
.home-block.infos .info .desc h3 {
font-size: 3.4rem;
}
}
.scroll-bottom__picto:before {
font-size: 2.5em;
}
/*
indev
*/
.indev .header-image .city,
.indev .link-contact {
font-size: 2.5rem;
line-height: 3rem;
}
@media only screen and (min-width: 980px) {
.indev .header-image .city,
.indev .link-contact {
font-size: 3.75rem;
line-height: 4rem;
}
}
/*
FAQ
*/
.faq h3 {
font-size: 1.55rem;
}
h4.faqQuestion {
font-size: 1.55rem;
}
.cms-index-index h4.faqQuestion {
font-size: 1.55rem;
}
/*
Prehome 2023
*/
.body-prehome .prehome-actions button,
.body-prehome .prehome-actions h2,
.body-prehome .prehome-actions h2 span.lnk {
font-size: 3.8rem;
line-height: 2.2rem;
}
@media only screen and (min-width: 980px) and (max-width: 1279px){
.body-prehome .prehome-actions h2 {
font-size: 3rem;
line-height: 2rem;
}
}
.body-prehome .prehome-actions button span,
.body-prehome .prehome-actions h2 span {
font-size: 2.2rem;
}
.body-prehome .soon {
font-size: 1.5rem;
}
.body-prehome .soon span {
font-size: 1.8rem;
}
.body-prehome .fixed-btn__button.opened:hover {
background-color: #fff;
}
body.video_played .video_close {
font-size: 12px;
}
@media only screen and (max-width: 979px) {
.body-prehome .prehome-actions button,
.body-prehome .prehome-actions h2,
.body-prehome .prehome-actions h2 span.lnk {
font-size: 2rem;
line-height: .9;
}
.body-prehome .prehome-actions button span,
.body-prehome .prehome-actions h2 span {
font-size: 1.1rem;
}
.body-prehome .soon {
font-size: 1rem;
}
.body-prehome .soon span {
font-size: 1.2rem;
}
}
.body-prehome .dispatch-block__small {
font-size: .4em;
}
.body-prehome .hide-content-btn .icon-cancel:before {
font-size: 4em;
}
.body-prehome .fixed-btn-content__title {
font-size: 2.25em;
}
.body-prehome .fixed-btn-content__list {
font-size: 1.75em;
line-height: normal;
}
@media only screen and (min-width: 871px) {
.body-prehome .fixed-btn-content__title, .fixed-btn-content__a {
font-size: 2.2rem;
}
.body-prehome .fixed-btn-content__list {
font-size: 2.95em;
}
}
.body-prehome .popstart-wrapper .popstart-inner .close .icon-close:before {
font-size: 1.6em;
}
.body-prehome #console {
font-size: 13px;
}
/*
Happening
*/
.block-layered-nav .actions.back i {
font-size: .75em;
}
.block-layered-nav dl dt,
.block-layered-nav .actions.back a {
font-size: 2.2rem;
line-height: 1.1;
}
.block-layered-nav .actions.back,
.event-block__h2,
.block-layered-nav dl dd li,
.event-details__date,
.event-block__type {
font-size: 1.65rem;
line-height: 1.1;
}
.previously a {
font-size: 2.2rem;
}
@media only screen and (max-width: 979px) {
.block-layered-nav dl dt {
font-size: 1.25rem;
}
.block-layered-nav dl dd li,
.block-layered-nav dl dd li a {
font-size: 1.25rem;
line-height: 1.1;
}
}
/*
Rooms
*/
.room-feature__block h4 {
font-size: 1rem;
}
.room-features__icon:before {
font-size: 2.75rem;
}
.product-price-wrapper {
font-size: 1.1rem;
}
.product-price-wrapper .price-box,
.product-price-wrapper .old-price {
font-size: 1rem;
}
/*
Offres
*/
.product-offer-content__h2 {
margin-bottom: 0;
}
.product-offer-content .title .price-from {
font-size: 2em;
}
/*
Karlito
*/
.karlito .area-2 button.action,
.karlito .area-5 button.action,
.karlito .area-2 a.resa.action {
font-size: 2rem;
line-height: 3rem;
}
@media only screen and (min-width: 980px) {
.karlito .area-2 button.action,
.karlito .area-5 button.action,
.karlito .area-2 a.resa.action {
font-size: 2.5rem;
}
}
.karlito .area .area-right .content p.mob,
.karlito .area .area-right .content p.schedule {
font-size: 2rem;
}
.karlito .area .area-right .content p,
.karlito .area .area-right .content p.days {
font-size: 1.25rem;
line-height: 1.2;
}
/*
Access
*/
.access-nearby__h3 {
font-size: 1.5rem;
}
.access-infos__block h4 {
font-size: 1.25rem;
}
/*
Press Article
*/
.press-article__title {
font-size: 1rem;
}
.press-article__date {
font-size: .85rem;
}
/*
MOB About
*/
.mob-about-nav h2 {
line-height: 1.1;
}
/*
No route
*/
.no-route-block h2,
.no-route-block h3 {
font-size: 1.5rem;
}
/* ============================================ *
* FORMS - COMMON
* ============================================ */
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button, optgroup, input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
border-radius: 0;
border: 0;
border-bottom: 1px solid #1D1D1B;
font-size: 16px;
padding: 4px 0;
max-width: 100%;
}
@media only screen and (min-width: 980px) {
button, input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
font-size: 15px;
}
}
button {
border: 0;
cursor: pointer;
padding: 0;
height: 34px;
}
select, textarea {
border-radius: 0;
}
textarea {
width: 100%;
}
/* -------------------------------------------- *
* Placeholder
*/
::-webkit-input-placeholder {
color: #d4d4d4;
font-size: 1em;
opacity: .7;
line-height: 24px;
}
::-moz-placeholder {
color: #d4d4d4;
font-size: 1em;
opacity: .7;
}
:-ms-input-placeholder {
color: inherit;
font-size: 1em;
font-family: "HelveticaNeue-LightItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
opacity: .7;
}
:-moz-placeholder {
color: inherit;
font-size: 1em;
font-family: "HelveticaNeue-LightItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
opacity: .7;
}
/* ERROR */
.onestepcheckout-error, .validation-advice {
font-family: "HelveticaNeue-LightItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-top: 4px;
margin-bottom: 8px;
font-size: .925em;
color: red;
text-align: left;
}
.onestepcheckout-error a {
text-decoration: underline;
}
/* CUSTOM SELECT */
.custom-select {
position: relative;
display: inline-block;
padding: .25em 0;
border: 0;
background-color: inherit;
border-bottom: 1px solid #1D1D1B;
}
.custom-select select {
border: none;
padding: 0 1em 0 0;
position: relative;
z-index: 1;
width: 100%;
-webkit-box-shadow: none;
box-shadow: none;
background-image: none;
background-color: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select i {
position: absolute;
right: .4em;
top: 2px;
}
.custom-select i:before {
font-size: .8em;
}
/* CUSTOM RADIO/CHECKBOX */
.custom-input {
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-left: 1.85em;
}
.custom-input input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background-color: transparent;
border-style: solid;
border-width: 1px;
}
.custom-input--radio .checkmark {
border-radius: 50%;
top: 2px;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.custom-input input:checked~.checkmark:after {
display: block;
}
.custom-input .checkmark:after {
top: 2px;
left: 2px;
width: 10px;
height: 10px;
}
.custom-input.custom-input--radio .checkmark:after {
border-radius: 50%;
}
.custom-input+.custom-input {
margin-left: 1.25em;
}
/* MOB FORMS */
.required {
position: relative;
top: -4px;
}
.input-box {
position: relative;
margin-bottom: .85em;
}
.input-box--submit, .input-box--footer {
margin-top: 1.85em;
}
@media only screen and (min-width: 980px) {
.input-box--footer {
margin: 2.75em auto;
max-width: 288px;
}
}
.input-box--submit .mob-cta {
}
.input-box--submit .mob-cta+.mob-cta {
margin-top: 1.25em;
}
.input-box:not(.input-box--labelvisible) label {
display: none;
margin-bottom: .25em;
}
.input-box .custom-select {
width: 100%;
}
.input-box input[type=text], .input-box input[type=password], .input-box input[type=email], .input-box input[type=number], .input-box input[type=tel] {
width: 100%;
}
.input-box input[type=checkbox]+label, .input-box input[type=radio]+label {
display: inline-block;
margin-bottom: 0;
margin-left: .55em;
}
.input-box--file {
cursor: pointer;
}
.input-box--file [type="file"] {
cursor: pointer;
z-index: 10;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
}
/* DOB */
.dob-fields:after {
content: '';
display: table;
clear: both;
}
.dob-day, .dob-month, .dob-year {
width: 31%;
float: left;
margin-right: 3.5%;
}
.newsletter-wrapper .dob-day, .newsletter-wrapper .dob-month, .newsletter-wrapper .dob-year {
float: right;
}
.dob-day.fr {
float: left;
}
.dob-year {
margin-right: 0;
}
/* TITLE */
.customer-title .custom-input--radio {
display: inline-block;
margin-right: 1.25em;
}
/* DATE PICKER */
.mob-datepicker {
position: relative;
}
.mob-datepicker .icon-calendar {
position: absolute;
right: 1em;
bottom: .3em;
}
.mob-datepicker__input {
position: relative;
cursor: pointer;
z-index: 10;
}
.mob-datepicker .ui-datepicker-trigger {
display: none;
}
.ui-datepicker {
display: none;
border: solid 1px;
background-color: inherit;
margin-top: .4em;
padding: 1em;
}
.ui-datepicker-header {
position: relative;
}
.ui-datepicker-title {
font-size: 1.25em;
padding-top: .2em;
padding-bottom: .2em;
text-transform: uppercase;
text-align: center;
}
.ui-datepicker-next, .ui-datepicker-prev {
cursor: pointer;
position: absolute;
top: .5em;
right: .35em;
font-size: 2.5em;
line-height: 0;
}
.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon {
opacity: 0;
}
.ui-datepicker-prev {
left: .35em;
right: auto;
}
.ui-datepicker-next.ui-state-disabled, .ui-datepicker-prev.ui-state-disabled {
opacity: 0;
}
.ui-datepicker-next:after {
content: ">";
font-size: .45em;
}
.ui-datepicker-prev:before {
content: "<";
font-size: .45em;
}
.ui-datepicker-calendar {
width: 100%;
}
.ui-datepicker-calendar th, .ui-datepicker-calendar td {
text-align: center;
padding: .5em;
}
.ui-datepicker-calendar th {
text-transform: uppercase;
}
.ui-state-default {
padding: .25em;
border-style: solid;
border-width: 2px;
border-color: transparent;
}
.ui-state-disabled {
opacity: .35;
}
.ui-datepicker-today {
text-decoration: underline;
}
/* FB BUTTON */
.facebook-connect {
width: 100%;
}
/* PERSONAL DATA LINK / REQUIRED FIELD */
.input-box--infos {
padding-top: .75em;
margin-bottom: 0;
font-size: .825em;
}
.input-box--infos a {
/* text-decoration: underline; */
}
.input-box--infos:after {
content: '';
display: table;
clear: both;
}
.input-box--infos__left {
float: left;
width: 48%;
text-align: left;
}
.input-box--infos__right {
float: right;
text-align: right;
width: 48%;
}
.meeting-space select, .participants-meeting select{
width: 85%!important;
}
.meeting-space, .participants-meeting{
margin: 0;
width: 100%;
}
.validation-advice{
margin-top: 0%!important;
}
/* ============================================ *
* Base Styles
* ============================================ */
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*, *::before, *::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body, button, input, optgroup, select, textarea {
font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
background-color: transparent;
color: inherit;
}
a {
color: inherit;
}
a, a:hover {
text-decoration: none;
}
a:focus, button:focus, input:focus, optgroup:focus, select:focus, textarea:focus {
outline: 0;
}
ol, ul {
list-style: none;
margin: 0;
padding: 0;
}
img, video {
height: auto;
max-width: 100%;
}
figure {
margin: 0;
}
figure img {
display: block;
margin-left: auto;
margin-right: auto;
}
table {
border-collapse: collapse;
}
fieldset {
border: 0;
}
p {
margin-top: .25em;
margin-bottom: 1.25em;
}
i, em, address, .italic {
font-family: "HelveticaNeue-LightItalic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
b, strong, .bold {
font-family: "Geovano Sans", "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
}
/* ============================================ *
* Typography
* ============================================ */
h1, .h1 {
font-family: "Geovano Sans", "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
position: relative;
margin: 0;
margin-bottom: 20px;
text-transform: uppercase;
text-align: center;
}
h2, .h2 {
font-family: "Geovano Sans", "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
margin: 0;
margin-bottom: 16px;
text-transform: uppercase;
}
h3, .h3 {
font-family: "Geovano Sans", "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
margin: 0;
margin-bottom: 14px;
text-transform: uppercase;
}
h4, .h4 {
font-family: "Geovano Sans", "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
margin: 0;
margin-bottom: 12px;
text-transform: uppercase;
}
h5, .h5 {
font-family: "Geovano Sans", "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
margin: 0;
margin-bottom: 10px;
text-transform: uppercase;
}
.fixed-btn-content__title,
.nav-primary__a,
.account-btn, .contact-link,
.link-contact a,
.slider-press-blockquote,
.cart-details__price,
.category-text .room-details__size,
.job-desc .recruitment-qty,
.room-details__size,
.mob-about-nav h2,
.indev .header-image,
.block-layered-nav .actions.back,
.block-layered-nav dl,
.event-block__h2,
.event-details__date,
.event-block__type,
.previously a,
.people-block .people-block__infos .short,
.people-block__type,
.catalog-out-of-stock,
.product-config-label,
.catalog-quick-buy-btn,
.mob-cta--buy,
.product-offer-content .title .price-from,
.product-price-wrapper,
.product-sku,
.ajaxcart-pro-productname,
.mob-cta--minicart,
.mob-cta--checkout,
.pages__ol .current,
.recruitment-qty,
.fixed-btn__button, .fixed-btn-event,
.mob-cta,
.footer-newsletter-title,
.footer-certified .certified-container h3,
.footer-block__h4,
.footer-social__item a,
.store-switcher-wrapper ul li a {
font-family: "Geovano Sans", "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 400;
}
/* Lazy load */
.lazyload, .lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
}
/* ============================================ *
* CONTAINER
* ============================================ */
.wrapper, .page {
background-color: inherit;
height: 100%;
}
.wrapper {
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
}
.main-container {
padding-top: 57.23px;
}
@media only screen and (min-width: 980px) {
.wrapper {
max-width: 2100px;
margin-left: auto;
margin-right: auto;
}
.main-container {
padding-top: 0;
min-height: 700px;
min-width: 1024px;
}
.right-container-template {
text-align: center;
width: 70%;
margin-left: auto;
}
}
@media only screen and (min-width: 1400px) {
.right-container-template {
width: 72%;
}
}
@media only screen and (min-width: 1700px) {
.right-container-template {
width: 78%;
}
}
.main:after {
content: '';
display: table;
clear: both;
}
.col-main:after {
content: '';
display: table;
clear: both;
}
/* ============================================ *
* COLUMN LAYOUT
* ============================================ */
@media only screen and (min-width: 980px) {
.col-left {
float: right;
width: 30%;
}
.col-left+.col-main {
float: right;
width: 70%;
}
}
/* ============================================ *
* Messages
* ============================================ */
.messages {
position: fixed;
z-index: 1000;
font-size: 1.05em;
padding: 1.45em 2em 1.15em;
text-align: center;
text-transform: uppercase;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
left: 0;
right: 0;
bottom: 0;
}
/* ============================================ *
* Helpers
* ============================================ */
.a-center, .align-center {
text-align: center;
}
.a-right, .align-right {
text-align: right;
}
.a-left, .align-left {
text-align: left;
}
.no-display, .hidden {
display: none !important;
}
.nobr, .nowrap {
white-space: nowrap;
}
.uppercase {
text-transform: uppercase;
}
.underline {
text-decoration: underline;
}
.no-mobile {
display: none !important;
}
.big-icons:before {
display: inline-block;
margin: 0;
font-size: 102px;
}
@media only screen and (min-width: 980px) {
.no-mobile {
display: block !important;
}
.no-desktop {
display: none !important;
}
.big-icons:before {
font-size: 132px;
}
}
/* SWIPER OVERRIDE */
.swiper-container--mob .swiper-button-next,
.swiper-container--mob .swiper-button-prev {
background-image: none;
width: auto;
height: auto;
padding: .5em 0;
}
.swiper-container .swiper-button-prev:before,
.swiper-container .swiper-button-next:before {
font-size: 3em;
}
.swiper-container--mob .swiper-button-next {
right: 0;
}
.swiper-container--mob .swiper-button-prev {
left: 0;
}
.swiper-container--mob .swiper-button-next.swiper-button-disabled,
.swiper-container--mob .swiper-button-prev.swiper-button-disabled {
display: none;
}
.swiper-container--mob .swiper-pagination-bullet {
width: 1em;
height: 1em;
background-color: transparent;
border-style: solid;
border-width: 2px;
opacity: 1;
}
.swiper-container--mob.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 .55em;
}
.swiper-container--mob.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-container--mob.swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 1em;
}
/* ============================================ *
* Cookies
* ============================================ */
#cookie-law {
position: fixed;
z-index: 1000;
left: 0;
right: 0;
bottom: 0;
padding: 1em 3em 0 4%
}
.cookie-law__txt {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.cookie-law__close {
cursor: pointer;
position: absolute;
top: 1.45em;
right: 1em;
}
.cookie-law__close.ok {
position: relative;
top: 0;
left: 6px;
}
.cookie-law__close i:before {
font-size: 1.75em;
}
.icon-cancel {
background: #e84427;
color: #fff;
padding: 2px 6px;
border-radius: 3px;
margin: 8px 0 0;
display: inline-block;
}
.cookie-law__close .icon-cancel:before {
content:none;
}
/* ============================================ *
* FAQ Accordion
* ============================================ */
.faq {
width: 100%;
padding: 6rem 3em;
text-align: left;
}
.cms-index-index .faq {
padding: 6rem;
}
.body-karlito .faq {
padding: 6rem 0;
}
.faq ul li:first-child {
border-top: 1px solid;
}
.faq ul li {
border-bottom: 1px solid;
}
.faqQuestion {
position: relative;
padding: 1.5rem 0 1.5rem 0;
cursor: pointer;
margin: 0;
overflow: hidden;
width: 100%;
text-transform: inherit;
font-weight: bold;
display: flex;
align-items: center;
}
.cms-index-index .faqQuestion {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
justify-content: space-between;
}
.faqQuestion .text {
padding-right: 30px;
}
.cms-index-index .faqQuestion .text {
width: calc(100% - 50px);
}
.faqAnswer {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
max-height: 0;
overflow: hidden;
opacity: 0;
}
.faqAnswer .content {
padding: 0 2rem 2rem 0;
}
.faqAnswer .content p {
margin: 0;
}
.sign-container {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border: 2px solid #1D1D1B;
border-radius: 50%;
position: relative;
}
.sign{
position: relative;
width: 20px;
height: 20px;
}
.sign:before,
.sign:after{
content: "";
position: absolute;
background-color: #1D1D1B;
-webkit-transition: transform 0.25s ease-out;
-moz-transition: transform 0.25s ease-out;
-ms-transition: transform 0.25s ease-out;
-o-transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out;
}
/* Vertical line */
.sign:before{
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
}
/* horizontal line */
.sign:after{
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
}
.open .sign:before { transform: rotate(90deg); }
.open .sign:after{ transform: rotate(180deg); }
@media only screen and (max-width: 979px) {
.faq {
padding: 3rem 1.5em;
}
.cms-index-index .faq {
padding: 3rem;
}
.body-karlito .faq {
padding: 3rem 1.5em;
}
.sign-container {
width: 34px;
height: 34px;
}
.sign {
width: 18px;
height: 18px;
}
}
@media only screen and (max-width: 639px) {
.cms-index-index .faq {
padding: 3rem 1.5em;
}
.faqQuestion,
.cms-index-index .faqQuestion {
justify-content: space-between;
}
.faqQuestion .text {
width: calc(100% - 50px);
}
.sign-container {
width: 30px;
height: 30px;
}
.sign {
width: 16px;
height: 16px;
}
}
.mob-cta {
height: auto;
text-align: center;
display: inline-block;
padding: .2rem 1rem;
text-transform: uppercase;
border: 2px solid;
border-radius: 50px;
}
.mob-cta:hover, .mob-cta:active, .mob-cta:focus {
-webkit-transition: color .2s, background-color .2s;
transition: color .2s, background-color .2s;
}
/***********
** GLOBAL **
***********/
body {
color: #1D1D1B;
background-color: #fff;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset;
}
.catalog-out-of-stock,
.catalog-item-hover,
.job-hover__link,
.job-hover__link:hover,
.content-top-desc--white {
color: #fff;
}
.minicart-details,
.account-links,
.content-top-desc--black,
select option {
color: #1D1D1B;
}
.logo-mob-hotel path {
fill: currentColor;
}
button,
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea,
.upsell-wrapper__h3,
.checkmark {
border-color: #1D1D1B;
}
.nav-primary__a,
.account-dashboard-nav__item,
.account-dashboard-table td,
.account-dashboard-table th,
.bienveillants-event,
.nav-primary-back__link,
.onestepcheckout-summary__item,
.account-dashboard__list,
.seminars-details__h4,
.seminars-summary-day,
.minicart-list__li {
border-color: #d7d7d7;
}
.nav-primary ul[class^=level],
.catalog-quick-buy-btn,
.restaurant-block__h2,
.product-offer-content__h2,
.seminars_details__h3,
.rates-h2,
.breadcrumb-steps__li:before,
.account-login-wrapper__h2,
.access-infos-parking__h4,
#ajaxcartpro-progress,
#ajaxcartpro-add-confirm,
#ajaxcartpro-remove-confirm {
background-color: #fff;
}
.slider-press-inner,
.mob-service__desc {
background-color: rgba(0, 0, 0, .15);
color: #fff;
}
.slider-press-inner:hover,
.mob-service__desc:hover {
background-color: rgba(0, 0, 0, .35);
}
.menu-overlay,
#acp-overlay {
background-color: rgba(0, 0, 0, .6);
}
.product-price-wrapper,
.account-links__list {
color: #fff;
background-color: #1D1D1B;
}
.nav-primary .active a,
.event-block__type,
.previously a,
.room-feature__block .room-features__icon:before,
.room-feature__block h4,
.room-details__size,
.product-offer-content .title .price-from,
.recruitment-qty,
.artist-title .title,
.history-content .item {
color: #d4d4d4;
}
@media only screen and (min-width: 980px) {
.body-homepage .header-wrapper,
.nav-primary ul[class^=level],
.nav-wrapper {
background-color: transparent;
}
.press-article__desc a {
color: #fff;
}
}
@media only screen and (min-width: 770px) {
.photo-row__title {
color: #fff;
}
}
/**********************
** HOMEPAGE / EVENTS **
**********************/
@media only screen and (min-width: 980px) {
.home-slide--black,
.header-wrapper--black .nav-primary,
.header-wrapper--black .nav-secondary__block,
.header-wrapper--black .logo-wrapper,
.header-wrapper--black .logo-wrapper {
color: #1D1D1B;
}
.home-slide--white,
.header-wrapper--white .nav-primary,
.header-wrapper--white .nav-secondary__block,
.header-wrapper--white .logo-wrapper {
color: #fff;
}
}
/**************************************
** MOB HOTEL PARIS LES PUCES #f05644 **
**************************************/
.footer-newsletter-button:hover,
.header-wrapper a:hover,
.header-wrapper a:active,
.header-wrapper a:focus,
.catalog-quick-buy-btn,
.pages__ol a:hover,
.pages__ol a:active,
.pages__ol a:focus,
.pages__ol .current,
.sy-controls,
.sy-pager,
.swiper-button-prev,
.swiper-button-next,
.reassurance-block__inner i,
.ajax-cart-loader,
.bienveillants-event__h4,
.scroll-bottom,
.discount-form__btn:hover,
.discount-form__cancel:hover,
.submit-search:hover {
color: #DD592F;
}
.breadcrumb-steps__li.active:before,
.custom-input input:checked~.checkmark:after,
.swiper-pagination-bullet.swiper-pagination-bullet-active,
.sy-pager li a {
background-color: #DD592F;
}
.fixed-btn__button {
background-color: #fff;
-webkit-transition: color .1s ease-out, background-color .1s ease-out;
-moz-transition: color .1s ease-out, background-color .1s ease-out;
-o-transition: color .1s ease-out, background-color .1s ease-out;
transition: color .1s ease-out, background-color .1s ease-out;
}
.fixed-btn__button:hover {
background-color: #e84427;
color: #fff;
}
.footer-container,
.footer-end {
background-color: #1D1D1B;
color: #fff;
}
.fixed-btn-event {
background-image: url("https://www.mobhotel.com/skin/frontend/mobhotel/default/images/fixed-btn_unplugged.png");
color: #1D1D1B;
}
@media only screen and (min-width: 980px) {
.press-article__desc a {
background-color: rgba(29, 29, 27, .5);
}
}
@media only screen and (min-width: 770px) {
.photo-row__title {
background-color: rgba(29, 29, 27, .5);
}
}
.catalog-out-of-stock,
.catalog-item-hover,
.job-hover__link {
background-color: rgba(221, 89, 47, .85);
}
.product-images-thumb.active,
.restaurant-block,
.event-details-desc__inner,
.product-offer-content,
.breadcrumb-steps__li.active:before,
.ui-state-active,
a.ui-state-default:hover,
.rates-wrapper__inner,
.seminars-details,
.account-login-wrapper__block,
.access-infos-parking,
.swiper-pagination-bullet {
border-color: #DD592F;
}
.access-infos-parking {
border-color: #1D1D1B;
}
.mob-cta {
background-color: #fff;
border-color: #1D1D1B;
}
.mob-cta:hover,
.mob-cta:active,
.mob-cta:focus {
background-color: #1D1D1B;
color: #fff;
}
/* FACEBOOK CONNECT */
html .mob-cta.facebook-connect {
background-color: #3b5998;
border-color: #3b5998;
}
html .mob-cta.facebook-connect:hover,
html .mob-cta.facebook-connect:active,
html .mob-cta.facebook-connect:focus {
color: #3b5998;
}
/* NO ROUTE */
.body-no-route .no-route-wrapper {
background-color: #FAF8F6;
}
.fixed-btn-content {
background-color: #FAF8F6;
color: #1D1D1B;
}
/*Default fixed button */
.fixed-btn__button {
background-color: #fff;
color: #E94F35;
border: 2px solid #E94F35;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: color .1s ease-out, background-color .1s ease-out;
-moz-transition: color .1s ease-out, background-color .1s ease-out;
-o-transition: color .1s ease-out, background-color .1s ease-out;
transition: color .1s ease-out, background-color .1s ease-out;
}
.body-no-route .header-wrapper,
.body-prehome .header-wrapper {
background-color: transparent;
}
/* MESSAGES */
.messages {
background-color: #e84427;
color: #fff;
}
.error {
color: #e84427;
}
.header-wrapper {
padding-top: .6em;
padding-bottom: .6em;
text-align: center;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.header-wrapper:after {
content: '';
display: table;
clear: both;
}
.burger-wrapper {
position: absolute;
left: 1em;
top: .4em;
}
.nav-secondary {
position: absolute;
right: 1em;
top: .7em;
}
.store-switcher-wrapper select {
text-transform: uppercase;
}
.logo-wrapper {
display: inline-block;
vertical-align: top;
}
.home-logo {
margin-bottom: 0;
}
.logo-mob-hotel {
display: inline-block;
vertical-align: top;
width: 64px;
height: auto;
-webkit-transition: opacity .5s;
transition: opacity .5s;
}
.nav-secondary__block {
display: inline-block;
text-transform: uppercase;
margin-right: .2em;
margin-left: .2em;
}
.nav-secondary__block:last-child {
margin-right: 0;
}
.account-opened .account-links {
display: block;
}
.account-btn, .contact-link {
display: none;
}
@media only screen and (min-width: 980px) {
.header-wrapper {
border: 0;
padding: 1.4em 3em;
text-align: left;
max-width: 2100px;
margin-left: auto;
margin-right: auto;
}
.body-prehome .header-wrapper {
max-width: none;
}
.washington .header-wrapper {
position:fixed;
}
.nav-secondary {
top: 2em;
right: 2em;
}
.account-btn, .contact-link {
display: inline-block;
}
.logo-mob-hotel {
width: 115px;
height: auto;
}
.account-btn {
position: relative;
background-color: inherit;
position: relative;
}
.account-links .icon-up-dir {
position: absolute;
top: 0;
left: 45%;
margin: auto;
}
.account-links {
display: none;
background-color: inherit;
position: absolute;
left: -4em;
top: 1.85em;
width: 196px;
text-align: center;
z-index: 10;
padding-top: 1em;
}
.account-links__item {
border-bottom: solid 1px;
}
.account-links__item:last-child {
border-bottom: 0;
}
.account-links__a {
display: inline-block;
padding: .3em;
}
}
/* Language */
.language-wrapper {
position: relative;
top: 2px;
}
.language-wrapper select {
opacity: 0;
}
.custom-select--language {
border: 0;
}
.custom-select--language .flag-icon {
cursor: pointer;
right: 1.2em;
top: .35em;
}
/* FOOTER */
.footer-certified {
background-color: #D6AC3C;
}
.footer-certified .certified-container {
padding: 2em;
text-align: center;
}
.footer-certified .certified-container h3 {
text-transform: uppercase;
color: #1D1D1B;
}
.footer-certified .certified-container p {
margin: 0;
padding: 0;
}
.footer-container {
padding: 2.75em 1.5em;
overflow: hidden;
}
.footer-container__top_left,
.footer-container__top_right {
float: none;
width: auto;
}
.footer-container__top_right {
padding-top: 2rem;
}
.footer-container__bottom {
clear: both;
}
.footer-block p {
margin-bottom: 1em;
}
.footer-block p:last-child {
margin-bottom: 0;
}
.footer-block__li {
margin-bottom: .2em;
}
.footer-block__li:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 980px) {
.footer-container {
padding: 4em 3em;
}
.footer-container__top_left {
float: left;
width: 40%;
}
.footer-container__top_right {
float: right;
width: 50%;
padding-top: 0;
}
.footer-block__h4 {
margin-bottom: 30px;
}
.footer-block--links {
text-align: center;
margin-top: 2em;
}
.footer-block__li {
display: inline-block;
margin: 0 1.2em .2em;
}
}
/* SOCIAL LINKS */
.find_mob {
float: none;
}
.footer-social {
float: none;
text-align: left;
padding-top: 2rem;
}
.footer-social__item {
text-transform: uppercase;
margin: 0;
}
.footer-social__list {
margin-bottom: 30px;
}
@media only screen and (min-width: 980px) {
.find_mob {
width: 48%;
float: left;
}
.footer-social {
width: 25%;
padding-top: 0;
float: right;
}
}
/* FOOTER NAV LINKS */
.footer-nav__ul {
font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footer-nav__li a:hover {
text-decoration: underline;
}
.footer-nav__li:last-child {
border-right-width: 0;
}
/* Store Switch */
.store-switcher-wrapper ul {
display: flex;
justify-content: center;
align-content: center;
padding: 1.5em;
}
.store-switcher-wrapper ul li {
margin: 0 .5em;
}
.store-switcher-wrapper ul li a {
color: #1D1D1B;
padding: .2rem 1rem .15rem;
background-color: #FFF;
text-transform: uppercase;
border-radius: 50px;
width: 180px;
display: block;
text-align: center;
border: 1px solid #fff;
}
.store-switcher-wrapper ul li.selected a {
background-color: #1D1D1B;
color: #FFF;
}
@media only screen and (max-width: 979px) {
.store-switcher-wrapper ul {
flex-direction: column;
}
.store-switcher-wrapper ul li {
margin: .5em 0;
}
}
.footer-before-container {
padding-top: 6em;
padding-bottom: 6em;
background-color: #FAF8F6;
}
.footer-newsletter-wrapper {
text-align: center;
padding-left: 5%;
padding-right: 5%;
margin: 1em auto;
max-width: 560px;
}
.footer-newsletter-title {
display: inline-block;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 1.4em;
}
.footer-newsletter-inputs {
position: relative;
}
input[type=email].footer-newsletter-input {
display: inline-block;
border-width: 0 0 1px;
width: 100%;
color: #999;
max-width: 500px;
}
input[type=email].footer-newsletter-input::-webkit-input-placeholder {
font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type=email].footer-newsletter-input::-moz-placeholder {
font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type=email].footer-newsletter-input:-ms-input-placeholder {
font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type=email].footer-newsletter-input:-moz-placeholder {
font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.footer-newsletter-button {
height: auto;
padding: .15em .25em .15em 1em;
position: absolute;
right: 0;
top: .15em;
-webkit-transition: .5s color;
transition: .5s color;
}
.footer-newsletter-wrapper .validation-advice {
padding: 1em 0;
}
.footer-newsletter-wrapper .input-box--infos__right a {
color: #999;
}
@media only screen and (min-width: 980px) {
.footer-before-container {
padding-top: 10em;
padding-bottom: 10em;
}
.footer-newsletter-wrapper {
padding-left: 0;
padding-right: 0;
}
}
.nav-wrapper {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
position: fixed;
top: 0;
left: 0;
width: 64%;
text-align: left;
height: 100%;
overflow-y: hidden;
}
.nav-wrapper__nav {
height: 100%;
overflow-y: auto;
}
.nav-primary__a {
display: block;
text-transform: uppercase;
padding: .35em 1em;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.nav-primary__a:after {
content: '';
display: table;
clear: both;
}
.nav-primary ul[class^=level] {
position: fixed;
overflow-y: auto;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s;
}
.nav-primary ul.opened {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.nav-primary-back {
text-align: right;
}
.nav-primary-back__link {
display: block;
padding: .35em 1em;
border-bottom-style: solid;
border-bottom-width: 1px;
}
.has-child-picto {
float: right;
}
.burger-menu {
height: auto;
}
.menu-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
}
/* MENU OPENED */
.menu-opened {
height: 100%;
overflow-y: scroll;
width: 100%;
position: fixed;
}
.menu-opened .wrapper {
-webkit-transform: translate3d(64%, 0, 0);
transform: translate3d(64%, 0, 0);
}
.menu-opened .menu-overlay {
display: block;
}
.menu-opened .burger-wrapper {
z-index: 91;
opacity: .7;
}
@media only screen and (min-width: 980px) {
.nav-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
width: auto;
/*left: 2.55em;*/
left: auto;
top: 6em;
padding-top: 2rem;
height: auto;
}
.nav-wrapper__nav {
overflow-y: visible;
}
.nav-primary__a {
display: inline;
border-bottom: 0;
padding: 0;
}
.header-wrapper a:hover {
-webkit-transition: color .5s;
transition: color .5s;
}
.nav-primary li.level0 {
display: list-item;
}
.has-child-picto, .burger-wrapper, .nav-primary ul[class^=level], .nav-primary-back {
display: none;
}
}
@media only screen and (min-width: 980px) {
.more-infos-link {
margin-top: .7rem;
}
.nav-primary ul[class^=level].more-infos-link__ul {
display: block;
position: static;
padding: 1.25em 1.85em;
-webkit-transition: none;
transition: none;
}
.category-mob-radio .nav-primary ul[class^=level].more-infos-link__ul {
background-color: rgba(255, 255, 255, 0.9);
}
.more-infos-link__a {
text-transform: none;
}
}
.fixed-btn-wrapper {
position: fixed;
right: 1em;
bottom: 1em;
z-index: 100;
width: 140px;
}
.fixed-btn-inner {
position: relative;
z-index: 10;
text-align: center;
}
.fixed-btn__button, .fixed-btn-event {
cursor: pointer;
background-color: #fff;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
text-transform: uppercase;
width: 106px;
height: 106px;
padding: 1em;
-webkit-transition: .3s height, .3s width;
transition: .3s height, .3s width;
float:right;
}
.body-prehome .fixed-btn__button {
background-color: #fff !important;
color: #E94F35 !important;
}
.fixed-btn-event {
position:relative;
right:8px;
text-align: center;
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
a.fixed-btn__button {
display: inline-block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.booking-box__form {
display: none;
}
.fixed-btn-inner {
padding-right: 4%;
}
@media only screen and (min-width: 980px) {
.fixed-btn-wrapper {
right: 2em;
bottom: 2em;
}
.fixed-btn-inner {
margin-top: 0;
}
.fixed-btn__button {
width: 132px;
height: 132px;
}
.fixed-btn-event {
width: 132px;
height: 132px;
}
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.touch .video-figure__img {
display: inline;
}
.touch .video-figure__video {
display: none;
}
.no-touch .video-figure__img {
display: none;
}
.no-touch .video-figure__video {
display: inline-block;
}
.flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.45em;
}
.flag-icon:before {
content: "\00a0";
}
.flag-icon-fr {
background-image: url("https://www.mobhotel.com/skin/frontend/mobhotel/default/images/flags/fr.svg");
}
.flag-icon-en {
background-image: url("https://www.mobhotel.com/skin/frontend/mobhotel/default/images/flags/us.svg");
}
.content-top {
position: relative;
margin-bottom: 2em;
}
.content-top-desc {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 1.75em;
text-align: center;
}
.content-top-desc__inner {
padding: 1em;
}
.content-top h2 {
margin-bottom: 0;
}
.content-top-desc.right {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
text-align: right;
}
.content-top-desc.left {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
}
.content-top-desc.top {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.content-top-desc.bottom {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (min-width: 980px) {
.content-top {
margin-bottom: 4em;
}
.content-top-desc__inner {
width: 490px;
}
}
.minicart-btn {
display: inline-block;
background-color: inherit;
position: relative;
top: 0;
}
.header-minicart {
position: relative;
margin-left: .2em;
background-color: inherit;
}
.icon-basket:before {
font-size: 1.15em;
}
.no-count .count {
display: none;
}
.minicart-close-btn {
position: absolute;
top: 1em;
left: 1em;
}
.count {
font-family: "Geovano Sans", "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.minicart-close-btn .icon-cancel:before {
font-size: 2em;
}
.minicart-details {
-webkit-transform: translate3d(294px, 0, 0);
transform: translate3d(294px, 0, 0);
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
position: fixed;
top: 0;
right: 0;
z-index: 100;
background-color: inherit;
text-align: left;
font-size: 1.15em;
height: 100%;
width: 290px;
overflow-y: auto;
-webkit-box-shadow: 0 0 4px 0 #666;
box-shadow: 0 0 4px 0 #666;
padding: .8666em .666em;
}
.cart-opened {
height: 100%;
overflow-y: scroll;
width: 100%;
position: fixed;
}
.cart-opened .wrapper {
-webkit-transform: translate3d(-294px, 0, 0);
transform: translate3d(-294px, 0, 0);
}
@media only screen and (min-width: 980px) {
.minicart-btn {
position: static;
top: 4px;
}
.minicart-details {
-webkit-transform: translate3d(364px, 0, 0);
transform: translate3d(364px, 0, 0);
width: 360px;
}
.cart-opened .wrapper {
-webkit-transform: translate3d(-364px, 0, 0);
transform: translate3d(-364px, 0, 0);
}
}
.minicart-details__h3 {
padding-top: .75em;
text-align: center;
}
.minicart-list__li {
position: relative;
padding: .8em 0;
border-top-width: 1px;
border-top-style: solid;
}
.minicart-list__li:last-child {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.minicart-list__close {
position: absolute;
top: .35em;
right: .35em;
}
.minicart-list__close .icon-cancel:before {
font-size: 1.4em;
}
.minicart-list__img, .minicart-list__details {
display: inline-block;
vertical-align: middle;
width: 44%;
margin: 0 1.5%;
}
.minicart-list__details {
font-size: .875em;
}
.minicart-list-options {
font-size: .82em;
margin: .45em 0;
}
.minicart-list-options dt {
display: inline;
}
.minicart-list-options dd {
display: inline;
margin-left: 0;
}
.minicart-actions {
margin-top: 1.2em;
}
.mob-cta--minicart {
display: block;
text-align: center;
}
.minicart-message {
text-align: center;
margin-bottom: 1em;
font-size: .925em;
}
.minicart-empty {
text-align: center;
text-transform: none;
font-size: .925em;
margin-top: 2.25em;
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg) translateZ(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg) translateZ(0);
}
}
@keyframes rotating {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg) translateZ(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg) translateZ(0);
}
}
.icon-spin1:before {
-webkit-animation: rotating 1s linear infinite;
animation: rotating 1s linear infinite;
}
.reassurance-wrapper {
margin: 3em auto;
padding-left: 4%;
padding-right: 4%;
}
.reassurance-block {
margin-bottom: .75em;
padding: .75em 1.25em;
border: solid 1px;
}
.reassurance-block i:before {
text-align: right;
width: 1.45em;
}
.reassurance-block i, .reassurance-title {
display: inline-block;
vertical-align: middle;
}
.reassurance-title {
padding-left: 1.15em;
margin-bottom: 0;
}
@media only screen and (min-width: 980px) {
.reassurance-wrapper:after {
content: '';
display: table;
clear: both;
}
.reassurance-wrapper {
padding-left: 0;
padding-right: 0;
margin-top: 6em;
}
.reassurance-block {
float: left;
width: 31.5%;
margin-right: 2.75%;
}
.reassurance-block:last-child {
margin-right: 0;
}
.reassurance-block__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/* PRODUCT */
.catalog-product-view .reassurance-wrapper {
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 980px) {
.catalog-product-view .reassurance-wrapper {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.reassurance-block i.icon-account-logo:before,
.reassurance-block i.icon-secure:before {
width: auto;
}
}
/* EO PRODUCT */
.scroll-bottom {
position: fixed;
bottom: 3em;
left: 0;
right: 0;
width: 100px;
margin: 0 auto;
text-align: center;
z-index: 10;
-webkit-transition: opacity 1s;
transition: opacity 1s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: slidein;
animation-name: slidein;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.scroll-bottom.hidden {
opacity: 0;
}
@-webkit-keyframes slidein {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
}
@keyframes slidein {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
}
#search_mini_form:after {
content: '';
display: table;
clear: both;
}
.search-box {
margin-bottom: 0;
}
.input-box input.input-search {
width: 100%;
}
.submit-search {
height: auto;
padding: .35em .25em .35em 1em;
position: absolute;
right: .25em;
top: 0;
-webkit-transition: .5s color;
transition: .5s color;
}
.total-sort-box {
margin: 1em 0;
}
.total-sort-box:after {
content: '';
display: table;
clear: both;
}
.sort-wrapper {
float: right;
width: 60%;
}
.sort-wrapper .custom-select {
display: block;
}
.toolbar-top .pages {
display: none;
}
.toolbar-bottom .search-wrapper, .toolbar-bottom .total-sort-box {
display: none;
}
@media only screen and (min-width: 980px) {
.toolbar-top:after, .toolbar-wrapper:after {
content: '';
display: table;
clear: both;
}
.search-wrapper {
float: right;
margin-left: 1em;
width: 300px;
}
.total-sort-box {
width: 180px;
float: right;
margin: 0;
}
.sort-wrapper {
float: none;
width: 100%;
}
}
/* PAGINATION */
.pages__ol {
text-align: center;
}
.pages__ol li {
display: inline-block;
margin-left: .2em;
margin-right: .2em;
}
.pages__ol a {
display: block;
padding: .6em;
width: 32px;
}
.pages__ol a:hover {
-webkit-transition: background-color .5s, color .5s;
transition: background-color .5s, color .5s;
}
.pages__ol .current {
padding: .6em;
width: 32px;
}
.pages__ol__nav i:before {
width: auto;
margin: 0;
vertical-align: middle;
}
.pages__ol__nav--left {
margin-right: 2em;
}
.pages__ol__nav--right {
margin-left: 2em;
}
.pages__ol__nav a {
width: auto;
}
/* EO PAGINATION */
/* Product Category Fix */
.shop-nav-wrapper {
display: none;
}
/* EO Product Category Fix */
.accordion h2 {
font-size: 12rem;
padding: 4rem 4rem 3rem;
}
.accordion li {
background-color: #f2f2f2;
}
.accordion li .title {
margin: 0;
cursor: pointer;
padding: 0 4rem;
}
.accordion li .title h3 {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 1rem;
text-align: left;
}
/*.accordion li .title h3 span.sign {
position: relative;
width: 40px;
height: 40px;
border: 0px solid #111;
border-radius: 50%;
top: auto;
right: 0;
text-align: center;
}
.accordion li .title h3 span.sign:after {
content: '\e804';
font-family: "mob-icons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: auto;
text-align: center;
font-variant: normal;
text-transform: none;
font-size: 30px;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.accordion li .title.open span.sign:after {
content: '\e807';
}*/
.accordion li .content {
text-align: left;
height: 0;
margin: 0;
padding: 0 4rem 0;
opacity: 0;
overflow: hidden;
-webkit-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out;
}
.accordion li .content.open {
height: auto;
padding: 1rem 4rem 2rem;
opacity: 1;
}
.accordion li .content p {
margin-bottom: 0;
text-indent: 50px;
}
.accordion li .content .description {
width: 70%;
}
.accordion li .content > div {
height: auto;
opacity: 1;
overflow: initial;
}
@media only screen and (max-width: 979px) {
.accordion li .title h3 {
font-size: 2rem;
}
.accordion li .title {
padding: 0 2rem;
}
.accordion li .content.open {
padding: 1rem 2rem 2rem;
}
.accordion li .content p {
text-indent: 35px;
}
.accordion li .content .description {
width: 75%;
}
}
@media screen and (max-width: 639px) {
.accordion h2 {
padding: 4rem 1.5rem 3rem;
}
.accordion li .title {
padding: 0 1.5rem;
}
.accordion li .content.open {
padding: 1rem 1.5rem 2rem;
}
.accordion li .content .description {
width: 100%;
}
.mob-about blockquote {
width: 100%;
}
}
/* IE 10-11 HACKS */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* INPUTS */
select::-ms-expand {
display: none;
}
input::-ms-clear {
display: none;
}
button, optgroup, input[type=email], input[type=search], input[type=number], input[type=password], input[type=tel], input[type=text], select, textarea {
padding: 6px .5em;
}
/* MINICART */
/* PROBLEM WITH FIXED POSITIONS AND CSS TRANSFORM */
.minicart-details {
right: -294px;
transform: none;
}
.cart-opened .wrapper {
transform: none;
position: relative;
right: 294px;
transition: right .5s;
}
.cart-opened .header-wrapper {
position: absolute;
}
.cart-opened .minicart-details {
right: 0;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 980px) {
/* NAV */
/* PROBLEM WITH FIXED POSITIONS AND CSS TRANSFORM */
.burger-wrapper {
top: 0;
}
.nav-wrapper {
transform: none;
left: -64%;
}
.menu-opened .wrapper {
transform: none;
position: relative;
left: 64%;
transition: left .5s;
}
.menu-opened .header-wrapper {
position: absolute;
}
.menu-opened .nav-wrapper {
left: 0;
}
.menu-opened .menu-overlay {
left: 64%;
}
.nav-primary ul[class^=level] {
width: 64%;
transform: none;
left: -64%;
transition: left .5s;
}
.nav-primary ul.opened {
left: 0;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 980px) {
/* MINICART */
/* PROBLEM WITH FIXED POSITIONS AND CSS TRANSFORM */
.minicart-details {
transform: none;
right: -360px;
}
.cart-opened .wrapper {
transform: none;
right: 364px;
}
}
@charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
/*! jQuery UI - v1.12.1 - 2018-01-25
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
jqueryUI .ui-helper-hidden{display:none}jqueryUI .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}jqueryUI .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}jqueryUI .ui-helper-clearfix:before,jqueryUI .ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}jqueryUI .ui-helper-clearfix:after{clear:both}jqueryUI .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}jqueryUI .ui-front{z-index:100}jqueryUI .ui-state-disabled{cursor:default!important;pointer-events:none}jqueryUI .ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}jqueryUI .ui-widget-icon-block{left:50%;margin-left:-8px;display:block}jqueryUI .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}jqueryUI .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}jqueryUI .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}jqueryUI .ui-datepicker .ui-datepicker-prev,jqueryUI .ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}jqueryUI .ui-datepicker .ui-datepicker-prev-hover,jqueryUI .ui-datepicker .ui-datepicker-next-hover{top:1px}jqueryUI .ui-datepicker .ui-datepicker-prev{left:2px}jqueryUI .ui-datepicker .ui-datepicker-next{right:2px}jqueryUI .ui-datepicker .ui-datepicker-prev-hover{left:1px}jqueryUI .ui-datepicker .ui-datepicker-next-hover{right:1px}jqueryUI .ui-datepicker .ui-datepicker-prev span,jqueryUI .ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}jqueryUI .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}jqueryUI .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}jqueryUI .ui-datepicker select.ui-datepicker-month,jqueryUI .ui-datepicker select.ui-datepicker-year{width:45%}jqueryUI .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}jqueryUI .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}jqueryUI .ui-datepicker td{border:0;padding:1px}jqueryUI .ui-datepicker td span,jqueryUI .ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}jqueryUI .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}jqueryUI .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}jqueryUI .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}jqueryUI .ui-datepicker.ui-datepicker-multi{width:auto}jqueryUI .ui-datepicker-multi .ui-datepicker-group{float:left}jqueryUI .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}jqueryUI .ui-datepicker-multi-2 .ui-datepicker-group{width:50%}jqueryUI .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}jqueryUI .ui-datepicker-multi-4 .ui-datepicker-group{width:25%}jqueryUI .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,jqueryUI .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}jqueryUI .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}jqueryUI .ui-datepicker-row-break{clear:both;width:100%;font-size:0}jqueryUI .ui-datepicker-rtl{direction:rtl}jqueryUI .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}jqueryUI .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}jqueryUI .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}jqueryUI .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}jqueryUI .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}jqueryUI .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}jqueryUI .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,jqueryUI .ui-datepicker-rtl .ui-datepicker-group{float:right}jqueryUI .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,jqueryUI .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}jqueryUI .ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}
#CybotCookiebotDialog {
padding: 10px 0px 20px !important;
box-shadow: #121212 0px 0px 25px -5px !important;
border-color: #fff !important;
border-radius: 0 !important;
}
h2#CybotCookiebotDialogBodyContentTitle {
font-size: 19px !important;
font-family: "HelveticaNeue-CondensedBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
text-transform: inherit !important;
}
#CybotCookiebotDialogBodyContentText { }
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
float: none !important;
text-align: center !important;
}
a.CybotCookiebotDialogBodyButton {
padding: 8px 2px 6px !important;
margin-left: 3px !important;
border-radius: 3px !important;
width: 160px !important;
height: auto !important;
display: inline-block; }
#CybotCookiebotDialogBodyLevelButtons {
margin-top: 8px !important;
}
#CybotCookiebotDialogBodyContentText .close {
position: absolute;
display: block;
width: 30px;
height: 30px;
top: 7px;
right: 5px;
cursor: pointer;
}
#CybotCookiebotDialogBodyContentText .close:before,
#CybotCookiebotDialogBodyContentText .close:after {
position: absolute;
content: ' ';
height: 22px;
width: 5px;
background-color: #e84427;
right: 12px;
top: 2px;
cursor: pointer;
}
#CybotCookiebotDialogBodyContentText .close:before { transform: rotate(45deg); }
#CybotCookiebotDialogBodyContentText .close:after { transform: rotate(-45deg); }
.lyon #CybotCookiebotDialogBodyContentText .close:before,
.lyon #CybotCookiebotDialogBodyContentText .close:after {
background-color: #2b529d;
}
.lyon a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
.lyon a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
.lyon a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
background-color: #2b529d;
border-color: #2b529d;
}
#ajaxcartpro-progress, #ajaxcartpro-add-confirm, #ajaxcartpro-remove-confirm {
position: fixed;
text-align: center;
z-index: 2100;
width: 90% !important;
padding: 1.75em 1em;
overflow-y: auto;
}
#ajaxcartpro-progress p, #ajaxcartpro-add-confirm p, #ajaxcartpro-remove-confirm p {
margin-bottom: 0;
}
#ajaxcartpro-progress {
text-transform: uppercase;
}
.ajaxcartpro-add-confirm-content {
margin-bottom: 2em;
}
.ajax-cart-loader {
margin-bottom: 1em;
}
.ajaxcart-pro-productname {
text-transform: uppercase;
font-size: 1.225em;
}
.ajaxcart-pro-productname span {
font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .85em;
}
.ajaxcartpro_btn-box .aw-acp-continue, .ajaxcartpro_btn-box .aw-acp-checkout {
width: 90%;
padding-top: .25em;
padding-bottom: .25em;
margin-bottom: 1em;
}
.ajaxcartpro-box-hide {
display: none;
}
.ajaxcartpro-box-show {
display: block;
}
.ajaxcartpro_btn-close-popin {
position: absolute;
top: 1em;
right: 1em;
cursor: pointer;
}
.ajaxcartpro_btn-close-popin i:before {
font-size: 1.6em;
}
@media only screen and (min-width: 980px) {
#ajaxcartpro-progress, #ajaxcartpro-add-confirm, #ajaxcartpro-remove-confirm {
max-width: 390px;
}
}
#acp-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2000;
}
.breadcrumb-steps {
text-align: center;
text-transform: uppercase;
border-bottom: solid 1px;
padding-bottom: 1em;
margin: 3em 0;
}
.breadcrumb-steps__li {
position: relative;
display: inline-block;
margin: 0 3.2%;
}
.breadcrumb-steps__li:before {
content: "";
border: solid 1px;
height: 10px;
width: 10px;
border-radius: 10px;
display: block;
position: absolute;
bottom: -17px;
left: 0;
right: 0;
margin: auto;
}
.breadcrumb-steps__li a:hover {
text-decoration: underline;
}
@media only screen and (min-width: 980px) {
.breadcrumb-steps {
margin-bottom: 5em;
}
.breadcrumb-steps__li:before {
bottom: -19px;
}
.breadcrumb-steps__li {
margin-left: 3.2em;
margin-right: 3.2em;
}
}
/**
* Inchoo is not affiliated with or in any way responsible for this code.
*
* Commercial support is available directly from the [extension author](http://www.techytalk.info/contact/).
*
* @category Marko-M
* @package SocialConnect
* @author Marko Martinović <marko@techytalk.info>
* @copyright Copyright (c) Marko Martinović (http://www.techytalk.info)
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
*/
div.inchoo-socialconnect-facebook{
float: right;
height: 30px !important;
background: transparent url('https://www.mobhotel.com/skin/frontend/base/default/inchoo_socialconnect/facebook/images/login-button-left.png') no-repeat top left !important;
}
div.inchoo-socialconnect-facebook-inner{
height: 30px !important;
float: left !important;
margin-left: 30px !important;
background: transparent url('https://www.mobhotel.com/skin/frontend/base/default/inchoo_socialconnect/facebook/images/login-button-inner.png') repeat-x top left !important;
padding: 0 5px !important;
text-shadow: 1px 1px #1c376d;
}
div.inchoo-socialconnect-facebook-right{
float: left !important;
height: 30px !important;
width: 3px !important;
background: transparent url('https://www.mobhotel.com/skin/frontend/base/default/inchoo_socialconnect/facebook/images/login-button-right.png') no-repeat top left !important;
}
div.inchoo-socialconnect-facebook-inner a{
color: #FFFFFF !important;
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
line-height: 30px !important;
}
.category-image img,
.category-slider picture img {
display: block;
width: 100%;
}
.category-block {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: row;
}
.category-block:nth-child(even), .job-item:nth-child(odd) {
flex-direction: row-reverse;
}
.category-slider,
.category-text {
width: 50%;
}
.category-text,
.job-desc {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
padding: 3em;
}
.category-text .category-text__div {
padding-bottom: 1.5em;
}
.category-text h2,
.job-desc__h2 {
margin: 0;
}
.category-text .room-details__size,
.job-desc .recruitment-qty {
margin-bottom: .75em;
text-transform: uppercase;
}
.body-rooms .category-text h2 {
width: 5px;
display: table;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.category-text .mob-cta .price-box {
display: inline;
}
.category-text .more,
.job-desc .more {
position: relative;
display: block;
width: 40px;
height: 40px;
border: 2px solid #1D1D1B;
background-color: #fff;
border-radius: 50%;
-webkit-transition: background-color 100ms;
transition: background-color 100ms;
}
.category-text .more:before,
.job-desc .more:before,
.category-text .more:after,
.job-desc .more:after {
content: "";
position: absolute;
background-color: #1D1D1B;
-webkit-transition: background-color 100ms;
transition: background-color 100ms;
}
/* Vertical line */
.category-text .more:before,
.job-desc .more:before{
top: 50%;
left: 50%;
width: 2px;
height: 20px;
transform: translate(-50%, -50%);
}
/* horizontal line */
.category-text .more:after,
.job-desc .more:after {
top: 50%;
left: 50%;
width: 20px;
height: 2px;
transform: translate(-50%, -50%);
}
.category-text .more:hover,
.job-desc .more:hover {
background-color: #1D1D1B;
}
.category-text .more:hover:before,
.job-desc .more:hover:before,
.category-text .more:hover:after,
.job-desc .more:hover:after {
background-color: #fff;
}
@media only screen and (max-width: 1079px) {
.category-text,
.job-desc {
padding: 1.5em;
}
}
@media only screen and (max-width: 639px) {
.category-block {
flex-direction: column !important;
}
.category-block .category-text .description {
padding-top: 2em;
}
.category-slider, .category-text {
width: 100%;
}
.category-image {
display: none;
}
.category-text {
padding-top: 2.5em;
padding-bottom: 2.5em;
height: auto;
}
}
.product-price-wrapper {
display: inline-block;
text-transform: uppercase;
margin-top: 1em;
padding: .15em 1em .1em;
border-radius: 50px;
border: 2px solid #1D1D1B;
background-color: #fff;
color: #1D1D1B;
-webkit-transition: background-color 100ms;
transition: background-color 100ms;
}
.product-price-wrapper:hover {
background-color: #1D1D1B;
color: #fff;
}
.product-price-wrapper .price-box {
display: inline;
}
.product-price-wrapper .price-label {
display: none;
}
.product-price-wrapper .old-price,
.product-price-wrapper .special-price {
display: inline-block;
margin: 0;
}
.product-price-wrapper .old-price {
font-family: "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-left: .25em;
text-decoration: line-through;
}
/*MAP */
#map {
height: 100%;
min-height: 520px;
width: 100%;
}
.google-map iframe {
width: 100%;
height: calc(100vh*0.35);
}
/*EO MAP */
.access-wrapper {
margin-top: 2em;
padding-left: 2%;
padding-right: 2%;
text-align: left;
}
.access-infos {
margin-top: 3em;
}
.access-infos,
.access-guide {
margin-bottom: 3.75em;
}
.access-infos__block,
.access-nearby__block {
margin-bottom: 2em;
}
.access-infos__block h4 {
margin-bottom: 4px;
}
.access-infos-parking {
position: relative;
border-style: solid;
border-width: 4px;
padding: 1em 1.5em 0.25em;
margin-top: 4em;
margin-bottom: 3.75em;
text-align: center;
}
.access-infos-parking__h4 {
position: absolute;
top: -13px;
left: 50%;
transform: translate(-50%, 0);
padding: 0 .5em;
white-space: nowrap;
}
.access-infos-parking p {
margin: 1em 0 0;
}
.access-guide,
.access-nearby {
text-align: center;
}
.access-nearby {
overflow: hidden;
margin-bottom: 3rem;
}
.access-nearby__h3 {
margin-top: .75em;
margin-bottom: 0;
}
@media only screen and (min-width: 1500px) {
.access-infos,
.access-guide,
.access-nearby {
width: 60%;
}
}
@media only screen and (min-width: 980px) {
/*#map, .google-map, .google-ma iframe {
min-height: 590px;
}*/
.google-map iframe {
width: 100%;
height: calc(100vh*0.45);
}
.access-wrapper {
/*width: 50%;
margin: 5.25em auto 0;
max-width: 1280px;*/
}
.access-infos-parking {
margin-top: 1em;
}
.access-infos,
.access-guide,
.access-nearby {
margin-left: auto;
margin-right: auto;
}
.access-infos:after {
content: '';
display: table;
clear: both;
}
.access-infos__block {
float: left;
margin-bottom: 0;
width: 48%;
}
.access-infos__block + .access-infos__block {
float: right;
}
.access-nearby__block {
width: 49%;
}
.access-nearby__block:nth-child(even){
float: left;
}
.access-nearby__block:nth-child(odd){
float: right;
}
.access-nearby__block img {
width: 100%;
height: auto;
}
}
@media only screen and (max-width: 639px) {
.access-wrapper {
padding-left: 1.5em;
padding-right: 1.5em;
}
}