
/* - ++resource++plonetheme.salou.stylesheets/normalize.css - */
@media screen {
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

}


/* - ++resource++plonetheme.salou.stylesheets/plone-foundation-fixes.css - */
@media screen {
#edit-bar{font-size:83%;min-height:30px}
#edit-bar *{color:white;font-weight:lighter;font-size:.85rem}
#edit-bar span:hover,#edit-bar a:hover,#edit-bar a:hover span{color:#333}
ul#contentActionMenus{margin:3px 3px 0 0}
ul.contentViews{margin:0}
#edit-bar ul,#edit-bar ol,#edit-bar dl{font-size:.8rem;padding:0;line-height:2}
#edit-bar ul li ul,#edit-bar ul li ol{font-size:.8rem;margin:0;padding:0}
#edit-bar ul li{display:inline}
#content #edit-bar ul:not(.social-share):not(.document-actions):not(.formTabs) li{margin:0;line-height:inherit;display:inline}
#content #edit-bar ul{margin:0}
ul{list-style-type:none}
#listing-table th{float:none;width:auto}
#listing-table td input{margin:0}
#listing-table tr th,#listing-table tr td{font-size:.8rem}
.portlet-action button,.portlet-action .button{padding:0}
#portlets ul,#portlets ol,#portlets dl{font-size:.8rem;margin:0;padding:0;line-height:2}
#edit_form select,.formPanel select:not(.datagridwidget-select){/* height:auto; */width:auto;/* padding:0 */}
#edit_form textarea,.formPanel textarea{height:auto;width:auto}
#edit_form input,.formPanel input{height:auto}
input[type="hidden"]{display:none}
input[type="checkbox"]{float:left;clear:none;margin:5px 5px 0 0}
.LSBox .searchSection{display:flex;justify-content:flex-start;align-items:center}
.formPanel .newTagsSection{margin-left:0}
.formPanel .newTagsSection label{width:57%}
.formPanel .newTagsSection .newTags{margin-left:1rem}
.formPanel .fieldTextFormat{float:right}
#edit_form label,#edit_form .label,.formPanel label,.formPanel .label{white-space:normal;font-weight:bold;background:none;color:#4D4D4D;cursor:pointer;font-size:.875rem;margin-bottom:.5rem;padding:0;text-align:left;line-height:1;clear:none}
#atrbResults table tr th,#atrbResults table tr td{padding:5px;line-height:1rem!important}
#atrbResults table tr td img{float:left;margin-bottom:15px;margin-right:2px}
#search .field,#search .field input{display:inline;margin:0}
#plonebrowser #searchtext{height:28px}
#gmap img,#map img{max-width:none}
input[type="radio"]+label{display:inline;color:#666666;margin-left:0}
input[type="checkbox"] + label{display:inline;color:#666666;margin-left:0;float:left}
.field input[type="text"]{display:inline-block}
.field .widget .value{text-align:left}
.field .widget .label{background:none}
a.link-parent{line-height:2rem}
div.managePortletsLink,a.managePortletsFallback{margin-top:1rem;position:relative;width:100%}
.template-login_form #login_form{margin:2em 0}
.template-login_form #login_form input{width:300px;display:inline-block}
.template-login_form #login_form input.context{width:auto}
body.template-logged_out #content,body.template-login_form #content,body.template-login_failed #content,.pb-ajax #login-form{text-align:center}
.template-login_form #login_form,.template-login_failed #login_form{margin:2em 0}
#fieldset-openid-login input,#login-form input{font-size:100%}
#portal-sitemap{font-size:1em;font-weight:bold}
#portal-sitemap > li{border-bottom:1px dotted #ddd;padding:1em .25em}
body.template-manage-viewlets #portal-body-wrapper{padding-bottom:2em}
body.template-manage-viewlets #portal-footer-wrapper{position:relative;color:#666}
body.template-manage-viewlets #portal-footer-wrapper dt a{color:#666}
body.template-manage-viewlets .portal-header-bar{position:relative}
body.template-manage-viewlets .fixed{display:none}
div.formControls{margin:1rem 0;clear:both}
#portal-personaltools-wrapper dl.actionMenu{border-radius:0 0 6px 6px;background-color:#000000;font-size:.9rem;position:absolute;position:absolute;right:0;top:0;z-index:99999999999999}
#portal-personaltools-wrapper dl.actionMenu a{color:#FFFFFF;line-height:2;padding:0 5px}
#portal-personaltools dd{background:#000000;padding:0;margin-top:-4px}
#portal-personaltools dd ul{margin:0;padding-bottom:5px}
#portal-personaltools dd ul li a:hover{background:#023052}
.formHelp strong{display:inline}
body.template-login_form .field,body.template-login_failed .field{max-width:250px;margin:0 auto}
body.template-login_form .field,body.template-login_failed .field label{display:block}
.field .widget .value br{clear:both}
.field .widget label{max-width:90%}
.field .widget .value .checkboxType{margin-top:7px}
#content ul.configlets ul.configletDetails{margin:0;margin-left:15px;display:inline-block}
#content ul.configlets li input{margin-top:7px}
body.template-search fieldset .field{text-align:left}
body.template-search fieldset .field .optionsToggle{border:none}
body.template-search fieldset .field > div{margin:0!important;width:100%}
body.template-search fieldset .field input[type="checkbox"]{float:left;clear:both;margin-right:2px;margin-top:7px}
body.template-search #content-core .enableAutoFocus .field label{display:inline;margin:0}
span#form-widgets-allowed_types,span#form-widgets-secondary_types{display:flex;flex-direction:row;flex-wrap:wrap}
span.label{background:inherit;color:inherit;padding-left:0}
.cell{padding-left:.625rem;padding-right:.625rem}
.cell.with-full{width:100%}
#search-results-bar{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;border:1px solid #ddd;margin:.5em 0;font-size:.9em;justify-content:space-between;padding:.2em .5em}
#search-field input{display:inline-block}
#search-field input[type="text"]{width:83%}
#search-field input[type="submit"]{width:16%;height:2.4375rem;vertical-align:top;float:right}
#search-results .searchResults dt{margin:0}
#search-results .searchResults dd{margin-bottom:.66rem;padding-bottom:.66rem;border-bottom:1px solid #ddd;font-size:.85rem}
div#search-results-bar *{font-size:.8rem}
dl.actionMenu,dl.actionMenu dt,dl.actionMenu.deactivated dt{margin:0}
dd.actionMenuContent{background-color:white;border:1px solid rgb(170,170,170)}
dd.actionMenuContent div#search-filter fieldset.noborder legend{font-weight:bold;margin-top:5px;visibility:inherit}
body.template-search .document-first-heading{margin:0}
ul#ref_browser_items_relatedItems{display:flex;flex-direction:column}
label{display:initial}
#plonebrowser
#plonebrowser .dialog-wrapper #general_panel #internallinkcontainer > .row{display:flex;flex-flow:row wrap;max-width:100%;margin:0}
#plonebrowser .dialog-wrapper #general_panel #internallinkcontainer > .row > div{flex-basis:20%}
table.invisible,table.invisible tbody,table.invisible thead,table.invisible thead tr,table.invisible tbody tr,table.invisible th,table.invisible td{visibility:initial;border:0;background-color:transparent}
.configlet table th{border-right:1px solid #eee;display:inline-flex;flex-flow:row-reverse nowrap;justify-content:flex-end;align-items:center;padding:0 10px}
.configlet table br{display:none}
#content fieldset{border:0}
body.template-member_search_form form fieldset div.field br{display:none}
.field.editionComment{padding:0}
.eventDetails.vcard table{margin-bottom:0!important}
.thumbnail.item.folderish{display:block;line-height:initial}
body.template-login_form #login-form div.field{display:flex;flex-flow:column nowrap;width:300px;max-width:none;align-items:flex-start}
body.template-login_form #login-form div.field label{text-align:left;font-size:1rem;font-weight:600}
body.template-search fieldset#search-field{text-align:left;margin-bottom:1rem}
body.template-search fieldset#search-field input[type="submit"]{margin:0;padding:0}
body.template-search #search-filter .field{padding:1em 0 1.5em 1em}
.contain{background-size:contain;background-repeat:no-repeat}
.nomargin{margin:0}
#login-form .field{text-align:center}
#login-form .field input{width:100%;display:inline-block}
#login-form .field label{display:block;width:100%;margin:0 auto;text-align:left;font-size:1rem;font-weight:600}
.overlay .field{width:250px;margin:0 auto}
#portal-personaltools{float:right;background:#e3e3e3;position:fixed;z-index:3;top:0;right:0;padding:.25em .5em;font-size:80%;border-bottom-right-radius:.5em;border-bottom-left-radius:.5em;-webkit-border-bottom-right-radius:.5em;-webkit-border-bottom-left-radius:.5em;-moz-border-radius-bottomleft:.5em;-moz-border-radius-bottomright:.5em}
#portal-personaltools #anon-personalbar a{float:left;margin:0 .5em}
#portal-languageselector{float:right;background:#e3e3e3;position:fixed;top:0;right:1px;z-index:3;padding:.25em .5em;font-size:80%;border-bottom-right-radius:.5em;border-bottom-left-radius:.5em;-webkit-border-bottom-right-radius:.5em;-webkit-border-bottom-left-radius:.5em;-moz-border-radius-bottomleft:.5em;-moz-border-radius-bottomright:.5em;max-width:50%}
.actionMenuSelected span{color:#333!important}
.datagridwidget-add-button {padding: 4px 12px !important;border: 1px solid #ddd;text-transform: none !important;}
.ArchetypesSelectionWidget > span .formQuestion {display: block;}
.ArchetypesSelectionWidget > span .noborder {margin-bottom: 0.2rem;margin-right: 0.3rem;vertical-align: middle;}
}


/* - ++resource++plonetheme.salou.stylesheets/main.css - */
@media screen {
/* Stylesheet for the 'Plone THEME Salou' Plone theme */

/* Reset Styles
***********************/
html,
body {font-family: 'Open Sans', sans-serif;color:#393127;font-size: 16px;line-height: 27px;margin:0;padding:0;height:100%;}
/*body {line-height: 21px;background-color: #fff;}*/
body {background-color: #fff;}
body, a, p, div, span, strong, table, td, tr, dd, dl, ul, li, th, [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, select {font-family: 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased;}
.row {max-width: 78rem;}

html[lang="de"] *,
html[lang="ru"] * {word-wrap: break-word;}

#content input[type="checkbox"] {float: none}
#content input[type="checkbox"] + label {float: none}
#content-core a.internal-link.bgimage {height: 250px;margin-bottom: 2rem;}
html[lang="ru"] body {font-size: .9em}
.gran-menu .wrapper-img img {max-width: 100%;}
#video-frame .thumb {background-size: cover;}
.container {max-width: 100%;}
.container iframe {max-width: 100%;}

/*initialization*/
a:focus {outline: medium none !important;border-color: transparent !important;border-width: 0 !important;}
a {color: #393127;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover, a:focus {color: #393127;/*text-decoration: underline;*/}
a.white:hover {color:#fff;/*opacity:0.8;*/}
::selection {background: #298FC2;color:#fff;}
::-moz-selection {background:#298FC2;color:#fff;}

/*Utility*/
hr {border-color: #ddd;max-width: 100%;}
hr.grey {border-color: #ddd;border-width: 4px;margin:2em auto;}
.cite,
.date {font-family: 'Open Sans', sans-serif;font-size: 1em;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform:inherit !important;}
.style-none {list-style: none;margin:0;}
.label {border-radius: 0px;color: #fefefe;cursor: default;display: inline-block;font-size: 0.7rem;line-height: 1;white-space: nowrap; right:0;}

/*titles*/
h1, h2, h3, h4, h5, h6 {font-family: 'Ropa Sans', sans-serif;color:#222222;}
h1, h2, h3, h4, h5, h6, .title, .sub-title, .section-title, .sub-section-title, #top-bar .actions li {font-family: 'Ropa Sans', sans-serif;-webkit-font-smoothing: antialiased;}
h2.title {text-align: center;color: #ccc;font-size: 4em;}
/*.callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {line-height: 1.4;color:#444;}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover  h6 {color: #9B132B;}*/

/*font*/
.worksans {font-family: 'Open Sans', sans-serif;}
.fs-15 {font-size: 1.5em;}
.fw-300 {font-weight:300 !important;}
.fw-400 {font-weight:400 !important;}
.fw-500 {font-weight:500 !important;}
.fw-600 {font-weight:600 !important;}
.fw-700 {font-weight:700 !important;}

/*p*/
.xsmall {font-size:0.7em;}
.small {font-size:0.9em;}
.medium {font-size:1.2em;}
.large {font-size:1.4em;}

/*block*/
.block {display: block;}

/*inline*/
.inline {display: inline-block;}
ul.inline {list-style: none;margin-left:0;margin-bottom:0;}
ul.inline li {display: inline-block;margin-left:0.3em;}
ul.no-bullets {list-style: none;}

/*colors*/
.white {color: #fff;}
.yellow {color: #fcaa41;}
.pink {color: #f03b47;}
.grey {color: #999;}

/*bg colors*/
.bg-white {background-color: #fff;}
.bg-yellow {background-color: #fcaa41;}
.bg-pink {background-color: #f03b47;}
.bg-cream {background-color: #f0eaea;}
.bg-grey {background-color: #eaeaea;}
.bg-grey2 {background-color: #e8e9ea;}
.bg-eee {background-color: #EEEEEE;}
.bg-gradient {background: #f03b47;background: -moz-linear-gradient(left,  #f03b47 0%, #fa9342 100%);background: -webkit-linear-gradient(left,  #f03b47 0%,#fa9342 100%);background: linear-gradient(to right,  #f03b47 0%,#fa9342 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03b47', endColorstr='#fa9342',GradientType=1 );}
.bg-opacity {background-color: rgba(0,0,0,0.6);position: absolute;top:0;width: 100%;height:100%;}
.bg-shadow {background-color: #fff;box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.7);}
 
.bg-aaa {background-color: #aaa;}
.bg-bbb {background-color: #bbb;}

/*bgfixed*/
.bgfixed {background-attachment: fixed !important;}

/*bgimage*/
.bgimage {background-position: center center;background-size: cover;background-repeat: no-repeat;display: block;width: 100%;position: relative}
.bgimage.xs {min-height: 60px;}
.bgimage.small {min-height: 80px;}
.bgimage {min-height: 120px;}
.bgimage.medium {min-height: 200px;}
.bgimage.big {min-height: 280px;}
.bgimage.xl {min-height: 310px;}
.bgimage.xxl {min-height: 380px;}
.bgimage.xxxl {min-height: 440px;}
.bgimage img.absolute {position:absolute;left:-10000px;}

/*line*/
.xsLine{padding:0.3em 0;}
.smallLine{padding:0.8em 0;}
.mediumLine{padding:1.8em 0;}
.line{padding:3em 0;}
.largeLine {padding: 5em 0;}
.xlLine {padding: 10em 0;}
.xxlLine {padding: 12em 0;}

/*margins*/
.xsMargin {margin-bottom:0.3em;}
.smallMargin {margin-bottom:0.8em;}
.mediumMargin {margin-bottom:1.5em;}
.largeMargin {margin-bottom:2.5em;}
.xlMargin {margin-bottom:3.5em;}
.xxlMargin {margin-bottom:5.5em;}

/*button*/
.button {padding: 1em 2em;font-weight: 300;letter-spacing: .05em;}
.button {text-transform:uppercase;border-radius:0;background-color: #298FC2;border-color: transparent;border-style: none;border-width: 0;box-shadow: none;color: #fff;cursor: pointer;}
.button:hover,
.button:focus {background-color: #2E73B9;}
.button.border {background-color: transparent;border: 1px solid #393127;color: #393127;font-weight: 400;}
.button.border:hover,
.button.border:focus {background-color: #393127;color: #fff;border-color:#393127;}
.button.border-white {background-color: transparent;border: 1px solid #fff;color: #fff;font-weight: 400;}
.button.border-white:hover,
.button.border-white:focus {background-color: #fff;color: #374348 !important;border-color:#fff;}
.button.transparent {border: 1px solid white;background-color: transparent;}

/*borderline*/
.borderline {position: relative}
.borderline::after {background: #333 none repeat scroll 0 0;bottom: 0;content: "";display: block;height: 1px;margin: 0 auto;position: absolute;transition: all 0.2s ease-in-out 0s;width: 30%;}
.borderline.active::after,
.borderline:hover::after,
.float:hover .borderline::after {width: 40%;}
.borderline.white::after {background: #fff none repeat scroll 0 0;height: 2px;}
.borderline.left::after {margin: 0;left:0;}
.borderline.right::after {margin: 0;right:0;}

/*callout*/
.callout {border: 1px solid rgba(0, 0, 0, 0.1) !important;border-radius: 0;display:block;}
.callout.b-0 {border:none !important;}
.callout.grey {background-color: #f1f1f1;border:none;}
.callout.grey2 {background-color: #e6e6e6;border:none;}
.callout.black {background-color: rgba(0,0,0,0.5);}

/*padding*/
.p-a-0 {padding:0;}
.p-x-0 {padding-left:0;padding-right:0;}
.p-y-0 {padding-top:0;padding-bottom:0;}
.p-t-0 {padding-top:0;}
.p-r-0 {padding-right:0;}
.p-b-0 {padding-bottom:0;}
.p-l-0 {padding-left:0;}
.p-a-05 {padding:0.5em;}
.p-x-05 {padding-left:0.5em;padding-right:0.5em;}
.p-y-05 {padding-top:0.5em;padding-bottom:0.5em;}
.p-t-05 {padding-top:0.5em;}
.p-r-05 {padding-right:0.5em;}
.p-b-05 {padding-bottom:0.5em;}
.p-l-05 {padding-left:0.5em;}
.p-a-1 {padding:1em;}
.p-x-1 {padding-left:1em;padding-right:1em;}
.p-y-1 {padding-top:1em;padding-bottom:1em;}
.p-t-1 {padding-top:1em;}
.p-r-1 {padding-right:1em;}
.p-b-1 {padding-bottom:1em;}
.p-l-1 {padding-left:1em;}
.p-a-15 {padding:1em;}
.p-x-15 {padding-left:1.5em;padding-right:1.5em;}
.p-y-15 {padding-top:1.5em;padding-bottom:1.5em;}
.p-t-15 {padding-top:1.5em;}
.p-r-15 {padding-right:1.5em;}
.p-b-15 {padding-bottom:1.5em;}
.p-l-15 {padding-left:1.5em;}
.p-a-2 {padding:2em;}
.p-x-2 {padding-left:2em;padding-right:2em;}
.p-y-2 {padding-top:2em;padding-bottom:2em;}
.p-t-2 {padding-top:2em;}
.p-r-2 {padding-right:2em;}
.p-b-2 {padding-bottom:2em;}
.p-l-2 {padding-left:2em;}
.p-a-25 {padding:2.5em;}
.p-x-25 {padding-left:2.5em;padding-right:2.5em;}
.p-y-25 {padding-top:2.5em;padding-bottom:2.5em;}
.p-t-25 {padding-top:2.5em;}
.p-r-25 {padding-right:2.5em;}
.p-b-25 {padding-bottom:2.5em;}
.p-l-25 {padding-left:2.5em;}
.p-a-3 {padding:3em;}
.p-x-3 {padding-left:3em;padding-right:3em;}
.p-y-3 {padding-top:3em;padding-bottom:3em;}
.p-t-3 {padding-top:3em;}
.p-r-3 {padding-right:3em;}
.p-b-3 {padding-bottom:3em;}
.p-l-3 {padding-left:3em;}

/*margin*/
.m-a-0 {margin:0;}
.m-x-0 {margin-left:0;margin-right:0;}
.m-y-0 {margin-top:0;margin-bottom:0;}
.m-t-0 {margin-top:0;}
.m-r-0 {margin-right:0;}
.m-b-0 {margin-bottom:0;}
.m-l-0 {margin-left:0;}
.m-a-05 {margin:0.5em;}
.m-x-05 {margin-left:0.5em;margin-right:0.5em;}
.m-y-05 {margin-top:0.5em;margin-bottom:0.5em;}
.m-t-05 {margin-top:0.5em;}
.m-r-05 {margin-right:0.5em;}
.m-b-05 {margin-bottom:0.5em;}
.m-l-05 {margin-left:0.5em;}
.m-a-1 {margin:1em;}
.m-x-1 {margin-left:1em;margin-right:1em;}
.m-y-1 {margin-top:1em;margin-bottom:1em;}
.m-t-1 {margin-top:1em;}
.m-r-1 {margin-right:1em;}
.m-b-1 {margin-bottom:1em;}
.m-l-1 {margin-left:1em;}
.m-a-15 {margin:1em;}
.m-x-15 {margin-left:1.5em;margin-right:1.5em;}
.m-y-15 {margin-top:1.5em;margin-bottom:1.5em;}
.m-t-15 {margin-top:1.5em;}
.m-r-15 {margin-right:1.5em;}
.m-b-15 {margin-bottom:1.5em;}
.m-l-15 {margin-left:1.5em;}
.m-a-2 {margin:2em;}
.m-x-2 {margin-left:2em;margin-right:2em;}
.m-y-2 {margin-top:2em;margin-bottom:2em;}
.m-t-2 {margin-top:2em;}
.m-r-2 {margin-right:2em;}
.m-b-2 {margin-bottom:2em;}
.m-l-2 {margin-left:2em;}
.m-a-25 {margin:2.5em;}
.m-x-25 {margin-left:2.5em;margin-right:2.5em;}
.m-y-25 {margin-top:2.5em;margin-bottom:2.5em;}
.m-t-25 {margin-top:2.5em;}
.m-r-25 {margin-right:2.5em;}
.m-b-25 {margin-bottom:2.5em;}
.m-l-25 {margin-left:2.5em;}
.m-t-3, .m-y-3 { margin-top: 3em;}
.m-b-3, .m-y-3 { margin-bottom: 3em;}
.m-l-3, .m-x-3 { margin-left: 3em;}
.m-r-3, .m-x-3 { margin-right: 3em;}
.m-t-5, .m-y-5 { margin-top: 5em;}
.m-b-5, .m-y-5 { margin-bottom: 5em;}
.m-l-5, .m-x-5 { margin-left: 5em;}
.m-r-5, .m-x-5 { margin-right: 5em;}

/*border*/
.b-a-0 {border:none;}
.b-a-1 {border:1px solid #ddd;}

/*pagination*/
ul.pagination li {display: inline-block;float: none;}
ul.pagination li a,
ul.pagination li button {border:1px solid #ddd;}
ul.pagination li.arrow a,
ul.pagination li.arrow button {border:none;}
ul.pagination li.current {background-color: #374348;}

/*ul icon*/
/*ul.icon {list-style: none;margin:0;}
ul.icon li {background:url('../images/theme/icon-list.jpg') no-repeat 0 0 transparent;padding-left:3em;margin-bottom:1.5em;}*/
ul.list-style {list-style: none;padding:0;margin:0;}
ul.list-style li {padding-left: 1em; text-indent: -1em;margin-bottom:1em}
ul.list-style li:before {content: "• ";color: #872031;}

/*accordion*/
.accordion {background-color: #fff;}
.accordion .accordion-title,
.accordion .is-active .accordion-title {padding: 1.25rem 0rem;font-size: 1.2em;color:#9BBCAB;font-weight: 700;border-color: transparent transparent #384349 transparent;border-style: solid;border-width: 0 0 1px 0;}
.accordion .accordion-title:hover,
.accordion .accordion-title:focus {background-color: #fff;border-bottom: 1px solid #384349 !important;}
:last-child:not(.is-active) > .accordion-title {border-bottom: 1px solid #384349;}
.accordion .accordion-content {border:none;padding: 1rem 0;}

/*hovers effects box*/
/* Common style */
/*figure {cursor: pointer;float: left;margin: 0 0 1.7em;max-width: 480px;min-height: 290px;min-height: 360px;min-width: 100%;overflow: hidden;position: relative;text-align: center;width: 100%;}
figure figcaption {text-transform: inherit;}
figure img {display: block;min-height: 100% !important;min-width: 120%;width: auto !important;}*/
/*customs ruby*/
figure.effect-ruby .bg-color {position:absolute;height:100%;width:100%;display:block;background-color: rgba(51,13,22,0.5);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
figure.effect-ruby:hover .bg-color {background-color: rgba(51,13,22,0.8);}
figure.effect-ruby .bg-color.c-black {background-color: rgba(0,0,0,0.5);}
figure.effect-ruby:hover .bg-color.c-black {background-color: rgba(0,0,0,0.8);}
figure.effect-ruby h5 {margin-top: 20%;transform: translate3d(0px, 20px, 0px);transition: transform 0.35s ease 0s;}
figure.effect-ruby:hover h5 {transform: translate3d(0px, 0px, 0px);}

/*item-overlay*/
.item {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
.item-overlay {height:100%;width:100%;background:rgba(0,0,0,0);position:absolute;opacity:0;box-sizing:border-box;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.item:hover .item-overlay {background:rgba(0,0,0,0.8);opacity:1;}
.item .item-magnified {opacity:0;top: 35%;position: absolute;font-size: 2em;-ms-transform: translateY(10%);-webkit-transform: translateY(10%);-o-transition:translateY(10%);transform: translateY(10%);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.item:hover .item-magnified {opacity:1;-ms-transform: translateY(50%);-webkit-transform: translateY(50%);-o-transition:translateY(50%);transform: translateY(50%);-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.list-overlay li,
.list-overlay .column {margin-bottom:1.5em;}

/*tooltip*/
.has-tip {border-bottom: medium none;}
.tooltip {background-color: #328DB5;max-width: 11.5rem !important;text-align:center;}
.tooltip.top::before {border-color: #328DB5 transparent transparent;}
.tooltip::before {border-color: transparent transparent #328DB5;}

/*cookie-bar*/
#cookie-bar.fixed {z-index: 1000000000000000000000;}

/*forms*/
input::-moz-placeholder,
textarea::-moz-placeholder {opacity: 0.9 !important;}
form *:focus {border:1px solid #ddd !important;}
[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea,
select {border-radius: 0;box-shadow: none;border-color:#ddd;font-weight: 300;}
label {font-weight: 300;}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #898989;font-style: italic;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #898989;opacity: 1;font-style: italic;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #898989;opacity: 1;font-style: italic;}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #898989;font-style: italic;}
* li {display: inherit;}

/*menu-overlay*/
.menu-overlay{visibility: hidden;display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;background-color: rgba(8, 8, 8, 0.9);transform: scale(1);transition: all 200ms ease-in-out;z-index: 1000000000000000000000000000000000000;}
.menu-overlay ul li.first-item {margin-bottom:1.5em;}
.menu-overlay ul li a.large {font-size:1.8em;}
.menu-overlay ul li a {color: #fff;padding:0.3em;}
.menu-overlay ul li a:hover {color: #f03b47;}
.menu-overlay .is-accordion-submenu-parent > a::after {border:none;}
.menu-overlay.full-menu {visibility: visible;opacity: 1;transform: scale(1);}
.menu-toggle {border: 0;color: #fff;background-color: transparent;font-size: 2em;cursor: pointer;}
.menu-cerrar{position: absolute;top: 30px;right: 30px;}

#contentActionMenus {z-index: 9999;}
.listingBar {clear: both;}

/*anchor*/
#content-core h2,
#content-core h3,
#content-core h4 {color:#969A9D; font-weight: 100; font-family: 'Open Sans', sans-serif;}
a.blue {color:#187F9A;}
a.blue:hover {color:#187F9A;text-decoration:underline;}
html, body {color: #444; font-size: 16px}
#content ul,
#content ol,
#content p,
#content span,
#content div {font-size: .85rem;}

body[data-offcanvas="open"] { overflow-y: hidden; }

.actionMenuContent { z-index: 99999; }

.notransition {-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;transition: none !important;}
.body-filler {position: fixed;top: 0;left: 0;right: 0;width: 100%;background-color: #9e8dda;z-index: -1;}
.no-shadow,
.no-shadow a:before {box-shadow: 0px 0px 0px 0px #000 !important;}

.searchPage.searchButton {background-color: #3098c0; border: 0; color: white; padding: .22em 2em;}
.section-professional p {font-size: .85em;line-height: 1.85em;color: #111;}
.white {color: white !important}
.clear {clear: both}
img:focus {outline: 0;border: 0;}
a,
a:focus,
a:hover,
a:active {outline: 0 !important;}
.wrapper-img {position: relative}
#content a:link,
dl.portlet a:link {color: #00607d;}
#content a:not([class*="item"]):link:hover,
dl.portlet a:not([class*="item"]):link:hover,
.decorate-underline:hover {text-decoration: underline;}
#parent-fieldname-description {color: #222;font-size: 1.5em;font-weight: 400;line-height: 1.75em;}
#portal-breadcrumbs {font-size: 0.9em;margin: 1em 0;}
#portal-breadcrumbs span,
#portal-breadcrumbs span a,
#portal-breadcrumbs span span {color: #aaa;transition: .25s ease;}
#portal-breadcrumbs span a:hover {color: #222;text-decoration: underline;}
body:not(.section-professional) #portal-breadcrumbs #breadcrumbs-1,
#portal-breadcrumbs #breadcrumbs-you-are-here {display: none}

.flex {display: flex; flex-flow: wrap row; justify-content: flex-start; align-items: center; align-content: flex-start;}

/* Dormir i menjar */
.web #imatge.fitxaImatge { height: auto;  }
#portal-breadcrumbs #breadcrumbs-current {color: #222}
.web #imatge { position: relative;background-position: center;background-size: cover;background-repeat: no-repeat;min-height: 75vh;}
.web #imatge .title {position: absolute;bottom: 0;width: 100%;pointer-events: none;}
.web #imatge .title #parent-fieldname-title,
.web #imatge .documentFirstHeading {display: inline-block;margin: 0;padding: .25em .5em;background-color: rgba(255, 255, 255, 0.5);font-size: 4.5em;text-transform: uppercase;color: #333;}
.fl {opacity: 0; transition: .35s ease}
@media only screen and (min-width:40em){
  body.template-salou_allotjament_view #content .documentActions {
    padding: 0 .9375rem;
  }
}
@media only screen and (min-width:64em){
  .web #imatge.fitxaImatge  { padding: 2rem;padding-bottom: 4rem;}
  .bgFitxa { position: absolute;left: 0;top: 0;right: 0;bottom: 0;object-fit: cover;object-position: center center; z-index: 0; width: 100%;height: 100%;}
  #allotjament-info { position: relative;z-index: 1;}
  body.template-salou_allotjament_view #content .documentActions { margin-top: 1rem;}
}

/*item-zoom*/
.item-zoom {position: relative;display: inline-block;width: 100%;}
.item-zoom .black-veil {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.75);transition: .35s ease-in-out;opacity: 0;}
.item-zoom .black-veil [class^="ion"] {position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%) scale(0.9);-webkit-transform: translateY(-50%) translateX(-50%) scale(0.9);/*transform: translateY(-150%) translateX(-50%) scale(0.5);-webkit-transform: translateY(-150%) translateX(-50%) scale(0.5);*/font-size: 3em;color: white;transition: .35s ease-in-out;opacity: 0;}
.item-zoom .wrapper-img {position: relative;width: 100%;height: 100%;padding: 0;padding-top: 75%;overflow: hidden;display:block;}
.item-zoom .wrapper-img.rounded {border-radius: 50%; z-index: 100;display: block;height: 200px;margin: 0 auto 1.5em;overflow: hidden;padding: 0 !important;position: relative;width: 200px;}
.item-zoom .wrapper-img img {height: auto;width: auto;min-width: 111%;min-height: 111%;max-width: none;max-height: none;position: absolute;left: 50%;top: 50%;  transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);}
.item-zoom .wrapper-img img {transform: translateY(-50%) translateX(-50%) scale(0.9);-webkit-transform: translateY(-50%) translateX(-50%) scale(0.9);transition: .35s ease-in-out;}
.item-zoom:hover .wrapper-img img {transform: translateY(-50%) translateX(-50%) scale(1);-webkit-transform: translateY(-50%) translateX(-50%) scale(1);}
.item-zoom:hover {color: #333;}
.item-zoom:hover .black-veil {opacity: 1;}
.item-zoom:hover .black-veil [class^="ion"] {opacity: 1;transform: translateY(-50%) translateX(-50%) scale(1);-webkit-transform: translateY(-50%) translateX(-50%) scale(1);}
.item-zoom .title {font-size: 1.75em;}
.item-zoom.opacity-50 .black-veil {opacity: 1;background-color: rgba(0, 0, 0, 0.50);}
.item-zoom.opacity-50:hover .black-veil {opacity: 1;background-color: rgba(0, 0, 0, 0.75);}
.item-zoom.opacity-50 .black-veil [class^="ion"] {opacity: 1;}
.wrapper-img .black-veil {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);transition: .35s ease;}
.wrapper-img:hover .black-veil {background-color: rgba(0, 0, 0, 0.5);}

/* foundation overwrites */
.slider {position: static;height: auto;margin: 0;background-color: transparent;touch-action: initial;cursor: initial;}
.bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}

/*separador*/
.separator {display: block;margin-right: auto;margin-left: auto;background-color: #333;height: 1px;width: 50%;}
.w-100 {width: 100%;}
/*see-more*/
.see-more {background-color: #333333;color: white;font-weight: 100;padding: .75em 2em;display: inline-block;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);transition: .2s ease;}
.see-more:hover {color: white;font-weight: 100;transform: translateY(-3px);-webkit-transform: translateY(-3px);box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.45);}
.drop-shadow { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);transition: .2s ease; }
.drop-shadow:hover {transform: translateY(-3px);-webkit-transform: translateY(-3px);box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.45); text-decoration:none !important}
.drop-shadow.inset:hover {box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px rgba(0, 0, 0, 0);text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);}
.drop-shadow.inset:hover {box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.45), inset 3px 3px 0px rgba(0, 0, 0, 0.45);text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.45);}

/*relative*/
.relative {position: relative;}

/*Tabs*/
li.tabs-title {display: inherit;}

/*bg*/
.bg-aaa {background-color: #aaa;}
.bg-bbb {background-color: #bbb;}

ul.arrows {list-style: none;}
ul.arrows li {display: list-item;}
ul.arrows li:before {content: "❯";font-size: .65em;font-weight: bolder;vertical-align: middle;margin-right: 5px;}

/* Search Overlay */
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform input[type=submit] {position: absolute;width: 50px;height: 100%;background-color: transparent;border: 0;right: 0;top: 0;}
#mk-fullscreen-searchform *:focus{outline: none !important;border: none !important;}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon {font-size: 52px;position: absolute;right: 15px;width: 50px;top: 0px;color: #fff;color: rgba(255, 255, 255, .2);}
.fullscreen-search-icon:hover,
.fullscreen-search-icon:focus{border: none;outline: none;color: #fff !important;}
#mk-fullscreen-searchform {position: relative;vertical-align: middle;}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .searchField {
	width: 800px;background-color: transparent;box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1);border: 0;text-align: center;font-size: 35px;padding: 20px;height: auto;color: #fff;  -webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1);
  -moz-box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1);
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .searchField:focus{border: none;outline: none;}
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show {visibility: visible;opacity: 1;}
.mk-fullscreen-search-overlay {
	width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;visibility: hidden;background-color: rgba(0, 0, 0, .94);text-align: center;
  -webkit-transition: all ease-in-out .25s;
  -moz-transition: all ease-in-out .25s;
  -ms-transition: all ease-in-out .25s;
  -o-transition: all ease-in-out .25s;
  transition: all ease-in-out .25s;}
.mk-animate-element,
.mk-effect-bg-layer,
.mk-fullscreen-search-overlay {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);}
.mk-fullscreen-search-overlay {z-index: 999;}
.mk-fullscreen-search-overlay .mk-fullscreen-close:link,
.mk-fullscreen-search-overlay .mk-fullscreen-close:visited {color: #fff;}
.mk-fullscreen-search-overlay .mk-fullscreen-close {position: absolute;right: 50px;top: 50px;font-size: 36px;}
.mk-fullscreen-search-overlay .mk-fullscreen-close:focus {border: none;outline: none;}
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper {
  opacity: 1;visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper {
	display: inline-block;max-width: 1000px;vertical-align: middle;text-align: center;font-size: 18px;opacity: 0;visibility: hidden;  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transition: all ease-in-out .3s;
  -moz-transition: all ease-in-out .3s;
  -ms-transition: all ease-in-out .3s;
  -o-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;}
.mk-search-trigger {
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out}
.searchField:focus{box-shadow: 0px 3px 0px 0px rgba(255,255,255,0.54) !important;}



/* ==========================================================================
   OFFCANVAS
   ==========================================================================*/
.off-canvas {background: #298fc2 none repeat scroll 0 0;color: #fff;}
.off-canvas a {color: #fff;}
.off-canvas a:hover {opacity:0.5;}
.off-canvas hr {border-color: rgba(255,255,255,0.3);}
.js-off-canvas-overlay {background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;}
.off-canvas .links-bar {font-size:0.8em;}
.off-canvas .links-bar li {margin-bottom:0.5em;}
.off-canvas .links-bar .wrapper-arrow {display: inline-block;position: relative;}
.off-canvas .links-bar select {background-color: transparent;border: 0;padding: 0;line-height: 1em;  appearance:none;-moz-appearance:none;-webkit-appearance:none;position: relative;padding-right: 8px;text-transform: uppercase;padding-right: 12px;background-image: none;}
.off-canvas .links-bar select {height: 1.3rem;}
.off-canvas .links-bar select:focus {box-shadow: none;}
.off-canvas .links-bar .arrow {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: white transparent transparent;border-image: none;border-style: solid;border-width: 3px;content: "";display: inline-block;height: 0;position: absolute;right: 5px;top: 50%;width: 0;}
.js-off-canvas-overlay {transform: translateX(0px); transition: .5s ease; opacity: 0; background: rgba(255, 255, 255, 0.0) none repeat scroll 0 0; }
.js-off-canvas-overlay.is-visible {opacity: 1;visibility: visible;transform: translateX(-250px);background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;}
body[data-offcanvas^="open"] .share-buttons {display: none;}

/* ==========================================================================
   HEADER
   ==========================================================================*/
/*languages*/
#languages #lang {display: none;}
#languages .ui-selectmenu-button {background-color: transparent;display: inline-block;height: auto;padding: 0;width: 6.5em !important;}
/*#languages .ui-selectmenu-button .ui-icon-triangle-1-s {background-image: url("++resource++plonetheme.salou.images/ui-icons_205c90_256x240-white.png");}*/
#languages .ui-selectmenu-button-closed .ui-icon-triangle-1-s {background-position: -64px -19px;}
#languages .ui-selectmenu-button-open .ui-icon-triangle-1-s {background-position: 0 -19px;}
.ui-selectmenu-open {z-index: 2147483647 !important;}
.ui-selectmenu-open #lang-menu {background: #fff none repeat scroll 0 0;border: medium none !important;color: #298fc2;padding:0 !important;font-size:0.8em;}
.ui-selectmenu-open #lang-menu .ui-menu-item {border-bottom:1px solid #298fc2;}
.ui-selectmenu-open #lang-menu .ui-menu-item .ui-menu-item-wrapper {padding:0.5em 3em 0.5em 1em !important;}
.ui-selectmenu-open #lang-menu .ui-state-active,
.ui-selectmenu-open #lang-menu .ui-widget-content .ui-state-active,
.ui-selectmenu-open #lang-menu .ui-widget-header .ui-state-active {background: #298fc2 none repeat scroll 0 0 !important;border-color: #298fc2;color:#fff;}

/* top bar */
.navbar{-ms-transition: all .7s ease;-webkit-transition: all .7s ease;transition: all .7s ease;background-color: rgba(255, 255, 255, 0.9);}
.navbar .links-bar {-ms-transition: all .7s ease;-webkit-transition: all .7s ease;transition: all .7s ease;opacity: 1;margin-top: 0px;margin-bottom:0em;}
.navbar .logo {
	max-width: 150px;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
	-ms-transition: all .7s ease;
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
}
.navbar-animate{-ms-transition: all .7s ease;-webkit-transition: all .7s ease;transition: all .7s ease;background-color: rgba(255, 255, 255, 1);}
.navbar.navbar-animate .logo {
	width: auto;height:70px;
	-moz-transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	-moz-transform-origin: top left;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
	-ms-transition: all .7s ease;
	-webkit-transition: all .7s ease;
	transition: all .7s ease;
}
#top-bar .li-menu-icon .hamburguer:focus  {border: none;outline: none;}
.navbar-animate .links-bar {transition: all .7s ease;-webkit-transition: all .7s ease;transition: all .7s ease;opacity: 0;margin-top: -40px;margin-bottom:1em;}
#top-bar {position: fixed;top: 0;left: 0;right: 0;width: 100%;color: white;z-index: 99999;}
#top-bar .actions {line-height: 1em;color: #298FC2;}
.inline.actions a {color: #298FC2;}
#top-bar .actions li {font-family: 'Ropa Sans', sans-serif;margin-left: 2em;font-size: .75em;}
#top-bar select {background-color: transparent;border: 0;padding: 0;line-height: 2em;appearance:none;-moz-appearance:none;-webkit-appearance:none;position: relative;padding-right: 8px;/*height: 1em;*/text-transform: uppercase;padding-right: 12px;background-image: none;}
#top-bar .wrapper-arrow {position: relative;display: inline-block;}
#top-bar .ion-android-textsms {display: inline-block;}
#top-bar .arrow {content: "";width: 0;height: 0;display: inline-block;position: absolute;border: 3px solid;border-color: white transparent transparent transparent;right: 5px;top: 50%;}
#top-bar select:focus,
#top-bar select option:focus {outline: none;box-shadow: none;}
#top-bar select option {background-color: #333;}
#top-bar [class^="ion"] {margin-right: 5px;display: inline-block;}
img.logo:focus,
img.logo,
img.logo:active {outline: none;border: 0;}

.gran-menu { display: flex;}
@media only screen and (min-width: 40em) {
  .gran-menu { display: block;}

}

/*menu-bar-fullwidth*/
.menu-bar-fullwidth ul {margin:0;text-align: right;list-style: none;}
.menu-bar-fullwidth ul > li.first-level {display: inline-block;margin: 0px 0px 0px 20px;}
.menu-bar-fullwidth a.section {font-family: 'Open Sans', sans-serif;font-size:1rem;color:#222222;background: #FFF;padding: 1rem !important;font-weight:300;display: inline-block;border-bottom:4px solid #fff;}
.menu-bar-fullwidth a.section:hover,
.menu-bar-fullwidth a.section.active {color:#93005d;border-color:#93005d;}
.menu-bar-fullwidth li:hover a.section {color:#ce0c75;border-color:#93005d;}
.menu-bar-fullwidth li:hover .custom-dropdown {display: block;}
.menu-bar-fullwidth .gran-menu a {color: #298FC2;}
.menu-bar-fullwidth .gran-menu a.section-title {padding:12px 0;display:block;text-transform: uppercase;}
.menu-bar-fullwidth .gran-menu a.section-title::after {bottom:5px;height: 3px;}
.menu-bar-fullwidth .gran-menu .search {font-size: 1.5em;vertical-align: middle;}
.menu-bar-fullwidth .gran-menu li:hover .custom-dropdown {visibility: visible;opacity: 1;display: block;}
.menu-bar-fullwidth .gran-menu li:hover a.section-title::after {width: 100%;}
.menu-bar-fullwidth .gran-menu .custom-dropdown {font-size:0.8em;width:100%;position: absolute;left:0;z-index: 1000;display: none;background-color: #EEEEEE;border-top:1px solid #ddd;text-align:left;padding:1.5em 1em;box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2);background-position:left top;background-repeat:no-repeat;min-height: 370px;color: #333;}
.menu-bar-fullwidth .gran-menu .custom-dropdown .sub-section-title {font-size: 1.3em;}
.menu-bar-fullwidth .gran-menu .custom-dropdown hr {border-color:#000;margin-top:0;margin-bottom: 0.5em;}
.menu-bar-fullwidth .gran-menu .custom-dropdown a,
.menu-bar-fullwidth .gran-menu .custom-dropdown p,
.menu-bar-fullwidth .gran-menu .custom-dropdown div {color: #333;}
.menu-bar-fullwidth .gran-menu .custom-dropdown ul {text-align: left;margin:0;}
.menu-bar-fullwidth .gran-menu .custom-dropdown ul.nav li {display: block;line-height: 2.2em;}
.menu-bar-fullwidth .gran-menu .custom-dropdown ul.nav li a {padding:0 !important;font-size:0.9em;color:#C1076C;}
.menu-bar-fullwidth .gran-menu .custom-dropdown ul.nav li a:hover {color:#93005d;}
.menu-bar-fullwidth .gran-menu .custom-dropdown ul.nav li img {margin-right:.3em;}
.menu-bar-fullwidth .gran-menu .custom-dropdown p {font-size:0.9em;}
.menu-bar-fullwidth .gran-menu .custom-dropdowna.button,
.menu-bar-fullwidth .gran-menu .custom-dropdowna.button:hover {color:#fff;}
.menu-bar-fullwidth .gran-menu .custom-dropdown .title {font-weight: 400;text-transform: uppercase;}
.menu-bar-fullwidth .gran-menu .custom-dropdown .subtitle {font-weight: 700;text-transform: uppercase;font-size:.9rem;}
.menu-bar-fullwidth .gran-menu .custom-dropdown .bgimage {border:1px solid #bcbcbc;margin-bottom:.5rem;}
.menu-bar-fullwidth .gran-menu .custom-dropdown > .row {margin: 0 auto;}
.menu-bar-fullwidth .gran-menu li .custom-dropdown {visibility: hidden;opacity: 0;display: block;-webkit-transition: all 0.15s linear 0.2s;-moz-transition: all 0.15s linear 0.2s;-o-transition: all 0.15s linear 0.2s;transition: all 0.15s linear 0.2s;}
.menu-bar-fullwidth .borderline {display: inline-block}
.menu-bar-fullwidth .borderline:after {width: 0%;background-color: #298fc2;height: 2px;}
.menu-bar-fullwidth .custom-dropdown .borderline:after {background-color: #444; height: 1px;}
.menu-bar-fullwidth .borderline.active:after,
.menu-bar-fullwidth .borderline:hover:after,
.menu-bar-fullwidth .float:hover .borderline:after {width: 100%; text-decoration: none !important}
.menu-bar-fullwidth .flex-top-bottom {display: flex;flex-flow: nowrap column;justify-content: space-between;height: 100%;width: 100%;}
.menu-icon::after {content: '';position: absolute;display: block;width: 100%;height: 3px;background: #298fc2;top: 0;left: 0;box-shadow: 0 7px 0 #298fc2, 0 14px 0 #298fc2;}
.menu-icon--close { display: none;position: relative;width: 20px;height: 16px;}
.menu-icon--close::before,
.menu-icon--close::after { content: '';display: block;position: absolute; background-color: #298fc2; height: 3px; width: 100%;top: 5px;}
.menu-icon--close::before { transform: rotate(45deg);}
.menu-icon--close::after { transform: rotate(-45deg);}
.off-canvas.is-open ~ .off-canvas-content .menu-icon { display: none;}
.off-canvas.is-open ~ .off-canvas-content .menu-icon--close { display: inline-block;}
.menu-icon:hover::after {background: #298fc2 none repeat scroll 0 0;box-shadow: 0 7px 0 #298fc2, 0 14px 0 #298fc2;}
#top-bar .custom-dropdown .link-title {color: #222; padding-top: 5px; font-size: .9rem;overflow-wrap: break-word; word-wrap: break-word;}
.link-title {overflow-wrap: break-word; word-wrap: break-word;}
html[lang="ru"] .gran-menu,
html[lang="de"] .gran-menu  {font-size: 1em;}
html[lang="ru"] .menu-bar-fullwidth .gran-menu .custom-dropdown {font-size:1em;}

/* slider portada */
.wrapper-slider.portada .slide {height: 100vh;overflow: hidden;position: relative;}
.wrapper-slider.portada .slide img {height: auto;width: auto;min-width: 100%;min-height: 100%;max-width: none;max-height: none;position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);}
.wrapper-slider.portada .slide .info {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;transition: .35s ease;}
#slider-portada .slide:hover .info {transform: translateY(0px) !important;}
#slider-portada .slide:hover .info .bg-white {background-color: rgba(255, 255, 255, 1);-ms-transition: all .7s ease;-webkit-transition: all .7s ease;transition: all .7s ease;}
.wrapper-slider.portada .slide .info .title {font-size: 3em;color: #333;text-align: center;line-height: initial;text-transform: uppercase;}
.wrapper-slider.portada .slide .info .bg-white {background-color: rgba(255, 255, 255, 0.6);}
.wrapper-slider.portada .slide .info .separator {width: 150px;}
.wrapper-slider .bx-controls,
.wrapper-slider .bx-controls-direction {position: absolute;left: 0;right: 0;top: 0;bottom: 0;pointer-events: none;transition: .35s ease;z-index: 999;}
.wrapper-slider .bx-prev,
.wrapper-slider .bx-next {top: 50%;pointer-events: initial;pointer-events: auto;transform: translateY(-50%);position: absolute;display: inline-block;font-size: 5em;color: white;background-color: rgba(0, 0, 0, 0.3);text-align: center;line-height: 0;}
.wrapper-slider .bx-prev {padding: 0px 0.3em 0 0.2em;}
.wrapper-slider .bx-next {padding: 0px 0.2em 0 0.3em;}
.wrapper-slider .bx-prev:hover {padding-left: .35em;}
.wrapper-slider .bx-next:hover {padding-right: .35em;}
.wrapper-slider .bx-prev {left: 0;}
.wrapper-slider .bx-next {right: 0;}
/* .gran-menu .custom-dropdown li:not(.first-level) > a:hover {text-decoration: underline;} */

/* ==========================================================================
   CONTENT
   ==========================================================================*/

/*search-bar*/
.wrapper-searcher .tabs,
.wrapper-searcher .tabs-content {border: none;}
.wrapper-searcher .tabs {padding: 0;}
.wrapper-searcher .tabs a {background-color: #575757;color: white;font-size: 1em;padding: .5em;}
.wrapper-searcher [class^="ion"] {color: white;font-size: 2em;vertical-align: middle;font-weight: 100;margin-right: 5px;}
.wrapper-searcher .tabs-panel {padding: 1.25em;}
.wrapper-searcher .tabs-content,
.wrapper-searcher .tabs .is-active,
.wrapper-searcher .tabs .is-active a {background-color: #333333;}
.wrapper-searcher .tabs-title {width: 25%;text-align: center;border: 1px #333;border-style: hidden solid hidden hidden;}
.wrapper-searcher .tabs-title:last-child {border: none;}
.wrapper-searcher .cutlery {display: inline-block;}
.wrapper-searcher .input-group {margin: 0;}
.wrapper-searcher .input-group-label {font-weight: 600; border: 0}
.wrapper-searcher .input-group-field {border: none;}
.wrapper-searcher input[type="text"]:focus,
.wrapper-searcher input[type="password"]:focus,
.wrapper-searcher textarea:focus {box-shadow: none;}
input.focus-white:focus {background-color: white; outline: 0; box-shadow: none;}
.wrapper-searcher .input-group-label.gray {border-left: 1px solid #C6C6C6; border-style: hidden hidden hidden solid; background-color: #dddddd;}
.wrapper-searcher .input-group-field.gray {background-color: #DDDDDD;border: none;}
.wrapper-searcher input[type="text"].gray:focus,
.wrapper-searcher input[type="password"].gray:focus,
.wrapper-searcher textarea.gray:focus {background-color: #DDDDDD;outline: 0;box-shadow: none;}
.wrapper-searcher .input-group-button {background-color: #298FC2;color: white;padding: 0 1em;cursor: pointer;}
.wrapper-searcher .input-group-button .search {font-size: 2em;vertical-align: middle;}
.wrapper-searcher .input-group-button input {background-color: #298FC2;}
.wrapper-searcher .input-group-button input:focus {outline: none;box-shadow: none;}
.wrapper-searcher select.input-group-field {background-color: white;border: 1px solid #cacaca;color: #0a0a0a;text-align: center;white-space: nowrap;height: 100%;border-left: none;}
.wrapper-searcher select.input-group-field:focus {box-shadow: none;border: 1px solid #cacaca !important;border-left: 0px !important;}
.wrapper-searcher input.input-group-field.gray {white-space: nowrap;border-left: none;display: table-cell;vertical-align: middle;height: 45px;text-align: left;}
.wrapper-searcher .tabs .tabs-title a,
.wrapper-searcher .tabs .tabs-title a:hover,
.wrapper-searcher .tabs .tabs-title a:focus {border-top:5px solid #575757 !important;}
.wrapper-searcher .tabs-content .button {background-color: transparent;}
.wrapper-searcher .tabs .tabs-title.tab-ondormir.is-active a,
.wrapper-searcher .tabs .tabs-title.tab-ondormir.is-active a:hover,
.wrapper-searcher .tabs .tabs-title.tab-ondormir.is-active a:focus {border-color:#43B02A !important;}
.wrapper-searcher .tabcontent-ondormir .input-group-button {background-color: #43B02A;}
.wrapper-searcher .tabs .tabs-title.tab-onmenjar.is-active a,
.wrapper-searcher .tabs .tabs-title.tab-onmenjar.is-active a:hover,
.wrapper-searcher .tabs .tabs-title.tab-onmenjar.is-active a:focus {border-color:#FFB81C !important;}
.wrapper-searcher .tabcontent-onmenjar .input-group-button {background-color: #FFB81C;}
.wrapper-searcher .tabs .tabs-title.tab-quefer.is-active a,
.wrapper-searcher .tabs .tabs-title.tab-quefer.is-active a:hover,
.wrapper-searcher .tabs .tabs-title.tab-quefer.is-active a:focus {border-color:#CE0037 !important;}
.wrapper-searcher .tabcontent-quefer .input-group-button {background-color: #CE0037;}
.wrapper-searcher .tabs .tabs-title.tab-planol.is-active a,
.wrapper-searcher .tabs .tabs-title.tab-planol.is-active a:hover,
.wrapper-searcher .tabs .tabs-title.tab-planol.is-active a:focus {border-color:#9E007E !important;}

/*6-bar*/
/* .6-bar .title {text-align: center;font-size: 1.1em;}
.6-bar .separator {width: 50%;}
.6-bar .desc {text-align: center;} */

/*slide portada 2*/
#pager-slider-portada-2 a {color: #323232;margin: .2em .5em;display: inline-block;}
#pager-slider-portada-2 .borderline:after {background-color: #323232;height: 1px;width: 0%;left: 50%;}
#pager-slider-portada-2 .borderline:hover:after,
#pager-slider-portada-2 .borderline.active:after {background-color: #323232;height: 1px;width: 100%;left: 0%;}
#slider-portada-2 .slide {height:700px;}
#slider-portada-2 .slide .info {position: absolute;bottom: 0;left: 0;right: 0;top: 50%;width: 100%;transition: .35s ease;height: 0;}
#slider-portada-2 .slide .info .title {font-size: 3.5em;word-wrap: break-word;}
#slider-portada-2 .slide .info .title,
#slider-portada-2 .slide .info .desc {color: #333;}
#slider-portada-2 .slide .info .separator {height: 1px;}
#slider-portada-2 .info .bg-white {transform: translateY(-50%);-webkit-transform: translateY(-50%);background-color: transparent;}
#slider-portada-2 .ion-play {display: inline-block;width: 21px;height: 21px;background-color: white;color: #333;border-radius: 50%;text-align: center;line-height: 21px;padding-left: 2px;margin-right: 10px;}

/*slider-6-coses*/
#slider-6-coses .item-zoom .wrapper-img.rounded {transition: all .3s ease-in-out;}
#slider-6-coses .item-zoom:hover .wrapper-img.rounded {border-radius: 0%;}

/*activiy-bar*/
.activity-bar .separator {width: 143px;}

/*banners-bar*/
.banners-bar .content-banner {position: relative;}
.rounded-border {border: 9px solid #eee;border-radius: 58px;padding: 1em;text-align: center;display:inline-block;}

/* diagonal-banners */
.template-portada_view .diagonal-banners .content-banner {height: 440px;}
.template-portada_view #diagonal-container {width: 100%;height: 440px;margin: 0 auto;}
.template-portada_view .diagonal-banners {position: relative;overflow: hidden;}
.template-portada_view .diagonal-banners .bg-opacity {background-color: rgba(0, 0, 0, 0.3);}
.template-portada_view .diagonal-banners .child,
.template-portada_view .diagonal-banners .separator,
.template-portada_view .diagonal-banners .border,
.template-portada_view .diagonal-banners .border .line {position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 1248px;height: 440px;transition: 1s ease;backface-visibility: hidden;-webkit-backface-visibility: hidden;filter: blur(0);-webkit-filter: blur(0);-webkit-perspective: 1000px;perspective: 1000px;}
.template-portada_view .diagonal-banners .content {position: relative;z-index: 1000;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;height: 440px;}
.template-portada_view .diagonal-banners .separator,
.template-portada_view .diagonal-banners .border {width: 55%;width: calc(50% + 65px);transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);-webkit-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);-moz-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);overflow: hidden;margin-left: -65px;z-index: 2000;}
.template-portada_view .diagonal-banners .border {overflow: inherit;overflow: initial;pointer-events: none;}
.template-portada_view .diagonal-banners .border .line {content: "";position: absolute;left: initial;right: 0;top: 0;bottom: 0;height: 100%;width: 15px;background-color: white;transform: translateX(50%) translateZ(0) scale(1.0, 1.0);-webkit-transform: translateX(50%) translateZ(0) scale(1.0, 1.0);-moz-transform: translateX(50%) translateZ(0) scale(1.0, 1.0);}
/*.diagonal-banners:hover .border .line {width: 0px;}*/
.template-portada_view .diagonal-banners .separator .child {transform: skewX(20deg) translateZ(0) scale(1.0, 1.0);-webkit-transform: skewX(20deg) translateZ(0) scale(1.0, 1.0);-moz-transform: skewX(20deg) translateZ(0) scale(1.0, 1.0);margin-left: 65px;}
.template-portada_view .diagonal-banners.right .separator,
.template-portada_view .diagonal-banners.right .border {width: 55%;width: calc(55% + 65px);
    transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);
    -webkit-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);
    -moz-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);}
.template-portada_view .diagonal-banners.left .separator,
.template-portada_view .diagonal-banners.left .border {width: 45%;width: calc(45% + 65px);
    transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);
    -webkit-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);
    -moz-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);}
.template-portada_view .diagonal-banners.right .separator .child,
.template-portada_view .diagonal-banners.left .separator .child {
    transform: skewX(20deg) translateZ(0) scale(1.0, 1.0);
    -webkit-transform: skewX(20deg) translateZ(0) scale(1.0, 1.0);
    -moz-transform: skewX(20deg) translateZ(0) scale(1.0, 1.0);}
/*.diagonal-banners.right .content.text-right .bg-opacity {background-color: rgba(0,0,0,0.7);transition: 1s ease;}
.diagonal-banners.right .content.text-right .content-banner {opacity: 0.3;transition: 1s ease;}
.diagonal-banners.left .separator .bg-opacity {background-color: rgba(0,0,0,0.7);transition: 1s ease;}
.diagonal-banners.left .separator .content-banner {opacity: 0.3;transition: 1s ease;}*/

/*salouretro-bar*/
.salouretro-bar {background-position: top;}

/* offices-bar */
.offices-bar p {color: black;font-size: .8em;line-height: 21px;}
.cool-info {position: absolute;right: 7px;top: -12px;background-color: #298FC2;color: white;text-align: center;font-size: 2em;width: 42px;height: 42px;}
.cool-info .triangle {position: absolute;height: 12px;right: 100%;top: 0;border: 6px solid;border-color: transparent #063B49 #063B49 transparent;}
.cool-info .ion-ios-information-outline:before {line-height: 42px;}

/* newsletter-bar */
.extended-bg {position: relative;}
.extended-bg .extended {content: "";position: absolute;height: 100%;width: 100vw;top: 0;left: 0;background-color: #298FC2;z-index: 0;}
.extended-bg .content {position: relative;} /*z-index: 100; */
.weather .image-aemet {display: block;margin: 0;width: 90%;}

/* gallery */
.galeria .more-images {margin-top:1.5em;}
.img-wrap img {border-radius: 3px;transition: .35s ease;}
.galeria .grid {margin: 0;}
.grid__item .img-wrap {position: relative;display: inline-block;}
.grid__item .img-wrap .black-veil {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.75);opacity: 0;transition: .35s ease;}
.grid__item .img-wrap .black-veil h3 {color: #fff;font-weight: 100;text-transform: uppercase;font-size: 1.25em;position: absolute;top: 50%;transform: translateY(-102%);margin: 0;transition: .5s ease;padding: 0 10%;}
.grid__item:hover .img-wrap .black-veil h3 {transform: translateY(-52%);}
.grid__item:hover .img-wrap .black-veil {opacity: 1;}
.grid {max-height: 750px;overflow: hidden;transition: 1s ease;}
.more-images {background-color: #298FC2;color: white;padding: .75em 0;font-weight: 100;margin: 0 9px;font-size: 1.33em;cursor: pointer;transition: .25s ease;}
.more-images:hover {background-color: #0d596d;}
.black-veil:before,
.black-veil:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid white;margin: 12px;transition: .5s ease;}
.black-veil:before {border-style: solid hidden;left: 50%;right: 50%;}
.black-veil:after {border-style: hidden solid;top: 50%;bottom: 50%;}
body:not(.template-portada_view) .grid__item:hover .black-veil:before,
body:not(.template-portada_view) .wrapper-img:hover .black-veil:before {left: 0%;right: 0%;}
body:not(.template-portada_view) .grid__item:hover .black-veil:after,
body:not(.template-portada_view) .wrapper-img:hover .black-veil:after {top: 0%;bottom: 0%;}
.mesinfo dt .documentByLine {display: none;}
#content .mesinfo dt a {color: #000;text-transform: uppercase;font-weight: 400;}
#content .mesinfo dt a[class^="contenttype"] {padding-left: 0px !important;background:  none;}
#content .mesinfo dt a.contenttype-link:before {content: "\f1fe";display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 1.5em;margin-right: 5px;padding-left: 5px;vertical-align: middle;transform: rotate(-45deg);}
#content .mesinfo dt a.contenttype-file:before {content: "\f12e";display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 1.5em;margin-right: 5px;padding-left: 5px;vertical-align: middle;}
#content .documentActions,
.documentActions {border-bottom: 1px solid #e1e1e1;padding-bottom: .5em;margin-top: 5em; text-align: center;}
#content .documentActions ul,
.documentActions ul  {margin: 0;}
#content .documentActions li,
.documentActions li  {margin-bottom: 0.25em;line-height: 1.5em;display: inline-block;}
.documentActions li:not(:last-child) {margin-right: 10px;}
#document-action-send_to:before {content: "\f2c3";display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 5px;vertical-align: middle;}
#document-action-print:before {content: "\f490";display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 5px;vertical-align: middle;}
#content .documentActions li a,
.documentActions li a {color: black;font-size: .85em;}
.documentActions .compartir {text-align: center; margin-top: 1rem;}
@media only screen and (min-width: 40em) {
  #content .documentActions { text-align: left;}
  .documentActions .compartir { text-align: right;margin-top: 0;}
}

/* block listing */
.block-listing .item {margin-bottom: 2em;}
.block-listing .item .wrapper-img {height: 265px;overflow: hidden;}
.block-listing .item .wrapper-img img {min-height: 100%;min-width: 100%;width: auto;max-width: none;transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;transition: .5s ease;}
.block-listing .item .wrapper-img:hover img {transform: translate(-50%, -50%) scale(1.2);}
.block-listing .item .wrapper-img .black-veil,
.template-folder_events_view .wrapper-img .black-veil {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;transition: .5s ease;z-index: 999;opacity: 1;background: rgba(0,0,0,0);   background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.73) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(39%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.73)));
   background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.73) 100%);
   background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.73) 100%);
   background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.73) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.73) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
.block-listing .item .wrapper-img:hover .black-veil,
.template-folder_events_view .wrapper-img:hover .black-veil {opacity: 0;}
.block-listing .item .wrapper-img .black-veil.full,
.template-folder_events_view .wrapper-img .black-veil.full {transition: .5s ease;opacity: 0;   background: rgba(0,0,0,0.75);
   background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0.75)));
   background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
   background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
   background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
   background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
.block-listing .item .wrapper-img:hover .black-veil.full,
.template-folder_events_view .wrapper-img:hover .black-veil.full {opacity: 1;}
#content .wrapper-img .title,
.wrapper-img .title {color: white;position: absolute;bottom: 0;left: 0;margin: 0;padding: 2em;text-transform: uppercase;font-size: 1.35em;font-weight: 400;z-index: 9999;transform: translateY(0%);transition: .5s ease;}
#content .wrapper-img .features,
.wrapper-img .features {color: white;position: absolute;bottom: 10px;left: 0;margin: 0;padding: 2em;text-transform: uppercase;font-size: 1.35em;font-weight: 400;z-index: 9999;transform: translateY(0%);transition: .5s ease; opacity: 0; visibility: hidden;}

#content .wrapper-img:hover .title,
.wrapper-img:hover .title {bottom: 75%;transform: translateY(73%);padding: 0 2em;text-shadow: 2px 2px 2px #333;}
#content .wrapper-img:hover .features,
.wrapper-img:hover .features {padding: 0 2em;text-shadow: 2px 2px 2px #333; visibility: visible; opacity: 1;}
#content .block-listing .item .desc {background-color: #E4E4E4;color: #222;padding: 1.5em 2em;line-height: 1.5em;font-size: 1.1em;}
body.history-of-salou .wrapper-full-content {background-image: url('++resource++plonetheme.salou.images/history-salou.png');background-repeat: no-repeat;background-position: top center;background-size: cover;}
body.history-of-salou a.external-link {display: inline-block;}
body.history-of-salou a.external-link:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}
body:not(.template-portada_view) form#cercador {background-color: #222222;}
body:not(.template-portada_view) form#cercador #minusvalids {float: none;}
body:not(.template-portada_view) form#cercador .field.check {padding-top: 24px;}
body:not(.template-portada_view) form#cercador input[type="text"],
body:not(.template-portada_view) form#cercador select {height: 28px;background-position: right center;padding: .25em;}
body:not(.template-portada_view) form#cercador .field,
body:not(.template-portada_view) form#cercador input {margin: 0;}
body:not(.template-portada_view) form#cercador label {color: white;}
body:not(.template-portada_view) form#cercador fieldset {margin: 0;padding: .25em 1em 1em;}
body:not(.template-portada_view) form#cercador input[type="Submit"] {padding: .5em 3em;}
body:not(.template-portada_view) form#cercador input[type="Submit"]:focus,
body:not(.template-portada_view) form#cercador input[type="Submit"]:active,
body:not(.template-portada_view) form#cercador input[type="Submit"] {outline: 0;}
body:not(.template-portada_view) form#cercador .formControls {margin: 0;text-align: right;padding-top: 24px;}
#mostraplanol2 {background-color: #222222;color: white;text-align: center;margin-bottom: 2rem;cursor: pointer;border-top: 1px solid #888;}

#portlets div,
#portlets span {font-size: .9rem;}
#portlets b {color: #555;}
.imperdible li {margin-bottom: .75em;padding-bottom: .75em;border-bottom: 1px dotted #ccc;}
.imperdible li img {margin-right: 5px;}
.imperdible li .titol {font-size: 1.1em;}
#portlets h3 {color: #aaa;font-weight: 100;text-transform: uppercase;font-family: 'Open Sans';font-size: 1.75em;}

.template-folder_allotjaments_view #content-core .wrapper-img .title,
.template-folder_activitats_view #content-core .wrapper-img .title { font-weight: 400; color: white;    text-shadow: 2px 2px 2px #333;}
.template-folder_allotjaments_view .tileItem,
.template-folder_activitats_view .tileItem {margin-bottom: 3em; border-bottom: 1px solid #bbb; padding-bottom: 2em;}
#content .block-listing .features > div {margin-bottom: 10px; color: white}
#content .block-listing .features i {margin-right:5px;}
#content .block-listing .features .categoria {text-transform: uppercase; border-left: 3px solid #bbb; padding-left: 5px; margin-bottom: 15px;}
#content .block-listing .features a {color: white; text-decoration: underline;}
#content .block-listing .features > div.serveis {margin-top: 25px;}
#content .block-listing .features > div.serveis img {float: left;max-width: 36px;max-height: 36px;width: auto;margin: 0px 5px 6px 0;height: auto;}

#content .wrapper-img .features > div {margin-bottom: 10px; color: white}
#content .wrapper-img .features i {margin-right:5px;}
#content .wrapper-img .features a {color: white; text-decoration: underline;}

.gm-style * {width:auto;height:auto;}

.template-salou_allotjament_view .planol {position: relative; pointer-events: none;}
.template-salou_allotjament_view .planol:before {content: ''; position:absolute; top:0;left:0;right:0;bottom:0;box-shadow: inset 0px 8px 7px -7px #333;z-index: 10;pointer-events: none;}
.template-salou_allotjament_view .planol #map {z-index: 0; pointer-events: auto; pointer-events: all;}


.template-professionals_view .banner .text {font-size: 12px;}

body.template-salou_allotjament_view .flex > img {flex: 0 1 36px; margin: 0px 15px 15px 0;}
body.template-folder_events_view #content .column .info {background-color: rgb(228, 228, 228); }
body.template-folder_events_view #content .column:hover .info * {text-decoration: none !important}
body.template-folder_events_view #content .column .info .date {margin: 0; color: #666;}

/*portlets*/
#portlets .banners ul .column-block {margin-bottom: 0.5rem;}
#portlets .banners ul .column-block:last-child {margin-bottom: 2em;}
#portlets .banners {margin-bottom: 2em;}
#portlets .imperdible,
#portlets .temps,
#portlets .tripadvisor {margin: 2em 0;}
#portlets .tripadvisor #CDSWIDDMO {width: 100%;}

/* section-professional*/
.section-professional .navbar {background-color: #F4F4F4}
.section-professional .navbar a,
.section-professional .navbar li {color: #2A4989}
.section-professional .web #imatge { min-height: 35vh; height: auto;     padding: 6em 0; }
.section-professional .web #imatge .title { position: relative; z-index: 10;}
.section-professional .web #imatge .title #parent-fieldname-title {background-color: transparent;}
.section-professional .off-canvas-wrapper {padding-top: 79px}
.section-professional #imatge .bg-blue {
  background: rgba(49,37,158,1);
  background: -moz-linear-gradient(left, rgba(49,37,158,1) 0%, rgba(51,134,166,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49,37,158,1)), color-stop(100%, rgba(51,134,166,1)));
  background: -webkit-linear-gradient(left, rgba(49,37,158,1) 0%, rgba(51,134,166,1) 100%);
  background: -o-linear-gradient(left, rgba(49,37,158,1) 0%, rgba(51,134,166,1) 100%);
  background: -ms-linear-gradient(left, rgba(49,37,158,1) 0%, rgba(51,134,166,1) 100%);
  background: linear-gradient(to right, rgba(49,37,158,1) 0%, rgba(51,134,166,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31259e', endColorstr='#3386a6', GradientType=1 );
  width: 100%;height: 100%;transform: skewX(-25deg) translateX(-45%);border: 4px solid white;border-style: hidden solid;opacity: .75;position: absolute;top: 0;left: 0;z-index: 0;}
.section-professional .web #imatge .title #parent-fieldname-title {line-height: 1em;color: white;font-size: 3.25em;background-color: transparent;}
.section-professional .web #imatge .documentFirstHeading {line-height: 1em;color: white;font-size: 4.25em;background-color: transparent;}
.lists-links .links {margin: 0;background-color: #EEEEEE;padding: 1em 1.5em;}
.lists-links .links a {font-size: .9em;color: #001346;font-weight: 600;margin-bottom: 1em;display: inline-block;}
.lists-links h3 {font-size: 1.5em;font-weight: 400;color: black;}
.lists-links h3 .blue {color: #095288;font-size: inherit;font-weight: 600;}
.lists-links .professionals,
.lists-links .premsa {margin-bottom: 2em;}
.section-professional #portal-breadcrumbs {border-bottom: 1px solid #ccc;}
.section-professional .banners .banner { display: inline-block; background-color: #CE352D; width: 100%; margin-bottom: 1em; }
.section-professional .banners .banner .icon {background-color: #AF241D;color: white;width: 72px;height: 72px;text-align: center;font-size: 4em;vertical-align: middle; display: inline-block; padding-top: 15px;}
.section-professional .banners .banner .icon span {line-height: 72px;}
.section-professional .banners .banner .title {display: inline-block;color: white;font-weight: 100;font-size: 1.25em;font-family: 'Open Sans', sans-serif;padding-left: 1em;}
.section-professional .button {background-color: #2B4590;}
.section-professional .extended-bg .extended {background-color: #2B4590;}
.section-professional .menu-bar-fullwidth .borderline:after {background-color: #2B4590;}
.template-professionals_view .banner .text {display: inline-block; padding-left: 10px; color: #2b4590;font-weight:600}

/* icons //////////// */
.ui-menu-item-wrapper {padding-left: 32px !important;}
.ui-selectmenu-button {background-color: white;border-radius: 0;width: 100%  !important;height: 45px;max-width: 100%;outline: 0;border: 0 !important;}
.ui-selectmenu-button:focus {outline: 0 !important;border: 0 !important;}
.ui-selectmenu-text {line-height: 2.25em;}
.ui-selectmenu-icon {display: block !important;top: 8px;}
.ui-menu {padding: 1em !important; border-radius: 0; border: 1px solid #555;}
.ui-selectmenu-menu {box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {background: #298fc2 !important;}
.icon-salou {position: absolute;left: 0;top: 0;bottom: 0;height: 100%;width: 29px;background-image:  url('++resource++plonetheme.salou.images/icons/icons-salou.png');background-repeat: no-repeat;}
.icon-salou.all,
.icon-salou.undefined {background-position: 0 0;}
/*dormir*/
.icon-salou.hotels {background-position: -29px 0;}
.icon-salou.hotel-apartament {background-position: -58px 0;}
.icon-salou.pensions {background-position: -87px 0;}
.icon-salou.campings {background-position: -116px 0;}
.icon-salou.apartaments {background-position: -145px 0;}
.icon-salou.empreses-habitatges-dus-turistic {background-position: -174px 0;}
/*on menjar*/
.icon-salou.braseria {background-position: -29px -29px;}
.icon-salou.cuina-casolana {background-position: -58px -29px;}
.icon-salou.cuina-dautor {background-position: -87px -29px;}
.icon-salou.cuina-marinera {background-position: -116px -29px;}
.icon-salou.cuina-mediterrania {background-position: -145px -29px;}
.icon-salou.cuina-de-mercat {background-position: -174px -29px;}
.icon-salou.pizzeria {background-position: -203px -29px;}
.icon-salou.cuina-internacional {background-position: -232px -29px;}
.icon-salou.buffet {background-position: -261px -29px;}
.icon-salou.menjar-rapid {background-position: -290px -29px;}
.icon-salou.tapes {background-position: -319px -29px;}
/*que fer*/
.icon-salou.platges-i-cales {background-position: -29px -58px;}
.icon-salou.llocs-interes {background-position: -58px -58px;}
.icon-salou.divertirme {background-position: -87px -58px;}
.icon-salou.fer-esport {background-position: -116px -58px;}
.icon-salou.portaventura {background-position: -145px -58px;}

/*.share-buttons*/
.share-buttons.fixed {position: fixed;right: 0;top: 90px;margin: 25px !important;z-index: 99999;pointer-events: none}
.share-buttons.fixed li {float: left;clear: left;}
.share-buttons.fixed a {position: relative;display: inline-block;line-height: 0; pointer-events: auto; pointer-events: all; }
.share-buttons.fixed a:before {position: absolute;transition: .35s;width: 100%;height: 100%;background-color: #222;content: "";z-index: -1;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(.8);box-shadow: 1px 3px 7px 0px #333;}
.share-buttons.fixed a:hover:before {background-color: white;box-shadow: 2px 6px 14px 6px #333;}

/*template-search*/
.template-search #content {margin-bottom:8em;}
.template-search #content p.discreet {border-bottom: 3px solid #eee;padding-bottom: 1.5em;}
.template-search #content h1.documentFirstHeading {margin-bottom:0;text-align: center;}
.template-search #content h1.documentFirstHeading span {font-size: 1em;}
.template-search #content p.discreet {text-align: center;}
.template-search .searchResults dt {border-top: 1px solid #eee;padding-top: 1em;}
.template-search .searchResults dt:first-child {border-top: none;}
.template-search .searchResults dd {margin: 0 0 1em 0 !important;font-style: italic;}
.template-search div.listingBar {margin-top: 3em;padding-top: 3em;border-top: 3px solid #eee;}

/*template-folder_galeries_view*/
.template-folder_galeries_view #fotosivideos-tabs {list-style: none;border-bottom:3px solid #eee;margin-bottom:0.5em;padding-bottom:0.5em;}
.template-folder_galeries_view #fotosivideos-tabs .tabs-title {margin-right:0.5em;}
.template-folder_galeries_view #fotosivideos-tabs .tabs-title a {border-radius:10px;color:#999;font-weight: 700;font-size: 1em;border:1px solid #e6e6e6;}
.template-folder_galeries_view #fotosivideos-tabs .tabs-title a:hover,
.template-folder_galeries_view #fotosivideos-tabs .tabs-title a:focus {text-decoration: none;color:#222;border:1px solid #e6e6e6 !important;}
.template-folder_galeries_view #fotosivideos-tabs .tabs-title.is-active a {color:#222;}
.template-folder_galeries_view .tabs-panel #list .tileItem {border-bottom:1px solid #ddd;margin-bottom:1.5em;padding-bottom:1.5em;}
.template-folder_galeries_view .tabs-panel #list .tileItem:last-child {border:none;}
.template-folder_galeries_view .tabs-panel #list .tileItem .moreInfo a {margin-right: 1em;}

/*platges de salou*/
body.template-platja_info_view .wrapper-full-content {background-image: url('++resource++plonetheme.salou.images/platges-salou.jpg');background-repeat: no-repeat;background-position: top center;background-size: cover;}

/*portlets tripadvisor*/
#Alnwbgb9HYE a {padding: 1em;}


/* PLATJES DE SALOU */
.float-hover {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.float-hover:hover,
.float-hover:focus,
.float-hover:active {-webkit-transform: translateY(-8px);transform: translateY(-8px);}
/*icones slide*/
.template-platja_info_view .external-info .banner {background-color: transparent;border: medium none;display: inline-block;margin-bottom: 0;text-align: left;width: 100%;}
.template-platja_info_view #content .msg {background-color: #298fc2; color: white; padding: 2em 4em;}
.template-platja_info_view #content .msg .text-center {font-size: 1.25rem; font-weight: 100; line-height: 1.25em;padding-top: 1.25rem;}
.template-platja_info_view #content .msg .ion-chatbubbles {font-size: 6rem; display: inline-block;}
.template-platja_info_view .external-info {left: 0;position: absolute;top: 170px;transform: translateY(-50%);width: 260px;}
.template-platja_info_view .external-info .banner .icon {background-color: transparent;box-shadow: none;color: white;display: inline-block;font-size: 4em;height: 72px;text-align: center;vertical-align: middle;width: 72px;}
.template-platja_info_view .external-info .banner .icon span { line-height: 72px;}
/*beaches-map*/
.template-platja_info_view .external-info .banner .title {color: white;display: inline-block;font-family: "Ropa Sans",sans-serif;font-size: 1.25em;font-weight: 100;position: static !important;text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);width: auto !important;}
.wrapper-beaches-map .marker-item { position: absolute; font-size: 2.5em; transition: .35s ease; transform: translateY(0px); opacity: 1;}
.wrapper-beaches-map .marker-item[data-state="off"] { transform: translateY(10px); opacity: 0; }
.wrapper-beaches-map .marker-item[data-beach="ponent"] {top: 19%; left: 20%;}
.wrapper-beaches-map .marker-item[data-beach="llevant"] {top: 17%; left: 34%;}
.wrapper-beaches-map .marker-item[data-beach="capellans"] {top: 33%; left: 50%;}
.wrapper-beaches-map .marker-item[data-beach="llenguadets"] {top: 46%; left: 53%;}
.wrapper-beaches-map .marker-item[data-beach="llarga"] {top: 43%; left: 61%;}
.wrapper-beaches-map .marker-item[data-beach="penyaTallada"] {top: 60%; left: 72%;}
.wrapper-beaches-map .marker-item[data-beach="font"] {top: 66%; left: 74%;}
.wrapper-beaches-map .marker-item[data-beach="vinya"] {top: 69%; left: 75%;}
.wrapper-beaches-map .marker-item[data-beach="crancs"] {top: 74%; left: 84%;}
.wrapper-beaches-map .marker-item .box {background-color: #333333;color: white;font-size: .5em;font-weight: 100;text-align: center;padding: .5em 1em;box-shadow: 0px 0px 6px #333;position: absolute;left: 50%;transform: translate(-50%, -100%);bottom: 100%;width: 250px;opacity: 0;transition: .35s ease;pointer-events: none;}
.wrapper-beaches-map .marker-item:hover .box {transform: translate(-50%, 0%);opacity: 1;pointer-events: all;pointer-events: auto;}
.wrapper-beaches-map .marker-item .collision-box {width: 60px;height: 70px;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 15px);}
.wrapper-beaches-map .marker-item[data-beach="vinya"] .collision-box {width: 40px; transform: translate(-30%, 15px);}
.wrapper-beaches-map .marker-item .box .more-info {font-size: .7em;text-decoration: underline;}
.template-platja_info_view .beaches-list {background-color: #333333; color: white; padding:1em; display: flex; justify-content: space-around;}
.template-platja_info_view .beaches-list .beach-item {cursor: pointer;color: white;}
.template-platja_info_view .beaches-list .beach-item:hover {color:#298fc2;}
/*banner-featured*/
.banner-featured {position: relative;display: block;}
.banner-featured .text {color: #fff;font-family: "Ropa Sans",sans-serif;font-size: 2.5em !important;line-height: 1em;padding: 0 1em;position: absolute;text-align: center;text-transform: uppercase;top: 15%;width: 100%;}
/*template-fitxa_platja_view*/
.template-fitxa_platja_view .icon {margin-top: 5px;max-width: 30px;vertical-align: top;}
.template-fitxa_platja_view .wrapper-video .bg {box-shadow: none;}

.template-fitxa_platja_info_view  .icon {margin-top: 5px;max-width: 30px;vertical-align: top;}
.template-fitxa_platja_info_view  .wrapper-video .bg {box-shadow: none;}


/* ==========================================================================
   FOOTER
   ==========================================================================*/
.img-gray {-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: .35s ease;}
.img-gray:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.footer-bar p,
.footer-bar a {color: #000;font-size: .75em;}
.footer-bar p a {font-size: 1em;}
.footer-bar li {line-height: 1em;}
.footer-bar a.borderline:after {background: #888 none repeat scroll 0 0;bottom: 0;left: 50%;content: "";display: block;height: 1px;margin: 0 auto;position: absolute;transition: all 0.2s ease-in-out;width: 0%;}
.footer-bar a.borderline:hover:after {width: 100%;left: 0%;}



#FormModal {max-width: 1000px;margin: 50px auto;background-color: white;padding: 2em;position: relative;}
#FormModal .close-reveal-modal {position: absolute;right: 0;top: 0;font-size: 4em;  margin: 10px;}
a.see-more:focus,
a.button:focus,
a.btn:focus {
  color: white !important;
}

img.image-left, img.image-right, .captioned img {
  border: 0;
}

.listingBar a:hover,
.listingBar .next a:hover {color: white !important; text-decoration: none !important;}
.listingBar a:focus,
.listingBar .next a:focus {border: 1px solid #329fd7 !important;}


span.triangle {
  display: inline-block;
  border-color: white transparent transparent transparent;
  border-width: 7px 5px 0px 5px;
  border-style: solid;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  transform: translateY(2px) rotate(0deg);
  transition: .25s ease;
}
span.triangle.up {
  transform: translateY(-1px) rotate(180deg);
}

.description.description--preview .img-wrap,
.description.description--preview .img-wrap h3:hover,
.description.description--preview .img-wrap p:hover {text-decoration: none !important}

#swipebox-overlay {background: rgba(13, 13, 13, 0.7) !important;}
#swipebox-overlay .swipebox-video-container {max-width: 1600px !important;}
#swipebox-bottom-bar, #swipebox-top-bar {
  background: rgba(13, 13, 13, 0.7) !important;
}


#video-player {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #0D0D0D;
  z-index: 9999;
  opacity: 0;
  transition: .35s ease;
}
#video-player.off { pointer-events: none;}
#video-player.off iframe { display: none !important; }
#video-player.on iframe { display: block !important; }
#video-player.on {
  pointer-events: all;
  pointer-events: auto;
  opacity: 1;
}
#video-player .ion-android-close:hover {
  cursor: pointer;
}
#video-player .relative {
  width: 100%;
  height: 100%;
  padding-top: 65px;
}
#video-player #video {
  display: block;
  margin: 0 auto;
}



/* ==========================================================================
   FITXA PLATJA
   ==========================================================================*/
.template-fitxa_platja_view .wrapper-slider.portada .slide {height: 70vh}
.template-fitxa_platja_view .wrapper-slider .title {position: absolute; bottom:0; left:50%;transform:translateX(-50%);z-index: 999;width:100%;text-align:center;}
.template-fitxa_platja_view .wrapper-slider.portada .title .bg-white {background-color: rgba(255, 255, 255, 0.6);}
.template-fitxa_platja_view .wrapper-slider .documentFirstHeading {font-size: 3em;color: #333;text-align: center;line-height: initial;text-transform: uppercase;margin:0}

.template-fitxa_platja_view #content .attributes-group {margin-bottom: 60px;}
.template-fitxa_platja_view #content .attributes-group.framed { background-color: #fafafa; padding: .5em 1em; border: 1px solid #aaa; border-style: hidden solid solid solid; }
.template-fitxa_platja_view #content .attributes-group h2 {font-size: 2em; color: #444; display: inline-block; margin-left: 10px;}
.template-fitxa_platja_view #content .attributes-group .attribute { font-weight: 600; color: #000; margin-right: 3px; line-height: 2em;}
.template-fitxa_platja_view #content .attributes-group .value { font-weight: 400; color: #333; }

.template-fitxa_platja_view .wrapper-video {padding: 100px 0; position: relative;}
.template-fitxa_platja_view .wrapper-video .bg {position: absolute; left: 0; top: 0; bottom: 0; width: 200%; background-color: #f1f1f1; z-index: -1; transform: translateX(-25%); box-shadow: inset 0px 0px 8px #333;}


.template-fitxa_platja_info_view .wrapper-slider.portada .slide {height: 70vh}
.template-fitxa_platja_info_view .wrapper-slider .title {position: absolute; bottom:0; left:50%;transform:translateX(-50%);z-index: 999;width:100%;text-align:center;}
.template-fitxa_platja_info_view .wrapper-slider.portada .title .bg-white {background-color: rgba(255, 255, 255, 0.6);}
.template-fitxa_platja_info_view .wrapper-slider .documentFirstHeading {font-size: 3em;color: #333;text-align: center;line-height: initial;text-transform: uppercase;margin:0}

.template-fitxa_platja_info_view #content .attributes-group {margin-bottom: 60px;}
.template-fitxa_platja_info_view #content .attributes-group.framed { background-color: #fafafa; padding: .5em 1em; border: 1px solid #aaa; border-style: hidden solid solid solid; }
.template-fitxa_platja_info_view #content .attributes-group h2 {font-size: 2em; color: #444; display: inline-block; margin-left: 10px;}
.template-fitxa_platja_info_view #content .attributes-group .attribute { font-weight: 600; color: #000; margin-right: 3px; line-height: 2em;}
.template-fitxa_platja_info_view #content .attributes-group .value { font-weight: 400; color: #333; }

.template-fitxa_platja_info_view .wrapper-video {padding: 100px 0; position: relative;}
.template-fitxa_platja_info_view .wrapper-video .bg {position: absolute; left: 0; top: 0; bottom: 0; width: 200%; background-color: #f1f1f1; z-index: -1; transform: translateX(-25%); box-shadow: inset 0px 0px 8px #333;}

.raise {box-shadow: 0px 0px 9px #aaa;}

/* ==========================================================================
   PLATJES DE SALOU
   ==========================================================================*/
.template-platja_info_view #content .msg {background-color: #298fc2; color: white; padding: 2em 4em;}
.template-platja_info_view #content .msg .text-center {font-size: 1.25rem; font-weight: 100; line-height: 1.25em;padding-top: 1.25rem;}
.template-platja_info_view #content .msg .ion-chatbubbles {font-size: 6rem; display: inline-block;}

.template-platja_info_view .external-info { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 260px; }
.template-platja_info_view .external-info .banner { display: inline-block; width: 100%; margin-bottom: 1em; }
.template-platja_info_view .external-info .banner .icon {color: white; width: 72px; height: 72px; text-align: center; font-size: 4em; vertical-align: middle; display: inline-block;}
.template-platja_info_view .external-info .banner .icon span { line-height: 72px;}
.template-platja_info_view .external-info .banner .title {text-shadow: 0 1px 4px rgba(0, 0, 0, 0.85);display: inline-block;color: white;font-weight: 100;font-size: 1.25em;font-family: 'Open Sans', sans-serif; padding-right: 1em; position: static !important; width: auto !important; }

.wrapper-beaches-map .marker-item { position: absolute; font-size: 2.5em; transition: .35s ease; transform: translateY(0px); opacity: 1; }
.wrapper-beaches-map .marker-item[data-state="off"] { transform: translateY(10px); opacity: 0; }
.wrapper-beaches-map .marker-item[data-beach="ponent"] {top: 19%; left: 20%;}
.wrapper-beaches-map .marker-item[data-beach="llevant"] {top: 17%; left: 34%;}
.wrapper-beaches-map .marker-item[data-beach="capellans"] {top: 33%; left: 50%;}
.wrapper-beaches-map .marker-item[data-beach="llenguadets"] {top: 46%; left: 53%;}
.wrapper-beaches-map .marker-item[data-beach="llarga"] {top: 43%; left: 61%;}
.wrapper-beaches-map .marker-item[data-beach="penyaTallada"] {top: 60%; left: 72%;}
.wrapper-beaches-map .marker-item[data-beach="font"] {top: 66%; left: 74%;}
.wrapper-beaches-map .marker-item[data-beach="vinya"] {top: 69%; left: 75%;}
.wrapper-beaches-map .marker-item[data-beach="crancs"] {top: 74%; left: 84%;}

.wrapper-beaches-map .marker-item .box {
  background-color: #333333;
  color: white;
  font-size: .5em;
  font-weight: 100;
  text-align: center;
  padding: .5em 1em;
  box-shadow: 0px 0px 6px #333;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  bottom: 100%;
  width: 250px;
  opacity: 0;
  transition: .35s ease;
  pointer-events: none;
}
.wrapper-beaches-map .marker-item:hover .box {
  transform: translate(-50%, 0%);
  opacity: 1;
  pointer-events: all;
  pointer-events: auto;
}
.wrapper-beaches-map .marker-item .collision-box {
  width: 60px;
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 15px);
}
.wrapper-beaches-map .marker-item .box .more-info {
  font-size: .7em;
  text-decoration: underline;
}

.template-platja_info_view .beaches-list {background-color: #333333; color: white; padding: .5em 1em; display: flex; justify-content: space-around;}
.template-platja_info_view .beaches-list .beach-item {cursor: pointer;color: white;}


.guia-turistica .title {
	color: #333;
	font-size: 1.75em !important;
	margin-top: 10px;
	text-align: center;
	text-shadow: 1px 0px 1px #aaa;
}
.guia-turistica:hover {
	text-decoration: none !important;
}


.template-fitxa_platja_view .serveis .icon {
  float: left;
  margin: 0 5px 5px 0;
}

.template-fitxa_platja_info_view .serveis .icon {
  float: left;
  margin: 0 5px 5px 0;
}



.template-atct_edit form[name="edit_form"] .field {margin-bottom: 2rem}
.template-atct_edit form[name="edit_form"] .field.ArchetypesBooleanWidget {background-color: #f1f1f1; padding: .75em 1em .5em; border-radius: 3px; box-shadow: 1px 1px 4px #aaa;}
.template-atct_edit form[name="edit_form"] .field label.formQuestion {display: block; font-size: 1.25em;}




/* ==========================================================================
   Media Queries
   ==========================================================================*/
/* Small screens */
@media only screen {} /* Define mobile styles */
@media only screen and (max-width: 639px) {

    /*titles*/
    h2.title {font-size: 2.5em;}
    #imatge iframe {padding: 4rem 0;}
    /*banners-bar*/
    .banners-bar .borderline.right::after {left: 0;margin: 0;right: 0;}

    /*top-bar*/
    #top-bar img.logo {max-height: 60px;}
    .navbar-animate .logo {padding: 1em 0;}
    #top-bar .li-menu-icon,
    #top-bar .li-search-icon {border-left: 1px solid rgba(255, 255, 255, 0.9);display: inline !important; height: 60px;margin: 0;}
    #top-bar .li-menu-icon .hamburguer {display: block;padding: 0.8em 1em;}
    #top-bar .li-search-icon {font-size: 1.3em;padding: 0.3em 1em;text-align: center;}
    #top-bar .li-search-icon .search {margin:0;}

    /*title slide*/
	.web #imatge .title #parent-fieldname-title,
	.web #imatge .documentFirstHeading {font-size: 1.8em;display: block;}

	/*beaches-list*/
	.template-platja_info_view .beaches-list {display: block;text-align: center;}
	.template-platja_info_view .beaches-list .beach-item {display: block;}

	/*banner-featured*/
	.wrapper-banners {text-align: center}
	.banner-featured {position: relative;display: inline-block;margin-bottom: 1em;text-align: center;}
	.banner-featured .text {font-size: 2em !important;}

	/*enquesta*/
	.msg {text-align: center;}

	/* Search Overlay */
	.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .searchField {width: 300px;text-align: left;font-size: 25px;padding: 20px 0;}
	.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon {font-size: 35px;right: 15px;top: 11px;width: 15px;}
	.mk-fullscreen-search-overlay .mk-fullscreen-close {position: absolute;right: 20px;top: 20px;font-size: 36px;z-index: 10000000000000;}

    /*slider*/
    .wrapper-slider.portada .slide .info .bg-white {background-color: rgba(255, 255, 255, 1);}
    .wrapper-slider.portada .slide .info .title {font-size: 2em;}
    .wrapper-slider .bx-prev, .wrapper-slider .bx-next {font-size: 3em;}

    /*slide portada 2*/
    #slider-portada-2 .slide {height:500px;}
    #slider-portada-2 .slide .info .title {font-size: 2.5em;}

    /*search-bar*/
    .search-bar .tabs-panel {padding: 0.5rem;}

    /*activity-bar*/
    .activity-bar h2 {font-size: 2.5rem;}

    /*salouretro-bar*/
    .salouretro-bar.xxlLine {padding: 6em 0;text-align: center;}

    /*offices-bar*/
    .offices-bar.xlLine {padding: 6em 0;}

    /*newsletter-bar*/
    .newsletter {text-align: center;}

    /*weather*/
    .weather {text-align: center;}
    .weather h2 {font-size: 2.5rem;}
    .weather .icon{text-align: right;}
    .weather .icon img {display: inline;margin-right: 1em;max-width: 7em;}
    .weather .data {font-size: 1.5rem;text-align:left !important;}

    /*galeria*/
    .galeria .description--preview h3 {font-size: 2em;}

    /*footer-bar*/
    .footer-bar {text-align:center;}

	.preview--open {width: 100% !important}
    /* .preview--open .original {
      max-width: 100vw !important;
      max-height: none !important;
      width: 100vw;
      height: auto;
    } */
    .description--preview {
    	bottom: -25% !important;
		  top: initial !important;
		  left: initial !important;
		  right: initial !important;
    }
    .description--preview > * {
    	background-color: white;
    	padding: 0px 9px;
    }
    .galeria .grid {
	  margin: 0 auto !important;
	}
	.section-professional #imatge .bg-blue {
		transform:  none;
		border: 0;
	}
	.section-professional .web #imatge .documentFirstHeading {
   		width: 90%;
		font-size: 1.5em !important;
		padding:2em 1em !important;
	}

	.template-professionals_view a.banner {
    margin-bottom: 20px;
    display: inline-block;
	}
	.wrapper-slider.portada .slide {height: 50vh;}
	.wrapper-slider.portada .slide img {width: auto;height: auto;min-width: 135%;min-height: 135%;max-height: 50vh;max-width: none;position: none;left: 0;top: 0;transform: translateY(0px) translateX(-25%);-webkit-transform: translateY(0px) translateX(-25%);}
	.wrapper-slider.portada .slide .info .bg-white {background-color: rgba(255, 255, 255, 0.6);padding: 0.5em;	}
	.wrapper-slider.portada .slide .info .title {font-size: 1.5em;}

	/*section-professional*/
    .section-professional .off-canvas-wrapper {padding-top: 0px}
    .profesionals {margin-left: 5px !important;font-size: .6em !important;}

    .documentActions .compartir {/*display: none */}
    .share-buttons.fixed {display: none;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

 /* Medium screens */
@media only screen and (min-width: 40.063em) {} /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 63.9375‬em) {
    /*top-bar*/
    .navbar-animate .logo {padding:1em 0;}
    #top-bar .li-menu-icon,
    #top-bar .li-search-icon { display: inline !important;}

    #top-bar .actions {font-size: 0.8em;}
    #top-bar .actions li {margin-left: 1em;}

    /*banners-bar*/
    .banners-bar .borderline.right::after {left: 0;margin: 0;right: 0;}

    html[lang="ru"] .gran-menu {font-size: 0.8em;}
	html[lang="de"] .gran-menu {font-size: 0.7em;}

    /* Search Overlay */
	.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .searchField {width: 400px;}

	/*banner-featured*/
	.wrapper-banners {text-align: center}
	.banner-featured {position: relative;display: inline-block;margin-bottom: 1em;text-align: center;}
	.banner-featured .text {font-size: 2em !important;}

    /*slide portada 2*/
    #slider-portada-2 .slide {height:500px;}

    /*offices-bar*/
    .offices-bar.xlLine {padding: 6em 0;}

    /*section-professional*/
    .section-professional .web #imatge .title #parent-fieldname-title {font-size: 2.25em;}

    /*banners-bar*/
    .banners-bar .links-banner {text-align: center;}
    .banners-bar .rounded-border {margin-bottom: 1em;}

    /*salouretro-bar*/
    .salouretro-bar.xxlLine {padding: 6em 0;}

    /*weather*/
    .weather {text-align: center;}
    .weather h2 {margin-top:1em;}
    .weather .icon img {display: inline;max-width: 7em;}
    .weather .data {font-size: 1.5rem;margin-top:1em;}
    .weather .data .day {margin-bottom: 0.5em !important;}
    .share-buttons.fixed {display: none;}



} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 64.063em) and (max-width: 84em) {

	/*.custom-dropdown {display:none !important;}*/
	.menu-bar-fullwidth .gran-menu a.section-title {
	    font-size: 0.9em;
	}
}

 /* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64em) and (max-width: 90em) {

	/*display: none;*/
	.hamburguer {display: none;}


} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

 /* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

 /* XXLarge screens */
@media only screen and (min-width: 120.063em) {} /* min-width 1921px, xxlarge screens */


.salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody tr td {width: 50%; max-width: 380px;}

#instafeed {
  padding: 1em 0;
  display: table;
}
#instafeed a {
  margin-bottom: 1em;
  box-shadow: 0px 0px 0px #000;
  transition:.15s ease-in-out;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  display: inline-block;
  position: relative;
  z-index: 0;
  display: table-cell;
}

#instafeed a:hover {
  box-shadow: 0px 2px 4px #444;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  z-index: 10;
}
#instafeed a:hover,
#instafeed a:focus,
#instafeed a:active {
  border: 0;
  outline: none;
}

@media only screen and (max-width: 40em) {
  #instafeed {display: flex;flex-wrap: wrap;justify-content: space-around;}
  .salou-live-and-360-deg #parent-fieldname-text table:first-of-type,
  .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody {display: block; width: 100%;}
  .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody tr {display: table; width: 100%;}
  .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody tr td {display: table-row; width: 100%}
  .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody tr td:first-child {text-align: center}
  .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody tr td:first-child > *{display: table-cell; max-width: 100%}
}


.template-folder_events_view .list-months .column { margin-bottom: 2.5em; }



.iframe-desktop {
	display: block;
}

.iframe-mobile {
	display: none;
}

@media screen and (max-width: 640px) {
	.iframe-desktop {
		/* display: none; */
	}
	.iframe-mobile {
		display: none;
	}
}

#content .wrapper-img .features-360,
.wrapper-img .features-360 {
	color: white;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 0;
	padding: 2em;
	text-transform: uppercase;
	font-size: 1.35em;
	font-weight: 400;
	transform: translate(-50%, -50%);
	z-index: 9999;
	transition: .5s ease;
	opacity: 0;
	visibility: hidden;
}

/* On Menjar i On Dormir*/

.web #imatge #cercador-header {
  width: 80%;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  top: 90px;
  max-width: 700px;
  z-index: 1000;
  background-color: #328DB5;
  text-align: center;
}
@media (min-width: 40em) {
  .web #imatge #cercador-header {
    top: 190px;
    width: calc( 100% - 30px);
  }
  .medium-p-r-0 {
    padding-right: 0 !important;
  }
  .medium-p-l-0 {
    padding-left: 0 !important;
  }
  .medium-m-t-2 {
    margin-top: 2em;
  }
  .medium-m-b-0 {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 769px) {
  .web #imatge #cercador-header {
    top:110px;
  }
}
@media (min-width: 64em) {
  .large-p-r-0 {
    padding-right: 0 !important;
  }
  .large-p-l-0 {
    padding-left: 0 !important;
  }
  .large-m-t-2 {
    margin-top: 2em;
  }
  .large-m-b-0 {
    margin-bottom: 0 !important;
  }
}


.web #submit-cercador{
	width: 100%;
	background-color: #343536;
}

.web #cercador-header-detall {
	background-color: #328DB5;
  /* margin-top: 61px; */
  /* padding-top: 1em; */
}
.web #cercador-header-detall::before {content: '';display: block;height: 61px;background-color: #FFFFFF;margin-bottom: 1em;}
@media (min-width: 40em) {
  .web #cercador-header-detall::before { height: 174px;}
  .off-canvas.is-open ~ .off-canvas-content #top-bar { top: 84px !important;}
}
@media (min-width: 769px) {
  .web #cercador-header-detall::before { height: 84px;}
  .off-canvas.is-open ~ .off-canvas-content #top-bar { top: 0 !important;}
}

.text-white { color: white; }

.modal {
	display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 50%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  position: relative;
  border-radius: 6px;
	background-clip: padding-box;
  outline: 0;
}

#landing-popup .modal-content {
	margin: 0;
}

#restaurants-platja .bx-controls-direction a:hover {
    background-color: #3098C0;
    color: white;
    text-decoration: none !important;
}

#restaurants-platja .bx-controls-direction a {
    display: block;
    font-weight: bold;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    box-shadow: 3px 2px 6px rgba(0,0,0,0.16);
    background-color: white;
    color: #3098C0;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
}

#restaurants-casc .bx-controls-direction a:hover {
    background-color: #3098C0;
    color: white;
    text-decoration: none !important;
}

#restaurants-casc .bx-controls-direction a {
    display: block;
    font-weight: bold;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    box-shadow: 3px 2px 6px rgba(0,0,0,0.16);
    background-color: white;
    color: #3098C0;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
}

#restaurants-platja .bx-controls-direction {
    position: absolute;
    left: -50px;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

#restaurants-casc .bx-controls-direction {
    position: absolute;
    left: -50px;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}

#restaurants-platja ul,
#restaurants-casc ul{
    margin-left: 0;
}

.checkBoxSelector { display: inline-block;background-color: #f1f1f1; padding: 8px 14px; white-space: nowrap;}
.checkBoxSelector > * { display: inline-block;}
.checkBoxSelector > input[type="checkbox"] {display: none;}
.checkBoxSelector label {margin-right: 0;position:relative;}
.checkBoxSelector label::before { content:'';  display: inline-block;height: 1em;width: 1em;background-color: #ffffff; margin-right: .5em; border: 1px solid #CCC;margin-top: 2px;}
.checkBoxSelector input:checked + label::before  {background-color: #328DB5; color: #FFFFFF;border-color: #328DB5;}
.checkBoxSelector input:checked + label::after  { font-family: "Ionicons"; content:"\f122"; color: #FFFFFF;font-size: .8em; position: absolute; left: 0.125em;top: -0.125em;}

/* ----------------------------------------------*/
/* ON DORMIR */
  .tipusAllotjament {  display: block; position: relative; border-bottom: 22px solid #3098C0; 	}
  .tipusAllotjament::after { content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; background: linear-gradient(rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.8) 100%); transition: background-color .35s ease; background-color: transparent;	}
  .tipusAllotjament:hover::after,
  .tipusAllotjament:focus::after { background-image: none; background-color: rgb(48, 152, 192, .75);	}
  .tipusAllotjament .text {position: absolute; bottom: 28px; left: 30px; right: 30px; color: white; z-index: 2;	}
  .tipusAllotjament__title {font-size: 16px !important; font-weight: bold; margin-bottom: 6px;	}

  .wrapper-img.lent::after {position: absolute; content: ''; display: block; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.8) 100%); }
  #content .wrapper-img:hover .features, .wrapper-img:hover .features { margin-bottom: 10px !important; 	}

  #restaurants-platja .bx-controls-direction .bx-prev,
  #restaurants-platja .bx-controls-direction .bx-next,
  #nuevas-aperturas .bx-controls-direction .bx-prev,
  #nuevas-aperturas .bx-controls-direction .bx-next {  position: absolute; bottom: 50%; transform: translateY(50%); }
  #restaurants-platja .bx-controls-direction .bx-prev,
  #nuevas-aperturas .bx-controls-direction .bx-prev {left: 0;}
  #restaurants-platja .bx-controls-direction .bx-next,
  #nuevas-aperturas .bx-controls-direction .bx-next { right: 0;}

  #nuevas-aperturas .bx-controls-direction a { display: block; font-weight: bold; height: 50px; width: 50px; border-radius: 25px; box-shadow: 3px 2px 6px rgba(0,0,0,0.16); background-color: white; color: #3098C0; font-size: 25px; line-height: 50px; text-align: center; 	 }
  #nuevas-aperturas .bx-controls-direction a:hover { background-color:#3098C0; color: white; text-decoration: none; }

  #content .tipusEstancia__item {  display: flex; padding: 20px; align-items: center; justify-content: flex-start; background-color:#E1E1E1; color: black; margin-bottom: 16px; font-size: 16px;  }
  #content .tipusEstancia__item:hover { background-color: #666; color: white !important; }
    #content a.tipusEstancia__item {height: 100%;}
    #content a.tipusEstancia__item,
    #content a.tipusEstancia__item:link { color: black;}
  .tipusEstancia__image { flex: 0 0 87px; margin-right: 15px; text-align: center; 	}
  .tipusEstancia__image img { width: 64px;height: auto; }

  @media (max-width: 767px) {
    #section-on-dormir.container {  position: relative !important; top: 0; }
  }

/* ----------------------------------------------*/
/* ON MENJAR */
  #content-core .restaurants-list .item.bg-grey { overflow: visible;}
  #content-core .restaurants-list .get-detail.item { background-color: #E1E1E1; color: #333333 !important;position: relative; overflow: visible;}
  #content-core .restaurants-list .get-detail { position: relative;}
  #content-core .restaurants-list .get-detail .title { color: #333333; font-weight: bold; font: bold 16px/1.25 'Open Sans';}
  #content-core .restaurants-list .get-detail .get-detail__detalles { background-color: #3098C0;color: white; margin-left: -1em; margin-right: -1em;}
  #content-core .restaurants-list .get-detail .get-detail__detalles--abs { position: absolute;bottom: 0;left: 0;right: 0;transform: translateY(1em);display: none;margin: 0;}
  #content-core .restaurants-list .get-detail .features { min-height: 44px;}
	/*
	#content-core .restaurants-list .get-detail:hover,
  #content-core .restaurants-list .get-detail:focus { background-color: #F6F6F6; text-decoration: none !important; }
  #content-core .restaurants-list .get-detail:hover .get-detail__detalles ,
  #content-core .restaurants-list .get-detail:focus .get-detail__detalles { background-color: #3098C0;display: block;}
  #content-core .restaurants-list .get-detail:hover .get-detail__detalles--abs ,
  #content-core .restaurants-list .get-detail:focus .get-detail__detalles--abs { display: block;} */

  #landing-popup {}
  .salouModal { border-radius: 0; border: 6px solid #FFFFFF; background-repeat: no-repeat; background-size: cover; background-position: center center; max-width: 60.0rem; min-height: 20.0rem; }
  .salouModal::before { content: ''; display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #000000; opacity: .33; z-index: 0;}
  .salouModal > * { position: relative; z-index: 1;}
  .salouModal__close { position: absolute !important; right: 15px; top: 15px; color: white; }

	 #landing-popup .salouModal { position:absolute; right: 40px; bottom: 0; border-radius: 0; border: 6px solid #FFFFFF; background-repeat: no-repeat; background-size: cover; background-position: center center; max-width: 31.0rem; min-height: 20.0rem; }
	 #landing-popup .salouModal::before { content: ''; display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #000000; opacity: .33; z-index: 0;}
	 #landing-popup .salouModal > * { position: relative; z-index: 1;}
	 #landing-popup .salouModal__close { position: absolute !important; right: 15px; top: 15px; color: white; }

/* ----------------------------------------------*/
/* GENERIC */
  .m-b-0 { margin-bottom: 0 !important;}
  .m-t-50 { margin-top: 50px !important;}
  .flex.row {align-items: stretch;}
  .flex.row::before, .flex.row::after {content: none;}
  .text-black { color: #333333 !important;}
  .text-grey-3 { color: #707070 !important;}
  .link-format { color: #3098C0; text-decoration: underline;}
  .display-block { display: block !important;}
  #content .small {font-size: .9em;}
  #content a.button:hover,
  #content a.button:focus {text-decoration: none !important;}
  .border-0 { border: none !important;}
  .text-bold { font-weight: bolder !important;}

	#section-on-dormir .bx-wrapper img {width: 100%;height: 173px;}

/* Banner on menjar */
.img-michelin {
    width: 18px !important;
    height: 18px !important;
    display: inline !important;
    margin-left: 5px;
}

.title-flex {
    display: flex;
    align-items: center;
}

.banner-info {
    top: 0;
    margin: 30px;
    width: 350px;
}

.banner-title {
    color: white !important;
    font-weight: 900 !important;
    font-size: 45px;
    width: 350px;
}

.banner-link {
    color: white !important;
    font-weight: 600;
    margin-top: 5px;
}

.banner-link-title {
    border-bottom: 2px solid white;
    padding-bottom: 3px;
    font-size: 18px !important;
}

.pos-absolute {
    position: absolute !important
}

.pos-relative {
    position: relative !important;
}
}


/* - ++resource++plonetheme.salou.stylesheets/fakeLoader.css - */
@media screen {
/**********************
 *CSS Animations by:
 *http://codepen.io/vivinantony
***********************/
.spinner1 {
  width: 40px;
  height: 40px;
  position: relative;
}


.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.spinner2 {
  width: 40px;
  height: 40px;
  position: relative;
}


.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #fff;

  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner2 .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.spinner3 {
  width: 40px;
  height: 40px;
  position: relative;  
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.spinner4 {
  width: 30px;
  height: 30px;
  background-color: #fff;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.spinner5 {
  width: 32px;
  height: 32px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #fff;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

.spinner6 {
  width: 50px;
  height: 30px;
  text-align: center;
}

.spinner6 > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  margin-left:2px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner6 .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner6 .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner6 .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner6 .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
  .spinner7 {
      width: 90px;
      height: 30px;
      text-align: center;
    }

    .spinner7 > div {
      background-color: #555;
      height: 15px;
      width: 15px;
      margin-left:3px;
      border-radius: 50%;
      display: inline-block;
      
      -webkit-animation: stretchdelay 0.7s infinite ease-in-out;
      animation: stretchdelay 0.7s infinite ease-in-out;
    }

    .spinner7 .circ2 {
      -webkit-animation-delay: -0.6s;
      animation-delay: -0.6s;
    }

    .spinner7 .circ3 {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s;
    }

    .spinner7 .circ4 {
      -webkit-animation-delay: -0.4s;
      animation-delay: -0.4s;
    }

    .spinner7 .circ5 {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s;
    }

    @-webkit-keyframes stretchdelay {
      0%, 40%, 100% { -webkit-transform: translateY(-10px) }  
      20% { -webkit-transform: translateY(-20px) }
    }

    @keyframes stretchdelay {
      0%, 40%, 100% { 
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
      } 20% {
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
      }
    }
}


/* - ++resource++plonetheme.salou.stylesheets/pull-to-share.css - */
@media screen {
.container {
	position: relative;
}

.share-wrap {
	background: #66677C;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	overflow: hidden;
}

.demo-2 .share-wrap {
	background: #65717A;
}

.share {
	height: 90px;
	width: 270px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: center;
	align-items: center;
}

.share__item {
	position: relative;
	text-align: center;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	line-height: 60px;
	font-size: 1.5em;
	width: 60px;
	height: 60px;
	z-index: 100;
	color: white;
}

.text-hidden {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    color: transparent;
    display: block;
}

@media screen and (max-width: 768px) {
	html, body {
		height: 100%;
		position: relative;
	}

	.container {
		position: absolute;
    top: -90px;
	}

	.container--reset {
		-webkit-transition: -webkit-transform 0.5s;
		transition: transform 0.5s;
	}

	.share-wrap {
		height: 50%;
		background: #9E8DDA;
	}

	/* Default selection for first item */
	.share::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -30px 0 0 -30px;
		background: #7C6FAB;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		z-index: -1;
		opacity: 0;
		-webkit-transform: scale3d(0.1,0.1,1);
		transform: scale3d(0.1,0.1,1);
	}

	.demo-2 .share::before {
		background: #49565F;
	}

	.share--select-1::before {
		-webkit-transform: translate3d(-90px,0,0) scale3d(0.1,0.1,1);
		transform: translate3d(-90px,0,0) scale3d(0.1,0.1,1);
	}

	.share--select-3::before {
		-webkit-transform: translate3d(90px,0,0) scale3d(0.1,0.1,1);
		transform: translate3d(90px,0,0) scale3d(0.1,0.1,1);
	}

	/* move to the right position */
	.container--active .share::before {
		opacity: 1;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
	}

	.container--active .share--select-1::before {
		-webkit-transform: translate3d(-90px,0,0);
		transform: translate3d(-90px,0,0);
	}

	.container--active .share--select-2::before {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	.container--active .share--select-3::before {
		-webkit-transform: translate3d(90px,0,0);
		transform: translate3d(90px,0,0);
	}

	/* scale up and fade out */
	.container--share .share::before {
		opacity: 0;
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
	}

	.container--share .share--select-1::before {
		-webkit-transform: translate3d(-90px,0,0) scale3d(20,20,1);
		transform: translate3d(-90px,0,0) scale3d(20,20,1);
	}

	.container--share .share--select-2::before {
		-webkit-transform: scale3d(20,20,1);
		transform: scale3d(20,20,1);
	}

	.container--share .share--select-3::before {
		-webkit-transform: translate3d(90px,0,0) scale3d(20,20,1);
		transform: translate3d(90px,0,0) scale3d(20,20,1);
	}	
}
}

