@charset "UTF-8";
/*------------------------------------* STYLE.CSS
\*------------------------------------*/
/**
*
* sass --watch style.scss:style.min.css --style compressed
*
* Here we pull in some variables, include the inuit.css framework, then add our
* project-specific components afterwards.
*/
/**
* Setup
*/
/*------------------------------------* VARS.SCSS
\*------------------------------------*/
/**
* Any variables you find set in inuit.css’ `_vars.scss` that you do not wish to
* keep, simply redefine here. This means that if inuit.css, for example, sets
* your `$base-font-size` at 16px and you wish it to be 14px, simply redeclare
* that variable in this file. inuit.css ignores its own variables in favour of
* using your own, so you can completely modify how inuit.css works without ever
* having to alter the framework itself.
*/
/*------------------------------------* $OBJECTS-AND-ABSTRACTIONS
\*------------------------------------*/
/**
* All of inuit.css’ objects and abstractions are initially turned off by
* default. This means that you start any project with as little as possible,
* and introducing objects and abstractions is as simple as switching the
* following variables to `true`.
*/
/*------------------------------------* $OVERRIDES
\*------------------------------------*/
/**
* Place any variables that should override inuit.css’ defaults here.
*/
/*------------------------------------* $CUSTOM
\*------------------------------------*/
/**
* Place any of your own variables that sit on top of inuit.css here.
*/
/*------------------------------------* INUIT.CSS
\*------------------------------------*/
/*!*
*
* inuitcss.com -- @inuitcss -- @csswizardry
*
*/
/**
* inuit.css acts as a base stylesheet which you should extend with your own
* theme stylesheet.
*
* inuit.css aims to do the heavy lifting; sorting objects and abstractions,
* design patterns and fiddly bits of CSS, whilst leaving as much design as
* possible to you. inuit.css is the scaffolding to your decorator.
*
* This stylesheet is heavily documented and contains lots of comments, please
* take care to read and refer to them as you build. For further support please
* tweet at @inuitcss.
*
* Owing to the amount of comments please only ever use minified CSS in
* production. This file is purely a dev document.
*
* The table of contents below maps to section titles of the same name, to jump
* to any section simply run a find for $[SECTION-TITLE].
*
* Most objects and abstractions come with a chunk of markup that you should be
* able to paste into any view to quickly see how the CSS works in conjunction
* with the correct HTML.
*
* inuit.css is written to this standard: github.com/csswizardry/CSS-Guidelines
*
* LICENSE
*
* Copyright 2013 Harry Roberts
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*
* Thank you for choosing inuit.css. May your web fonts render perfectly.
*/
/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* CONTENTS............You’re reading it!
* WARNING.............Here be dragons!
* IMPORTS.............Begin importing the sections below
*
* MIXINS..............Super-simple Sass stuff
* NORMALIZE...........normalize.css
* RESET...............Set some defaults
* CLEARFIX............
* SHARED..............Shared declarations
*
* MAIN................High-level elements like `html`, `body`, etc.
* HEADINGS............Double-stranded heading hierarchy
* PARAGRAPHS..........
* SMALLPRINT..........Smaller text elements like `small`
* QUOTES..............
* CODE................
* LISTS...............
* IMAGES..............
* TABLES..............
* FORMS...............
*
* GRIDS...............Fluid, proportional and nestable grids
* FLEXBOX.............Crudely emulate flexbox
* COLUMNS.............CSS3 columns
* NAV.................A simple abstraction to put a list in horizontal nav mode
* OPTIONS.............Grouped nav items
* PAGINATION..........Very stripped back, basic paginator
* BREADCRUMB..........Simple breadcrumb trail object
* MEDIA...............Media object
* MARGINALIA..........Simple marginalia content
* ISLAND..............Boxed off content
* BLOCK-LIST..........Blocky lists of content
* MATRIX..............Gridded lists
* SPLIT...............A simple split-in-two object
* THIS-OR-THIS........Options object
* LINK-COMPLEX........
* FLYOUT..............Flyout-on-hover object
* ARROWS..............CSS arrows
* SPRITE..............Generic spriting element
* ICON-TEXT...........Icon and text couplings
* BEAUTONS............Use the beautons micro library
* LOZENGES............Basic lozenge styles
* RULES...............Horizontal rules
* STATS...............Simple stats object
* GREYBOX.............Wireframing styles
*
* WIDTHS..............Width classes for use alongside the grid system etc.
* PUSH................Push classes for manipulating grids
* PULL................Pull classes for manipulating grids
* BRAND...............Helper class to apply brand treatment to elements
* HELPER..............A series of helper classes to use arbitrarily
* DEBUG...............Enable to add visual flags for debugging purposes
*/
/*------------------------------------* $WARNING
\*------------------------------------*/
/*
* inuit.css, being an OO framework, works in keeping with the open/closed
* principle. The variables you set previously are now being used throughout
* inuit.css to style everything we need for a base. Any custom styles SHOULD
* NOT be added or modified in inuit.css directly, but added via your theme
* stylesheet as per the open/closed principle:
*
* csswizardry.com/2012/06/the-open-closed-principle-applied-to-css
*
* Try not to edit any CSS beyond this point; if you find you need to do so
* it is a failing of the framework so please tweet at @inuitcss.
*/
/*------------------------------------* $IMPORTS
\*------------------------------------*/
/**
* Generic utility styles etc.
*/
/*------------------------------------* $DEFAULTS
\*------------------------------------*/
/**
* inuit.css’ default variables. Redefine these in your `_vars.scss` file (found
* in the inuit.css-web-template) to override them.
*/
/*------------------------------------* $DEBUG
\*------------------------------------*/
/**
* Debug mode will visually highlight any potential markup/accessibility quirks
* in the browser. Set to `true` or `false`.
*/
/*------------------------------------* $BORDER-BOX
\*------------------------------------*/
/**
* Do you want all elements to adopt `box-sizing:border-box;` as per
* paulirish.com/2012/box-sizing-border-box-ftw ?
*/
/*------------------------------------* $BASE
\*------------------------------------*/
/**
* Base stuff
*/
/**
* Base font-family.
*/
/**
* Default colour for objects’ borders etc.
*/
/*------------------------------------* $RESPONSIVE
\*------------------------------------*/
/**
* Responsiveness?
*/
/**
* Responsiveness for widescreen/high resolution desktop monitors and beyond?
* Note: `$responsive` variable above must be set to true before enabling this.
*/
/**
* Responsive push and pull produce a LOT of code, only turn them on if you
* definitely need them.
*/
/**
* Note: `$push` variable above must be set to true before enabling these.
*/
/**
* Note: `$pull` variable above must be set to true before enabling these.
*/
/**
* Tell inuit.css when breakpoints start.
*/
/*------------------------------------* $FONT-SIZES
\*------------------------------------*/
/**
* Font-sizes (in pixels). Refer to relevant sections for their implementations.
*/
/*------------------------------------* $QUOTES
\*------------------------------------*/
/**
* English quote marks?
*/
/**
* If you want English quotes then please do not edit these; they’re only here
* because Sass needs them.
*/
/**
* If you need non-English quotes, please alter the following values accordingly:
*/
/*------------------------------------* $BRAND
\*------------------------------------*/
/**
* Brand stuff
*/
/**
* How big would you like round corners to be by default?
*/
/*------------------------------------* $OBJECTS AND ABSTRACTIONS
\*------------------------------------*/
/**
* Which objects and abstractions would you like to use?
*/
/*------------------------------------* $FRAMEWORK
\*------------------------------------*/
/**
* inuit.css will work these next ones out for use within the framework.
*
* Assign our `$base-line-height` to a new spacing var for more transparency.
*/
/*------------------------------------* $MIXINS
\*------------------------------------*/
/**
* Create a fully formed type style (sizing and vertical rhythm) by passing in a
* single value, e.g.:
*
`@include font-size(10px);`
*
* Thanks to @redclov3r for the `line-height` Sass:
* twitter.com/redclov3r/status/250301539321798657
*/
/**
* Style any number of headings in one fell swoop, e.g.:
*
.foo{
@include headings(1, 3){
color:#BADA55;
}
}
*
* With thanks to @lar_zzz, @paranoida, @rowanmanning and ultimately
* @thierrylemoulec for refining and improving my initial mixin.
*/
/**
* Create vendor-prefixed CSS in one go, e.g.
*
`@include vendor(border-radius, 4px);`
*
*/
/**
* Create CSS keyframe animations for all vendors in one go, e.g.:
*
.foo{
@include vendor(animation, shrink 3s);
}
@include keyframe(shrink){
from{
font-size:5em;
}
}
*
* Courtesy of @integralist: twitter.com/integralist/status/260484115315437569
*/
/**
* Force overly long spans of text to truncate, e.g.:
*
`@include truncate(100%);`
*
* Where `$truncation-boundary` is a united measurement.
*/
/**
* CSS arrows!!! But... before you read on, you might want to grab a coffee...
*
* This mixin creates a CSS arrow on a given element. We can have the arrow
* appear in one of 12 locations, thus:
*
* 01 02 03
* +------------------+
* 12 | | 04
* | |
* 11 | | 05
* | |
* 10 | | 06
* +------------------+
* 09 08 07
*
* You pass this position in along with a desired arrow color and optional
* border color, for example:
*
* `@include arrow(top, left, red)`
*
* for just a single, red arrow, or:
*
* `@include arrow(bottom, center, red, black)`
*
* which will create a red triangle with a black border which sits at the bottom
* center of the element. Call the mixin thus:
*
.foo{
background-color:#BADA55;
border:1px solid #ACE;
@include arrow(top, left, #BADA55, #ACE);
}
*
*/
/**
* Media query mixin.
*
* It’s not great practice to define solid breakpoints up-front, preferring to
* modify your design when it needs it, rather than assuming you’ll want a
* change at ‘mobile’. However, as inuit.css is required to take a hands off
* approach to design decisions, this is the closest we can get to baked-in
* responsiveness. It’s flexible enough to allow you to set your own breakpoints
* but solid enough to be frameworkified.
*
* We define some broad breakpoints in our vars file that are picked up here
* for use in a simple media query mixin. Our options are:
*
* palm
* lap
* lap-and-up
* portable
* desk
* desk-wide
*
* Not using a media query will, naturally, serve styles to all devices.
*
* `@include media-query(palm){ [styles here] }`
*
* We work out your end points for you:
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block; }
/*
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block; }
/*
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/*
* Address styling not present in IE 8/9.
*/
[hidden] {
display: none; }
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */ }
/*
* Remove default margin.
*/
body {
margin: 0; }
/* ==========================================================================
Links
========================================================================== */
/*
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted; }
/*
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/*
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/*
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/*
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold; }
/*
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic; }
/*
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
/*
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000; }
/*
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em; }
/*
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap; }
/*
* Set consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019"; }
/*
* 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.
*/
img {
border: 0; }
/*
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
/*
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
/*
* 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.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/*
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */ }
/*
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal; }
/*
* 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 Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
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"],
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; }
/*
* 1. Address box sizing set to `content-box` in IE 8/9.
* 2. Remove excess padding in IE 8/9.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/*
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
/*
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/*
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
/*------------------------------------* $RESET
\*------------------------------------*/
/**
* A more considered reset; more of a restart...
* As per: csswizardry.com/2011/10/reset-restarted
*/
/**
* Let’s make the box model all nice, shall we...?
*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
/**
* The usual...
*/
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
margin: 0;
padding: 0; }
/**
* Give a help cursor to elements that give extra info on `:hover`.
*/
abbr[title], dfn[title] {
cursor: help; }
/**
* Remove underlines from potentially troublesome elements.
*/
u, ins {
text-decoration: none; }
/**
* Apply faux underline via `border-bottom`.
*/
ins {
border-bottom: 1px solid; }
/**
* So that `alt` text is visually offset if images don’t load.
*/
img {
font-style: italic; }
/**
* Give form elements some cursor interactions...
*/
label,
input,
textarea,
button,
select,
option {
cursor: pointer; }
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
cursor: text;
outline: none; }
/*------------------------------------* $CLEARFIX
\*------------------------------------*/
/**
* Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
* Extend the clearfix class with Sass to avoid the `.cf` class appearing over
* and over in your markup.
*/
.cf:after, .grid:after, .ui-main-nav:after, .ui-footer .siluette-footer > .width-container > ul:after, .ui-gen-list:after, .ui-gen-list-v2 .ui-gen-list-item:after, .ui-gen-article-v2:after, .ui-root-main .ui-language-select:after {
content: "";
display: table;
clear: both; }
/*------------------------------------* $SHARED
\*------------------------------------*/
/**
* Where `margin-bottom` is concerned, this value will be the same as the
* base line-height. This allows us to keep a consistent vertical rhythm.
* As per: csswizardry.com/2012/06/single-direction-margin-declarations
*/
/**
* Base elements
*/
h1, h2, h3, h4, h5, h6, hgroup,
ul, ol, dl,
blockquote, p, address,
table,
fieldset, figure,
pre,
.form-fields > li,
.media,
.island,
.islet {
/* margin-bottom:$base-spacing-unit;
margin-bottom:($base-spacing-unit / $base-font-size)*1rem;
.islet &{
margin-bottom:$base-spacing-unit / 2;
margin-bottom:(($base-spacing-unit / $base-font-size) / 2)*1rem;
}*/ }
/**
* Doubled up `margin-bottom` helper class.
*/
.landmark {
margin-bottom: 40px;
margin-bottom: 3.33333rem; }
/**
* `hr` elements only take up a few pixels, so we need to give them special
* treatment regarding vertical rhythm.
*/
hr {
margin-bottom: 18px;
margin-bottom: 1.5rem; }
/**
* Where `margin-left` is concerned we want to try and indent certain elements
* by a consistent amount. Define that amount once, here.
*/
ul, ol, dd {
margin-left: 40px;
margin-left: 3.33333rem; }
/**
* Base styles; unclassed HTML elements etc.
*/
/*------------------------------------* $MAIN
\*------------------------------------*/
html {
font: 0.75em/1.33333 "Open Sans";
overflow-y: scroll;
min-height: 100%; }
/*------------------------------------* $HEADINGS
\*------------------------------------*/
/**
* As per: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
*
* When we define a heading we also define a corresponding class to go with it.
* This allows us to apply, say, `class=alpha` to a `h3`; a double-stranded
* heading hierarchy.
*/
h1, .alpha {
font-size: 26px;
font-size: 2.16667rem;
line-height: 1.23077; }
h2, .beta {
font-size: 22px;
font-size: 1.83333rem;
line-height: 1.45455; }
h3, .gamma {
font-size: 20px;
font-size: 1.66667rem;
line-height: 1.6; }
h4, .delta {
font-size: 18px;
font-size: 1.5rem;
line-height: 1.77778; }
h5, .epsilon {
font-size: 16px;
font-size: 1.33333rem;
line-height: 1; }
h6, .zeta {
font-size: 14px;
font-size: 1.16667rem;
line-height: 1.14286; }
/**
* Heading groups and generic any-heading class.
* To target any heading of any level simply apply a class of `.hN`, e.g.:
*
<hgroup>
<h1 class=hN>inuit.css</h1>
<h2 class=hN>Best. Framework. Ever!</h2>
</hgroup>
*
*/
hgroup .hN {
margin-bottom: 0; }
/**
* A series of classes for setting massive type; for use in heroes, mastheads,
* promos, etc.
*/
.giga {
font-size: 96px;
font-size: 8rem;
line-height: 1; }
.mega {
font-size: 72px;
font-size: 6rem;
line-height: 1.11111; }
.kilo {
font-size: 48px;
font-size: 4rem;
line-height: 1; }
/*------------------------------------* $PARAGRAPHS
\*------------------------------------*/
/**
* The `.lede` class is used to make the introductory text (usually a paragraph)
* of a document slightly larger.
*/
.lede,
.lead {
font-size: 13.5px;
font-size: 1.125rem;
line-height: 1.18519; }
/*------------------------------------* $SMALLPRINT
\*------------------------------------*/
/**
* A series of classes for setting tiny type; for use in smallprint etc.
*/
.smallprint,
.milli {
font-size: 12px;
font-size: 1rem;
line-height: 1.33333; }
.micro {
font-size: 10px;
font-size: 0.83333rem;
line-height: 1.6; }
/*------------------------------------* $QUOTES
\*------------------------------------*/
/**
* If English quotes are set in `_vars.scss`, define them here.
*/
/**
* Big up @boblet: html5doctor.com/blockquote-q-cite
*/
/**
* Inline quotes.
*/
q {
quotes: "‘" "’" "\\201C" "\\201D"; }
q:before {
content: "\2018";
content: open-quote; }
q:after {
content: "\2019";
content: close-quote; }
q q:before {
content: "\201C";
content: open-quote; }
q q:after {
content: "\201D";
content: close-quote; }
blockquote {
quotes: "\\201C" "\\201D"; }
blockquote p:before {
content: "\\201C";
content: open-quote; }
blockquote p:after {
content: "";
content: no-close-quote; }
blockquote p:last-of-type:after {
content: "\\201D";
content: close-quote; }
blockquote q:before {
content: "\2018";
content: open-quote; }
blockquote q:after {
content: "\2019";
content: close-quote; }
/**
*
<blockquote>
<p>Insanity: doing the same thing over and over again and expecting
different results.</p>
<b class=source>Albert Einstein</b>
</blockquote>
*
*/
blockquote {
/**
* .4em is roughly equal to the width of the opening “ that we wish to hang.
*/
text-indent: -0.41em; }
blockquote p:last-of-type {
margin-bottom: 0; }
.source {
display: block;
text-indent: 0; }
.source:before {
content: "\2014"; }
/*------------------------------------* $CODE
\*------------------------------------*/
/**
* Use an explicit font stack to ensure browsers render correct `line-height`.
*/
pre {
overflow: auto; }
pre mark {
background: none;
border-bottom: 1px solid;
color: inherit; }
/**
* Add comments to your code examples, e.g.:
*
<code></div><span class=code-comment><!-- /wrapper --></span></code>
*
*/
.code-comment {
/**
* Override this setting in your theme stylesheet
*/
opacity: 0.75;
filter: alpha(opacity=75); }
/**
* You can add line numbers to your code examples but be warned, it requires
* some pretty funky looking markup, e.g.:
*
<ol class=line-numbers>
<li><code>.nav{</code></li>
<li><code> list-style:none;</code></li>
<li><code> margin-left:0;</code></li>
<li><code>}</code></li>
<li><code> .nav > li,</code></li>
<li><code> .nav > li > a{</code></li>
<li><code> display:inline-block;</code></li>
<li><code> *display:inline-block;</code></li>
<li><code> zoom:1;</code></li>
<li><code> }</code></li>
</ol>
*
* 1. Make the list look like code.
* 2. Give the list flush numbers with a leading zero.
* 3. Make sure lines of code don’t wrap.
* 4. Give the code form by forcing the `code` to honour white-space.
*/
.line-numbers {
font-family: monospace, serif;
/* [1] */
list-style: decimal-leading-zero inside;
/* [2] */
white-space: nowrap;
/* [3] */
overflow: auto;
/* [3] */
margin-left: 0; }
.line-numbers code {
white-space: pre;
/* [4] */ }
/*------------------------------------* $IMAGES
\*------------------------------------*/
/**
* Demo: jsfiddle.net/inuitcss/yMtur
*/
/**
* Fluid images.
*/
img {
max-width: 100%; }
/**
* Non-fluid images if you specify `width` and/or `height` attributes.
*/
img[width],
img[height] {
max-width: none; }
/**
* Rounded images.
*/
.img--round {
border-radius: 4px; }
/**
* Image placement variations.
*/
.img--right {
float: right;
margin-bottom: 20px;
margin-left: 20px; }
.img--left {
float: left;
margin-right: 20px;
margin-bottom: 20px; }
.img--center {
display: block;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto; }
/**
* Keep your images on your baseline.
*
* Please note, these will not work too nicely with fluid images and will
* distort when resized below a certain width. Use with caution.
*/
.img--short {
height: 100px; }
.img--medium {
height: 200px; }
.img--tall {
height: 300px; }
/**
* Images in `figure` elements.
*/
figure > img {
display: block; }
/*------------------------------------* $LISTS
\*------------------------------------*/
/**
* Remove vertical spacing from nested lists.
*/
li > ul,
li > ol {
margin-bottom: 0; }
/**
* Have a numbered `ul` without the semantics implied by using an `ol`.
*/
/*ul*/
.numbered-list {
list-style-type: decimal; }
/*------------------------------------* $TABLES
\*------------------------------------*/
/**
* We have a lot at our disposal for making very complex table constructs, e.g.:
*
<table class="table--bordered table--striped table--data">
<colgroup>
<col class=t10>
<col class=t10>
<col class=t10>
<col>
</colgroup>
<thead>
<tr>
<th colspan=3>Foo</th>
<th>Bar</th>
</tr>
<tr>
<th>Lorem</th>
<th>Ipsum</th>
<th class=numerical>Dolor</th>
<th>Sit</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan=3>Sit</th>
<td>Dolor</td>
<td class=numerical>03.788</td>
<td>Lorem</td>
</tr>
<tr>
<td>Dolor</td>
<td class=numerical>32.210</td>
<td>Lorem</td>
</tr>
<tr>
<td>Dolor</td>
<td class=numerical>47.797</td>
<td>Lorem</td>
</tr>
<tr>
<th rowspan=2>Sit</th>
<td>Dolor</td>
<td class=numerical>09.640</td>
<td>Lorem</td>
</tr>
<tr>
<td>Dolor</td>
<td class=numerical>12.117</td>
<td>Lorem</td>
</tr>
</tbody>
</table>
*
*/
table {
width: 100%; }
th,
td {
padding: 5px;
text-align: left; }
@media screen and (min-width: 480px) {
th,
td {
padding: 10px; } }
/**
* Cell alignments
*/
[colspan] {
text-align: center; }
[colspan="1"] {
text-align: left; }
[rowspan] {
vertical-align: middle; }
[rowspan="1"] {
vertical-align: top; }
.numerical {
text-align: right; }
/**
* In the HTML above we see several `col` elements with classes whose numbers
* represent a percentage width for that column. We leave one column free of a
* class so that column can soak up the effects of any accidental breakage in
* the table.
*/
.t5 {
width: 5%; }
.t10 {
width: 10%; }
.t12 {
width: 12.5%; }
/* 1/8 */
.t15 {
width: 15%; }
.t20 {
width: 20%; }
.t25 {
width: 25%; }
/* 1/4 */
.t30 {
width: 30%; }
.t33 {
width: 33.333%; }
/* 1/3 */
.t35 {
width: 35%; }
.t37 {
width: 37.5%; }
/* 3/8 */
.t40 {
width: 40%; }
.t45 {
width: 45%; }
.t50 {
width: 50%; }
/* 1/2 */
.t55 {
width: 55%; }
.t60 {
width: 60%; }
.t62 {
width: 62.5%; }
/* 5/8 */
.t65 {
width: 65%; }
.t66 {
width: 66.666%; }
/* 2/3 */
.t70 {
width: 70%; }
.t75 {
width: 75%; }
/* 3/4*/
.t80 {
width: 80%; }
.t85 {
width: 85%; }
.t87 {
width: 87.5%; }
/* 7/8 */
.t90 {
width: 90%; }
.t95 {
width: 95%; }
/**
* Bordered tables
*/
.table--bordered th,
.table--bordered td {
border: 1px solid #ccc; }
.table--bordered th:empty,
.table--bordered td:empty {
border: none; }
.table--bordered thead tr:last-child th {
border-bottom-width: 2px; }
.table--bordered tbody tr th:last-of-type {
border-right-width: 2px; }
/**
* Striped tables
*/
.table--striped tbody tr:nth-of-type(odd) {
background-color: #ffc;
/* Override this color in your theme stylesheet */ }
/**
* Data table
*/
.table--data {
font: 12px/1.5 sans-serif; }
/*------------------------------------* $FORMS
\*------------------------------------*/
/**
*
* Demo: jsfiddle.net/inuitcss/MhHHU
*
*/
fieldset {
padding: 20px; }
/**
* Text inputs
*
* Instead of a `[type]` selector for each kind of form input, we just use a
* class to target any/every one, e.g.:
<input type=text class=text-input>
<input type=email class=text-input>
<input type=password class=text-input>
*
*/
.text-input,
textarea {
/**
* Style these via your theme stylesheet.
*/ }
/**
* Group sets of form fields in a list, e.g.:
*
<ul class=form-fields>
<li>
<label />
<input />
</li>
<li>
<label />
<select />
</li>
<li>
<label />
<input />
</li>
</ul>
*
*/
.form-fields {
list-style: none;
margin: 0; }
.form-fields > li:last-child {
margin-bottom: 0; }
/**
* Labels
*
* Define a `.label` class as well as a `label` element. This means we can apply
* label-like styling to meta-labels for groups of options where a `label`
* element is not suitable, e.g.:
*
<li>
<span class=label>Select an option below:</span>
<ul class="multi-list four-cols">
<li>
<input /> <label />
</li>
<li>
<input /> <label />
</li>
<li>
<input /> <label />
</li>
<li>
<input /> <label />
</li>
</ul>
</li>
*
*/
label,
.label {
display: block; }
/**
* Extra help text in `label`s, e.g.:
*
<label>Card number <small class=additional>No spaces</small></label>
*
*/
.additional {
display: block;
font-weight: normal; }
/*
* Groups of checkboxes and radios, e.g.:
*
<li>
<ul class=check-list>
<li>
<input /> <label />
</li>
<li>
<input /> <label />
</li>
</ul>
</li>
*
*/
.check-list {
list-style: none;
margin: 0; }
/*
* Labels in check-lists
*/
.check-label,
.check-list label,
.check-list .label {
display: inline-block; }
/**
* Spoken forms are for forms that read like spoken word, e.g.:
*
<li class=spoken-form>
Hello, my <label for=spoken-name>name</label> is
<input type=text class=text-input id=spoken-name>. My home
<label for=country>country</label> is
<select id=country>
<option>UK</option>
<option>US</option>
<option>Other</option>
</select>
</li>
*
*/
.spoken-form label {
display: inline-block;
font: inherit; }
/**
* Extra help text displayed after a field when that field is in focus, e.g.:
*
<label for=email>Email:</label>
<input type=email class=text-input id=email>
<small class=extra-help>.edu emails only</small>
*
* We leave the help text in the document flow and merely set it to
* `visibility:hidden;`. This means that it won’t interfere with anything once
* it reappears.
*
*/
/*small*/
.extra-help {
display: inline-block;
visibility: hidden; }
.text-input:active + .extra-help,
.text-input:focus + .extra-help {
visibility: visible; }
/**
* Objects and abstractions
*/
/*------------------------------------* $GRIDS
\*------------------------------------*/
/**
* Fluid and nestable grid system, e.g.:
*
<div class="grid">
<div class="grid__item one-third">
<p>One third grid</p>
</div><!--
--><div class="grid__item two-thirds">
<p>Two thirds grid</p>
</div><!--
--><div class="grid__item one-half">
<p>One half grid</p>
</div><!--
--><div class="grid__item one-quarter">
<p>One quarter grid</p>
</div><!--
--><div class="grid__item one-quarter">
<p>One quarter grid</p>
</div>
</div>
*
* Demo: jsfiddle.net/inuitcss/CLYUC
*
*/
/**
* Grid wrapper
*/
.grid {
margin-left: -20px;
list-style: none;
margin-bottom: 0; }
/**
* Very infrequently occuring grid wrappers as children of grid wrappers.
*/
.grid > .grid {
margin-left: 0; }
/**
* Grid
*/
.grid__item {
display: inline-block;
width: 100%;
padding-left: 20px;
vertical-align: top;
float: left; }
.grid__item__inner {
display: inline-block;
width: 100%;
padding-left: 20px;
vertical-align: top;
float: left; }
.grid__item__inner__nowidth {
display: inline-block;
padding-left: 20px;
vertical-align: top;
float: left; }
/**
* Style trumps; helper and brand classes
*/
/*------------------------------------* $WIDTHS
\*------------------------------------*/
/**
* Sizes in human readable format. These are used in conjunction with other
* objects and abstractions found in inuit.css, most commonly the grid system
* and faux flexbox.
*
* We have a mixin to generate our widths and their breakpoint-specific
* variations.
*/
/**
* Whole
*/
.one-whole {
width: 100%; }
/**
* Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
width: 50%; }
/**
* Thirds
*/
.one-third, .two-sixths, .four-twelfths {
width: 33.333%; }
.two-thirds, .four-sixths, .eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.one-quarter, .two-eighths, .three-twelfths {
width: 25%; }
.three-quarters, .six-eighths, .nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.one-fifth, .two-tenths {
width: 20%; }
.two-fifths, .four-tenths {
width: 40%; }
.three-fifths, .six-tenths {
width: 60%; }
.four-fifths, .eight-tenths {
width: 80%; }
/**
* Sixths
*/
.one-sixth, .two-twelfths {
width: 16.666%; }
.five-sixths, .ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.one-eighth {
width: 12.5%; }
.three-eighths {
width: 37.5%; }
.five-eighths {
width: 62.5%; }
.seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.one-tenth {
width: 10%; }
.three-tenths {
width: 30%; }
.seven-tenths {
width: 70%; }
.nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.one-twelfth {
width: 8.333%; }
.five-twelfths {
width: 41.666%; }
.seven-twelfths {
width: 58.333%; }
.eleven-twelfths {
width: 91.666%; }
/**
* Twenty
*/
.one-twenty {
width: 5%; }
.two-twentieth {
width: 10%; }
.three-twentieth {
width: 15%; }
.four-twentieth {
width: 20%; }
.five-twentieth {
width: 25%; }
.six-twentieth {
width: 30%; }
.seven-twentieth {
width: 35%; }
.eight-twentieth {
width: 40%; }
.nine-twentieth {
width: 45%; }
.ten-twentieth {
width: 50%; }
.eleven-twentieth {
width: 55%; }
.twelv-twentieth {
width: 60%; }
.thirteen-twentieth {
width: 65%; }
.fourteen-twentieth {
width: 70%; }
.fifteen-twentieth {
width: 75%; }
.sixteen-twentieth {
width: 80%; }
.seventeen-twentieth {
width: 85%; }
.eightteen-twentieth {
width: 90%; }
.nineteen-twentieth {
width: 95%; }
/**
* If you have set `$responsive` to ‘true’ in `_vars.scss` then you now have
* access to these classes. You can define at which breakpoint you’d like an
* element to be a certain size, e.g.:
*
* `<div class="g one-quarter lap-one-half palm-one-whole"> ... </div>`
*
* This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
* horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
* at ‘mobile’ sizes.
*
* Demo: jsfiddle.net/inuitcss/WS4Ge
*
*/
@media only screen and (max-width: 480px) {
/**
* Whole
*/
.palm-one-whole {
width: 100%; }
/**
* Halves
*/
.palm-one-half, .palm-two-quarters, .palm-three-sixths, .palm-four-eighths, .palm-five-tenths, .palm-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.palm-one-third, .palm-two-sixths, .palm-four-twelfths {
width: 33.333%; }
.palm-two-thirds, .palm-four-sixths, .palm-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.palm-one-quarter, .palm-two-eighths, .palm-three-twelfths {
width: 25%; }
.palm-three-quarters, .palm-six-eighths, .palm-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.palm-one-fifth, .palm-two-tenths {
width: 20%; }
.palm-two-fifths, .palm-four-tenths {
width: 40%; }
.palm-three-fifths, .palm-six-tenths {
width: 60%; }
.palm-four-fifths, .palm-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.palm-one-sixth, .palm-two-twelfths {
width: 16.666%; }
.palm-five-sixths, .palm-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.palm-one-eighth {
width: 12.5%; }
.palm-three-eighths {
width: 37.5%; }
.palm-five-eighths {
width: 62.5%; }
.palm-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.palm-one-tenth {
width: 10%; }
.palm-three-tenths {
width: 30%; }
.palm-seven-tenths {
width: 70%; }
.palm-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.palm-one-twelfth {
width: 8.333%; }
.palm-five-twelfths {
width: 41.666%; }
.palm-seven-twelfths {
width: 58.333%; }
.palm-eleven-twelfths {
width: 91.666%; }
/**
* Twenty
*/
.palm-one-twenty {
width: 5%; }
.palm-two-twentieth {
width: 10%; }
.palm-three-twentieth {
width: 15%; }
.palm-four-twentieth {
width: 20%; }
.palm-five-twentieth {
width: 25%; }
.palm-six-twentieth {
width: 30%; }
.palm-seven-twentieth {
width: 35%; }
.palm-eight-twentieth {
width: 40%; }
.palm-nine-twentieth {
width: 45%; }
.palm-ten-twentieth {
width: 50%; }
.palm-eleven-twentieth {
width: 55%; }
.palm-twelv-twentieth {
width: 60%; }
.palm-thirteen-twentieth {
width: 65%; }
.palm-fourteen-twentieth {
width: 70%; }
.palm-fifteen-twentieth {
width: 75%; }
.palm-sixteen-twentieth {
width: 80%; }
.palm-seventeen-twentieth {
width: 85%; }
.palm-eightteen-twentieth {
width: 90%; }
.palm-nineteen-twentieth {
width: 95%; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
/**
* Whole
*/
.lap-one-whole {
width: 100%; }
/**
* Halves
*/
.lap-one-half, .lap-two-quarters, .lap-three-sixths, .lap-four-eighths, .lap-five-tenths, .lap-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.lap-one-third, .lap-two-sixths, .lap-four-twelfths {
width: 33.333%; }
.lap-two-thirds, .lap-four-sixths, .lap-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.lap-one-quarter, .lap-two-eighths, .lap-three-twelfths {
width: 25%; }
.lap-three-quarters, .lap-six-eighths, .lap-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.lap-one-fifth, .lap-two-tenths {
width: 20%; }
.lap-two-fifths, .lap-four-tenths {
width: 40%; }
.lap-three-fifths, .lap-six-tenths {
width: 60%; }
.lap-four-fifths, .lap-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.lap-one-sixth, .lap-two-twelfths {
width: 16.666%; }
.lap-five-sixths, .lap-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.lap-one-eighth {
width: 12.5%; }
.lap-three-eighths {
width: 37.5%; }
.lap-five-eighths {
width: 62.5%; }
.lap-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.lap-one-tenth {
width: 10%; }
.lap-three-tenths {
width: 30%; }
.lap-seven-tenths {
width: 70%; }
.lap-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.lap-one-twelfth {
width: 8.333%; }
.lap-five-twelfths {
width: 41.666%; }
.lap-seven-twelfths {
width: 58.333%; }
.lap-eleven-twelfths {
width: 91.666%; }
/**
* Twenty
*/
.lap-one-twenty {
width: 5%; }
.lap-two-twentieth {
width: 10%; }
.lap-three-twentieth {
width: 15%; }
.lap-four-twentieth {
width: 20%; }
.lap-five-twentieth {
width: 25%; }
.lap-six-twentieth {
width: 30%; }
.lap-seven-twentieth {
width: 35%; }
.lap-eight-twentieth {
width: 40%; }
.lap-nine-twentieth {
width: 45%; }
.lap-ten-twentieth {
width: 50%; }
.lap-eleven-twentieth {
width: 55%; }
.lap-twelv-twentieth {
width: 60%; }
.lap-thirteen-twentieth {
width: 65%; }
.lap-fourteen-twentieth {
width: 70%; }
.lap-fifteen-twentieth {
width: 75%; }
.lap-sixteen-twentieth {
width: 80%; }
.lap-seventeen-twentieth {
width: 85%; }
.lap-eightteen-twentieth {
width: 90%; }
.lap-nineteen-twentieth {
width: 95%; } }
@media only screen and (min-width: 481px) {
/**
* Whole
*/
.lap-and-up-one-whole {
width: 100%; }
/**
* Halves
*/
.lap-and-up-one-half, .lap-and-up-two-quarters, .lap-and-up-three-sixths, .lap-and-up-four-eighths, .lap-and-up-five-tenths, .lap-and-up-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.lap-and-up-one-third, .lap-and-up-two-sixths, .lap-and-up-four-twelfths {
width: 33.333%; }
.lap-and-up-two-thirds, .lap-and-up-four-sixths, .lap-and-up-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.lap-and-up-one-quarter, .lap-and-up-two-eighths, .lap-and-up-three-twelfths {
width: 25%; }
.lap-and-up-three-quarters, .lap-and-up-six-eighths, .lap-and-up-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.lap-and-up-one-fifth, .lap-and-up-two-tenths {
width: 20%; }
.lap-and-up-two-fifths, .lap-and-up-four-tenths {
width: 40%; }
.lap-and-up-three-fifths, .lap-and-up-six-tenths {
width: 60%; }
.lap-and-up-four-fifths, .lap-and-up-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.lap-and-up-one-sixth, .lap-and-up-two-twelfths {
width: 16.666%; }
.lap-and-up-five-sixths, .lap-and-up-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.lap-and-up-one-eighth {
width: 12.5%; }
.lap-and-up-three-eighths {
width: 37.5%; }
.lap-and-up-five-eighths {
width: 62.5%; }
.lap-and-up-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.lap-and-up-one-tenth {
width: 10%; }
.lap-and-up-three-tenths {
width: 30%; }
.lap-and-up-seven-tenths {
width: 70%; }
.lap-and-up-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.lap-and-up-one-twelfth {
width: 8.333%; }
.lap-and-up-five-twelfths {
width: 41.666%; }
.lap-and-up-seven-twelfths {
width: 58.333%; }
.lap-and-up-eleven-twelfths {
width: 91.666%; }
/**
* Twenty
*/
.lap-and-up-one-twenty {
width: 5%; }
.lap-and-up-two-twentieth {
width: 10%; }
.lap-and-up-three-twentieth {
width: 15%; }
.lap-and-up-four-twentieth {
width: 20%; }
.lap-and-up-five-twentieth {
width: 25%; }
.lap-and-up-six-twentieth {
width: 30%; }
.lap-and-up-seven-twentieth {
width: 35%; }
.lap-and-up-eight-twentieth {
width: 40%; }
.lap-and-up-nine-twentieth {
width: 45%; }
.lap-and-up-ten-twentieth {
width: 50%; }
.lap-and-up-eleven-twentieth {
width: 55%; }
.lap-and-up-twelv-twentieth {
width: 60%; }
.lap-and-up-thirteen-twentieth {
width: 65%; }
.lap-and-up-fourteen-twentieth {
width: 70%; }
.lap-and-up-fifteen-twentieth {
width: 75%; }
.lap-and-up-sixteen-twentieth {
width: 80%; }
.lap-and-up-seventeen-twentieth {
width: 85%; }
.lap-and-up-eightteen-twentieth {
width: 90%; }
.lap-and-up-nineteen-twentieth {
width: 95%; } }
@media only screen and (max-width: 1023px) {
/**
* Whole
*/
.portable-one-whole {
width: 100%; }
/**
* Halves
*/
.portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.portable-one-third, .portable-two-sixths, .portable-four-twelfths {
width: 33.333%; }
.portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
width: 25%; }
.portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.portable-one-fifth, .portable-two-tenths {
width: 20%; }
.portable-two-fifths, .portable-four-tenths {
width: 40%; }
.portable-three-fifths, .portable-six-tenths {
width: 60%; }
.portable-four-fifths, .portable-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.portable-one-sixth, .portable-two-twelfths {
width: 16.666%; }
.portable-five-sixths, .portable-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.portable-one-eighth {
width: 12.5%; }
.portable-three-eighths {
width: 37.5%; }
.portable-five-eighths {
width: 62.5%; }
.portable-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.portable-one-tenth {
width: 10%; }
.portable-three-tenths {
width: 30%; }
.portable-seven-tenths {
width: 70%; }
.portable-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.portable-one-twelfth {
width: 8.333%; }
.portable-five-twelfths {
width: 41.666%; }
.portable-seven-twelfths {
width: 58.333%; }
.portable-eleven-twelfths {
width: 91.666%; }
/**
* Twenty
*/
.portable-one-twenty {
width: 5%; }
.portable-two-twentieth {
width: 10%; }
.portable-three-twentieth {
width: 15%; }
.portable-four-twentieth {
width: 20%; }
.portable-five-twentieth {
width: 25%; }
.portable-six-twentieth {
width: 30%; }
.portable-seven-twentieth {
width: 35%; }
.portable-eight-twentieth {
width: 40%; }
.portable-nine-twentieth {
width: 45%; }
.portable-ten-twentieth {
width: 50%; }
.portable-eleven-twentieth {
width: 55%; }
.portable-twelv-twentieth {
width: 60%; }
.portable-thirteen-twentieth {
width: 65%; }
.portable-fourteen-twentieth {
width: 70%; }
.portable-fifteen-twentieth {
width: 75%; }
.portable-sixteen-twentieth {
width: 80%; }
.portable-seventeen-twentieth {
width: 85%; }
.portable-eightteen-twentieth {
width: 90%; }
.portable-nineteen-twentieth {
width: 95%; } }
@media only screen and (min-width: 1024px) {
/**
* Whole
*/
.desk-one-whole {
width: 100%; }
/**
* Halves
*/
.desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
width: 50%; }
/**
* Thirds
*/
.desk-one-third, .desk-two-sixths, .desk-four-twelfths {
width: 33.333%; }
.desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
width: 66.666%; }
/**
* Quarters
*/
.desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
width: 25%; }
.desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
width: 75%; }
/**
* Fifths
*/
.desk-one-fifth, .desk-two-tenths {
width: 20%; }
.desk-two-fifths, .desk-four-tenths {
width: 40%; }
.desk-three-fifths, .desk-six-tenths {
width: 60%; }
.desk-four-fifths, .desk-eight-tenths {
width: 80%; }
/**
* Sixths
*/
.desk-one-sixth, .desk-two-twelfths {
width: 16.666%; }
.desk-five-sixths, .desk-ten-twelfths {
width: 83.333%; }
/**
* Eighths
*/
.desk-one-eighth {
width: 12.5%; }
.desk-three-eighths {
width: 37.5%; }
.desk-five-eighths {
width: 62.5%; }
.desk-seven-eighths {
width: 87.5%; }
/**
* Tenths
*/
.desk-one-tenth {
width: 10%; }
.desk-three-tenths {
width: 30%; }
.desk-seven-tenths {
width: 70%; }
.desk-nine-tenths {
width: 90%; }
/**
* Twelfths
*/
.desk-one-twelfth {
width: 8.333%; }
.desk-five-twelfths {
width: 41.666%; }
.desk-seven-twelfths {
width: 58.333%; }
.desk-eleven-twelfths {
width: 91.666%; }
/**
* Twenty
*/
.desk-one-twenty {
width: 5%; }
.desk-two-twentieth {
width: 10%; }
.desk-three-twentieth {
width: 15%; }
.desk-four-twentieth {
width: 20%; }
.desk-five-twentieth {
width: 25%; }
.desk-six-twentieth {
width: 30%; }
.desk-seven-twentieth {
width: 35%; }
.desk-eight-twentieth {
width: 40%; }
.desk-nine-twentieth {
width: 45%; }
.desk-ten-twentieth {
width: 50%; }
.desk-eleven-twentieth {
width: 55%; }
.desk-twelv-twentieth {
width: 60%; }
.desk-thirteen-twentieth {
width: 65%; }
.desk-fourteen-twentieth {
width: 70%; }
.desk-fifteen-twentieth {
width: 75%; }
.desk-sixteen-twentieth {
width: 80%; }
.desk-seventeen-twentieth {
width: 85%; }
.desk-eightteen-twentieth {
width: 90%; }
.desk-nineteen-twentieth {
width: 95%; } }
/**
* If you have set the additional `$responsive-extra` variable to ‘true’ in
* `_vars.scss` then you now have access to the following class available to
* accomodate much larger screen resolutions.
*/
/* endif */
/*------------------------------------* $PUSH
\*------------------------------------*/
/**
* Push classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------* $PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items over to the right by certain amounts.
*/
/*------------------------------------* $BRAND
\*------------------------------------*/
/**
* `.brand` is a quick and simple way to apply your brand face and/or color to
* any element using a handy helper class.
*/
.brand {
font-family: "Open Sans!important";
color: #E74C3C!important; }
.brand-face {
font-family: "Open Sans!important"; }
.brand-color,
.brand-colour {
color: #E74C3C!important; }
/*------------------------------------* $HELPER
\*------------------------------------*/
/**
* A series of helper classes to use arbitrarily. Only use a helper class if an
* element/component doesn’t already have a class to which you could apply this
* styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
* that ruleset as opposed to adding the `.float--left` class to the markup.
*
* A lot of these classes carry `!important` as you will always want them to win
* out over other selectors.
*/
/**
* Add/remove floats
*/
.float--right {
float: right !important; }
.float--left {
float: left !important; }
.float--none {
float: none !important; }
/**
* Text alignment
*/
.text--left {
text-align: left !important; }
.text--center, .ui-footer.sv {
text-align: center !important; }
.text--right {
text-align: right !important; }
/**
* Font weights
*/
.weight--light {
font-weight: 300 !important; }
.weight--normal {
font-weight: 400 !important; }
.weight--semibold {
font-weight: 600 !important; }
.weight--bold {
font-weight: 800 !important; }
/**
* Table-helpers
**/
.display-table {
display: table;
border-collapse: collapse; }
.display-tablerow {
display: table-row; }
.display-tablecell {
display: table-cell; }
.valign-middle {
vertical-align: middle; }
/**
* Position helpers
**/
.pos-rel {
position: relative; }
/**
* Display helpers
**/
.disp-block {
display: block; }
.overflow-hidden {
overflow: hidden; }
.overflow-auto {
overflow: auto; }
.soft-change {
padding: 20px !important; }
/**
* Add/remove margins
*/
.push {
margin: 20px !important; }
.push--top {
margin-top: 20px !important; }
.push--right {
margin-right: 20px !important; }
.push--bottom {
margin-bottom: 20px !important; }
.push--left {
margin-left: 20px !important; }
.push--ends {
margin-top: 20px !important;
margin-bottom: 20px !important; }
.push--sides {
margin-right: 20px !important;
margin-left: 20px !important; }
.push-half {
margin: 10px !important; }
.push-half--top {
margin-top: 10px !important; }
.push-half--right {
margin-right: 10px !important; }
.push-half--bottom {
margin-bottom: 10px !important; }
.push-half--left {
margin-left: 10px !important; }
.push-half--ends {
margin-top: 10px !important;
margin-bottom: 10px !important; }
.push-half--sides {
margin-right: 10px !important;
margin-left: 10px !important; }
.flush {
margin: 0 !important; }
.flush--top {
margin-top: 0 !important; }
.flush--right {
margin-right: 0 !important; }
.flush--bottom {
margin-bottom: 0 !important; }
.flush--left {
margin-left: 0 !important; }
.flush--ends {
margin-top: 0 !important;
margin-bottom: 0 !important; }
.flush--sides {
margin-right: 0 !important;
margin-left: 0 !important; }
/**
* Add/remove paddings
*/
.soft {
padding: 20px !important; }
.soft--top {
padding-top: 20px !important; }
.soft--right {
padding-right: 20px !important; }
.soft--bottom {
padding-bottom: 20px !important; }
.soft--left {
padding-left: 20px !important; }
.soft--ends {
padding-top: 20px !important;
padding-bottom: 20px !important; }
.soft--sides {
padding-right: 20px !important;
padding-left: 20px !important; }
.soft-half {
padding: 10px !important; }
.soft-half--top {
padding-top: 10px !important; }
.soft-half--right {
padding-right: 10px !important; }
.soft-half--bottom {
padding-bottom: 10px !important; }
.soft-half--left {
padding-left: 10px !important; }
.soft-half--ends {
padding-top: 10px !important;
padding-bottom: 10px !important; }
.soft-half--sides {
padding-right: 10px !important;
padding-left: 10px !important; }
.hard {
padding: 0 !important; }
.hard--top {
padding-top: 0 !important; }
.hard--right {
padding-right: 0 !important; }
.hard--bottom {
padding-bottom: 0 !important; }
.hard--left {
padding-left: 0 !important; }
.hard--ends {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.hard--sides {
padding-right: 0 !important;
padding-left: 0 !important; }
/**
* Pull items full width of `.island` parents.
*/
.full-bleed {
margin-right: -20px !important;
margin-left: -20px !important; }
.islet .full-bleed {
margin-right: -10px !important;
margin-left: -10px !important; }
/**
* Add a help cursor to any element that gives the user extra information on
* `:hover`.
*/
.informative {
cursor: help !important; }
/**
* Mute an object by reducing its opacity.
*/
.muted {
opacity: 0.5 !important;
filter: alpha(opacity=50) !important; }
/**
* Align items to the right where they imply progression/movement forward, e.g.:
*
<p class=proceed><a href=#>Read more...</a></p>
*
*/
.proceed {
text-align: right !important; }
/**
* Add a right-angled quote to links that imply movement, e.g.:
*
<a href=# class=go>Read more</a>
*
*/
.go:after {
content: " " "»" !important; }
/**
* Apply capital case to an element (usually a `strong`).
*/
.caps {
text-transform: uppercase !important; }
/**
* Hide content off-screen without resorting to `display:none;`, also provide
* breakpoint specific hidden elements.
*/
.accessibility,
.visuallyhidden {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; }
@media only screen and (max-width: 480px) {
.accessibility--palm,
.visuallyhidden--palm {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.accessibility--lap,
.visuallyhidden--lap {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 481px) {
.accessibility--lap-and-up,
.visuallyhidden--lap-and-up {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (max-width: 1023px) {
.accessibility--portable,
.visuallyhidden--portable {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 1024px) {
.accessibility--desk,
.visuallyhidden--desk {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (min-width: 1200px) {
.accessibility--desk-wide,
.visuallyhidden--desk-wide {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important; } }
@media only screen and (max-width: 480px) {
.palm--float--none {
float: none !important; }
.palm--push--sides--none {
margin-left: 0 !important;
margin-right: 0 !important; }
.soft-change {
padding: 10px !important; } }
/* endif */
/**
* Font-Awesome setup
*/
/*!
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("../fonts/font-awesome/fontawesome-webfont.eot?v=4.2.0");
src: url("../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/font-awesome/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/font-awesome/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/font-awesome/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: 0.14286em;
text-align: center; }
.fa-li.fa-lg {
left: -1.85714em; }
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em; }
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: ""; }
.fa-music:before {
content: ""; }
.fa-search:before {
content: ""; }
.fa-envelope-o:before {
content: ""; }
.fa-heart:before {
content: ""; }
.fa-star:before {
content: ""; }
.fa-star-o:before {
content: ""; }
.fa-user:before {
content: ""; }
.fa-film:before {
content: ""; }
.fa-th-large:before {
content: ""; }
.fa-th:before {
content: ""; }
.fa-th-list:before {
content: ""; }
.fa-check:before {
content: ""; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: ""; }
.fa-search-plus:before {
content: ""; }
.fa-search-minus:before {
content: ""; }
.fa-power-off:before {
content: ""; }
.fa-signal:before {
content: ""; }
.fa-gear:before,
.fa-cog:before {
content: ""; }
.fa-trash-o:before {
content: ""; }
.fa-home:before {
content: ""; }
.fa-file-o:before {
content: ""; }
.fa-clock-o:before {
content: ""; }
.fa-road:before {
content: ""; }
.fa-download:before {
content: ""; }
.fa-arrow-circle-o-down:before {
content: ""; }
.fa-arrow-circle-o-up:before {
content: ""; }
.fa-inbox:before {
content: ""; }
.fa-play-circle-o:before {
content: ""; }
.fa-rotate-right:before,
.fa-repeat:before {
content: ""; }
.fa-refresh:before {
content: ""; }
.fa-list-alt:before {
content: ""; }
.fa-lock:before {
content: ""; }
.fa-flag:before {
content: ""; }
.fa-headphones:before {
content: ""; }
.fa-volume-off:before {
content: ""; }
.fa-volume-down:before {
content: ""; }
.fa-volume-up:before {
content: ""; }
.fa-qrcode:before {
content: ""; }
.fa-barcode:before {
content: ""; }
.fa-tag:before {
content: ""; }
.fa-tags:before {
content: ""; }
.fa-book:before {
content: ""; }
.fa-bookmark:before {
content: ""; }
.fa-print:before {
content: ""; }
.fa-camera:before {
content: ""; }
.fa-font:before {
content: ""; }
.fa-bold:before {
content: ""; }
.fa-italic:before {
content: ""; }
.fa-text-height:before {
content: ""; }
.fa-text-width:before {
content: ""; }
.fa-align-left:before {
content: ""; }
.fa-align-center:before {
content: ""; }
.fa-align-right:before {
content: ""; }
.fa-align-justify:before {
content: ""; }
.fa-list:before {
content: ""; }
.fa-dedent:before,
.fa-outdent:before {
content: ""; }
.fa-indent:before {
content: ""; }
.fa-video-camera:before {
content: ""; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""; }
.fa-pencil:before {
content: ""; }
.fa-map-marker:before {
content: ""; }
.fa-adjust:before {
content: ""; }
.fa-tint:before {
content: ""; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: ""; }
.fa-share-square-o:before {
content: ""; }
.fa-check-square-o:before {
content: ""; }
.fa-arrows:before {
content: ""; }
.fa-step-backward:before {
content: ""; }
.fa-fast-backward:before {
content: ""; }
.fa-backward:before {
content: ""; }
.fa-play:before {
content: ""; }
.fa-pause:before {
content: ""; }
.fa-stop:before {
content: ""; }
.fa-forward:before {
content: ""; }
.fa-fast-forward:before {
content: ""; }
.fa-step-forward:before {
content: ""; }
.fa-eject:before {
content: ""; }
.fa-chevron-left:before {
content: ""; }
.fa-chevron-right:before {
content: ""; }
.fa-plus-circle:before {
content: ""; }
.fa-minus-circle:before {
content: ""; }
.fa-times-circle:before {
content: ""; }
.fa-check-circle:before {
content: ""; }
.fa-question-circle:before {
content: ""; }
.fa-info-circle:before {
content: ""; }
.fa-crosshairs:before {
content: ""; }
.fa-times-circle-o:before {
content: ""; }
.fa-check-circle-o:before {
content: ""; }
.fa-ban:before {
content: ""; }
.fa-arrow-left:before {
content: ""; }
.fa-arrow-right:before {
content: ""; }
.fa-arrow-up:before {
content: ""; }
.fa-arrow-down:before {
content: ""; }
.fa-mail-forward:before,
.fa-share:before {
content: ""; }
.fa-expand:before {
content: ""; }
.fa-compress:before {
content: ""; }
.fa-plus:before {
content: ""; }
.fa-minus:before {
content: ""; }
.fa-asterisk:before {
content: ""; }
.fa-exclamation-circle:before {
content: ""; }
.fa-gift:before {
content: ""; }
.fa-leaf:before {
content: ""; }
.fa-fire:before {
content: ""; }
.fa-eye:before {
content: ""; }
.fa-eye-slash:before {
content: ""; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: ""; }
.fa-plane:before {
content: ""; }
.fa-calendar:before {
content: ""; }
.fa-random:before {
content: ""; }
.fa-comment:before {
content: ""; }
.fa-magnet:before {
content: ""; }
.fa-chevron-up:before {
content: ""; }
.fa-chevron-down:before {
content: ""; }
.fa-retweet:before {
content: ""; }
.fa-shopping-cart:before {
content: ""; }
.fa-folder:before {
content: ""; }
.fa-folder-open:before {
content: ""; }
.fa-arrows-v:before {
content: ""; }
.fa-arrows-h:before {
content: ""; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: ""; }
.fa-twitter-square:before {
content: ""; }
.fa-facebook-square:before {
content: ""; }
.fa-camera-retro:before {
content: ""; }
.fa-key:before {
content: ""; }
.fa-gears:before,
.fa-cogs:before {
content: ""; }
.fa-comments:before {
content: ""; }
.fa-thumbs-o-up:before {
content: ""; }
.fa-thumbs-o-down:before {
content: ""; }
.fa-star-half:before {
content: ""; }
.fa-heart-o:before {
content: ""; }
.fa-sign-out:before {
content: ""; }
.fa-linkedin-square:before {
content: ""; }
.fa-thumb-tack:before {
content: ""; }
.fa-external-link:before {
content: ""; }
.fa-sign-in:before {
content: ""; }
.fa-trophy:before {
content: ""; }
.fa-github-square:before {
content: ""; }
.fa-upload:before {
content: ""; }
.fa-lemon-o:before {
content: ""; }
.fa-phone:before {
content: ""; }
.fa-square-o:before {
content: ""; }
.fa-bookmark-o:before {
content: ""; }
.fa-phone-square:before {
content: ""; }
.fa-twitter:before {
content: ""; }
.fa-facebook:before {
content: ""; }
.fa-github:before {
content: ""; }
.fa-unlock:before {
content: ""; }
.fa-credit-card:before {
content: ""; }
.fa-rss:before {
content: ""; }
.fa-hdd-o:before {
content: ""; }
.fa-bullhorn:before {
content: ""; }
.fa-bell:before {
content: ""; }
.fa-certificate:before {
content: ""; }
.fa-hand-o-right:before {
content: ""; }
.fa-hand-o-left:before {
content: ""; }
.fa-hand-o-up:before {
content: ""; }
.fa-hand-o-down:before {
content: ""; }
.fa-arrow-circle-left:before {
content: ""; }
.fa-arrow-circle-right:before {
content: ""; }
.fa-arrow-circle-up:before {
content: ""; }
.fa-arrow-circle-down:before {
content: ""; }
.fa-globe:before {
content: ""; }
.fa-wrench:before {
content: ""; }
.fa-tasks:before {
content: ""; }
.fa-filter:before {
content: ""; }
.fa-briefcase:before {
content: ""; }
.fa-arrows-alt:before {
content: ""; }
.fa-group:before,
.fa-users:before {
content: ""; }
.fa-chain:before,
.fa-link:before {
content: ""; }
.fa-cloud:before {
content: ""; }
.fa-flask:before {
content: ""; }
.fa-cut:before,
.fa-scissors:before {
content: ""; }
.fa-copy:before,
.fa-files-o:before {
content: ""; }
.fa-paperclip:before {
content: ""; }
.fa-save:before,
.fa-floppy-o:before {
content: ""; }
.fa-square:before {
content: ""; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""; }
.fa-list-ul:before {
content: ""; }
.fa-list-ol:before {
content: ""; }
.fa-strikethrough:before {
content: ""; }
.fa-underline:before {
content: ""; }
.fa-table:before {
content: ""; }
.fa-magic:before {
content: ""; }
.fa-truck:before {
content: ""; }
.fa-pinterest:before {
content: ""; }
.fa-pinterest-square:before {
content: ""; }
.fa-google-plus-square:before {
content: ""; }
.fa-google-plus:before {
content: ""; }
.fa-money:before {
content: ""; }
.fa-caret-down:before {
content: ""; }
.fa-caret-up:before {
content: ""; }
.fa-caret-left:before {
content: ""; }
.fa-caret-right:before {
content: ""; }
.fa-columns:before {
content: ""; }
.fa-unsorted:before,
.fa-sort:before {
content: ""; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: ""; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: ""; }
.fa-envelope:before {
content: ""; }
.fa-linkedin:before {
content: ""; }
.fa-rotate-left:before,
.fa-undo:before {
content: ""; }
.fa-legal:before,
.fa-gavel:before {
content: ""; }
.fa-dashboard:before,
.fa-tachometer:before {
content: ""; }
.fa-comment-o:before {
content: ""; }
.fa-comments-o:before {
content: ""; }
.fa-flash:before,
.fa-bolt:before {
content: ""; }
.fa-sitemap:before {
content: ""; }
.fa-umbrella:before {
content: ""; }
.fa-paste:before,
.fa-clipboard:before {
content: ""; }
.fa-lightbulb-o:before {
content: ""; }
.fa-exchange:before {
content: ""; }
.fa-cloud-download:before {
content: ""; }
.fa-cloud-upload:before {
content: ""; }
.fa-user-md:before {
content: ""; }
.fa-stethoscope:before {
content: ""; }
.fa-suitcase:before {
content: ""; }
.fa-bell-o:before {
content: ""; }
.fa-coffee:before {
content: ""; }
.fa-cutlery:before {
content: ""; }
.fa-file-text-o:before {
content: ""; }
.fa-building-o:before {
content: ""; }
.fa-hospital-o:before {
content: ""; }
.fa-ambulance:before {
content: ""; }
.fa-medkit:before {
content: ""; }
.fa-fighter-jet:before {
content: ""; }
.fa-beer:before {
content: ""; }
.fa-h-square:before {
content: ""; }
.fa-plus-square:before {
content: ""; }
.fa-angle-double-left:before {
content: ""; }
.fa-angle-double-right:before {
content: ""; }
.fa-angle-double-up:before {
content: ""; }
.fa-angle-double-down:before {
content: ""; }
.fa-angle-left:before {
content: ""; }
.fa-angle-right:before {
content: ""; }
.fa-angle-up:before {
content: ""; }
.fa-angle-down:before {
content: ""; }
.fa-desktop:before {
content: ""; }
.fa-laptop:before {
content: ""; }
.fa-tablet:before {
content: ""; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: ""; }
.fa-circle-o:before {
content: ""; }
.fa-quote-left:before {
content: ""; }
.fa-quote-right:before {
content: ""; }
.fa-spinner:before {
content: ""; }
.fa-circle:before {
content: ""; }
.fa-mail-reply:before,
.fa-reply:before {
content: ""; }
.fa-github-alt:before {
content: ""; }
.fa-folder-o:before {
content: ""; }
.fa-folder-open-o:before {
content: ""; }
.fa-smile-o:before {
content: ""; }
.fa-frown-o:before {
content: ""; }
.fa-meh-o:before {
content: ""; }
.fa-gamepad:before {
content: ""; }
.fa-keyboard-o:before {
content: ""; }
.fa-flag-o:before {
content: ""; }
.fa-flag-checkered:before {
content: ""; }
.fa-terminal:before {
content: ""; }
.fa-code:before {
content: ""; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: ""; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: ""; }
.fa-location-arrow:before {
content: ""; }
.fa-crop:before {
content: ""; }
.fa-code-fork:before {
content: ""; }
.fa-unlink:before,
.fa-chain-broken:before {
content: ""; }
.fa-question:before {
content: ""; }
.fa-info:before {
content: ""; }
.fa-exclamation:before {
content: ""; }
.fa-superscript:before {
content: ""; }
.fa-subscript:before {
content: ""; }
.fa-eraser:before {
content: ""; }
.fa-puzzle-piece:before {
content: ""; }
.fa-microphone:before {
content: ""; }
.fa-microphone-slash:before {
content: ""; }
.fa-shield:before {
content: ""; }
.fa-calendar-o:before {
content: ""; }
.fa-fire-extinguisher:before {
content: ""; }
.fa-rocket:before {
content: ""; }
.fa-maxcdn:before {
content: ""; }
.fa-chevron-circle-left:before {
content: ""; }
.fa-chevron-circle-right:before {
content: ""; }
.fa-chevron-circle-up:before {
content: ""; }
.fa-chevron-circle-down:before {
content: ""; }
.fa-html5:before {
content: ""; }
.fa-css3:before {
content: ""; }
.fa-anchor:before {
content: ""; }
.fa-unlock-alt:before {
content: ""; }
.fa-bullseye:before {
content: ""; }
.fa-ellipsis-h:before {
content: ""; }
.fa-ellipsis-v:before {
content: ""; }
.fa-rss-square:before {
content: ""; }
.fa-play-circle:before {
content: ""; }
.fa-ticket:before {
content: ""; }
.fa-minus-square:before {
content: ""; }
.fa-minus-square-o:before {
content: ""; }
.fa-level-up:before {
content: ""; }
.fa-level-down:before {
content: ""; }
.fa-check-square:before {
content: ""; }
.fa-pencil-square:before {
content: ""; }
.fa-external-link-square:before {
content: ""; }
.fa-share-square:before {
content: ""; }
.fa-compass:before {
content: ""; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: ""; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: ""; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: ""; }
.fa-euro:before,
.fa-eur:before {
content: ""; }
.fa-gbp:before {
content: ""; }
.fa-dollar:before,
.fa-usd:before {
content: ""; }
.fa-rupee:before,
.fa-inr:before {
content: ""; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: ""; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: ""; }
.fa-won:before,
.fa-krw:before {
content: ""; }
.fa-bitcoin:before,
.fa-btc:before {
content: ""; }
.fa-file:before {
content: ""; }
.fa-file-text:before {
content: ""; }
.fa-sort-alpha-asc:before {
content: ""; }
.fa-sort-alpha-desc:before {
content: ""; }
.fa-sort-amount-asc:before {
content: ""; }
.fa-sort-amount-desc:before {
content: ""; }
.fa-sort-numeric-asc:before {
content: ""; }
.fa-sort-numeric-desc:before {
content: ""; }
.fa-thumbs-up:before {
content: ""; }
.fa-thumbs-down:before {
content: ""; }
.fa-youtube-square:before {
content: ""; }
.fa-youtube:before {
content: ""; }
.fa-xing:before {
content: ""; }
.fa-xing-square:before {
content: ""; }
.fa-youtube-play:before {
content: ""; }
.fa-dropbox:before {
content: ""; }
.fa-stack-overflow:before {
content: ""; }
.fa-instagram:before {
content: ""; }
.fa-flickr:before {
content: ""; }
.fa-adn:before {
content: ""; }
.fa-bitbucket:before {
content: ""; }
.fa-bitbucket-square:before {
content: ""; }
.fa-tumblr:before {
content: ""; }
.fa-tumblr-square:before {
content: ""; }
.fa-long-arrow-down:before {
content: ""; }
.fa-long-arrow-up:before {
content: ""; }
.fa-long-arrow-left:before {
content: ""; }
.fa-long-arrow-right:before {
content: ""; }
.fa-apple:before {
content: ""; }
.fa-windows:before {
content: ""; }
.fa-android:before {
content: ""; }
.fa-linux:before {
content: ""; }
.fa-dribbble:before {
content: ""; }
.fa-skype:before {
content: ""; }
.fa-foursquare:before {
content: ""; }
.fa-trello:before {
content: ""; }
.fa-female:before {
content: ""; }
.fa-male:before {
content: ""; }
.fa-gittip:before {
content: ""; }
.fa-sun-o:before {
content: ""; }
.fa-moon-o:before {
content: ""; }
.fa-archive:before {
content: ""; }
.fa-bug:before {
content: ""; }
.fa-vk:before {
content: ""; }
.fa-weibo:before {
content: ""; }
.fa-renren:before {
content: ""; }
.fa-pagelines:before {
content: ""; }
.fa-stack-exchange:before {
content: ""; }
.fa-arrow-circle-o-right:before {
content: ""; }
.fa-arrow-circle-o-left:before {
content: ""; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""; }
.fa-dot-circle-o:before {
content: ""; }
.fa-wheelchair:before {
content: ""; }
.fa-vimeo-square:before {
content: ""; }
.fa-turkish-lira:before,
.fa-try:before {
content: ""; }
.fa-plus-square-o:before {
content: ""; }
.fa-space-shuttle:before {
content: ""; }
.fa-slack:before {
content: ""; }
.fa-envelope-square:before {
content: ""; }
.fa-wordpress:before {
content: ""; }
.fa-openid:before {
content: ""; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: ""; }
.fa-yahoo:before {
content: ""; }
.fa-google:before {
content: ""; }
.fa-reddit:before {
content: ""; }
.fa-reddit-square:before {
content: ""; }
.fa-stumbleupon-circle:before {
content: ""; }
.fa-stumbleupon:before {
content: ""; }
.fa-delicious:before {
content: ""; }
.fa-digg:before {
content: ""; }
.fa-pied-piper:before {
content: ""; }
.fa-pied-piper-alt:before {
content: ""; }
.fa-drupal:before {
content: ""; }
.fa-joomla:before {
content: ""; }
.fa-language:before {
content: ""; }
.fa-fax:before {
content: ""; }
.fa-building:before {
content: ""; }
.fa-child:before {
content: ""; }
.fa-paw:before {
content: ""; }
.fa-spoon:before {
content: ""; }
.fa-cube:before {
content: ""; }
.fa-cubes:before {
content: ""; }
.fa-behance:before {
content: ""; }
.fa-behance-square:before {
content: ""; }
.fa-steam:before {
content: ""; }
.fa-steam-square:before {
content: ""; }
.fa-recycle:before {
content: ""; }
.fa-automobile:before,
.fa-car:before {
content: ""; }
.fa-cab:before,
.fa-taxi:before {
content: ""; }
.fa-tree:before {
content: ""; }
.fa-spotify:before {
content: ""; }
.fa-deviantart:before {
content: ""; }
.fa-soundcloud:before {
content: ""; }
.fa-database:before {
content: ""; }
.fa-file-pdf-o:before {
content: ""; }
.fa-file-word-o:before {
content: ""; }
.fa-file-excel-o:before {
content: ""; }
.fa-file-powerpoint-o:before {
content: ""; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""; }
.fa-file-code-o:before {
content: ""; }
.fa-vine:before {
content: ""; }
.fa-codepen:before {
content: ""; }
.fa-jsfiddle:before {
content: ""; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: ""; }
.fa-circle-o-notch:before {
content: ""; }
.fa-ra:before,
.fa-rebel:before {
content: ""; }
.fa-ge:before,
.fa-empire:before {
content: ""; }
.fa-git-square:before {
content: ""; }
.fa-git:before {
content: ""; }
.fa-hacker-news:before {
content: ""; }
.fa-tencent-weibo:before {
content: ""; }
.fa-qq:before {
content: ""; }
.fa-wechat:before,
.fa-weixin:before {
content: ""; }
.fa-send:before,
.fa-paper-plane:before {
content: ""; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""; }
.fa-history:before {
content: ""; }
.fa-circle-thin:before {
content: ""; }
.fa-header:before {
content: ""; }
.fa-paragraph:before {
content: ""; }
.fa-sliders:before {
content: ""; }
.fa-share-alt:before {
content: ""; }
.fa-share-alt-square:before {
content: ""; }
.fa-bomb:before {
content: ""; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""; }
.fa-tty:before {
content: ""; }
.fa-binoculars:before {
content: ""; }
.fa-plug:before {
content: ""; }
.fa-slideshare:before {
content: ""; }
.fa-twitch:before {
content: ""; }
.fa-yelp:before {
content: ""; }
.fa-newspaper-o:before {
content: ""; }
.fa-wifi:before {
content: ""; }
.fa-calculator:before {
content: ""; }
.fa-paypal:before {
content: ""; }
.fa-google-wallet:before {
content: ""; }
.fa-cc-visa:before {
content: ""; }
.fa-cc-mastercard:before {
content: ""; }
.fa-cc-discover:before {
content: ""; }
.fa-cc-amex:before {
content: ""; }
.fa-cc-paypal:before {
content: ""; }
.fa-cc-stripe:before {
content: ""; }
.fa-bell-slash:before {
content: ""; }
.fa-bell-slash-o:before {
content: ""; }
.fa-trash:before {
content: ""; }
.fa-copyright:before {
content: ""; }
.fa-at:before {
content: ""; }
.fa-eyedropper:before {
content: ""; }
.fa-paint-brush:before {
content: ""; }
.fa-birthday-cake:before {
content: ""; }
.fa-area-chart:before {
content: ""; }
.fa-pie-chart:before {
content: ""; }
.fa-line-chart:before {
content: ""; }
.fa-lastfm:before {
content: ""; }
.fa-lastfm-square:before {
content: ""; }
.fa-toggle-off:before {
content: ""; }
.fa-toggle-on:before {
content: ""; }
.fa-bicycle:before {
content: ""; }
.fa-bus:before {
content: ""; }
.fa-ioxhost:before {
content: ""; }
.fa-angellist:before {
content: ""; }
.fa-cc:before {
content: ""; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""; }
.fa-meanpath:before {
content: ""; }
/**
* She’s all yours, cap’n... Begin importing your stuff here.
*
* Well thank you sir!
*/
@media only screen and (max-width: 480px) {
.push--palm {
margin: 20px !important; }
.push--top--palm {
margin-top: 20px !important; }
.push--right--palm {
margin-right: 20px !important; }
.push--bottom--palm {
margin-bottom: 20px !important; }
.push--left--palm {
margin-left: 20px !important; }
.push--ends--palm {
margin-top: 20px !important;
margin-bottom: 20px !important; }
.push--sides--palm {
margin-right: 20px !important;
margin-left: 20px !important; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.push--lap {
margin: 20px !important; }
.push--top--lap {
margin-top: 20px !important; }
.push--right--lap {
margin-right: 20px !important; }
.push--bottom--lap {
margin-bottom: 20px !important; }
.push--left--lap {
margin-left: 20px !important; }
.push--ends--lap {
margin-top: 20px !important;
margin-bottom: 20px !important; }
.push--sides--lap {
margin-right: 20px !important;
margin-left: 20px !important; } }
.ui-header {
position: relative;
overflow: hidden;
padding: 10px 10px 0 5px;
height: 80px; }
.ui-header .header-explanation-text {
font-size: 10px;
font-style: italic;
width: 200px;
padding-top: 5px;
text-align: center;
padding-left: 50px; }
.ui-header .ui-header-logotype {
vertical-align: middle; }
.ui-header .ui-header-logotype img {
margin: 5px 0 0px 0;
max-width: 300px;
vertical-align: middle; }
.ui-header .ui-header-logotype span {
position: absolute;
right: 10px;
bottom: -9px;
font-size: 10px;
font-weight: 500;
font-style: italic; }
.ui-header .ui-header-citytext {
background: -webkit-linear-gradient(left, #efefef, #e45e33);
background: -o-linear-gradient(left, #efefef, #e45e33);
background: -moz-linear-gradient(left, #efefef, #e45e33);
background: linear-gradient(left, #efefef, #e45e33);
background-color: #e45e33;
padding: 1px 5px 1px 0;
font-size: 11px;
position: absolute;
bottom: 3px;
border-radius: 3px;
width: 100%;
text-align: right;
color: #fff;
z-index: 1;
left: 0; }
.ui-header #ui-header-splash {
background: url("/assets/img/splash.png");
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
top: 0px;
right: 27%;
width: 324px;
height: 80px; }
.ui-header #ui-header-splash > span {
display: inline-block;
padding: 24px 0 0 45px;
color: #fff;
font-weight: 500;
text-align: center; }
.ui-header #ui-header-siluette {
position: absolute;
right: 0px;
height: 80px;
bottom: 0px; }
.ui-header #ui-header-siluette > img {
border: none;
height: 70px;
margin-top: 10px;
width: auto; }
.ui-header #ui-header-siluette .siluette-crowd {
height: 80px; }
.ui-header #lang-switcher {
position: absolute;
right: 8px;
top: 8px;
width: 25px; }
.ui-breadcrumbs {
background-color: #fff;
padding: 5px 10px; }
.ui-breadcrumbs ul {
list-style: none;
margin: 0;
width: 100%; }
.ui-breadcrumbs ul li {
display: inline-block;
text-transform: uppercase;
font-size: 11px;
color: #bbb; }
/* Splash header special */
@media only screen and (min-width: 481px) and (max-width: 690px) {
.ui-header #ui-header-splash {
z-index: 50;
right: 5% !important; } }
@media only screen and (max-width: 480px) {
.ui-header {
height: 45px;
padding: 8px 0 0 0; }
.ui-header .ui-header-logotype img {
margin: -4px 0 0 10px;
max-width: 100px; }
.ui-header #ui-header-splash {
display: none; }
.ui-header #ui-header-siluette {
right: -65%; }
.ui-header #ui-header-siluette .siluette-crowd {
height: 105px;
margin-top: 24px; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.ui-header #ui-header-splash {
right: 185px; }
.ui-header #ui-header-siluette {
right: -10%; } }
.ui-main-nav {
list-style: none;
margin: 0 0 1px 0;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px; }
.ui-main-nav .ui-nav-item {
float: left;
min-width: 5%;
padding: 0 10px 0 10px;
height: 60px;
background: #000;
text-transform: uppercase;
border-right: 1px solid #FFF;
text-align: center;
display: inline;
/*width: 100%;*/ }
.ui-main-nav .ui-nav-item strong {
font-weight: 400; }
.ui-main-nav .ui-nav-item .nav-search-field {
width: 80%;
float: left;
margin-top: 8px; }
.ui-main-nav .ui-nav-item .ui-nav-pin {
width: 20%;
float: left;
text-align: right;
margin-top: 8px; }
.ui-main-nav .ui-nav-item .menu-pin {
width: 42px;
height: 42px;
background-color: #EAEAEA;
border: 2px solid #999;
background-image: none;
border-radius: 4px;
display: inline-block;
font-size: 20px;
line-height: 33px; }
.ui-main-nav .ui-nav-item .menu-pin div {
background-color: #333;
background: -webkit-linear-gradient(#444, #000);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#444, #000);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#444, #000);
/* For Firefox 3.6 to 15 */
background: linear-gradient(#444, #000);
/* Standard syntax */
border: 2px solid #000;
display: block;
height: 38px;
width: 38px;
border-radius: 3px;
text-align: center; }
.ui-main-nav .ui-nav-item a, .ui-main-nav .ui-nav-item strong {
line-height: 60px;
display: block;
color: #FFF;
text-decoration: none;
cursor: pointer; }
.ui-main-nav .ui-nav-item:last-child {
border-right: none; }
.ui-main-nav .ui-nav-item:hover {
background: #000; }
.ui-main-nav .ui-nav-active {
background: #3397DA; }
.ui-main-nav .ui-nav-active:hover {
background: #3397DA; }
.ui-main-nav .ui-nav-active a {
cursor: default; }
.ui-main-nav .ui-active-item {
background: #000; }
.ui-main-nav .active-nav {
background: #E74C3C; }
.ui-main-nav .active-nav:hover {
background: #E74C3C; }
.menu-search {
height: 42px;
background-color: #EAEAEA;
border-left: 2px solid #999;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
border-right: 0;
background-image: none;
border-radius: 4px 0px 0px 4px;
font-family: Roboto-Regular,Arial;
width: 100%;
padding-left: 10px;
position: relative; }
.menu-magnify-wrapper {
float: right;
height: 100%;
display: block; }
.menu-magnify-wrapper .menu-magnify {
width: 46px;
height: 42px;
background-color: #EAEAEA;
border-right: 2px solid #999;
border-top: 2px solid #999;
border-bottom: 2px solid #999;
background-image: none;
border-radius: 0px 4px 4px 0px;
display: inline-block;
font-size: 20px;
line-height: 30px; }
.menu-magnify-wrapper .menu-magnify div {
background-color: #333;
background: -webkit-linear-gradient(#444, #000);
/* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#444, #000);
/* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#444, #000);
/* For Firefox 3.6 to 15 */
background: linear-gradient(#444, #000);
/* Standard syntax */
border: 2px solid #000;
display: block;
height: 38px;
width: 44px;
border-radius: 0px 3px 3px 0px;
font-family: symbols;
color: #fff;
text-align: center; }
.menu-magnify-wrapper .menu-magnify input[type=submit] {
font-family: symbols;
color: #fff;
text-align: center;
background: transparent;
border: 0; }
.subnav-searchbox {
width: 100%;
padding: 10px 10px 10px 10px;
background-color: #fff;
display: none; }
.subnav-city, .subnav-more {
display: none;
padding: 10px;
border-bottom: 5px solid #37BC9B;
width: 100%;
left: 0px;
z-index: 11;
position: absolute;
background-color: #fff; }
.subnav-city .subnav-city-item a, .subnav-city .subnav-more-item a, .subnav-more .subnav-city-item a, .subnav-more .subnav-more-item a {
line-height: 30px;
display: block;
color: #333;
text-decoration: none;
cursor: pointer;
text-align: left;
font-weight: 500;
font-size: 16px;
text-transform: uppercase; }
.subnav-city .subnav-city-item a:hover, .subnav-city .subnav-more-item a:hover, .subnav-more .subnav-city-item a:hover, .subnav-more .subnav-more-item a:hover {
text-decoration: underline; }
.subnav-geo {
display: none;
padding: 10px;
border-bottom: 5px solid #37BC9B;
width: 250px;
right: 0px;
z-index: 11;
position: absolute;
background-color: #fff; }
.subnav-geo ul {
list-style: none;
width: 100%; }
.subnav-geo ul li {
display: block;
padding: 4px 10px 4px 10px; }
.subnav-geo ul li a {
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
text-decoration: none; }
.subnav-geo ul li a span {
font-size: 10px;
text-transform: lowercase;
color: #aaa; }
.subnav-geo ul li a:hover {
text-decoration: underline; }
.subnav-search {
display: none;
padding: 10px;
border-bottom: 5px solid #37BC9B;
right: 5%;
z-index: 11;
position: absolute;
background-color: #fff;
font-size: 14px; }
.subnav-search .subnav-search-header {
padding: 5px;
background-color: #37BC9B;
font-size: 14px;
font-weight: 500;
color: #fff; }
.subnav-search ul {
list-style: none;
width: 100%; }
.subnav-search ul li {
display: block;
padding: 4px 10px 4px 10px; }
.subnav-search ul li a {
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
text-decoration: none;
line-height: 14px; }
.subnav-search ul li a .subnav-search-event {
font-size: 14px;
display: block; }
.subnav-search ul li a .subnav-search-amount {
font-size: 10px;
color: #a5a5a5; }
.subnav-search ul li a .subnav-search-subcity {
font-size: 10px;
color: #a5a5a5; }
.subnav-search ul li a:hover {
text-decoration: underline; }
.ui-subnav-container {
position: relative;
left: 35%; }
.ui-subnav-container > .ui-sub-nav {
display: none;
position: absolute;
width: 25%;
margin: 0;
padding: 0 1px 0 0;
height: 500px;
overflow-y: auto; }
.ui-subnav-container > .ui-sub-nav > .ui-nav-item {
width: 100%;
background: #000;
border-right: none;
border-top: 1px solid #FFF; }
.ui-subnav-container > .ui-sub-nav > .ui-nav-item:hover {
background: #222; }
.ui-subnav-container > .ui-sub-nav > .ui-nav-item:first-child, .ui-subnav-container > .ui-sub-nav > .ui-nav-item:only-child {
border-top: none; }
.ui-subnav-container > .ui-sub-nav:nth-child(2) {
margin: 0 0 0 25%; }
.ui-subnav-container > .ui-sub-nav:nth-child(3) {
margin: 0 0 0 50%; }
.ui-subnav-container > .ui-sub-nav:nth-child(4) {
margin: 0 0 0 75%; }
.ui-subnav-container > .ui-subnav-active {
display: block; }
@media only screen and (max-width: 1023px) {
.ui-main-nav {
margin: 0;
font-size: 14px; }
.ui-subnav-container {
margin: 0; }
.ui-subnav-container > .ui-sub-nav {
width: 100%;
padding: 0; }
.ui-subnav-container > .ui-sub-nav > .ui-nav-item {
padding: 0 0 0 20px;
text-align: left; }
.ui-subnav-container > .ui-sub-nav:nth-child(2), .ui-subnav-container > .ui-sub-nav:nth-child(3), .ui-subnav-container > .ui-sub-nav:nth-child(4) {
margin: 0 0 0 0; }
.subnav-search {
right: 10%; } }
@media only screen and (max-width: 480px) {
.subnav-city, .subnav-more {
/*overflow-y: auto;
position: fixed;*/
position: relative;
height: 100%;
padding: 1px 0 109px 0;
border: 0;
-webkit-overflow-scrolling: touch; }
.subnav-city .subnav-city-item, .subnav-city .subnav-more-item, .subnav-more .subnav-city-item, .subnav-more .subnav-more-item {
margin-left: 0px !important;
padding-left: 0px !important; }
.subnav-city .subnav-city-item a, .subnav-city .subnav-more-item a, .subnav-more .subnav-city-item a, .subnav-more .subnav-more-item a {
font-weight: 500;
font-size: 14px;
border-bottom: 1px solid #e5e5e5;
background-color: #333;
color: #fff;
padding: 8px 5px 8px 10px; }
.subnav-city .subnav-city-item a:hover, .subnav-city .subnav-more-item a:hover, .subnav-more .subnav-city-item a:hover, .subnav-more .subnav-more-item a:hover {
text-decoration: none;
background-color: #000; }
.subnav-geo {
width: 100%;
position: absolute; }
.subnav-geo ul li {
padding: 0px;
border-bottom: 1px solid #e5e5e5; }
.subnav-geo ul li:last-child {
border-bottom: 0; }
.subnav-geo ul li a {
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
text-decoration: none;
line-height: 30px; }
.subnav-geo ul li a:hover {
text-decoration: none; }
.subnav-search {
position: absolute;
padding: 10px;
border-bottom: 5px solid #37BC9B;
width: 100%;
right: 0; }
.subnav-search ul li {
display: block;
padding: 4px 10px 4px 10px;
border-bottom: 1px solid #e5e5e5; }
.subnav-search ul li:last-child {
border-bottom: 0; }
.subnav-search ul li a {
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
text-decoration: none; }
.subnav-search ul li a .subnav-search-event {
padding-top: 5px;
font-size: 14px;
display: block; }
.subnav-search ul li a .subnav-search-amount {
font-size: 10px;
color: #a5a5a5; }
.subnav-search ul li a .subnav-search-subcity {
font-size: 10px;
color: #a5a5a5; }
.subnav-search ul li a:hover {
text-decoration: underline; } }
.noje-footer .noje-footer-container {
background: #3a3a3a;
padding: 20px;
color: #fff;
display: table;
width: 100%; }
.noje-footer .noje-footer-container .noje-footer-address {
display: table-cell;
vertical-align: middle; }
.noje-footer .noje-footer-container .noje-footer-address span {
display: block;
/**/ }
.noje-footer .noje-footer-container .noje-footer-address .noje-footer-address-info {
display: block; }
.noje-footer .noje-footer-container .noje-footer-address .noje-footer-address-social {
margin: auto;
display: block;
font-size: 24px;
color: #ccc;
padding-top: 10px; }
.noje-footer .noje-footer-container .noje-footer-address .noje-footer-address-social ul {
display: inline-block;
margin: auto;
list-style: none; }
.noje-footer .noje-footer-container .noje-footer-address .noje-footer-address-social ul li {
float: left;
display: inline-block; }
.noje-footer .noje-footer-container .noje-footer-address .noje-footer-address-social ul li:before {
margin: 0; }
.noje-footer .noje-footer-container .noje-footer-logo {
display: table-cell;
vertical-align: middle; }
.noje-footer .noje-footer-container .noje-footer-logo .noje-footer-logo-background {
padding-left: 0px; }
.noje-footer .noje-footer-container .noje-footer-logo .noje-footer-logo-background .noje-footer-logo-container {
width: 28%;
float: left; }
.noje-footer .noje-footer-container .noje-footer-logo .noje-footer-logo-background .noje-footer-logo-container img {
width: 100%; }
.noje-footer .noje-footer-container .noje-footer-logo .noje-footer-logo-background .noje-footer-text {
padding-left: 10px;
font-weight: 700;
width: 65%;
float: left; }
.noje-footer .noje-footer-container .noje-footer-logo .noje-footer-logo-background .noje-footer-text a {
color: #fff; }
.noje-footer .noje-footer-container .noje-footer-list {
display: table-cell;
vertical-align: middle; }
.noje-footer .noje-footer-container .noje-footer-list ul {
list-style: none;
margin-right: 20px;
display: inline-block; }
.noje-footer .noje-footer-container .noje-footer-list ul li {
border-bottom: 1px solid #92503B;
display: block;
padding-bottom: 3px; }
.noje-footer .noje-footer-container .noje-footer-list ul li a {
font-size: 14px;
font-weight: 700;
color: #E15D32;
text-decoration: none;
cursor: pointer; }
.noje-footer .noje-footer-container .noje-footer-list ul li:last-child {
border-bottom: 0; }
.ui-footer {
margin: 50px 0 0 0;
background: #F7F7F7;
border-top: 1px solid #C7C8CA;
height: 318px; }
.ui-footer p {
color: #FFF;
line-height: 50px;
text-transform: uppercase; }
.ui-footer .footer-links {
padding: 50px 0 50px 0;
text-align: center; }
.ui-footer .footer-links strong {
font-size: 28px;
color: #414042;
font-weight: bold;
text-transform: uppercase;
display: block;
text-align: center; }
.ui-footer .footer-links ul {
list-style: none; }
.ui-footer .footer-links li {
text-align: center; }
.ui-footer .footer-links li > a {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #414042;
text-decoration: none; }
.ui-footer .footer-links .copyright {
margin: -10px 0 0 0;
background: #000; }
.ui-footer .footer-links .link-collection {
display: inline-block;
width: 18%;
border-right: 1px solid #C7C8CA; }
.ui-footer .footer-links .link-collection:last-child {
border-right: none; }
.ui-footer .siluette-footer {
margin: 80px 0 0 0;
background: #333; }
.ui-footer .siluette-footer > .width-container {
position: relative;
text-align: center; }
.ui-footer .siluette-footer > .width-container > #ui-footer-siluette {
position: absolute;
bottom: 100%;
right: 0;
width: 100%; }
.ui-footer .siluette-footer > .width-container > #ui-footer-siluette > img {
border: none; }
.ui-footer .siluette-footer > .width-container > ul {
list-style: none;
padding: 20px 0 20px 0;
color: #FFF; }
.ui-footer .siluette-footer > .width-container > ul > li {
display: inline;
text-transform: uppercase; }
.ui-footer .siluette-footer > .width-container > ul > li span {
font-weight: bold; }
.ui-footer .siluette-footer > .width-container > ul > li a {
color: #FFF;
text-decoration: none; }
.ui-footer .siluette-footer > .width-container > ul > li:after {
content: "\00a0/\00a0"; }
.ui-footer .siluette-footer > .width-container > ul > li:last-child:after {
content: none; }
.ui-footer.sv {
margin: 60px 0 0 0;
background: #333;
height: 50px;
position: relative; }
.ui-footer.sv p {
color: #FFF;
line-height: 50px;
text-transform: uppercase; }
.ui-footer.sv #ui-footer-siluette {
width: 500px;
position: absolute;
right: 0;
top: -65px; }
.ui-footer.sv #ui-footer-siluette > img {
border: none; }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.noje-footer .noje-footer-container {
display: block;
padding: 10px; }
.noje-footer .noje-footer-container .noje-footer-list, .noje-footer .noje-footer-container .noje-footer-logo, .noje-footer .noje-footer-container .noje-footer-address {
text-align: center;
display: block; }
.noje-footer .noje-footer-container .noje-footer-list .noje-footer-address-info, .noje-footer .noje-footer-container .noje-footer-logo .noje-footer-address-info, .noje-footer .noje-footer-container .noje-footer-address .noje-footer-address-info {
margin-top: 15px; }
.noje-footer .noje-footer-container .noje-footer-logo {
width: 70%;
margin: auto; }
.noje-footer .noje-footer-container .noje-footer-logo .noje-footer-logo-background {
padding-left: 0px;
padding-top: 15px; }
.noje-footer .noje-footer-container .noje-footer-logo .noje-footer-logo-background .noje-footer-logo-container img {
width: 150px; }
.noje-footer .noje-footer-container .noje-footer-address span {
display: inline-block;
margin-right: 10px; }
.noje-footer .noje-footer-container .noje-footer-address .noje-footer-address-social {
padding-top: 0; }
.noje-footer .noje-footer-container .noje-footer-list ul li {
display: inline-block;
margin-right: 20px;
border: 0; }
.ui-footer .footer-links .link-collection {
width: 24%; } }
@media only screen and (max-width: 480px) {
.noje-footer .noje-footer-container {
display: block;
padding: 10px; }
.noje-footer .noje-footer-container .noje-footer-list, .noje-footer .noje-footer-container .noje-footer-logo, .noje-footer .noje-footer-container .noje-footer-address {
text-align: center;
display: block; }
.noje-footer .noje-footer-container .noje-footer-address span {
display: inline-block;
margin-right: 10px; }
.noje-footer .noje-footer-container .noje-footer-address .noje-footer-address-social {
padding-top: 0; }
.noje-footer .noje-footer-container .noje-footer-logo .noje-footer-logo-background {
background: 0;
padding-left: 0;
height: auto;
margin-top: 10px;
margin-bottom: 20px; }
.noje-footer .noje-footer-container .noje-footer-logo .noje-footer-logo-background .noje-footer-logo-container {
margin-top: 0; }
.noje-footer .noje-footer-container .noje-footer-logo .noje-footer-logo-background .noje-footer-text {
width: 72%;
padding-top: 5px; }
.noje-footer .noje-footer-container .noje-footer-list ul li {
display: inline-block;
margin-right: 20px;
border: 0; }
.noje-footer .noje-footer-container .noje-footer-list ul li:last-child {
margin: 0; }
.noje-footer .noje-footer-container .noje-footer-list ul li a {
font-size: 12px; }
.ui-footer {
height: 361px; }
.ui-footer .footer-links {
padding: 30px 0 50px 0; }
.ui-footer .footer-links .link-collection {
float: left;
width: 50%; }
.ui-footer .footer-links .link-collection:nth-child(-n+2) {
border-bottom: 1px solid #C7C8CA;
padding: 0 0 20px 0; }
.ui-footer .footer-links .link-collection:nth-child(n+3) {
padding: 20px 0 0 0; }
.ui-footer .siluette-footer {
margin: 20px 0 0 0; }
.ui-footer.sv #ui-footer-siluette {
width: 100%;
top: -45px; } }
.site-push {
min-height: 100%;
margin-bottom: -341px; }
.site-push:after {
height: 341px;
display: block;
content: ""; }
.site-push.sv {
margin-bottom: -75px; }
.site-push.sv:after {
height: 75px; }
@media only screen and (max-width: 480px) {
.site-push {
margin-bottom: -384px; }
.site-push:after {
height: 384px;
display: block;
content: ""; }
.site-push.sv {
margin-bottom: -95px; }
.site-push.sv:after {
height: 95px; } }
.ui-gen-list {
font-weight: 300; }
.ui-gen-list .ui-gen-list-item {
padding: 10px 0;
background: #FFF;
border: 1px solid #EDEDED;
margin: 0 0 10px 0; }
.ui-gen-list .ui-gen-list-item:last-child {
margin: 0 0 20px 0; }
.ui-gen-list .ui-gen-list-item h3 {
font-size: 36px;
line-height: 30px;
font-weight: 300;
text-overflow: clip;
text-transform: uppercase;
margin: 0 0 10px 0; }
.ui-gen-list .ui-gen-list-item .address-details {
text-transform: uppercase;
font-size: 11px;
line-height: 17px; }
.ui-gen-list .ui-gen-list-item .address-details > span {
display: block; }
.ui-gen-list .ui-gen-list-item p {
margin: 10px 0 0 0; }
.ui-gen-list-v2 {
list-style: none; }
.ui-gen-list-v2 .ui-gen-list-item {
border-bottom: 1px solid #C7C8CA;
padding: 40px 0 40px 0;
font-size: 12px; }
.ui-gen-list-v2 .ui-gen-list-item:last-child, .ui-gen-list-v2 .ui-gen-list-item:only-child {
border-bottom: none; }
.ui-gen-list-v2 .ui-gen-list-item h3 {
font-size: 30px;
line-height: 30px;
font-weight: 300;
text-overflow: clip;
text-transform: uppercase;
margin: 0 0 10px 0; }
.ui-gen-list-v2 .ui-gen-list-item .go {
text-decoration: none;
text-transform: uppercase;
margin: 10px 0 0 0;
display: inline-block;
font-weight: bold; }
.ui-gen-list-v2 .ui-gen-list-item .go:hover {
text-decoration: underline; }
.ui-gen-list-v2 .ui-gen-list-item .ui-gen-image {
margin: 0 20px 0 0; }
.ui-gen-widget-list {
list-style: none;
border: 1px solid #C7C8CA; }
.ui-gen-widget-list > li {
padding: 10px 0 10px 15px;
text-transform: uppercase;
background: #FFF;
border-bottom: 1px solid #C7C8CA;
font-size: 11px;
font-weight: bold; }
.ui-gen-widget-list > li > a {
color: #414042;
text-decoration: none; }
.ui-gen-widget-list > li:last-child {
border-bottom: none; }
.ui-gen-widget-list .ui-gen-widget-active {
background: #E74C3C;
color: #FFF; }
@media only screen and (max-width: 480px) {
.ui-gen-list .ui-gen-list-item h3 {
font-size: 24px; }
.ui-gen-list-v2 .ui-gen-list-item > .grid__item {
padding-left: 0; }
.ui-gen-list-v2 .ui-gen-list-item .ui-gen-image {
margin: 0 10px 10px 0; }
.ui-gen-list-v2 .ui-gen-list-item .body {
float: left; }
.ui-gen-list-v2 .ui-gen-list-item h3 {
margin: 0;
font-size: 24px; } }
.ui-gen-single {
margin: 30px 0 0 0; }
.ui-gen-single .preamble {
margin: 10px 0 10px 0; }
.ui-gen-single .body {
padding: 0 15px 0 0; }
.ui-gen-single .body > br {
line-height: 2em; }
.ui-gen-single .facts {
font-weight: bold;
padding: 5px 0 10px 15px;
border-left: 1px solid #E74C3C;
list-style-position: inside; }
.ui-gen-single .facts > h3 {
font-size: 20px; }
.ui-gen-single .facts > ul > li {
padding: 0 0 10px 0;
float: left; }
.ui-gen-single .facts > ul > li:last-child, .ui-gen-single .facts > ul > li:only-child {
padding: 0; }
.ui-gen-article {
padding: 10px 10px 10px 10px;
background: #FFF;
border: 1px solid #C7C8CA; }
.ui-gen-article .preamble {
font-weight: bold; }
.ui-gen-article .body {
margin: 10px 0 0 0; }
.ui-gen-article .body strong {
display: block;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 2px 0; }
.ui-gen-article-v2 {
padding: 30px 0 30px 0; }
.ui-gen-article-v2 .preamble {
margin: 0 0 10px 0; }
.ui-gen-article-v2 .body strong {
display: block; }
@media only screen and (max-width: 1023px) {
.ui-gen-single .facts {
padding: 10px 0 10px 0;
margin: 10px 0 15px 0;
border-left: none;
border-top: 1px solid #E74C3C;
border-bottom: 1px solid #E74C3C; }
.ui-gen-single .facts > ul > li {
padding: 0 10px 10px 10px; }
.ui-gen-article-v2 {
padding: 25px 0 15px 0; } }
@media only screen and (max-width: 480px) {
.ui-gen-single .facts > ul > li {
padding: 0 0 10px 10px; }
.ui-gen-single .facts > ul > li:last-child, .ui-gen-single .facts > ul > li:only-child {
padding: 0 0 0 10px; }
.ui-gen-article-v2 {
padding: 10px 0 15px 0; }
.ui-gen-article-v2 > .grid__item {
padding-left: 0; }
.ui-gen-article-v2 .preamble {
margin: 10px 0 10px 0; } }
.ui-box-event {
background-color: #fff;
padding: 2px 15px 2px 15px; }
.ui-box-event h3 {
font-weight: 100;
line-height: 20px;
margin-bottom: 5px; }
.ui-box-event .ui-box-event-nowrap {
white-space: nowrap; }
.ui-box-event .ui-box-event-wrap {
display: -webkit-flex;
display: -moz-flex;
display: flex;
margin-bottom: 10px; }
.ui-box-event .ui-box-event-imagewrap {
min-width: 40px;
-webkit-flex: 0.1;
-moz-flex: 0.1;
flex: 0.1; }
.ui-box-event .ui-box-event-textwrap {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0; }
.ui-box-event .ui-box-event-title {
font-size: 12px;
font-weight: 600;
text-transform: uppercase; }
.ui-box-event .ui-box-event-place {
font-size: 11px;
font-weight: 100;
color: #aaa; }
.ui-box-event .ui-box-event-link {
background-color: #37bc9b;
padding: 5px;
display: block;
color: #fff;
text-decoration: none; }
.ui-box-event .ui-box-event-image {
width: 30px;
height: 30px;
margin-right: 10px; }
.root-push {
background: #333; }
.root-body {
max-width: 100%; }
.ui-root-main {
padding: 100px 0 0 0;
background: #F7F7F7; }
.ui-root-main #ui-root-logotype {
max-width: 300px;
margin: 0 auto; }
.ui-root-main .ui-language-select {
width: 100%;
max-width: 190px;
margin: 20px auto 30px auto;
list-style: none; }
.ui-root-main .ui-language-select li {
float: left; }
.ui-root-main .ui-language-select li:first-child {
margin: 0 15px 0 0; }
.ui-root-main .ui-language-select li:last-child {
margin: 0 0 0 15px; }
.ui-root-main .ui-language-select li img {
height: 50px;
border: 1px solid #414042; }
.ui-top10 .ui-top10-heading {
color: #FFF;
border-radius: 10px 10px 0 0;
padding: 10px 10px 10px 10px;
font-weight: bold;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
text-align: center;
background-color: #C0392B;
/* Fallback Color */
background-image: -webkit-gradient(linear, left top, left bottom, from(#E74C3C), to(#C0392B));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #E74C3C, #C0392B);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #E74C3C, #C0392B);
/* FF3.6 */
background-image: -ms-linear-gradient(top, #E74C3C, #C0392B);
/* IE10 */
background-image: -o-linear-gradient(top, #E74C3C, #C0392B);
/* Opera 11.10+ */
background-image: linear-gradient(top, #E74C3C, #C0392B);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#E74C3C', EndColorStr='#C0392B'); }
.ui-top10 ul {
border: 1px solid #C7C8CA;
list-style: none; }
.ui-top10 ul > li {
padding: 10px 0 10px 10px;
border-bottom: 1px solid #C7C8CA;
font-weight: 400;
font-size: 15px; }
.ui-top10 ul > li:last-child, .ui-top10 ul > li:only-child {
border-bottom: none; }
.ui-top10 ul > li > span {
color: #C0392B;
display: inline-block;
font-weight: bold;
margin: 0 3px 0 0; }
.ui-top10 ul > li > a {
text-transform: uppercase; }
.ui-adbox {
position: relative; }
.ui-adbox a {
text-decoration: none; }
.ui-adbox .ui-adbox-heading {
color: #FFF;
border-radius: 10px 10px 0 0;
padding: 10px 10px 10px 10px;
font-weight: bold;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
text-align: center;
background-color: #C0392B;
/* Fallback Color */
background-image: -webkit-gradient(linear, left top, left bottom, from(#E74C3C), to(#C0392B));
/* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, #E74C3C, #C0392B);
/* Chrome 10+, Saf5.1+, iOS 5+ */
background-image: -moz-linear-gradient(top, #E74C3C, #C0392B);
/* FF3.6 */
background-image: -ms-linear-gradient(top, #E74C3C, #C0392B);
/* IE10 */
background-image: -o-linear-gradient(top, #E74C3C, #C0392B);
/* Opera 11.10+ */
background-image: linear-gradient(top, #E74C3C, #C0392B);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#E74C3C', EndColorStr='#C0392B'); }
.ui-adbox .info {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(0, 0, 0, 0.6);
color: #FFF;
text-transform: uppercase;
font-size: 12px;
padding: 10px 10px 10px 10px;
font-weight: bold;
text-align: center; }
.airport-adbox {
border: 1px solid #C7C8CA;
border-radius: 10px 10px 10px 10px; }
.airport-adbox a {
text-decoration: none; }
.airport-adbox img {
vertical-align: middle;
border-radius: 10px 0 0 10px; }
.airport-adbox p {
text-transform: uppercase;
font-size: 22px;
line-height: 22px;
text-align: center;
margin: 0 0 0 20px;
display: inline; }
.airport-adbox p strong {
color: #C0392B;
font-weight: bold; }
.checklist ul {
background: #F1F2F2;
border: 1px solid #E6E7E8;
list-style: none;
padding: 10px 0 10px 20px; }
.checklist ul li {
padding: 3px 0 3px 0;
text-transform: uppercase; }
.checklist ul li .fa {
margin: 0 4px 0 0;
color: #C0392B; }
@media only screen and (max-width: 1023px) {
.airport-adbox p {
font-size: 24px;
line-height: 24px;
margin: 0 0 0 20px;
font-weight: bold; }
.airport-adbox p > span {
display: none; }
.checklist ul {
padding: 5px 0 5px 5px; } }
@media only screen and (max-width: 480px) {
.airport-adbox p {
font-size: 18px;
line-height: 18px;
margin: 0 0 0 5px; } }
.ui-ads-main {
margin: 50px 0 0 0;
text-align: center;
width: 100%; }
.cph-adsense {
width: 728px;
height: 90px; }
@media only screen and (max-width: 1023px) {
.ui-ads-main {
width: 100%; }
.cph-adsense {
width: 320px;
height: 100px; } }
html {
height: 100%;
background: #efefef; }
body {
width: 100%;
height: 100%;
font-weight: 300; }
.width-container {
margin: 0 auto;
max-width: 1024px; }
.ios8 {
font-family: ios-8-regular; }
.symbols {
font-family: symbols; }
figure > img {
border: 1px solid #C7C8CA;
width: 100%; }
ul, ol {
margin: 0; }
a {
color: #000;
text-decoration: none; }
a.go:after {
content: " »"; }
.pop-ad figure > img {
border: none; }
.white {
padding: 10px;
background-color: #fff; }
.white-clean {
background-color: #fff; }
/*******
* New container to include ads
*******/
.s-wrapper {
max-width: 1379px;
margin: 0 auto; }
.s-wrapper-left {
float: left;
max-width: 1024px;
width: 100%;
margin: 0 auto; }
.s-wrapper-right {
float: left;
max-width: 300px;
min-width: 180px;
margin: 10px 0 0 20px; }
@media (min-width: 320px) and (max-width: 1224px) {
.s-wrapper-left {
float: none;
max-width: 1024px;
width: 100%;
margin: 0 auto; }
.s-wrapper-right {
display: none; } }
/*******************************/
/*
* City picker
*/
.pick-city {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 98; }
.pick-city .pick-city-background {
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.7;
z-index: 98; }
.pick-city .pick-city-wrapper {
position: absolute;
top: 15%;
z-index: 99;
margin-left: -200px;
left: 50%;
border: 10px solid #fff;
background-color: #efefef;
color: #666;
font-weight: 900;
font-size: 16px;
padding: 20px;
text-align: center; }
.pick-city .pick-city-wrapper .pick-city-close {
border-radius: 25px;
border: 5px solid #fff;
background-color: #000;
color: #fff;
width: 50px;
height: 50px;
padding-top: 7px;
position: absolute;
right: -25px;
top: -25px;
font-size: 20px;
cursor: pointer; }
.pick-city .pick-city-wrapper img {
display: block;
margin-bottom: 10px; }
.pick-city .pick-city-wrapper .pick-city-input {
width: 100%;
padding: 10px;
font-size: 16px;
font-weight: 600;
border: 5px solid #37BC9B;
text-align: center;
margin-top: 5px;
text-transform: uppercase; }
.pick-city .pick-city-wrapper .pick-city-submit {
width: 100%;
padding: 10px;
border: 0px;
background-color: #37BC9B;
color: #fff;
font-weight: 600;
margin-top: 10px; }
.pick-city .pick-city-wrapper .pick-city-list a {
text-decoration: none; }
.pick-city .pick-city-wrapper .pick-city-list a:hover {
text-decoration: underline; }
.pick-city .pick-city-wrapper .pick-city-list a span {
display: block;
padding: 5px; }
.pick-city .pick-city-wrapper .pick-city-list a span i {
color: #c5c5c5;
font-weight: 100; }
.home-banners {
color: #fff;
padding: 30px;
display: block;
text-decoration: none; }
.home-banners .home-banners-icon-wrap {
display: inline-block;
padding-right: 20px;
float: left; }
.home-banners .home-banners-icon-wrap span {
font-size: 24px; }
.home-banners .home-banners-text-wrap {
display: inline-block;
text-align: right;
float: left; }
.home-banners .home-banners-text-wrap .home-banners-text-first {
font-size: 20px;
font-weight: 100;
line-height: 16px;
display: block; }
.home-banners .home-banners-text-wrap .home-banners-text-second {
color: #ddd;
font-weight: 400;
font-size: 11px;
display: block; }
.home-banners-green {
background-color: #37bc9b; }
.home-banners-green:hover {
background-color: #179c7b; }
.home-banners-blue {
background-color: #3bafda; }
.home-banners-blue:hover {
background-color: #1b8fba; }
.welcome-information-close {
background-color: #333;
border-radius: 30px;
/*width: 30px;*/
height: 26px;
color: #fff;
text-align: center;
padding-top: 5px;
font-weight: 700;
font-size: 13px;
cursor: pointer;
float: right;
padding-left: 10px;
padding-right: 10px; }
/*
* COLOR SCHEMES
*/
.home-intro {
background-color: #DA4453;
padding: 1px;
color: #fff;
display: inline-block;
clear: both;
padding: 10px 10px; }
.home-intro h1 {
text-transform: uppercase;
padding: 0 10px; }
.home-intro p {
padding: 5px 10px; }
.home-intro a {
text-decoration: underline;
color: #fff;
font-weight: 700; }
.hlist-hot {
background-color: #DA4453;
padding: 1px;
color: #fff;
display: inline-block;
clear: both; }
.hlist-hot h1, .hlist-hot h3 {
text-transform: uppercase;
padding: 0 10px; }
.hlist-hot h2 {
font-size: 26px;
font-size: 2.16667rem;
line-height: 1.23077;
padding: 1px 10px 1px 10px;
font-weight: 400; }
.hlist-hot h2 strong {
text-transform: uppercase; }
.navigation-small-town {
font-size: 13px;
color: #bbb;
font-weight: 400; }
.event-search-box {
padding: 10px;
background-color: #fff;
border-top: 5px solid #DA4453; }
.event-search-box p {
font-size: 12px;
text-decoration: none;
font-weight: 200;
word-wrap: break-word; }
.event-search-box select {
font-size: 18px; }
.event-search-box label {
font-size: 16px;
line-height: 30px; }
.event-search-box .result-text {
margin-top: 10px;
border-top: 1px solid #eaeaea;
padding-top: 10px; }
.event-search-box .event-search-box-header {
border-bottom: 1px solid #eaeaea;
margin-bottom: 5px; }
.event-search-box .search-button {
height: 29px;
width: 100%;
color: #fff;
font-size: 16px;
background-color: #50B550;
/*
background: -webkit-linear-gradient(#86C586, #4BAF4B);
background: -o-linear-gradient(#86C586, #4BAF4B);
background: -moz-linear-gradient(#86C586, #4BAF4B);
background: linear-gradient(#86C586, #4BAF4B);
border: 2px solid #50B550;
display: block;
border: 2px solid #4AA24A;
border-radius: 3px;
*/
border: 0;
display: block;
text-align: center;
margin-top: 30px !important; }
.site-map {
background-color: #fff;
padding: 10px;
border-top: 5px solid #DA4453; }
.splash-hot {
width: 100%; }
.splash-hot .splash-image-holer {
/*height: 250px;
width: 100%;*/
display: block;
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
filter: progid:DXImageTransform.Microsoft.Blur(MakeShadow='true', PixelRadius='5',ShadowOpacity='0.5');
filter: blur(add=0, direction=300, strength=10);
filter: progid:DXImageTransform.Microsoft.Chroma(Color=#222222) progid:DXImageTransform.Microsoft.Blur(Strength=2);
overflow: hidden;
position: absolute;
left: -50px;
top: -50px;
bottom: -50px;
right: -50px; }
.splash-hot .splash-relative {
position: relative;
width: 100%;
height: 250px;
overflow: hidden; }
.splash-hot .splash-relative .splash-image {
display: block;
max-height: 170px;
border: 10px solid #fff;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto; }
.splash-hot .splash-relative .splash-image-fadetoblack {
position: absolute;
width: 100%;
height: 250px;
top: 0;
background-color: #000;
opacity: 0; }
.splash-hot .splash-relative .splash-image-fadetoblack:hover {
opacity: 0.5; }
.splash-hot .splash-relative .splash-list {
position: absolute;
right: 5px;
top: 5px;
list-style: none;
list-style-type: none; }
.splash-hot .splash-relative .splash-list li img {
width: 50px;
height: 50px; }
.splash-hot .splash-footer {
background-color: #434343;
height: 50px;
border-bottom: 5px solid #DA4453;
display: table;
width: 100%;
padding: 5px; }
.splash-hot .splash-footer .splash-footer-text {
display: table-cell;
width: 90%;
color: #fff;
text-transform: uppercase; }
.splash-hot .splash-footer .splash-footer-text span {
display: block;
text-transform: uppercase; }
.splash-hot .splash-footer .splash-footer-text span:nth-child(1) {
font-size: 16px; }
.splash-hot .splash-footer .splash-footer-arrow {
display: table-cell;
width: 10%;
color: #DA4453;
text-align: right;
font-size: 26px;
vertical-align: middle; }
/*
* SIDEBAR NEWS
*/
.sidebar-news .sidebar-news-image {
border: 1px solid #D9D9D9;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 150px;
position: relative; }
.sidebar-news .sidebar-news-image .sidebar-news-date {
text-transform: uppercase;
background: #efefef;
border: 1px solid #d9d9d9;
position: absolute;
left: -1px;
bottom: 2px;
padding: 2px 5px 2px 5px;
color: #000;
font-size: 11px;
min-width: 48px;
text-align: center; }
.sidebar-news .sidebar-news-image .fade-to-black {
opacity: 0;
background-color: #000;
width: 100%;
height: 100%; }
.sidebar-news .sidebar-news-text-container {
width: 100%;
margin-top: 10px;
color: #000;
display: table;
min-height: 55px; }
.sidebar-news .sidebar-news-text-container .sidebar-news-text {
width: 90%;
display: table-cell;
padding-right: 10px;
line-height: 15px; }
.sidebar-news .sidebar-news-text-container .sidebar-news-text .sidebar-news-text-limit {
display: -webkit-box;
max-height: 72px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: 5px; }
.sidebar-news .sidebar-news-text-container .sidebar-news-arrow {
color: #d9d9d9;
width: 10%;
display: table-cell;
vertical-align: middle;
font-size: 15px;
text-align: right; }
.sidebar-news:hover .sidebar-news-image {
border: 1px solid #454545; }
.sidebar-news:hover .sidebar-news-arrow {
color: #DA4453; }
.sidebar-news:hover .fade-to-black {
opacity: 0.5; }
.facebook-sidebar {
padding: 0px; }
.facebook-sidebar a {
width: 100%;
background-color: #3a5795;
padding: 5px 10px 10px 10px;
color: #fff;
display: block;
text-align: center; }
.facebook-sidebar a:hover {
text-decoration: none; }
.facebook-sidebar a .facebook-sidebar-icon {
font-size: 45px;
display: inline-block; }
.facebook-sidebar a .facebook-sidebar-text {
display: block;
font-size: 16px;
margin-top: 5px; }
.grid__item.no__push {
margin-left: -10px; }
.grid__item.no__padd {
padding-left: 0; }
.sidebar {
padding: 10px;
background-color: #fff; }
.sidebar .sidebar-header {
text-align: center;
color: #CD201F;
margin-bottom: 0; }
#introduction header {
background: #F3F3F3;
padding: 10px 0 10px 10px;
margin: 0 0 10px 0; }
#introduction section {
margin: 20px 0 0 0; }
#introduction i.fa {
font-size: 24px;
line-height: 24px;
color: #BBB;
margin: 0 5px 0 0; }
#introduction h3, #introduction h4 {
color: #C75533;
font-size: 24px;
line-height: 24px;
font-weight: normal;
display: inline-block; }
#introduction section p {
font-size: 13px;
line-height: 20px;
font-weight: 400; }
#introduction section p + p {
margin: 20px 0 0 0; }
#introduction #boroughs strong {
color: #C75533;
text-transform: uppercase;
display: block;
font-size: 14px; }
.ui-home .preamble {
font-size: 19px;
line-height: 22px;
font-weight: 500;
color: #666;
margin: 0 0 20px 0; }
.ui-home .body {
font-size: 13px;
line-height: 20px; }
.ui-main .ui-welcome > h1 {
margin: 0 auto;
text-align: center; }
.ui-main .ui-welcome > p {
margin: 0 auto;
text-align: center; }
.ui-airport-iframe {
padding: 30px 0 30px 0; }
.light-header, .bold-header {
font-size: 38px;
font-weight: 300;
text-transform: uppercase;
margin: 0 0 10px 0;
color: #E74C3C; }
.bold-header {
font-weight: 700; }
.preamble {
font-weight: 700;
font-size: 14px;
line-height: 18px; }
.body {
font-weight: 400;
font-size: 12px;
line-height: 18px; }
.body strong {
font-weight: 700;
font-size: 14px;
line-height: 18px;
text-transform: uppercase; }
.page-heading {
color: #414042;
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
margin: 20px 0 0 0;
border-bottom: 1px solid #E74C3C; }
.page-preamble {
margin: 10px 0 10px 0;
font-weight: bold;
font-size: 14px;
line-height: 18px; }
.go-button {
display: inline-block;
height: 35px;
line-height: 35px;
background: #E74C3C;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
padding: 0 10px;
border-radius: 4px;
margin: 10px 0 0 0; }
.go-button:after {
content: " »"; }
.cph-adsense {
width: 728px;
height: 90px; }
.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 100000; }
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: #3bafda;
color: white;
max-width: 200px;
text-align: center; }
.tipsy-inner {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; }
.tipsy-arrow {
position: absolute;
background: url("/assets/img/tipsy.gif") no-repeat top left;
width: 9px;
height: 5px; }
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px; }
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px; }
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px; }
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left; }
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left; }
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left; }
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right; }
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px; }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.home-banners {
padding: 30px; }
.home-banners .home-banners-icon-wrap {
padding-right: 15px; }
.home-banners .home-banners-icon-wrap span {
font-size: 20px; }
.home-banners .home-banners-text-wrap .home-banners-text-first {
font-size: 16px;
font-weight: 100;
line-height: 14px;
text-align: left; }
.home-banners .home-banners-text-wrap .home-banners-text-second {
font-weight: 400;
font-size: 11px;
text-align: left; } }
@media only screen and (max-width: 1023px) {
.ui-main {
padding: 0 10px 0 0; }
.grid {
margin-left: -10px; }
#home-splash {
padding-top: 10px; }
.splash-hot .splash-relative .splash-image {
max-height: 120px; }
.sidebar {
padding: 0 10px 0 0; } }
@media only screen and (max-width: 480px) {
.grid__item__mobile {
padding-left: 10px; }
.palm--indent5 {
margin-top: 10px; }
.palm--indent6 {
margin-right: 10px; }
.palm--indent7 {
margin-bottom: 10px; }
.palm--indent8 {
margin-left: 10px; }
.palm--indent9 {
margin-top: 5px; }
.palm--indent10 {
margin-right: 5px; }
.palm--indent11 {
margin-bottom: 5px; }
.palm--indent12 {
margin-left: 5px; }
.site-map a {
display: block;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 3px; }
.event-search-box .search-button {
margin-top: 10px !important; }
.ui-main .right {
margin: 10px 0 0 0; }
.sidebar {
padding: 0 10px 0 0; }
.sidebar-news .sidebar-news-text-container {
min-height: 120px; }
.cph-adsense {
width: 320px;
height: 100px; }
/*
* City picker
*/
.pick-city {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.pick-city .pick-city-background {
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.7;
z-index: 98; }
.pick-city .pick-city-wrapper {
position: absolute;
top: 10%;
z-index: 99;
width: 300px;
position: absolute;
left: 50%;
margin-left: -150px; }
.pick-city .pick-city-wrapper img {
width: 100%;
display: block;
margin-bottom: 10px; }
.home-banners {
color: #fff;
padding: 30px;
display: block;
text-decoration: none; }
.home-banners .home-banners-icon-wrap {
display: block;
padding-right: 0px;
float: none;
text-align: center; }
.home-banners .home-banners-icon-wrap span {
font-size: 20px; }
.home-banners .home-banners-text-wrap {
display: block;
text-align: right;
float: none;
margin-top: 5px; }
.home-banners .home-banners-text-wrap .home-banners-text-first {
font-size: 20px;
font-weight: 600;
line-height: 16px;
display: block;
text-align: center; }
.home-banners .home-banners-text-wrap .home-banners-text-second {
color: #ddd;
font-weight: 100;
font-size: 13px;
display: block;
text-align: center; }
.grid__item__inner {
display: inline-block;
width: 100%;
padding-left: 10px;
vertical-align: top;
float: left; }
.grid__item__inner__nowidth {
display: inline-block;
padding-left: 10px;
vertical-align: top;
float: left; } }
h1 {
font-weight: 400; }
h4 {
font-weight: 400; }
.font-uppercase {
text-transform: uppercase; }
.nounderline {
text-decoration: none; }
.nounderline:hover {
text-decoration: underline; }
.line-height-big {
line-height: 25px; }
.line-height-eighteen {
line-height: 18px; }
.color-white {
color: #fff; }
.color-green {
color: #37BC9B; }
.color-blue {
color: #3bafda; }
.color-red {
color: #DA4453; }
.semibold {
font-weight: 500; }
.bold {
font-weight: 900; }
@font-face {
font-family: "ios-8-regular";
src: url("/assets/fonts/ios8/IOS8-Icons-Regular.eot");
src: url("/assets/fonts/ios8/IOS8-Icons-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/ios8/IOS8-Icons-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'symbols';
src: url("/assets/fonts/symbols/symbols.eot?483647371");
src: url("/assets/fonts/symbols/symbols.eot?483647371#iefix") format("embedded-opentype"), url("/assets/fonts/symbols/symbols.woff?483647371") format("woff"), url("/assets/fonts/symbols/symbols.ttf?483647371") format("truetype"), url("/assets/fonts/symbols/symbols.svg?483647371#symbols") format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'symbols';
src: url("/assets/fonts/symbols/symbols.eot?60195468");
src: url("/assets/fonts/symbols/symbols.eot?60195468#iefix") format("embedded-opentype"), url("/assets/fonts/symbols/symbols.woff?60195468") format("woff"), url("/assets/fonts/symbols/symbols.ttf?60195468") format("truetype"), url("/assets/fonts/symbols/symbols.svg?60195468#symbols") format("svg");
font-weight: normal;
font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'symbols';
src: url('/assets/fonts/symbols/symbols.svg?60195468#symbols') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "symbols";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
.icon-heart:before {
content: '\e800'; }
/* '' */
.icon-heart-empty:before {
content: '\e801'; }
/* '' */
.icon-spin5:before {
content: '\e802'; }
/* '' */
.icon-star:before {
content: '\e803'; }
/* '' */
.icon-star-empty:before {
content: '\e804'; }
/* '' */
.icon-ok:before {
content: '\e805'; }
/* '' */
.icon-ok-circled:before {
content: '\e806'; }
/* '' */
.icon-ok-circled2:before {
content: '\e807'; }
/* '' */
.icon-share:before {
content: '\e808'; }
/* '' */
.icon-location:before {
content: '\e809'; }
/* '' */
.icon-attention-circled:before {
content: '\e80a'; }
/* '' */
.icon-attention:before {
content: '\e80b'; }
/* '' */
.icon-bell-alt:before {
content: '\e80c'; }
/* '' */
.icon-bell:before {
content: '\e80d'; }
/* '' */
.icon-menu:before {
content: '\e80e'; }
/* '' */
.icon-cog-alt:before {
content: '\e80f'; }
/* '' */
.icon-cog:before {
content: '\e810'; }
/* '' */
.icon-wrench:before {
content: '\e811'; }
/* '' */
.icon-down-open:before {
content: '\e812'; }
/* '' */
.icon-left-open:before {
content: '\e813'; }
/* '' */
.icon-right-open:before {
content: '\e814'; }
/* '' */
.icon-up-open:before {
content: '\e815'; }
/* '' */
.icon-angle-left:before {
content: '\e816'; }
/* '' */
.icon-angle-right:before {
content: '\e817'; }
/* '' */
.icon-angle-up:before {
content: '\e818'; }
/* '' */
.icon-angle-down:before {
content: '\e819'; }
/* '' */
.icon-angle-double-left:before {
content: '\e81a'; }
/* '' */
.icon-angle-double-right:before {
content: '\e81b'; }
/* '' */
.icon-angle-double-up:before {
content: '\e81c'; }
/* '' */
.icon-angle-double-down:before {
content: '\e81d'; }
/* '' */
.icon-fire:before {
content: '\e81e'; }
/* '' */
.icon-fast-fw:before {
content: '\e81f'; }
/* '' */
.icon-fast-bw:before {
content: '\e820'; }
/* '' */
.icon-twitter-squared:before {
content: '\e821'; }
/* '' */
.icon-facebook-official:before {
content: '\e822'; }
/* '' */
.icon-rss-alt:before {
content: '\e823'; }
/* '' */
.icon-facebook-rect:before {
content: '\e824'; }
/* '' */
.icon-tumblr-rect:before {
content: '\e825'; }
/* '' */
.icon-mail-squared:before {
content: '\e826'; }
/* '' */
.icon-search:before {
content: '\e827'; }
/* '' */
.icon-search-1:before {
content: '\e828'; }
/* '' */
.icon-rss-squared:before {
content: '\e829'; }
/* '' */
.icon-align-justify:before {
content: '\e82a'; }
/* '' */
.icon-facebook-squared:before {
content: '\e82b'; }
/* '' */
.icon-basket:before {
content: '\e82c'; }
/* '' */
.icon-basket-1:before {
content: '\e82d'; }
/* '' */
.icon-file-pdf:before {
content: '\e82e'; }
/* '' */
.icon-food:before {
content: '\e82f'; }
/* '' */
.icon-phone:before {
content: '\e830'; }
/* '' */
.icon-bed:before {
content: '\e831'; }
/* '' */
.icon-food-1:before {
content: '\e832'; }
/* '' */
.icon-fast-food:before {
content: '\e833'; }
/* '' */
.icon-restaurant:before {
content: '\e834'; }
/* '' */
.icon-arrows-ccw:before {
content: '\e835'; }
/* '' */
.icon-sitemap:before {
content: '\e836'; }
/* '' */
.icon-bag:before {
content: '\e837'; }
/* '' */
.icon-steering-wheel:before {
content: '\e838'; }
/* '' */
.icon-basket-2:before {
content: '\e839'; }
/* '' */
.icon-building:before {
content: '\e83a'; }
/* '' */
.icon-tools:before {
content: '\e83b'; }
/* '' */
.icon-cloud-sun:before {
content: '\e83c'; }
/* '' */
.icon-celcius:before {
content: '\e83d'; }
/* '' */
.icon-newspaper:before {
content: '\e83e'; }
/* '' */
.icon-bar:before {
content: '\e83f'; }
/* '' */
.icon-info:before {
content: '\e840'; }
/* '' */
.icon-calendar:before {
content: '\e841'; }
/* '' */
.icon-fog:before {
content: '\e84d'; }
/* '' */
.icon-camera-alt:before {
content: '\e862'; }
/* '' */
.icon-swimming:before {
content: '\e863'; }
/* '' */
.icon-child:before {
content: '\e864'; }
/* '' */
.icon-clock:before {
content: '\e865'; }
/* '' */
.icon-clock-1:before {
content: '\e866'; }
/* '' */
.icon-tag:before {
content: '\e867'; }
/* '' */
.icon-tags:before {
content: '\e868'; }
/* '' */
.icon-town-hall:before {
content: '\e869'; }
/* '' */
.icon-link-ext:before {
content: '\e86a'; }
/* '' */
.icon-birthday:before {
content: '\e86b'; }
/* '' */
.icon-home:before {
content: '\e86c'; }
/* '' */
.icon-home-1:before {
content: '\e86d'; }
/* '' */
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'symbols';
src: url('/assets/fonts/symbols/symbols.svg?48364737#symbols') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "symbols";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }
/*
Animation example, for spinners
*/
.animate-spin {
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block; }
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@-o-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@-ms-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-moz-transform: rotate(359deg);
-o-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@media only screen and (max-width: 480px) {
h1 {
font-size: 18px; } }
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls {
text-align: center; }
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
display: block;
zoom: 1;
font-size: 60px; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1;
text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: online;
/*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
/*IE7 fix*/
opacity: 1; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
/* preloading images */
.owl-item.loading {
min-height: 150px; }
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
/* display none until init */
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; }
.owl-carousel .owl-item {
float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer; }
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent; }
/* mouse grab icon */
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
/*
* Owl Carousel CSS3 Transitions
* v1.3.2
*/
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px; }
/* fade */
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease; }
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both; }
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
0% {
opacity: 1; } }
@-moz-keyframes empty {
0% {
opacity: 1; } }
@keyframes empty {
0% {
opacity: 1; } }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-moz-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-moz-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px); }
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%); } }
@-moz-keyframes backSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px); }
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%); } }
@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px); }
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%); }
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%); } }
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
-webkit-transform: translateZ(-500px); }
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0); } }
@-moz-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
-moz-transform: translateZ(-500px); }
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0); } }
@keyframes backSlideIn {
0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%); }
75% {
opacity: .5;
transform: translateZ(-500px); }
100% {
opacity: 1;
transform: translateZ(0) translateX(0); } }
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(0.8); } }
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(0.8); } }
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(0.8); } }
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%); } }
@-moz-keyframes goDown {
from {
-moz-transform: translateY(-100%); } }
@keyframes goDown {
from {
transform: translateY(-100%); } }
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpFrom {
from {
opacity: 0;
-moz-transform: scale(1.5); } }
@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5); } }
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5); } }
@-moz-keyframes scaleUpTo {
to {
opacity: 0;
-moz-transform: scale(1.5); } }
@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5); } }
.article-body {
background-color: #fff;
padding: 0 20px 20px 20px;
border-bottom-width: 6px;
border-bottom-style: solid;
border-bottom-color: #DA4453; }
.article-body p {
color: #333333;
text-align: left;
text-decoration: none;
font-family: Open Sans,Arial;
font-size: 12.0pt;
font-style: normal;
font-weight: 200;
margin-bottom: 20px; }
.article-body a {
color: #3bafda;
text-decoration: underline; }
.article-body iframe {
max-width: 100%; }
.article-h1 {
background-color: #fff;
padding: 20px; }
.article-h1 .category {
color: #DA4453;
font-weight: bold; }
.article-h1 h1 {
margin: 0;
text-transform: uppercase;
color: #434343;
text-align: left;
text-decoration: none;
font-family: Open Sans,Arial;
font-size: 25.0pt;
font-style: normal;
font-weight: 700;
margin-bottom: 10px; }
.article-h1 span {
text-transform: uppercase; }
.article-footer {
background-color: #fff;
padding: 5px 5px;
text-transform: uppercase; }
.article-footer span {
line-height: 33px;
font-size: 16px; }
.addthis_sharing_toolbox {
float: left; }
#lightbox {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 100;
display: none; }
.enlarge {
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 11px;
right: 11px;
z-index: 10;
cursor: pointer;
background: url(/assets/img/open-lightbox.png) no-repeat;
background-size: 28px 28px;
background-position: 6px 6px; }
#lightbox #lightbox-owl {
max-width: 700px;
position: fixed;
right: 0;
left: 0;
top: 0;
margin: 30px auto auto auto;
border: 3px solid #FFF; }
#owl, #lightbox-owl {
background: #000; }
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
float: left; }
#owl .owl-item > div, #lightbox-owl .owl-item > div {
display: block;
width: 100%;
height: auto;
position: relative; }
.article-items .image-container, .article-items .temp-image, #owl .image-container, #owl .temp-image, #related-articles .temp-image, #related-articles .image-container {
width: 100%; }
.event-items .image-container, .article-items .image-container, #owl .image-container, #lightbox-owl .image-container, #related-articles .image-container {
display: block;
position: relative;
height: 0;
padding: 66.667% 0 0 0;
overflow: hidden;
border: 1px solid #EDEDED;
border-bottom: none; }
#owl .temp-image {
margin: auto auto 0 auto; }
.event-items .temp-image, .article-items .temp-image, #owl .temp-image, #lightbox-owl .temp-image, #related-articles .temp-image {
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto; }
.owl-item > div p {
position: absolute;
bottom: 0px;
padding: 2px 10px 0px 10px;
background-color: rgba(0, 0, 0, 0.3);
color: #FFF;
width: 100%; }
.owl-controls {
background: #FFF;
border-bottom: 1px solid #EDEDED; }
.owl-pagination {
position: absolute;
bottom: 12px;
left: 43%;
left: calc(50% - 25px); }
.owl-pagination span {
text-transform: uppercase;
font-weight: bold; }
.owl-theme .owl-controls.clickable .owl-buttons div {
opacity: 1.0 !important; }
.owl-buttons .icon {
display: block;
width: 40px;
height: 40px;
border-bottom: none;
border-top: none; }
.owl-buttons .icon.next {
background: url(/assets/img/next-arrow-owl-white.png) no-repeat;
background-size: 34px 34px;
background-position: 3px 3px; }
.owl-buttons .icon.prev {
background: url(/assets/img/prev-arrow-owl-white.png) no-repeat;
background-size: 34px 34px;
background-position: 3px 3px; }
.owl-controls {
background: #FFF;
border-bottom: 1px solid #EDEDED; }
.owl-buttons {
zoom: 1; }
.owl-controls .owl-prev {
float: left; }
.owl-controls .owl-next {
float: right; }
.owl-buttons div {
background: #DA4453; }
.owl-buttons:after {
clear: both; }
.owl-buttons:after, .owl-buttons:before {
content: "";
display: table; }
.owl-item .photographer {
font-size: 11px;
line-height: 25px; }
.article-inner {
position: relative; }
.ui-news {
list-style: none; }
.ui-news .ui-news-item-big {
background-color: #fff;
padding: 10px;
margin-bottom: 10px; }
.ui-news .ui-news-item-big .ui-news-header {
float: right;
width: 65%;
font-size: 26px;
line-height: 28px;
font-weight: 700;
text-transform: uppercase;
padding: 0 0 10px 10px; }
.ui-news .ui-news-item-big .ui-news-header a {
text-decoration: none; }
.ui-news .ui-news-item-big .ui-news-subinfo {
float: right;
width: 65%;
padding: 0 0 10px 10px;
text-transform: uppercase; }
.ui-news .ui-news-item-big .ui-news-subinfo .ui-news-subinfo-city {
color: #3bafda; }
.ui-news .ui-news-item-big .ui-news-subinfo .ui-news-subinfo-country {
color: #DA4453; }
.ui-news .ui-news-item-big .ui-news-introduction {
float: right;
width: 65%;
padding: 0 0 0 10px;
font-size: 14px; }
.ui-news .ui-news-item-big .ui-news-introduction a {
text-decoration: none; }
.ui-news .ui-news-item-big .ui-news-image {
width: 35%; }
.ui-news .ui-news-item-big .ui-news-image .ui-news-image-holder {
display: block;
position: relative;
height: 0;
padding: 66.667% 0 0 0;
overflow: hidden; }
.ui-news .ui-news-item {
background-color: #fff;
padding: 10px;
margin-bottom: 10px; }
.ui-news .ui-news-item .ui-news-header {
float: right;
width: 75%;
font-size: 18px;
font-weight: 700;
padding: 0 0 10px 10px;
text-transform: uppercase; }
.ui-news .ui-news-item .ui-news-header a {
text-decoration: none; }
.ui-news .ui-news-item .ui-news-subinfo {
float: right;
width: 75%;
padding: 0 0 10px 10px;
text-transform: uppercase; }
.ui-news .ui-news-item .ui-news-subinfo .ui-news-subinfo-city {
color: #3bafda; }
.ui-news .ui-news-item .ui-news-subinfo .ui-news-subinfo-country {
color: #DA4453; }
.ui-news .ui-news-item .ui-news-introduction {
float: right;
width: 75%;
padding: 0 0 0 10px;
font-size: 14px; }
.ui-news .ui-news-item .ui-news-introduction a {
text-decoration: none; }
.ui-news .ui-news-item .ui-news-image {
width: 25%; }
.ui-news .ui-news-item .ui-news-image .ui-news-image-holder {
display: block;
position: relative;
height: 0;
padding: 66.667% 0 0 0;
overflow: hidden; }
.ui-news-readmore {
padding: 8px 10px 8px 10px;
background-color: #fff;
font-size: 14px;
font-weight: 700;
display: inline-block;
cursor: pointer; }
@media only screen and (max-width: 1023px) {
.ui-news .ui-news-item-big .ui-news-image, .ui-news .ui-news-item .ui-news-image {
width: 30%; }
.ui-news .ui-news-item-big .ui-news-header, .ui-news .ui-news-item .ui-news-header {
width: 70%;
font-size: 25px;
line-height: 25px;
padding: 0 0 3px 10px; }
.ui-news .ui-news-item-big .ui-news-subinfo, .ui-news .ui-news-item .ui-news-subinfo {
width: 70%;
padding: 0 0 8px 10px;
font-size: 14px; }
.ui-news .ui-news-item-big .ui-news-introduction, .ui-news .ui-news-item .ui-news-introduction {
width: 70%;
display: -webkit-box;
max-height: 72px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: -6px; } }
@media only screen and (max-width: 480px) {
.ui-news {
margin-left: -10px;
margin-right: -10px; }
.ui-news .ui-news-item-big .ui-news-header, .ui-news .ui-news-item .ui-news-header {
float: left;
width: 100%;
font-size: 14px;
line-height: 14px;
padding: 0 0 10px 0; }
.ui-news .ui-news-item-big .ui-news-image, .ui-news .ui-news-item .ui-news-image {
width: 40%; }
.ui-news .ui-news-item-big .ui-news-introduction, .ui-news .ui-news-item .ui-news-introduction {
width: 60%;
display: -webkit-box;
max-height: 72px;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-top: -6px; }
.ui-news .ui-news-item-big .ui-news-subinfo, .ui-news .ui-news-item .ui-news-subinfo {
width: 60%;
padding: 0 0 5px 10px;
font-size: 12px; } }
.ui-event .event-container {
background-color: #fff; }
.ui-event .event-container .event-header {
border-bottom: 5px solid #37BC9B; }
.ui-event .event-container .event-header .event-header-date {
width: 140px;
height: 130px;
background-color: #37BC9B;
text-align: center;
color: #fff;
padding-top: 10px; }
.ui-event .event-container .event-header .event-header-date .event-header-date-day {
font-weight: 200;
line-height: 10px;
font-size: 16px;
font-family: avenir, arial; }
.ui-event .event-container .event-header .event-header-date .event-header-date-number {
font-weight: 800;
font-size: 42px;
line-height: 42px;
font-family: avenir, arial; }
.ui-event .event-container .event-header .event-header-date .event-header-date-month {
font-weight: 200;
font-size: 16px;
font-family: avenir, arial; }
.ui-event .event-container .event-header .event-header-title {
padding-left: 20px;
font-weight: 700;
line-height: 20px; }
.ui-event .event-container .event-header .event-header-title .event-header-title-place {
color: #434343;
font-size: 20px; }
.ui-event .event-container .event-header .event-header-title .event-header-title-place .event-header-title-place-commune {
color: #999999; }
.ui-event .event-container .event-header .event-header-title .event-header-title-title {
color: #37BC9B;
font-weight: 800;
font-size: 22pt; }
.ui-event .event-container .event-body {
font-size: 12pt;
text-decoration: none;
font-weight: 200;
word-wrap: break-word;
border-bottom: 5px solid #37BC9B;
padding: 20px; }
.ui-event .event-container .event-body p {
margin-bottom: 10px; }
.ui-event .event-container .event-body .tickster-book {
padding: 10px 15px;
border-radius: 5px;
text-decoration: none;
color: #fff;
text-transform: uppercase;
background-color: #4b981b;
font-weight: bold;
font-size: 14px;
display: inline-block; }
.ui-event .event-container .event-body .performance-list {
margin-bottom: 10px;
font-size: 14px;
text-transform: uppercase; }
.ui-event .event-container .event-body .performance-list h4 {
border-bottom: 1px solid #aaa;
margin-bottom: 20px; }
.ui-event .event-container .event-body .performance-list .book {
padding: 5px 10px;
border-radius: 10px;
text-decoration: none;
color: #fff;
background-color: #E15D32;
font-weight: bold;
font-size: 12px;
margin-left: 10px;
float: right; }
.ui-event .event-container .event-body .map-description {
font-size: 12px; }
.ui-event .event-container .event-body #event-read-more {
padding: 5px 10px;
background-color: #37BC9B;
clear: right;
color: #fff;
font-weight: bold;
font-size: 14px;
border-radius: 3px;
display: inline-block;
margin-top: 14px;
cursor: pointer;
width: 200px;
text-align: center; }
.ui-event .event-container .event-body .editors_comment {
background-color: #fafafa;
border: 1px solid #ddd;
color: #000;
border-radius: 5px;
padding: 10px;
font-size: 14px;
width: 100%;
clear: both;
margin-bottom: 10px; }
.ui-event .event-container .event-body .editors_comment p {
margin-bottom: 10px; }
.ui-event .event-container .event-extra {
border-bottom: 5px solid #DA4453;
padding: 10px 0; }
.ui-event .event-container .event-extra .half-box {
width: 50%; }
.ui-event .event-container .event-extra h5 {
text-transform: uppercase;
margin-bottom: 10px; }
.ui-event .event-container .event-extra .interested {
font-size: 26px; }
.ui-event .event-container .event-extra .interested-extra {
font-size: 12px; }
.ui-event .event-container .event-extra .related_event {
margin-bottom: -5px; }
.ui-event .event-container .event-extra .related_event_date {
font-size: 10px;
text-transform: uppercase; }
.ui-event .event-container .event-extra .related_event_link {
text-decoration: none; }
.ui-event .event-container .event-footer .event-footer-icon {
width: 100px;
padding: 10px 0; }
.ui-event .event-container .event-footer .event-footer-icon .event-footer-icon-fb {
font-size: 60px;
color: #D9D9D9; }
.ui-event .event-container .event-footer .event-footer-text {
line-height: 16px; }
.ui-event .event-container .event-footer .event-footer-share {
width: 150px;
text-align: right;
padding-right: 20px; }
.ui-event .event-container .event-footer .event-footer-share .event-footer-share-wrapper {
width: 130px;
display: inline-block;
background-color: #3B5998;
border-radius: 3px; }
.ui-event .event-container .event-footer .event-footer-share .event-footer-share-wrapper .event-footer-share-icon {
color: #fff;
font-size: 20px; }
.ui-event .event-container .event-footer .event-footer-share .event-footer-share-wrapper .event-footer-share-text {
text-align: left;
font-size: 12px;
color: #fff;
padding: 3px; }
.ui-event .event-list-date {
padding: 5px 10px 1px 10px;
background-color: #444;
font-size: 18px;
font-weight: 400;
color: #fff;
display: inline-block; }
.ui-event .event-list-date-bottom {
border-bottom: 5px solid #444;
margin-bottom: 5px; }
.owl-youtube-player {
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: auto; }
/**
* Färgalternativ HOT
**/
.ui-event .event-container.hot .event-header .event-header-title .event-header-title-title {
color: #DA4453; }
.ui-event .event-container.hot .event-header .event-header-date {
background-color: #DA4453; }
.ui-event .event-container.hot .event-header {
border-bottom: 5px solid #DA4453; }
.ui-event .event-container.hot .event-body {
border-bottom: 5px solid #DA4453; }
/**
* Färgalternativ NEW
**/
.ui-event .event-container.today .event-header .event-header-title .event-header-title-title {
color: #3BAFDA; }
.ui-event .event-container.today .event-header .event-header-date {
background-color: #3BAFDA; }
.ui-event .event-container.today .event-header {
border-bottom: 5px solid #3BAFDA; }
.ui-event .event-container.today .event-body {
border-bottom: 5px solid #3BAFDA; }
/**
* Färgalternativ SOON
**/
.ui-event .event-container.soon .event-header .event-header-title .event-header-title-title {
color: #37BC9B; }
.ui-event .event-container.soon .event-header .event-header-date {
background-color: #37BC9B; }
.ui-event .event-container.soon .event-header {
border-bottom: 5px solid #37BC9B; }
.ui-event .event-container.soon .event-body {
border-bottom: 5px solid #37BC9B; }
.center-event {
width: 100%; }
.center-event .center-event-image-holer {
position: relative;
height: 0;
padding: 66.667% 0 0 0;
overflow: hidden;
width: 100%; }
.center-event .center-event-relative {
position: relative;
width: 100%;
display: block; }
.center-event .center-event-relative .center-event-image-fadetoblack {
position: absolute;
height: 0;
padding: 66.667% 0 0 0;
overflow: hidden;
width: 100%;
top: 0;
background-color: #000;
opacity: 0; }
.center-event .center-event-relative .center-event-image-fadetoblack:hover {
opacity: 0.5; }
.center-event .center-event-relative .center-event-list {
list-style: none;
position: absolute;
top: -5px;
right: -5px; }
.center-event .center-event-relative .center-event-list li {
display: block; }
.center-event .center-event-relative .center-event-list li img {
width: 35px;
height: 35px; }
.center-event .center-event-relative .center-event-icon-hot {
width: 40px;
height: 40px;
position: absolute;
top: -5px;
right: -5px; }
.center-event .center-event-footer {
background-color: #434343;
height: 45px;
border-bottom: 5px solid #DA4453;
display: block;
width: 100%;
padding: 5px; }
.center-event .center-event-footer .center-event-footer-text {
display: block;
float: left;
width: 85%;
color: #fff;
white-space: nowrap; }
.center-event .center-event-footer .center-event-footer-text span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase; }
.center-event .center-event-footer .center-event-footer-text span:nth-child(1) {
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis; }
.center-event .center-event-footer .center-event-footer-arrow {
display: block;
float: left;
width: 15%;
color: #DA4453;
text-align: right;
font-size: 20px;
vertical-align: middle; }
.center-event .event-hot {
border-bottom: 5px solid #DA4453; }
.center-event .event-hot .center-event-footer-arrow {
color: #DA4453; }
.center-event .event-today {
border-bottom: 5px solid #37BC9B; }
.center-event .event-today .center-event-footer-arrow {
color: #37BC9B; }
.center-event .event-new {
border-bottom: 5px solid #3BAFDA; }
.center-event .event-new .center-event-footer-arrow {
color: #3BAFDA; }
.event-front-box {
position: relative; }
.event-front-box .event-front-box-content {
margin-top: 15%;
word-spacing: 9999999px;
position: absolute;
top: 0;
z-index: 1;
width: 100%;
text-align: center;
font-size: 16px;
color: #fff;
line-height: 18px;
font-weight: 400; }
.event-front-box .event-front-box-content .event-frontbox-image {
width: 30%;
margin-bottom: 5px; }
.event-front-box .event-front-box-header {
position: relative;
height: 0;
padding: 66.667% 0 0 0;
overflow: hidden;
width: 100%; }
.event-front-box .event-front-box-footer {
height: 45px;
border-bottom: 5px solid transparent;
display: block;
width: 100%;
padding: 5px; }
.event-front-box.event-front-box-hot {
background-color: #DA4453; }
.event-front-box.event-front-box-new {
background-color: #3BAFDA; }
.event-start-box-today, .event-start-box-new, .event-start-box-hot {
width: 100%;
height: 149px;
background-color: #37BC9B; }
.event-start-box-today .event-start-box-image, .event-start-box-new .event-start-box-image, .event-start-box-hot .event-start-box-image {
margin: auto;
padding-top: 25px;
display: block;
width: 40px; }
.event-start-box-today .event-start-box-text, .event-start-box-new .event-start-box-text, .event-start-box-hot .event-start-box-text {
padding-top: 10px;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 18px;
font-weight: 400;
word-spacing: 9999999px; }
.event-start-box-new {
background-color: #3BAFDA; }
.event-start-box-hot {
background-color: #DA4453; }
.events-more-hot, .events-more-today, .events-more-new {
display: block;
text-align: right;
font-size: 14px;
font-weight: 700; }
.events-more-hot {
color: #DA4453; }
.events-more-today {
color: #37BC9B; }
.events-more-new {
color: #3BAFDA; }
.general-sub-list {
border-bottom: 10px solid #efefef;
background-color: #fff; }
.event-sub-list {
border-bottom: 10px solid #efefef;
background-color: #fff; }
.event-sub-list:hover {
background-color: #fafafa; }
.event-sub-list .event-sub-list-date {
width: 60px;
height: 60px;
background-color: #ffffff;
text-align: center;
border-left: 4px solid #DA4453; }
.event-sub-list .event-sub-list-date a {
text-decoration: none;
color: #fff; }
.event-sub-list .event-sub-list-date a span {
display: block;
color: #333; }
.event-sub-list .event-sub-list-date a .event-sub-list-date-day {
padding-top: 4px;
font-size: 11px;
line-height: 17px; }
.event-sub-list .event-sub-list-date a .event-sub-list-date-date {
font-size: 26px;
font-weight: 700;
line-height: 20px; }
.event-sub-list .event-sub-list-date a .event-sub-list-date-month {
font-size: 11px; }
.event-sub-list .event-sub-list-image {
vertical-align: middle; }
.event-sub-list .event-sub-list-image .event-sub-list-image-container {
width: 60px;
height: 60px; }
.event-sub-list .event-sub-list-description a {
text-decoration: none; }
.event-sub-list .event-sub-list-description a .event-sub-list-description-header {
display: block;
font-size: 18px;
color: #000;
font-weight: 500;
text-transform: uppercase; }
.event-sub-list .event-sub-list-description a .event-sub-list-description-place {
display: block;
font-size: 12px;
color: #858585; }
.event-sub-list .event-sub-list-arrow {
min-width: 50px;
position: relative; }
.event-sub-list .event-sub-list-arrow .event-sub-list-icon {
position: absolute;
width: 30px;
height: 30px;
top: 25%; }
.event-sub-list .event-sub-list-arrow .event-sub-list-icon:nth-child(1) {
right: 10px;
z-index: 1; }
.event-sub-list .event-sub-list-arrow .event-sub-list-icon:nth-child(2) {
right: 25px;
z-index: 2; }
.event-sub-list .event-sub-list-arrow .event-sub-list-icon:nth-child(3) {
right: 40px;
z-index: 3; }
.event-single-show-all {
padding: 10px;
font-size: 16px;
color: #fff;
font-weight: 400;
background-color: #50B550;
text-decoration: none;
text-transform: uppercase; }
.pagination {
list-style: none; }
.pagination li {
display: inline-block;
/*color:#3bafda*/ }
.pagination li a {
width: 30px;
padding: 5px 0 5px 0;
border: 1px solid #666;
background-color: #fff;
color: #333;
margin-right: 5px;
display: inline-block;
text-align: center;
font-weight: 500; }
.pagination li a {
color: #333;
text-decoration: none; }
.pagination li.active span {
background-color: #3bafda;
width: 30px;
padding: 5px 0 5px 0;
border: 1px solid #666;
color: #fff;
margin-right: 5px;
display: inline-block;
text-align: center;
font-weight: 500; }
.pagination li.disabled span {
background-color: #fff;
width: 30px;
padding: 5px 0 5px 0;
border: 1px solid #666;
color: #aaa;
margin-right: 5px;
display: inline-block;
text-align: center;
font-weight: 500; }
@media only screen and (max-width: 1023px) {
.ui-event-box-hot:last-child {
display: none; }
.ui-event-box-new:last-child {
display: none; }
.ui-event .event-container .event-header .event-header-date {
width: 110px;
height: 100px; }
.ui-event .event-container .event-header .event-header-date .event-header-date-number {
font-size: 34px;
line-height: 34px; }
.ui-event .event-container .event-header .event-header-title {
padding-right: 20px; }
.ui-event .event-container .event-header .event-header-title .event-header-title-place {
font-size: 16px;
line-height: 16px; }
.ui-event .event-container .event-header .event-header-title .event-header-title-title {
font-size: 24px;
line-height: 22px; }
.ui-event .event-container .event-footer .event-footer-icon {
width: 70px; }
.ui-event .event-container .event-footer .event-footer-icon .event-footer-icon-fb {
font-size: 50px; }
.ui-event .event-list-date {
font-size: 20px; } }
@media only screen and (max-width: 480px) {
.event-single-show-all {
padding: 5px;
font-size: 12px;
font-weight: 400;
display: block;
text-align: center; }
.ui-event-box-hot:last-child {
display: block; }
.ui-event-box-new:last-child {
display: block; }
.ui-event .event-container .event-header .event-header-date {
width: 80px;
height: 70px; }
.ui-event .event-container .event-header .event-header-date .event-header-date-day {
font-size: 12px;
line-height: 8px; }
.ui-event .event-container .event-header .event-header-date .event-header-date-number {
font-size: 24px;
line-height: 28px; }
.ui-event .event-container .event-header .event-header-date .event-header-date-month {
font-size: 12px; }
.ui-event .event-container .event-header .event-header-title {
padding-right: 10px; }
.ui-event .event-container .event-header .event-header-title .event-header-title-place {
font-size: 12px;
line-height: 14px; }
.ui-event .event-container .event-header .event-header-title .event-header-title-title {
font-size: 15px;
line-height: 15px; }
.ui-event .event-container .event-body {
padding: 10px; }
.ui-event .event-container .event-footer {
min-height: 60px; }
.ui-event .event-container .event-footer .event-footer-icon {
width: 60px; }
.ui-event .event-container .event-footer .event-footer-icon .event-footer-icon-fb {
font-size: 40px; }
.ui-event .event-container .event-footer .event-footer-text {
padding: 7px 10px 7px 0;
font-size: 11px;
line-height: 13px; }
.ui-event .event-container .event-footer .event-footer-share {
padding-right: 10px;
width: 90px; }
.ui-event .event-container .event-footer .event-footer-share .event-footer-share-wrapper {
width: 80px; }
.ui-event .event-container .event-footer .event-footer-share .event-footer-share-wrapper .event-footer-share-text {
font-size: 10px;
line-height: 10px; }
.ui-event .event-list-date {
font-size: 16px; }
/* Event hållare i mitten */
.center-event .center-event-footer {
height: 45px; }
.center-event .center-event-footer .center-event-footer-arrow {
font-size: 20px; }
.center-event .center-event-footer .center-event-footer-text span {
font-size: 12px; }
.center-event .center-event-image-holer, .center-event .center-event-relative .center-event-image-fadetoblack {
height: 100px; }
.event-start-box-today, .event-start-box-new, .event-start-box-hot {
height: auto;
padding: 10px; }
.event-start-box-today .event-start-box-image, .event-start-box-new .event-start-box-image, .event-start-box-hot .event-start-box-image {
padding: 0px;
width: 30px;
display: inline-block;
vertical-align: middle; }
.event-start-box-today .event-start-box-text, .event-start-box-new .event-start-box-text, .event-start-box-hot .event-start-box-text {
font-size: 18px;
line-height: 18px;
font-weight: 400;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
padding: 0;
word-spacing: 0; }
/* /Event hållare i mitten */
.center-event .center-event-relative .center-event-list li img {
width: 30px;
height: 30px; }
.center-event .center-event-footer .center-event-footer-text span:nth-child(1) {
font-size: 12px; }
.event-sub-list .event-sub-list-date {
width: 50px;
height: 50px;
text-align: center; }
.event-sub-list .event-sub-list-date a {
text-decoration: none;
color: #fff; }
.event-sub-list .event-sub-list-date a span {
display: block; }
.event-sub-list .event-sub-list-date a .event-sub-list-date-day {
padding-top: 4px;
font-size: 10px;
line-height: 14px; }
.event-sub-list .event-sub-list-date a .event-sub-list-date-date {
font-size: 22px;
font-weight: 700;
line-height: 16px; }
.event-sub-list .event-sub-list-date a .event-sub-list-date-month {
font-size: 10px; }
.event-sub-list .event-sub-list-image {
vertical-align: middle; }
.event-sub-list .event-sub-list-image .event-sub-list-image-container {
width: 50px;
height: 50px; }
.event-sub-list .event-sub-list-description a .event-sub-list-description-header {
display: block;
font-size: 12px;
color: #000;
font-weight: 500;
text-transform: uppercase; }
.event-sub-list .event-sub-list-description a .event-sub-list-description-place {
display: block;
font-size: 12px;
color: #858585; }
.event-sub-list .event-sub-list-description .event-sub-list-icon-hot {
width: 30px;
height: 30px; }
.event-front-box {
position: relative;
height: 60px;
padding: 10px; }
.event-front-box .event-front-box-content {
margin-top: 0;
word-spacing: 0px;
position: relative;
top: 0;
z-index: 1;
width: 100%;
text-align: left;
font-size: 16px;
color: #fff;
line-height: 18px;
font-weight: 400; }
.event-front-box .event-front-box-content .event-frontbox-image {
width: 40px;
margin-bottom: 5px;
vertical-align: center; }
.event-front-box .event-front-box-content span {
position: absolute;
left: 60px;
top: 10px; }
.event-front-box .event-front-box-header {
position: relative;
height: auto;
padding: 0;
width: 100%; }
.event-front-box .event-front-box-footer {
height: 45px;
border-bottom: 5px solid transparent;
display: block;
width: 100%;
padding: 5px; } }
.yellow-submit {
border: 0;
border-radius: 5px;
width: 100%;
color: #fff;
text-transform: uppercase;
padding: 9px;
font-size: 20px;
background: #FFCA35; }
.note-icon {
position: absolute;
right: 10px;
bottom: 10px;
height: 18px; }
.event-sub-list-icon-new {
width: 30px;
right: -5px;
top: -5px;
position: absolute; }
.eventsearch-header {
background-color: #DA4453;
color: #fff; }
.eventsearch-header h3 a {
color: #fff;
text-decoration: none; }
.eventsearch-header .show-all {
color: #fff; }
.eventsearch-header .eventsearch-select {
background-color: #fff;
padding: 10px;
color: #000;
font-size: 12px;
border-radius: 05px; }
.eventsearch-select p {
font-size: 12px;
border-bottom: 1px solid #eee;
padding-bottom: 5px; }
.eventsearch-select select, .eventsearch-select input {
padding: 5px 0px;
width: 100%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
/* -webkit-appearance: none;*/ }
.eventsearch-input, .eventsearch-select {
width: 100%;
padding: 7px 10px !important; }
.eventsearch-input .chosen-container, .eventsearch-select .chosen-container {
max-width: 100% !important; }
.eventsearch-input .chosen-single, .eventsearch-input .chosen-single a, .eventsearch-select .chosen-single, .eventsearch-select .chosen-single a {
border: 0 !important;
box-shadow: none !important;
webkit-box-shadow: none !important; }
.eventsearch-select p a {
font-size: 10px;
color: #DF8A6F; }
.select-style select:focus {
outline: none; }
.eventsearch-category-list {
font-size: 14px;
text-transform: uppercase;
list-style: none; }
.eventsearch-category-list a {
text-decoration: none; }
.eventsearch-category-list li {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 10px; }
.eventsearch-category-list li:last-child {
border-bottom: 0; }
.eventsearch-category-list li span {
font-size: 14px;
color: #888;
text-transform: uppercase; }
.eventsearch-category-list li span.count {
font-size: 12px;
color: #aaa;
text-transform: none; }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.eventsearch-top-headline {
font-weight: 100;
font-size: 26px;
line-height: 26px; }
.restautants-top-image {
width: 60px;
display: block;
padding-right: 10px; } }
@media only screen and (max-width: 480px) {
.eventsearch-category-list li {
padding-left: 10px; } }
.shopping-center {
text-align: center;
cursor: pointer;
height: 100px;
background-color: #f5f5f5;
color: #333;
font-size: 11px; }
.shopping-center span {
color: #aaa; }
.shopping-center-active {
background-color: #DA4453;
color: #fff; }
.shopping-center-active span {
color: #fff; }
.shopping-stores {
display: none; }
.shopping-stores:nth-child(3) {
display: block; }
.shopping-stores .shopping-item {
padding: 20px 5px 20px 5px; }
.shopping-stores .shop-item-link {
text-decoration: none; }
@media only screen and (max-width: 480px) {
.shopping-stores .shopping-item {
padding: 15px 5px 15px 5px;
font-size: 11px; }
.shopping-stores .shopping-item-store {
/*font-size: 10px;*/ } }
.restaurants .restaurants-lunch {
font-weight: 700; }
.restaurants .restaurants-lunch .restaurants-lunch-day {
background-color: #f5f5f5;
padding: 15px 0 15px 0;
border-right: 1px solid #fff;
cursor: pointer; }
.restaurants .restaurants-lunch .restaurants-lunch-day:hover {
background-color: #e5e5e5; }
.restaurants .restaurants-lunch .restaurants-lunch-day-active {
background-color: #DA4453;
padding: 15px 0 15px 0;
color: #fff;
border-right: 1px solid #fff;
position: relative; }
.restaurants .restaurants-lunch .restaurants-lunch-day-active:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(218, 68, 83, 0);
border-top-color: #DA4453;
border-width: 8px;
margin-left: -8px; }
.restaurants .restaurants-lunch .restaurants-lunch-day-inactive {
background-color: #f5f5f5;
padding: 15px 0 15px 0;
color: #999;
border-right: 1px solid #fff; }
.restaurants .restaurant_small_header_container {
border-bottom: 2px solid #444; }
.restaurants .restaurant_small_header_container .restaurant_small_header {
background-color: #444;
color: #fff;
text-transform: uppercase;
padding: 3px 5px 1px 5px;
display: inline-block; }
.restaurants .restaurant_small_header_container_hotel {
border-bottom: 2px solid #333; }
.restaurants .restaurant_small_header_container_hotel .restaurant_small_header_hotel {
background-color: #333;
color: #fff;
text-transform: uppercase;
padding: 3px 5px 1px 5px;
display: inline-block; }
.restaurants .restaurant-description {
font-size: 14px; }
.restaurants .restaurant-small-list {
list-style: none;
margin-bottom: 10px; }
.restaurants .restaurant-small-list li {
border-bottom: 1px solid #e5e5e5;
padding: 5px 10px 5px 5px;
text-transform: uppercase;
font-weight: 700; }
.restaurants .restaurant-small-list li:last-child {
border-bottom: 0; }
.restaurants .restaurant-small-list li:hover {
background-color: #f5f5f5; }
.restaurants .restaurant-small-list .menu-download {
float: right;
background-color: #3F9F3F;
padding: 8px 8px;
color: #fff;
border-radius: 5px;
text-decoration: none;
font-size: 10px; }
.online-pizza {
background: url("/assets/img/opbg.png");
background-repeat: no-repeat;
background-position: right;
background-color: #dc2427;
padding: 10px;
height: 102px;
margin-bottom: 5px; }
.online-pizza .op-wrapper {
padding-left: 80px; }
.online-pizza .op-header {
color: #fff;
display: block;
font-size: 22px;
font-weight: 600; }
.online-pizza .op-ingress-desk {
color: #fff;
display: block; }
.online-pizza .op-ingress-palm {
color: #fff;
display: block;
display: none; }
.online-pizza .op-form {
width: 100%;
height: 100%;
background-color: #fffdee;
padding: 10px;
position: relative; }
.online-pizza #op-zip {
display: block;
width: 100%;
background-color: #fff;
border: 1px solid #a6cf74;
height: 26px;
padding: 3px;
border-radius: 3px; }
.online-pizza .op-outlink {
cursor: pointer;
padding: 5px;
text-align: center;
margin-top: 10px;
background-color: #137500;
border: 0;
display: block;
color: #fff;
width: 100%;
height: 26px;
border-radius: 3px; }
.online-pizza .op-error {
background: #fff;
border: 2px solid #666;
position: absolute;
width: 100px;
height: 50px;
border-radius: 3px;
top: -55px;
right: calc( 50% - 50px);
text-align: center;
padding: 5px;
display: none; }
.online-pizza .op-error:after, .online-pizza .op-error:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none; }
.online-pizza .op-error:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff;
border-width: 10px;
margin-left: -10px; }
.online-pizza .op-error:before {
border-color: rgba(102, 102, 102, 0);
border-top-color: #666;
border-width: 13px;
margin-left: -13px; }
@media only screen and (max-width: 480px) {
.online-pizza {
background: url("/assets/img/opbg_palm.png");
background-repeat: no-repeat;
background-position: right;
background-color: #dc2427;
padding: 10px;
height: 170px;
margin-bottom: 5px; }
.online-pizza .op-wrapper {
padding-left: 10px; }
.online-pizza .op-grid-wrap {
margin-left: -20px; }
.online-pizza .op-outlink {
margin-top: 0px; }
.online-pizza .op-ingress-desk {
display: none; }
.online-pizza .op-ingress-palm {
display: block;
margin-bottom: 45px; } }
.bookatablebanner {
position: absolute;
right: 0;
top: 0;
background: url("/assets/img/bonline2.png");
background-repeat: no-repeat;
width: 66px;
height: 66px; }
.restaurants-show-more {
width: 100%;
padding: 10px;
background-color: #37BC9B;
color: #fff;
font-size: 16px;
font-weight: 400;
display: block; }
.restaurants-top-headline {
font-weight: 100;
font-size: 34px;
line-height: 40px; }
.restautants-top-image {
width: 90px;
display: block;
padding-right: 10px; }
.restaurants-lunch-item {
display: none; }
.restaurants-lunch-item-active .restaurants-lunch-item-list {
list-style: none;
padding: 0 5px 5px 5px; }
.restaurants-lunch-item-active .restaurants-lunch-item-list li {
list-style: initial;
list-style-position: inside;
padding: 5px 10px 5px 0px;
text-transform: uppercase;
font-weight: 700; }
.restaurants-lunch-item-active .restaurants-lunch-item-list li span {
color: #DA4453; }
.lunch-header {
font-size: 16px;
text-transform: uppercase; }
.lunch-subheader {
text-transform: uppercase;
font-size: 12px;
font-weight: 100; }
.restaurant-list .restaurant-list-imagewrap {
width: 80px;
border-left: 4px solid #da4453; }
.restaurant-list .restaurant-list-image {
width: 70px;
display: block; }
.restaurant-list .restaurant-list-iconwrap {
width: 70px;
min-width: 60px; }
.restaurant-list .restaurant-list-iconwrap .restaurant-list-icon-on {
font-size: 14px;
padding-left: 10px;
color: #3bafda; }
.restaurant-list .restaurant-list-iconwrap .restaurant-list-icon-off {
font-size: 14px;
padding-left: 10px;
color: #eee;
display: none; }
.restaurant-list .restaurant-list-textwrap {
min-width: 134px;
padding: 10px; }
.restaurant-list .restaurant-list-textwrap .restaurant-list-name {
font-size: 14px;
font-weight: 700; }
.restaurant-search-wrapper {
position: relative; }
.restaurant-search-wrapper .restaurant-search-icon {
position: absolute;
right: 0;
top: 5%;
font-size: 34px;
color: #999;
cursor: pointer; }
.restaurant-search-wrapper #restaurant-search {
padding: 14px;
border: 1px solid #fff;
background-color: #fff;
width: 100%;
font-size: 16px;
border-radius: 5px; }
@media only screen and (max-width: 480px) {
.bookatablebanner {
position: absolute;
right: 0;
top: 0;
background: url("/assets/img/bonline.png");
background-repeat: no-repeat;
width: 42px;
height: 42px; }
.restaurants-top-headline {
font-weight: 100;
font-size: 20px;
line-height: 20px; }
.restautants-top-image {
width: 50px;
display: block;
padding-right: 10px; }
.restaurant-list .restaurant-list-textwrap {
padding: 0;
padding-left: 10px; }
.restaurant-list .restaurant-list-textwrap .restaurant-list-name {
font-size: 11px;
font-weight: 700; }
.restaurant-list .restaurant-list-textwrap .restaurant-list-address {
display: block; }
.restaurant-list .restaurant-list-textwrap .restaurant-list-dot {
display: none; }
.restaurant-list .restaurant-list-textwrap .restaurant-list-phone {
display: block; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.restaurants-top-headline {
font-weight: 100;
font-size: 26px;
line-height: 26px; }
.restautants-top-image {
width: 60px;
display: block;
padding-right: 10px; } }
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.4.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
width: 100% !important; }
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
.chosen-container.chosen-with-drop .chosen-drop {
left: 0; }
.chosen-container a {
cursor: pointer; }
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999; }
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top; }
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
/*
padding: 0 0 0 8px;
*/
padding: 10px;
/*
height: 25px;
*/
border: 1px solid #aaa;
/*
border-radius: 5px;
*/
background-color: #fff;
/*
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
*/
color: #444;
text-decoration: none;
white-space: nowrap;
/*
line-height: 24px;
*/ }
.chosen-container-single .chosen-default {
color: #999; }
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap; }
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px; }
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url("/assets/img/chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px; }
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px; }
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px; }
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%; }
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url("/assets/img/chosen-sprite.png") no-repeat 0px 10px; }
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap; }
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: white url("/assets/img/chosen-sprite.png") no-repeat 100% -20px;
background: url("/assets/img/chosen-sprite.png") no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0; }
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box; }
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px; }
/* @end */
/* @group Results */
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch; }
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none; }
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer; }
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default; }
.chosen-container .chosen-results li.highlighted {
background-color: #50B550;
/*
background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
*/
color: #fff; }
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4; }
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default; }
.chosen-container .chosen-results li.group-option {
padding-left: 15px; }
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline; }
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text; }
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none; }
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap; }
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0; }
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default; }
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url("/assets/img/chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px; }
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666; }
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4; }
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px; }
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0; }
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default; }
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset; }
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent; }
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 10px; }
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important; }
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default; }
.chosen-disabled .chosen-single {
cursor: default; }
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default; }
/* @end */
/* @group Right to Left */
.chosen-rtl {
text-align: right; }
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0; }
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl; }
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px; }
.chosen-rtl .chosen-single div {
right: auto;
left: 3px; }
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px; }
.chosen-rtl .chosen-choices li {
float: right; }
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl; }
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px; }
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px; }
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px; }
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0; }
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0; }
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none; }
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: white url("/assets/img/chosen-sprite.png") no-repeat -30px -20px;
background: url("/assets/img/chosen-sprite.png") no-repeat -30px -20px;
direction: rtl; }
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px; }
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px; }
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url("/assets/img/chosen-sprite@2x.png") !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important; } }
/* @end */
.agency-show-communes {
display: none; }
.agency-select-subst {
background: #e5e5e5;
padding: 10px;
text-align: center;
cursor: pointer; }
.agency-select-subst.active {
background: #50B550;
color: #fff; }
.agency-submit-form {
cursor: pointer; }
.agency-submit-form:hover {
text-decoration: none; }
.agency-buyer-type {
display: none; }
#agency-showlist {
cursor: pointer; }
.agency-validate {
background: #DA4453;
color: #fff;
padding: 1px 5px 1px 5px;
font-size: 10px;
margin-left: 10px; }
.agency-validate-category, .agency-validate-zip, .agency-validate-description, .agency-validate-name, .agency-validate-phone, .agency-validate-email, .agency-validate-county, .agency-validate-commune, .agency-validate-errors {
display: none; }
.agency-show-terms {
cursor: pointer; }
.agency-terms {
display: none; }
.agency-complete ul {
list-style: none; }
.agency-complete ul li {
display: block;
margin-left: 10px;
clear: both;
padding-bottom: 20px; }
.agency-complete ul li input {
display: inline-block;
margin-right: 10px;
float: left; }
.agency-complete ul li label {
display: inline-block;
float: left; }
.hotel-go-body {
max-width: 500px;
font-size: 14px;
margin: 100px auto 0 auto; }
.hotel-go-body .white {
border-radius: 10px;
padding: 40px; }
.hotel-go-body .logo img {
max-height: 40px;
text-align: center; }
.hotel-go-body .arrow {
font-size: 20px;
text-align: center;
color: #aaa;
white-space: nowrap; }
.hotel-go-body .chosen {
font-size: 12px;
font-weight: bold; }
.hotel-go-body .go-direct {
background-color: #4b981b;
font-size: 12px;
color: white;
width: 100%;
margin-top: 10px;
font-weight: 400;
padding: 9px;
border-radius: 0px; }
.hotel-go-main {
padding: 0 10px 0 10px; }
.hotel-go-main a {
text-decoration: none; }
.hotel-tips-body {
background-color: #224178;
color: #fff;
border: 0;
font-size: 12pt;
text-decoration: none;
font-weight: 200;
word-wrap: break-word;
padding: 10px;
margin-top: -5px; }
.hotel-tips-body h5 {
line-height: 26px;
font-size: 22px;
font-weight: normal; }
.hotel-tips-body .all-hotels {
color: #fff;
background: #ffbb39;
text-decoration: none;
padding: 5px 10px;
float: right;
/* margin-right: -20px; */
/* margin-bottom: -20px; */
margin-top: 10px;
/* width: 50%; */
border-radius: 5px; }
.hotel-tips-body .hotel {
background: #fff;
color: #000;
/* border-radius: 3px; */
padding: 5px;
margin-top: 7px;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
white-space: nowrap; }
.hotel-tips-body .hotel img {
height: 120px;
width: 100%; }
.hotel-tips-body .hotel .name {
font-weight: normal;
overflow: hidden;
text-overflow: ellipsis; }
.hotel-tips-body .hotel .price {
text-align: right;
font-size: 15px;
color: #000;
font-weight: 400;
vertical-align: middle;
font-weight: normal;
text-transform: none; }
.hotel-tips-body .hotel .price span {
font-weight: 600; }
.hotels .hotels-lunch {
font-weight: 700; }
.hotels .hotels-lunch .hotels-lunch-day {
background-color: #f5f5f5;
padding: 15px 0 15px 0;
border-right: 1px solid #fff;
cursor: pointer; }
.hotels .hotels-lunch .hotels-lunch-day:hover {
background-color: #e5e5e5; }
.hotels .hotels-lunch .hotels-lunch-day-active {
background-color: #DA4453;
padding: 15px 0 15px 0;
color: #fff;
border-right: 1px solid #fff;
position: relative; }
.hotels .hotels-lunch .hotels-lunch-day-active:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(218, 68, 83, 0);
border-top-color: #DA4453;
border-width: 8px;
margin-left: -8px; }
.hotels .hotels-lunch .hotels-lunch-day-inactive {
background-color: #f5f5f5;
padding: 15px 0 15px 0;
color: #999;
border-right: 1px solid #fff; }
.hotels .hotel_small_header_container {
border-bottom: 2px solid #DA4453; }
.hotels .hotel_small_header_container .hotel_small_header {
background-color: #DA4453;
color: #fff;
text-transform: uppercase;
padding: 3px 5px 1px 5px;
display: inline-block; }
.hotels .hotel_small_header_container_hotel {
border-bottom: 2px solid #333; }
.hotels .hotel_small_header_container_hotel .hotel_small_header_hotel {
background-color: #333;
color: #fff;
text-transform: uppercase;
padding: 3px 5px 1px 5px;
display: inline-block; }
.hotels .hotel-description {
font-size: 14px; }
.hotels .hotel-description .chain {
width: 150px;
height: 150px;
float: right;
border: 1px solid #eee;
margin-left: 10px;
margin-bottom: 10px; }
.hotels .hotel-description p {
margin-bottom: 10px; }
.hotels .hotel-small-list {
list-style: none;
margin-bottom: 10px; }
.hotels .hotel-small-list li {
border-bottom: 1px solid #e5e5e5;
padding: 5px 10px 5px 5px;
text-transform: uppercase;
font-weight: 700; }
.hotels .hotel-small-list li:last-child {
border-bottom: 0; }
.hotels .hotel-small-list li:hover {
background-color: #f5f5f5; }
.hotels .hotel-small-list .menu-download {
float: right;
background-color: #3F9F3F;
padding: 8px 8px;
color: #fff;
border-radius: 5px;
text-decoration: none;
font-size: 10px; }
.hotels-show-more {
width: 100%;
padding: 10px;
background-color: #37BC9B;
color: #fff;
font-size: 16px;
font-weight: 400;
display: block; }
.hotels-top-headline {
font-weight: 500;
font-size: 34px;
line-height: 40px; }
.restautants-top-image {
width: 90px;
display: block;
padding-right: 10px; }
.hotels-lunch-item {
display: none; }
.hotels-lunch-item-active .hotels-lunch-item-list {
list-style: none;
margin-top: 15px; }
.hotels-lunch-item-active .hotels-lunch-item-list li {
padding: 5px 10px 5px 5px;
text-transform: uppercase;
font-weight: 700; }
.hotels-lunch-item-active .hotels-lunch-item-list li span {
color: #DA4453; }
.hotel-loading-bg {
position: absolute;
width: 100%;
height: 100%;
background: #000;
z-index: 50;
opacity: 0; }
.hotel-loading-wrapper {
position: absolute;
width: 100px;
height: 100px;
background: #fff;
border-radius: 52px;
z-index: 51;
margin-left: calc(50% - 50px);
margin-top: 50px;
padding: 18px 8px;
border: 5px solid #000; }
.hotel-loading-wrapper .hotel-loading {
font-size: 0px;
padding: 20px 10px 10px 10px; }
.hotel-room-list {
border-bottom: 1px solid #efefef; }
.hotel-room-list .hotel-room-list-iconwrap {
width: 140px;
min-width: 60px; }
.hotel-room-list .hotel-room-list-iconwrap img {
max-height: 100px;
width: 100%; }
.hotel-room-list .hotel-room-list-iconwrap .hotel-list-icon-on {
font-size: 14px;
padding-left: 10px;
color: #3bafda; }
.hotel-room-list .hotel-room-list-iconwrap .hotel-list-icon-off {
font-size: 14px;
padding-left: 10px;
color: #eee;
display: none; }
.hotel-room-list .hotel-room-list-textwrap {
min-width: 134px;
padding: 10px;
padding-right: 0; }
.hotel-room-list .hotel-room-list-textwrap .room-name {
font-size: 16px;
font-weight: 0; }
.hotel-room-list .hotel-room-list-textwrap .room-description {
font-size: 11px; }
.hotel-room-list .hotel-room-list-textwrap .room-description .facilities {
display: none; }
.hotel-room-list .hotel-room-list-textwrap .room-description .policies {
display: none; }
.hotel-room-list .hotel-room-list-textwrap .only-left {
background: #E01717;
padding: 2px 10px;
color: #fff;
border-radius: 5px;
float: right;
margin-left: 8px; }
.hotel-room-list .hotel-room-list-pricewrap {
min-width: 160px; }
.hotel-room-list .hotel-room-list-pricewrap .price {
font-size: 19px;
font-weight: normal;
line-height: 18px; }
.hotel-room-list .hotel-room-list-pricewrap .not-available {
font-size: 12px;
color: #aaa; }
.hotel-room-list .hotel-room-list-pricewrap .not-available a {
text-decoration: underline !important; }
.hotel-room-list .hotel-room-list-pricewrap .price-from-text {
text-transform: uppercase;
font-size: 10px; }
.hotel-room-list .hotel-room-list-pricewrap .high-price {
color: #E84646;
text-decoration: line-through; }
.hotel-room-list .hotel-room-list-pricewrap a {
text-decoration: none; }
.hotel-room-list .hotel-room-list-pricewrap .offer-go {
background-color: #4B981B;
padding: 9px;
font-size: 12px;
color: #fff;
border-radius: 0;
width: 100%;
/* text-transform: uppercase; */
/* bottom: 0; */
/* position: relative; */
margin-top: 10px;
font-weight: 400; }
.hotel-list .icon-star {
font-size: 14px;
color: #F3D14B; }
.hotel-list .icon-star:before {
margin-left: 0;
margin-right: 0; }
.hotel-list .hotel-list-imagewrap {
width: 150px;
/*padding: 10px;
border-left: 4px solid #da4453;*/ }
.hotel-list .hotel-list-imagewrap a {
position: relative;
display: block; }
.hotel-list .hotel-list-imagewrap .chain {
position: absolute;
width: 40px;
height: 40px;
right: 10px;
bottom: 0; }
.hotel-list .hotel-list-image {
width: 140px;
display: block;
height: 100px; }
.hotel-list .hotel-list-iconwrap {
width: 140px;
min-width: 60px; }
.hotel-list .hotel-list-iconwrap .hotel-list-icon-on {
font-size: 14px;
padding-left: 10px;
color: #3bafda; }
.hotel-list .hotel-list-iconwrap .hotel-list-icon-off {
font-size: 14px;
padding-left: 10px;
color: #eee;
display: none; }
.hotel-list .hotel-list-textwrap {
min-width: 134px;
padding: 10px;
padding-right: 10px; }
.hotel-list .hotel-list-textwrap .hotel-list-name {
font-size: 21px;
font-weight: 500; }
.hotel-list .hotel-list-textwrap .hotel-list-name .hotel-list-distance {
color: #aaa; }
.hotel-list .hotel-list-textwrap .only-left {
background: #E01717;
padding: 2px 10px;
color: #fff;
border-radius: 5px;
float: right;
margin-left: 8px; }
.hotel-list .hotel-list-pricewrap {
min-width: 165px;
border-left: 1px solid #eee; }
.hotel-list .hotel-list-pricewrap .offer-go {
background-color: #4B981B;
padding: 9px;
font-size: 11px;
color: #fff;
border-radius: 0;
width: 100%;
/* text-transform: uppercase; */
/* bottom: 0; */
/* position: relative; */
margin-top: 10px;
font-weight: 400; }
.hotel-list .hotel-list-pricewrap .price-button {
font-size: 19px;
font-weight: normal;
line-height: 18px; }
.hotel-list .hotel-list-pricewrap .not-available {
font-size: 12px;
color: #aaa; }
.hotel-list .hotel-list-pricewrap .not-available a {
text-decoration: underline !important;
color: #4B981B;
font-weight: 400; }
.hotel-list .hotel-list-pricewrap .price-from-text {
text-transform: uppercase;
font-size: 10px; }
.hotel-list .hotel-list-pricewrap .high-price {
color: #E84646;
text-decoration: line-through;
display: none; }
.hotel-list .hotel-list-pricewrap a {
text-decoration: none; }
.hotel-search-wrapper {
position: relative; }
.hotel-search-wrapper .hotel-search-icon {
position: absolute;
right: 0;
top: 5%;
font-size: 25px;
color: #999; }
.hotel-search-wrapper #activity-search {
padding: 10px;
border: 1px solid #666;
background-color: #fff;
width: 100%; }
@media only screen and (max-width: 480px) {
.hotel-tips-body {
padding: 10px 10px 10px 0; }
.hotel-room-list-iconwrap {
display: block; }
.hotel-room-list {
display: block; }
.hotel-room-list .hotel-room-list-textwrap {
padding-left: 0; }
.hotel-room-list .hotel-room-list-iconwrap img {
max-height: 200px;
width: 100%;
margin-top: 10px; }
.hotel-room-list .hotel-room-list-textwrap .room-name {
font-size: 12px;
font-weight: 0; }
.hotel-room-list .hotel-room-list-iconwrap {
width: 100%;
min-width: 60px; }
.hotel-list-wrapper .display-tablerow {
display: block; }
.hotel-list-imagewrap {
display: block; }
.hotels-category-list li {
padding-left: 10px; }
.hotel-list .hotel-list-image {
width: 100%;
height: 180px !important; }
.hotel-list-imagewrap {
padding: 0px !important;
width: 100% !important; }
.hotel-list-imagewrap img {
/*width: 100% !important;
height: 180px !important;*/ }
.hotel-list .hotel-list-imagewrap .chain {
right: 0; }
.hotels-top-headline {
font-weight: 100;
font-size: 20px;
line-height: 20px; }
.restautants-top-image {
width: 50px;
display: block;
padding-right: 10px; }
.hotel-list .hotel-list-textwrap {
padding-top: 0;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px; }
.hotel-list .hotel-list-textwrap .points {
display: inline-block;
margin: 5px 0; }
.hotel-list .hotel-list-textwrap .hotel-list-name {
font-size: 16px;
font-weight: 700; }
.hotel-list .hotel-list-textwrap .hotel-list-address {
display: block; }
.hotel-list .hotel-list-textwrap .hotel-list-dot {
display: none; }
.hotel-list .hotel-list-textwrap .hotel-list-phone {
display: block; } }
.cooperation-with {
float: right;
font-size: 10px;
font-weight: normal;
text-transform: none; }
.cooperation-with .with-booking {
width: 80px;
vertical-align: middle;
margin-left: 5px; }
.hotel-header {
background-color: #ffbb39;
color: #003580;
position: relative; }
.hotel-header .booking-info {
line-height: 16px;
font-size: 13px;
margin-top: 5px;
font-weight: bold;
color: #FFFFFF;
float: right;
padding: 11px;
background-color: #224178;
border-radius: 12px; }
.hotel-header a.hotel-date-shortcut {
color: #1687DA;
font-weight: 600; }
.hotel-header .basta-pris-garanti {
position: absolute;
right: 9px;
top: -30px;
z-index: 10;
width: 100px; }
.hotel-header .show-all {
color: #fff; }
.hotel-header .bubble {
position: relative;
width: 220px;
height: 60px;
padding: 9px 12px;
font-size: 12px;
line-height: 13px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #7F7F7F solid 2px;
float: right;
color: #000;
text-transform: none; }
.hotel-header .bubble:after {
content: '';
position: absolute;
border-style: solid;
border-width: 11px 16px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -11px;
left: 29px; }
.hotel-header .bubble:before {
content: '';
position: absolute;
border-style: solid;
border-width: 12px 17px 0;
border-color: #7F7F7F transparent;
display: block;
width: 0;
z-index: 0;
bottom: -14px;
left: 28px; }
.hotel-header p {
margin-bottom: 10px; }
.hotel-footer p {
margin-bottom: 10px; }
.hotel-footer a {
text-decoration: underline;
color: #000;
font-weight: bold; }
.hotel-header .hotel-select {
background-color: #fff;
padding: 5px;
color: #000;
font-size: 16px;
border-radius: 05px; }
.hotel-header .hotel-select input[type=text] {
padding: 5px;
border: none;
width: 100%; }
.hotel-header .hotel-select .hotel-searchresult {
display: none;
padding: 10px;
border-bottom: 5px solid #0896FF;
right: 5%;
z-index: 11;
position: absolute;
background-color: #fff;
font-size: 14px;
left: 0%; }
.hotel-header .hotel-select .hotel-searchresult .subnav-search-header {
padding: 5px;
background-color: #0896FF;
font-size: 14px;
font-weight: 500;
color: #fff; }
.hotel-header .hotel-select .hotel-searchresult ul {
list-style: none;
width: 100%; }
.hotel-header .hotel-select .hotel-searchresult ul li {
display: block;
padding: 4px 10px 4px 10px; }
.hotel-header .hotel-select .hotel-searchresult ul li a {
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
text-decoration: none;
line-height: 14px; }
.hotel-header .hotel-select .hotel-searchresult ul li a .subnav-search-event {
font-size: 14px;
display: block; }
.hotel-header .hotel-select .hotel-searchresult ul li a .subnav-search-amount {
font-size: 10px;
color: #a5a5a5; }
.hotel-header .hotel-select .hotel-searchresult ul li a .subnav-search-subcity {
font-size: 10px;
color: #a5a5a5; }
.hotel-header .hotel-select .hotel-searchresult ul li a:hover {
text-decoration: underline; }
.hotel-search-parent {
position: relative; }
.hotel-select-guests {
padding: 8px !important; }
.hotel-select p {
font-size: 12px;
border-bottom: 1px solid #eee;
padding-bottom: 5px; }
.hotel-select select {
padding: 5px 0px;
width: 100%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
/* -webkit-appearance: none;*/ }
.hotel-sort-select {
float: right;
width: 150px;
background-color: #fff;
padding: 5px;
color: #000;
font-size: 12px;
border-radius: 05px; }
.hotel-sort-select select {
padding: 5px 0px;
width: 100%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
/* -webkit-appearance: none;*/ }
.hotel-submit {
background: #0896ff;
border: 0;
border-radius: 5px;
width: 100%;
color: #fff;
text-transform: uppercase;
padding: 9px;
font-size: 20px; }
.hotel-search {
border: 0; }
.hotel-search::-webkit-input-placeholder {
color: black; }
.hotel-search:-moz-placeholder {
/* Firefox 18- */
color: black; }
.hotel-search::-moz-placeholder {
/* Firefox 19+ */
color: black; }
.hotel-search:-ms-input-placeholder {
color: black; }
.hotel-search:placeholder {
color: black; }
.hotel-select p a {
font-size: 10px;
color: #DF8A6F; }
.select-style select:focus {
outline: none; }
.hotels-category-list {
font-size: 14px;
text-transform: uppercase;
list-style: none; }
.hotels-category-list a {
text-decoration: none; }
.hotels-category-list li {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 10px; }
.hotels-category-list li:last-child {
border-bottom: 0; }
.hotels-category-list li span {
font-size: 14px;
color: #888;
text-transform: uppercase; }
.hotels-category-list li span.count {
font-size: 12px;
color: #aaa;
text-transform: none; }
.ll-skin-nigran {
font-size: 90%; }
.ll-skin-nigran .ui-widget {
font-family: "Helvetica Neue","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
background: #29a2d9;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
box-shadow: 0 1px 3px #252525; }
.ll-skin-nigran .ui-datepicker {
padding: 0; }
.ll-skin-nigran .ui-datepicker-header {
border: none;
border-bottom: 1px solid #2d97cb;
background: transparent;
font-weight: normal;
font-size: 11px;
text-transform: uppercase; }
.ll-skin-nigran .ui-datepicker-header .ui-state-hover {
background: transparent;
border-color: transparent;
cursor: pointer;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0; }
.ll-skin-nigran .ui-datepicker .ui-datepicker-title {
margin-top: 1.5em;
margin-bottom: 1em; }
.ll-skin-nigran .ui-datepicker .ui-datepicker-prev-hover,
.ll-skin-nigran .ui-datepicker .ui-datepicker-next-hover,
.ll-skin-nigran .ui-datepicker .ui-datepicker-next,
.ll-skin-nigran .ui-datepicker .ui-datepicker-prev {
top: 1.7em;
border: none; }
.ll-skin-nigran .ui-datepicker .ui-datepicker-prev-hover {
left: 2px; }
.ll-skin-nigran .ui-datepicker .ui-datepicker-next-hover {
right: 2px; }
.ll-skin-nigran .ui-datepicker .ui-datepicker-next span,
.ll-skin-nigran .ui-datepicker .ui-datepicker-prev span {
background-image: url(/assets/img/ui-icons_ffffff_256x240.png);
background-position: -32px -32px;
margin-top: 0;
top: 0;
font-weight: normal; }
.ll-skin-nigran .ui-datepicker .ui-datepicker-prev span {
background-position: -96px -32px; }
.ll-skin-nigran .ui-datepicker .ui-datepicker-prev-hover span {
background-position: -96px -48px; }
.ll-skin-nigran .ui-datepicker .ui-datepicker-next-hover span {
background-position: -32px -48px; }
.ll-skin-nigran .ui-datepicker table {
margin: 0; }
.ll-skin-nigran .ui-datepicker th {
padding: 3em 0;
color: #9fd9f1;
font-size: 8px;
font-weight: normal;
text-shadow: 0 0 2px #45c4f8;
text-transform: uppercase;
border: none;
border-top: 1px solid #3fabdc; }
.ll-skin-nigran .ui-datepicker td {
border: none;
padding: 0; }
.ll-skin-nigran td .ui-state-default {
background: transparent;
border: none;
text-align: center;
padding: 1em 0;
margin: 0;
font-weight: normal;
color: #efefef;
font-size: 12px; }
.ll-skin-nigran td .ui-state-active,
.ll-skin-nigran td .ui-state-hover {
background: #1b7fb0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.hotels-top-headline {
font-weight: 100;
font-size: 26px;
line-height: 26px; }
.restautants-top-image {
width: 60px;
display: block;
padding-right: 10px; } }
.tourist-information {
position: absolute;
top: 20px;
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
background-color: #fff;
min-height: 50%;
width: 700px;
z-index: 99;
padding: 20px 20px 20px 0;
overflow-y: auto;
display: none; }
.tourist-information-bigheader {
color: #333;
font-weight: 100;
font-size: 16px; }
.tourist-information .white {
padding: 0 !important; }
.tourist-information-background {
width: 100%;
height: 200px;
padding: 0px;
position: relative;
padding: 10px;
cursor: pointer; }
.tourist-information-background-green {
background-size: cover;
background-color: #155D42; }
.tourist-information-background-green:hover {
background-color: #078C6B; }
.tourist-information-background-blue {
background: url("/assets/img/english-restaurant.png") no-repeat;
background-size: cover;
background-color: #3bafda; }
.tourist-information-background-blue:hover {
background-color: #0b6faa; }
.tourist-information-background-red {
background: url("/assets/img/english-car.png") no-repeat;
background-size: cover;
background-color: #DA4453; }
.tourist-information-background-red:hover {
background-color: #aA0413; }
.tourist-information-background-yellow {
background: url("/assets/img/english-tourist.png") no-repeat;
background-size: cover;
background-color: #F39C12; }
.tourist-information-background-yellow:hover {
background-color: #b35C02; }
.tourist-information-link {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
margin-top: 10px;
display: block; }
.english-best-price-img {
position: absolute;
right: 9px;
top: -40px;
z-index: 10;
width: 100px; }
.english-hotel-button {
text-transform: uppercase;
margin-top: 10px;
border: 1px solid #34740e;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px;
font-family: arial, helvetica, sans-serif;
padding: 10px 10px 10px 10px;
text-decoration: none;
display: inline-block;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
font-weight: bold;
color: #FFFFFF;
background-color: #4ba614;
background-image: -webkit-gradient(linear, left top, left bottom, from(#6FB743), to(#1AA51A));
background-image: -webkit-linear-gradient(top, #6FB743, #1AA51A);
background-image: -moz-linear-gradient(top, #6FB743, #1AA51A);
background-image: -ms-linear-gradient(top, #6FB743, #1AA51A);
background-image: -o-linear-gradient(top, #6FB743, #1AA51A);
background-image: linear-gradient(to bottom, #6FB743, #1AA51A);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00); }
.show-tourist-flag {
position: absolute;
right: 5px;
top: 5px; }
.show-tourist-flag img {
width: 20px;
cursor: pointer; }
.tourist-information-header {
font-size: 30px;
font-weight: 100;
text-transform: uppercase;
margin-bottom: 20px; }
.tourist-information-body .tourist-information-body-header {
font-size: 20px;
font-weight: 100;
padding: 20px 30px 20px 30px; }
.tourist-information-body strong {
font-size: 14px; }
.tourist-information-button-wrapper {
position: relative; }
.tourist-information-button-wrapper .tourist-information-button {
padding: 5px 10px 5px 10px;
background-color: #37BC9B;
color: #fff;
font-weight: 500;
display: inline-block;
cursor: pointer; }
.tourist-information-linkbox {
background-color: #fff;
border-top: 12px solid #37BC9B;
padding: 10px;
position: fixed;
width: 500px;
height: 200px;
top: 20%;
left: 50%;
margin-top: -100px;
margin-left: -250px;
z-index: 99; }
.tourist-information-linkbox div {
background-color: #e5e5e5;
padding: 10px; }
.tourist-information-blockout {
width: 100%;
height: 100%;
position: fixed;
background-color: #000;
top: 0;
left: 0;
opacity: 0.8;
display: none;
z-index: 3; }
.tourist-information-close {
background-color: #333;
border-radius: 30px;
width: 30px;
height: 30px;
color: #fff;
text-align: center;
padding-top: 5px;
font-weight: 700;
font-size: 16px;
cursor: pointer;
float: right; }
@media only screen and (max-width: 480px) {
.tourist-information-wrap {
margin-top: 20px; }
.tourist-information-background h3 {
font-size: 15px;
line-height: 18px; }
.tourist-information {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow-y: auto; }
.english-hotel-list {
padding: 10px; }
.english-best-price-img {
top: 40px; } }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.tourist-information-background h3 {
font-size: 15px;
line-height: 18px; } }
.forecast_now_header {
font-size: 40px;
font-weight: 100; }
.forecast_now_temp {
font-size: 60px;
font-weight: 60;
color: #3bafda;
line-height: 0; }
.forecast-now-additional {
font-size: 14px;
color: #666; }
.forecast_row {
border-bottom: 1px solid #fafafa; }
.forecast_row:hover {
/*background-color:#f5f5f5;*/ }
.forecast-table-bigheader {
display: block;
width: 200px;
position: absolute; }
.forecast-table-description {
font-size: 10px;
font-weight: 400; }
.forecast-table-description div {
padding-bottom: 5px;
border-bottom: 1px solid #e5e5e5;
text-transform: uppercase; }
.forecast-table-cell {
padding: 6px 3px 6px 3px;
font-size: 18px;
font-weight: 500; }
/* FORECAST ICONS */
.fc-icon {
background-image: url("/assets/img/forefasticons.png");
background-repeat: no-repeat;
background-size: 300px;
width: 60px;
height: 53px;
display: inline-block; }
.fc-icon-sun {
background-position: 4px 0px; }
.fc-icon-sun-cloud-small {
background-position: -60px 0px; }
.fc-icon-sun-cloud-medium {
background-position: -122px 0px; }
.fc-icon-sun-cloud-large {
background-position: -184px 0px; }
.fc-icon-sun-cloud-full {
background-position: -248px 6px; }
.fc-icon-sun-cloud-thunder {
background-position: -248px -58px; }
.fc-icon-rain-thunder {
background-position: -186px -120px; }
.fc-icon-rain-drizle {
background-position: 4px -120px; }
.fc-icon-rain-medium {
background-position: -60px -120px; }
.fc-icon-rain-heavy {
background-position: -122px -120px; }
.fc-icon-snow-light {
background-position: 4px -58px; }
.fc-icon-snow {
background-position: -58px -58px; }
.fc-icon-snow-rain {
background-position: -122px -58px; }
.fc-icon-snow-drizzle {
background-position: -184px -58px; }
.fc-icon-moon {
background-position: 4px -172px; }
.fc-icon-moon-cloud-small {
background-position: -58px -172px; }
.fc-icon-moon-cloud-medium {
background-position: -122px -172px; }
.fc-icon-moon-cloud-large {
background-position: -184px -172px; }
.followMeBar {
position: relative;
z-index: 1;
top: 10px; }
.followMeBar.fixed {
background: #3bafda;
color: #fff;
margin-left: -10px;
position: fixed;
top: 0;
width: 180px;
box-sizing: border-box;
z-index: 0;
padding-left: 10px; }
.followMeBar.fixed.absolute {
position: absolute; }
.forecast-topfive {
border-right: 1px solid #e5e5e5;
padding-right: 20px; }
.forecast-topfive:last-child {
border-right: 0px; }
.forecast-topfive-day {
font-size: 18px; }
.forecast-topfive-date {
font-size: 11px; }
.forecast-topfive-temp {
font-size: 18px; }
.forecast-topfive-time {
font-size: 12px;
color: #999;
font-weight: 600; }
.forecast-topfive-daytemp {
font-size: 18px; }
.forecast-topfive-table {
margin: 0 auto; }
.forecast-topfive-push {
height: 56px; }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.forecast-topfive-daytemp {
font-size: 14px; } }
@media only screen and (max-width: 480px) {
.forecast-topfive {
padding-right: 8px; }
.forecast-topfive:last-child {
padding-right: 0; }
.forecast-topfive-day {
font-size: 12px; }
.forecast-topfive-date {
font-size: 9px; }
.forecast-topfive-temp {
font-size: 12px; }
.forecast-topfive-small {
font-size: 9px; }
.forecast-topfive-time {
font-size: 10px;
color: #999;
font-weight: 600; }
.forecast-topfive-push {
height: 29px; }
.forecast_now_temp {
margin: 0 auto; }
.forecast-now-additional {
text-align: center; }
.forecast-table-bigheader {
width: 90px; }
.forecast-table-bigheader h3 {
font-size: 16px; }
.forecast-table-description {
border-top: 7px solid #fff;
font-size: 9px; }
.forecast-table-cell {
padding: 6px 3px 6px 3px;
font-size: 16px;
font-weight: 500; }
.forecast-table-cell:first-child {
font-size: 14px; }
.followMeBar {
background: #fff;
position: relative;
z-index: 1;
top: 20px; }
.followMeBar.fixed {
width: 100%;
border-bottom: 1px solid #e5e5e5;
margin-left: -20px; }
.fchalf .fc-icon {
background-image: url("/assets/img/forefasticons.png");
background-repeat: no-repeat;
background-size: 150px;
width: 30px;
height: 26px;
display: inline-block; }
.fchalf .fc-icon-sun {
background-position: 2px 0px; }
.fchalf .fc-icon-sun-cloud-small {
background-position: -30px 0px; }
.fchalf .fc-icon-sun-cloud-medium {
background-position: -61px 0px; }
.fchalf .fc-icon-sun-cloud-large {
background-position: -92px 0px; }
.fchalf .fc-icon-sun-cloud-full {
background-position: -124px 3px; }
.fchalf .fc-icon-sun-cloud-thunder {
background-position: -124px -29px; }
.fchalf .fc-icon-rain-thunder {
background-position: -93px -60px; }
.fchalf .fc-icon-rain-drizle {
background-position: 2px -60px; }
.fchalf .fc-icon-rain-medium {
background-position: -30px -60px; }
.fchalf .fc-icon-rain-heavy {
background-position: -61px -60px; }
.fchalf .fc-icon-snow-light {
background-position: 2px -29px; }
.fchalf .fc-icon-snow {
background-position: -29px -29px; }
.fchalf .fc-icon-snow-rain {
background-position: -61px -29px; }
.fchalf .fc-icon-snow-drizzle {
background-position: -92px -29px; }
.fchalf .fc-icon-moon {
background-position: 2px -86px; }
.fchalf .fc-icon-moon-cloud-small {
background-position: -29px -86px; }
.fchalf .fc-icon-moon-cloud-medium {
background-position: -61px -86px; }
.fchalf .fc-icon-moon-cloud-large {
background-position: -92px -86px; } }
/*! jQuery UI - v1.11.4 - 2016-03-21
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none; }
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse; }
.ui-helper-clearfix:after {
clear: both; }
.ui-helper-clearfix {
min-height: 0;
/* support: IE7 */ }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
/* support: IE8 */ }
.ui-front {
z-index: 100; }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none; }
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px; }
.ui-datepicker .ui-datepicker-prev {
left: 2px; }
.ui-datepicker .ui-datepicker-next {
right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px; }
.ui-datepicker .ui-datepicker-next-hover {
right: 1px; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px; }
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center; }
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%; }
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em; }
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0; }
.ui-datepicker td {
border: 0;
padding: 1px; }
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto; }
.ui-datepicker-multi .ui-datepicker-group {
float: left; }
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left; }
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0; }
/* RTL support */
.ui-datepicker-rtl {
direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px; }
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em; }
.ui-widget .ui-widget {
font-size: 1em; }
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em; }
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333; }
.ui-widget-content a {
color: #333333; }
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold; }
.ui-widget-header a {
color: #333333; }
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545; }
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #454545;
text-decoration: none; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b; }
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #2b2b2b;
text-decoration: none; }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff; }
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620; }
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620; }
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f; }
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f; }
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f; }
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold; }
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
/* support: IE8 */
font-weight: normal; }
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
/* support: IE8 */
background-image: none; }
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
/* support: IE8 - See #6059 */ }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px; }
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("/assets/img/ui-icons_444444_256x240.png"); }
.ui-widget-header .ui-icon {
background-image: url("/assets/img/ui-icons_444444_256x240.png"); }
.ui-state-default .ui-icon {
background-image: url("/assets/img/ui-icons_777777_256x240.png"); }
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("/assets/img/ui-icons_555555_256x240.png"); }
.ui-state-active .ui-icon {
background-image: url("/assets/img/ui-icons_ffffff_256x240.png"); }
.ui-state-highlight .ui-icon {
background-image: url("/assets/img/ui-icons_777620_256x240.png"); }
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("/assets/img/ui-icons_cc0000_256x240.png"); }
/* positioning */
.ui-icon-blank {
background-position: 16px 16px; }
.ui-icon-carat-1-n {
background-position: 0 0; }
.ui-icon-carat-1-ne {
background-position: -16px 0; }
.ui-icon-carat-1-e {
background-position: -32px 0; }
.ui-icon-carat-1-se {
background-position: -48px 0; }
.ui-icon-carat-1-s {
background-position: -64px 0; }
.ui-icon-carat-1-sw {
background-position: -80px 0; }
.ui-icon-carat-1-w {
background-position: -96px 0; }
.ui-icon-carat-1-nw {
background-position: -112px 0; }
.ui-icon-carat-2-n-s {
background-position: -128px 0; }
.ui-icon-carat-2-e-w {
background-position: -144px 0; }
.ui-icon-triangle-1-n {
background-position: 0 -16px; }
.ui-icon-triangle-1-ne {
background-position: -16px -16px; }
.ui-icon-triangle-1-e {
background-position: -32px -16px; }
.ui-icon-triangle-1-se {
background-position: -48px -16px; }
.ui-icon-triangle-1-s {
background-position: -64px -16px; }
.ui-icon-triangle-1-sw {
background-position: -80px -16px; }
.ui-icon-triangle-1-w {
background-position: -96px -16px; }
.ui-icon-triangle-1-nw {
background-position: -112px -16px; }
.ui-icon-triangle-2-n-s {
background-position: -128px -16px; }
.ui-icon-triangle-2-e-w {
background-position: -144px -16px; }
.ui-icon-arrow-1-n {
background-position: 0 -32px; }
.ui-icon-arrow-1-ne {
background-position: -16px -32px; }
.ui-icon-arrow-1-e {
background-position: -32px -32px; }
.ui-icon-arrow-1-se {
background-position: -48px -32px; }
.ui-icon-arrow-1-s {
background-position: -64px -32px; }
.ui-icon-arrow-1-sw {
background-position: -80px -32px; }
.ui-icon-arrow-1-w {
background-position: -96px -32px; }
.ui-icon-arrow-1-nw {
background-position: -112px -32px; }
.ui-icon-arrow-2-n-s {
background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px; }
.ui-icon-arrow-2-e-w {
background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px; }
.ui-icon-arrowstop-1-n {
background-position: -192px -32px; }
.ui-icon-arrowstop-1-e {
background-position: -208px -32px; }
.ui-icon-arrowstop-1-s {
background-position: -224px -32px; }
.ui-icon-arrowstop-1-w {
background-position: -240px -32px; }
.ui-icon-arrowthick-1-n {
background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px; }
.ui-icon-arrowthick-1-e {
background-position: -32px -48px; }
.ui-icon-arrowthick-1-se {
background-position: -48px -48px; }
.ui-icon-arrowthick-1-s {
background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px; }
.ui-icon-arrowthick-1-w {
background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px; }
.ui-icon-arrow-4 {
background-position: 0 -80px; }
.ui-icon-arrow-4-diag {
background-position: -16px -80px; }
.ui-icon-extlink {
background-position: -32px -80px; }
.ui-icon-newwin {
background-position: -48px -80px; }
.ui-icon-refresh {
background-position: -64px -80px; }
.ui-icon-shuffle {
background-position: -80px -80px; }
.ui-icon-transfer-e-w {
background-position: -96px -80px; }
.ui-icon-transferthick-e-w {
background-position: -112px -80px; }
.ui-icon-folder-collapsed {
background-position: 0 -96px; }
.ui-icon-folder-open {
background-position: -16px -96px; }
.ui-icon-document {
background-position: -32px -96px; }
.ui-icon-document-b {
background-position: -48px -96px; }
.ui-icon-note {
background-position: -64px -96px; }
.ui-icon-mail-closed {
background-position: -80px -96px; }
.ui-icon-mail-open {
background-position: -96px -96px; }
.ui-icon-suitcase {
background-position: -112px -96px; }
.ui-icon-comment {
background-position: -128px -96px; }
.ui-icon-person {
background-position: -144px -96px; }
.ui-icon-print {
background-position: -160px -96px; }
.ui-icon-trash {
background-position: -176px -96px; }
.ui-icon-locked {
background-position: -192px -96px; }
.ui-icon-unlocked {
background-position: -208px -96px; }
.ui-icon-bookmark {
background-position: -224px -96px; }
.ui-icon-tag {
background-position: -240px -96px; }
.ui-icon-home {
background-position: 0 -112px; }
.ui-icon-flag {
background-position: -16px -112px; }
.ui-icon-calendar {
background-position: -32px -112px; }
.ui-icon-cart {
background-position: -48px -112px; }
.ui-icon-pencil {
background-position: -64px -112px; }
.ui-icon-clock {
background-position: -80px -112px; }
.ui-icon-disk {
background-position: -96px -112px; }
.ui-icon-calculator {
background-position: -112px -112px; }
.ui-icon-zoomin {
background-position: -128px -112px; }
.ui-icon-zoomout {
background-position: -144px -112px; }
.ui-icon-search {
background-position: -160px -112px; }
.ui-icon-wrench {
background-position: -176px -112px; }
.ui-icon-gear {
background-position: -192px -112px; }
.ui-icon-heart {
background-position: -208px -112px; }
.ui-icon-star {
background-position: -224px -112px; }
.ui-icon-link {
background-position: -240px -112px; }
.ui-icon-cancel {
background-position: 0 -128px; }
.ui-icon-plus {
background-position: -16px -128px; }
.ui-icon-plusthick {
background-position: -32px -128px; }
.ui-icon-minus {
background-position: -48px -128px; }
.ui-icon-minusthick {
background-position: -64px -128px; }
.ui-icon-close {
background-position: -80px -128px; }
.ui-icon-closethick {
background-position: -96px -128px; }
.ui-icon-key {
background-position: -112px -128px; }
.ui-icon-lightbulb {
background-position: -128px -128px; }
.ui-icon-scissors {
background-position: -144px -128px; }
.ui-icon-clipboard {
background-position: -160px -128px; }
.ui-icon-copy {
background-position: -176px -128px; }
.ui-icon-contact {
background-position: -192px -128px; }
.ui-icon-image {
background-position: -208px -128px; }
.ui-icon-video {
background-position: -224px -128px; }
.ui-icon-script {
background-position: -240px -128px; }
.ui-icon-alert {
background-position: 0 -144px; }
.ui-icon-info {
background-position: -16px -144px; }
.ui-icon-notice {
background-position: -32px -144px; }
.ui-icon-help {
background-position: -48px -144px; }
.ui-icon-check {
background-position: -64px -144px; }
.ui-icon-bullet {
background-position: -80px -144px; }
.ui-icon-radio-on {
background-position: -96px -144px; }
.ui-icon-radio-off {
background-position: -112px -144px; }
.ui-icon-pin-w {
background-position: -128px -144px; }
.ui-icon-pin-s {
background-position: -144px -144px; }
.ui-icon-play {
background-position: 0 -160px; }
.ui-icon-pause {
background-position: -16px -160px; }
.ui-icon-seek-next {
background-position: -32px -160px; }
.ui-icon-seek-prev {
background-position: -48px -160px; }
.ui-icon-seek-end {
background-position: -64px -160px; }
.ui-icon-seek-start {
background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px; }
.ui-icon-stop {
background-position: -96px -160px; }
.ui-icon-eject {
background-position: -112px -160px; }
.ui-icon-volume-off {
background-position: -128px -160px; }
.ui-icon-volume-on {
background-position: -144px -160px; }
.ui-icon-power {
background-position: 0 -176px; }
.ui-icon-signal-diag {
background-position: -16px -176px; }
.ui-icon-signal {
background-position: -32px -176px; }
.ui-icon-battery-0 {
background-position: -48px -176px; }
.ui-icon-battery-1 {
background-position: -64px -176px; }
.ui-icon-battery-2 {
background-position: -80px -176px; }
.ui-icon-battery-3 {
background-position: -96px -176px; }
.ui-icon-circle-plus {
background-position: 0 -192px; }
.ui-icon-circle-minus {
background-position: -16px -192px; }
.ui-icon-circle-close {
background-position: -32px -192px; }
.ui-icon-circle-triangle-e {
background-position: -48px -192px; }
.ui-icon-circle-triangle-s {
background-position: -64px -192px; }
.ui-icon-circle-triangle-w {
background-position: -80px -192px; }
.ui-icon-circle-triangle-n {
background-position: -96px -192px; }
.ui-icon-circle-arrow-e {
background-position: -112px -192px; }
.ui-icon-circle-arrow-s {
background-position: -128px -192px; }
.ui-icon-circle-arrow-w {
background-position: -144px -192px; }
.ui-icon-circle-arrow-n {
background-position: -160px -192px; }
.ui-icon-circle-zoomin {
background-position: -176px -192px; }
.ui-icon-circle-zoomout {
background-position: -192px -192px; }
.ui-icon-circle-check {
background-position: -208px -192px; }
.ui-icon-circlesmall-plus {
background-position: 0 -208px; }
.ui-icon-circlesmall-minus {
background-position: -16px -208px; }
.ui-icon-circlesmall-close {
background-position: -32px -208px; }
.ui-icon-squaresmall-plus {
background-position: -48px -208px; }
.ui-icon-squaresmall-minus {
background-position: -64px -208px; }
.ui-icon-squaresmall-close {
background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px; }
.ui-icon-grip-solid-vertical {
background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px; }
.ui-icon-grip-diagonal-se {
background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px; }
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px; }
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px; }
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px; }
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30);
/* support: IE8 */ }
.ui-widget-shadow {
margin: 0px 0 0 0px;
padding: 5px;
background: #666666;
opacity: .3;
filter: Alpha(Opacity=30);
/* support: IE8 */
border-radius: 8px; }
.activities .activities-lunch {
font-weight: 700; }
.activities .activities-lunch .activities-lunch-day {
background-color: #f5f5f5;
padding: 15px 0 15px 0;
border-right: 1px solid #fff;
cursor: pointer; }
.activities .activities-lunch .activities-lunch-day:hover {
background-color: #e5e5e5; }
.activities .activities-lunch .activities-lunch-day-active {
background-color: #DA4453;
padding: 15px 0 15px 0;
color: #fff;
border-right: 1px solid #fff;
position: relative; }
.activities .activities-lunch .activities-lunch-day-active:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(218, 68, 83, 0);
border-top-color: #DA4453;
border-width: 8px;
margin-left: -8px; }
.activities .activities-lunch .activities-lunch-day-inactive {
background-color: #f5f5f5;
padding: 15px 0 15px 0;
color: #999;
border-right: 1px solid #fff; }
.activities .activity_small_header_container {
border-bottom: 2px solid #DA4453; }
.activities .activity_small_header_container .activity_small_header {
background-color: #DA4453;
color: #fff;
text-transform: uppercase;
padding: 3px 5px 1px 5px;
display: inline-block; }
.activities .activity_small_header_container_hotel {
border-bottom: 2px solid #333; }
.activities .activity_small_header_container_hotel .activity_small_header_hotel {
background-color: #333;
color: #fff;
text-transform: uppercase;
padding: 3px 5px 1px 5px;
display: inline-block; }
.activities .activity-description {
font-size: 14px; }
.activities .activity-description a {
color: #3bafda;
text-decoration: underline; }
.activities .activity-description p {
margin-bottom: 10px; }
.activities .activity-small-list {
list-style: none;
margin-bottom: 10px; }
.activities .activity-small-list li {
border-bottom: 1px solid #e5e5e5;
padding: 5px 10px 5px 5px;
text-transform: uppercase;
font-weight: 700; }
.activities .activity-small-list li:last-child {
border-bottom: 0; }
.activities .activity-small-list li:hover {
background-color: #f5f5f5; }
.activities .activity-small-list .menu-download {
float: right;
background-color: #3F9F3F;
padding: 8px 8px;
color: #fff;
border-radius: 5px;
text-decoration: none;
font-size: 10px; }
.activities-show-more {
width: 100%;
padding: 10px;
background-color: #37BC9B;
color: #fff;
font-size: 16px;
font-weight: 400;
display: block; }
.activities-top-headline {
font-weight: 100;
font-size: 34px;
line-height: 40px; }
.restautants-top-image {
width: 90px;
display: block;
padding-right: 10px; }
.activities-lunch-item {
display: none; }
.activities-lunch-item-active .activities-lunch-item-list {
list-style: none;
margin-top: 15px; }
.activities-lunch-item-active .activities-lunch-item-list li {
padding: 5px 10px 5px 5px;
text-transform: uppercase;
font-weight: 700; }
.activities-lunch-item-active .activities-lunch-item-list li span {
color: #DA4453; }
.activity-list .activity-list-imagewrap {
width: 150px;
padding: 10px;
border-left: 4px solid #da4453; }
.activity-list .activity-list-image {
width: 140px;
display: block; }
.activity-list .activity-list-iconwrap {
width: 140px;
min-width: 60px; }
.activity-list .activity-list-iconwrap .activity-list-icon-on {
font-size: 14px;
padding-left: 10px;
color: #3bafda; }
.activity-list .activity-list-iconwrap .activity-list-icon-off {
font-size: 14px;
padding-left: 10px;
color: #eee;
display: none; }
.activity-list .activity-list-textwrap {
min-width: 134px;
padding: 10px; }
.activity-list .activity-list-textwrap .activity-list-name {
font-size: 25px;
font-weight: 0; }
.activity-list .activity-list-textwrap .activity-list-name .activity-list-distance {
color: #aaa; }
.activity-search-wrapper {
position: relative; }
.activity-search-wrapper .activity-search-icon {
position: absolute;
right: 0;
top: 5%;
font-size: 25px;
color: #999; }
.activity-search-wrapper #activity-search {
padding: 10px;
border: 1px solid #666;
background-color: #fff;
width: 100%; }
@media only screen and (max-width: 480px) {
.activity-list-imagewrap {
padding: 0px !important;
width: 80px !important; }
.activity-list-imagewrap img {
width: 70px !important; }
.activities-top-headline {
font-weight: 100;
font-size: 20px;
line-height: 20px; }
.restautants-top-image {
width: 50px;
display: block;
padding-right: 10px; }
.activity-list .activity-list-textwrap {
padding: 0;
padding-left: 10px; }
.activity-list .activity-list-textwrap .activity-list-name {
font-size: 11px;
font-weight: 700; }
.activity-list .activity-list-textwrap .activity-list-address {
display: block; }
.activity-list .activity-list-textwrap .activity-list-dot {
display: none; }
.activity-list .activity-list-textwrap .activity-list-phone {
display: block; } }
.activity-header {
background-color: #37BC9B;
color: #fff; }
.activity-header .show-all {
color: #fff; }
.activity-header p {
font-size: 14px;
margin-bottom: 10px; }
.activity-header p a {
text-decoration: underline;
color: #fff; }
.activity-header .activity-select {
background-color: #fff;
padding: 10px;
color: #000;
font-size: 16px;
border-radius: 05px; }
.activity-select p {
font-size: 12px;
border-bottom: 1px solid #eee;
padding-bottom: 5px; }
.activity-select select {
padding: 5px 0px;
width: 100%;
border: none;
box-shadow: none;
background: transparent;
background-image: none;
/* -webkit-appearance: none;*/ }
.activity-select p a {
font-size: 10px;
color: #DF8A6F; }
.select-style select:focus {
outline: none; }
.activities-category-list {
font-size: 14px;
text-transform: uppercase;
list-style: none; }
.activities-category-list a {
text-decoration: none; }
.activities-category-list li {
font-size: 12px;
text-transform: uppercase;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
padding-bottom: 10px; }
.activities-category-list li:last-child {
border-bottom: 0; }
.activities-category-list li span {
font-size: 14px;
color: #888;
text-transform: uppercase; }
.activities-category-list li span.count {
font-size: 12px;
color: #aaa;
text-transform: none; }
@media only screen and (min-width: 481px) and (max-width: 1023px) {
.activities-top-headline {
font-weight: 100;
font-size: 26px;
line-height: 26px; }
.restautants-top-image {
width: 60px;
display: block;
padding-right: 10px; } }
@media only screen and (max-width: 480px) {
.activities-category-list li {
padding-left: 10px; } }
.ui-optin-overlay {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .8;
filter: alpha(opacity=80);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
z-index: 998; }
.ui-optin {
display: none;
width: 440px;
margin-left: -245px;
margin-bottom: -100px;
background: #fff;
position: fixed;
z-index: 999;
bottom: 50%;
left: 50%;
padding: 20px;
border: 0;
border-top: 10px solid #e45e33;
font-family: arial;
text-align: center;
-webkit-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2); }
.ui-optin .ui-optin-wrapper {
width: 100%; }
.ui-optin .ui-optin-header {
font-size: 20px;
font-weight: bold;
font-family: arial;
color: #666;
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase; }
.ui-optin .ui-optin-close {
width: 35px;
height: 35px;
text-align: center;
background-color: #e45e33;
position: absolute;
right: -12px;
top: -22px;
font-family: arial;
font-weight: bold;
color: #fff;
font-size: 16px;
line-height: 36px;
cursor: pointer;
border-radius: 18px;
border: 0; }
.ui-optin .ui-optin-close:hover {
background-color: #b54521; }
.ui-optin .ui-optin-list {
margin: 0 0 20px 0;
padding-left: 0; }
.ui-optin .ui-optin-list li {
list-style: none;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
text-align: center;
color: #999; }
/*
.ui-optin .ui-optin-list li:before {
display:inline-block;
vertical-align: top;
line-height: 1em;
width: 1em;
height:1em;
margin-right: 0.3em;
text-align: center;
content: '';
color: #709651;
}
*/
.ui-optin .ui-email-wrapper .ui-droplist {
width: 320px;
padding: 10px 10px 10px 10px;
font-size: 16px;
display: block;
border: 1px solid #666;
margin-right: 15px;
border-radius: 0px;
margin: 0 auto;
margin-bottom: 10px; }
.ui-optin .ui-email-wrapper .ui-email {
width: 320px;
padding: 10px 10px 10px 10px;
font-size: 16px;
display: block;
border: 1px solid #666;
margin-right: 15px;
border-radius: 0px;
margin: 0 auto;
margin-bottom: 10px; }
.ui-optin .ui-optin-submit-mobile {
display: none; }
.ui-optin .ui-optin-submit {
display: block;
width: 320px;
padding: 8px 20px 8px 20px;
font-size: 16px;
background-color: #709651;
color: #fff;
cursor: pointer;
border-radius: 0px;
margin: 0 auto; }
.ui-optin .ui-option-ok {
color: #597151;
border: 1px solid #afcda4;
background-color: #ddf3d5;
padding: 10px;
margin-top: 15px;
text-align: center;
display: none;
width: 320px;
margin: 0 auto;
margin-top: 10px; }
.ui-optin .ui-option-error {
color: #b4302b;
border: 1px solid #be8181;
background-color: #ecc8c5;
padding: 10px;
margin-top: 15px;
text-align: center;
display: none;
width: 320px;
margin: 0 auto;
margin-top: 10px; }
@media only screen and (max-width: 480px) {
.ui-optin {
display: none;
margin: 0;
margin-top: 0px;
width: 100%;
padding: 0px;
border: 0;
border-top: 6px solid #6b6b6b;
background: #fff;
position: fixed;
z-index: 999;
left: 0;
bottom: 0; }
.ui-optin .ui-optin-header {
padding: 10px 50px 0px 10px;
font-size: 18px; }
.ui-optin .ui-optin-list {
margin: 0 0 12px 10px; }
.ui-optin .ui-optin-list li {
font-size: 14px;
color: #666; }
.ui-optin .ui-email-wrapper {
display: block;
width: 95%;
border-top: 1px solid #aaa;
margin-left: 10px; }
.ui-optin .ui-email-wrapper .ui-email {
width: 80%;
margin: 5px 0px 10px 0px;
padding: 5px 10px 5px 5px;
border: 0;
display: inline-block;
min-height: 30px; }
.ui-optin .ui-optin-submit {
display: none; }
.ui-optin .ui-optin-submit-mobile {
display: inline-block;
content: " ";
width: 10%;
color: #333;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #888; }
/*
.ui-optin .ui-optin-submit:after {
visibility: visible;
display: inline-block;
content: " ";
width: 10%;
color:#333;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent #888;
}
*/
.ui-optin .ui-option-ok, .ui-optin .ui-option-error {
width: 85%;
margin: 0 10px 20px 10px; }
.ui-optin .ui-option-ok, .ui-optin .ui-option-error {
border-radius: 0;
font-size: 12px;
padding: 3px 0 3px 0;
width: 92%; } }
.wrap-margin1 { margin-left: 5px; margin-right: 5px; }
.wrap-margin2 { margin-left: 10px; margin-right: 10px; }
.wrap-margin3 { margin-left: 15px; margin-right: 15px; }
.wrap-margin4 { margin-left: 20px; margin-right: 20px; }
.wrap-margin5 { margin-left: 25px; margin-right: 25px; }
.wrap-margin6 { margin-left: 30px; margin-right: 30px; }
.wrap-margin7 { margin-left: 35px; margin-right: 35px; }
.wrap-margin8 { margin-left: 40px; margin-right: 40px; }
.wrap-padding1 { padding-left: 5px; padding-right: 5px; }
.wrap-padding2 { padding-left: 10px; padding-right: 10px; }
.wrap-padding3 { padding-left: 15px; padding-right: 15px; }
.wrap-padding4 { padding-left: 20px; padding-right: 20px; }
.wrap-padding5 { padding-left: 25px; padding-right: 25px; }
.wrap-padding6 { padding-left: 30px; padding-right: 30px; }
.wrap-padding7 { padding-left: 35px; padding-right: 35px; }
.wrap-padding8 { padding-left: 40px; padding-right: 40px; }
.padding1 { padding-top: 40px!important; padding-top: 2.5rem!important; }
.padding2 { padding-right: 40px!important; padding-right: 2.5rem!important; }
.padding3 { padding-bottom: 40px!important; padding-bottom: 2.5rem!important; }
.padding4 { padding-left: 40px!important; padding-left: 2.5rem!important; }
.padding5 { padding-top: 20px!important; padding-top: 1.25rem!important; }
.padding6 { padding-right: 20px!important; padding-right: 1.25rem!important; }
.padding7 { padding-bottom: 20px!important; padding-bottom: 1.25rem!important; }
.padding8 { padding-left: 20px!important; padding-left: 1.25rem!important; }
.padding9 { padding-top: 10px!important; padding-top: .625rem!important; }
.padding10 { padding-right: 10px!important; padding-right: .625rem!important; }
.padding11 { padding-bottom: 10px!important; padding-bottom: .625rem!important; }
.padding12 { padding-left: 10px!important; padding-left: .625rem!important; }
.padding13 { padding-top: 5px!important; padding-top: .3125rem!important; }
.padding14 { padding-right: 5px!important; padding-right: .3125rem!important; }
.padding15 { padding-bottom: 5px!important; padding-bottom: .3125rem!important; }
.padding16 { padding-left: 5px!important; padding-left: .3125rem!important; }
.indent-block { margin-top: 60px!important; margin-top: 3.75rem!important; }
.indent1 { margin-top: 40px!important; margin-top: 2.5rem!important; }
.indent2 { margin-right: 40px!important; margin-right: 2.5rem!important; }
.indent3 { margin-bottom: 40px!important; margin-bottom: 2.5rem!important; }
.indent4 { margin-left: 40px!important; margin-left: 2.5rem!important; }
.indent5 { margin-top: 20px!important; margin-top: 1.25rem!important; }
.indent6 { margin-right: 20px!important; margin-right: 1.25rem!important; }
.indent7 { margin-bottom: 20px!important; margin-bottom: 1.25rem!important; }
.indent8 { margin-left: 20px!important; margin-left: 1.25rem!important; }
.indent9 { margin-top: 10px!important; margin-top: .625rem!important; }
.indent10 { margin-right: 10px!important; margin-right: .625rem!important; }
.indent11 { margin-bottom: 10px!important; margin-bottom: .625rem!important; }
.indent12 { margin-left: 10px!important; margin-left: .625rem!important; }
.indent13 { margin-top: 5px!important; margin-top: .3125rem!important; }
.indent14 { margin-right: 5px!important; margin-right: .3125rem!important; }
.indent15 { margin-bottom: 5px!important; margin-bottom: .3125rem!important; }
.indent16 { margin-left: 5px!important; margin-left: .3125rem!important; }
.block--element {
display: block;
}
.inline-block--element {
display: inline-block;
}
.absolute--holder {
position: relative;
}
hr {
height: 0;
border: 0;
border-top: 1px solid #ddd;
}
.hr--light {
border-color: #f5f5f5;
}
.hide-content {
display: none;
visibility: hidden;
}
.show-content {
display: block;
visibility: visible;
}
.inliner {
height: 100%;
}
.inliner,
.inliner + * {
display: inline-block;
vertical-align: middle;
}
@media only screen and (min-width: 961px) {
.desk--hide-content {
display: none;
}
.desk--show-content {
display: block;
visibility: visible;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.bigportable--hide-content {
display: none;
}
.bigportable--show-content {
display: block;
visibility: visible;
}
.bigportable-remove-float {
float: none;
}
}
@media only screen and (max-width: 767px) {
.smallportable--hide-content {
display: none;
}
.smallportable--show-content {
display: block;
visibility: visible;
}
.smallportable-remove-float {
float: none;
}
}
@media only screen and (max-width: 480px) {
.palm--hide-content {
display: none;
}
.palm--show-content {
display: block;
visibility: visible;
}
.palm--remove-float {
float: none;
}
.palm--no-indent { margin: 0 !important; }
.palm--indent-block { margin-top: 60px!important; margin-top: 3.75rem!important; }
.palm--indent1 { margin-top: 40px!important; margin-top: 2.5rem!important; }
.palm--indent2 { margin-right: 40px!important; margin-right: 2.5rem!important; }
.palm--indent3 { margin-bottom: 40px!important; margin-bottom: 2.5rem!important; }
.palm--indent4 { margin-left: 40px!important; margin-left: 2.5rem!important; }
.palm--indent5 { margin-top: 20px!important; margin-top: 1.25rem!important; }
.palm--indent6 { margin-right: 20px!important; margin-right: 1.25rem!important; }
.palm--indent7 { margin-bottom: 20px!important; margin-bottom: 1.25rem!important; }
.palm--indent8 { margin-left: 20px!important; margin-left: 1.25rem!important; }
.palm--indent9 { margin-top: 10px!important; margin-top: .625rem!important; }
.palm--indent10 { margin-right: 10px!important; margin-right: .625rem!important; }
.palm--indent11 { margin-bottom: 10px!important; margin-bottom: .625rem!important; }
.palm--indent12 { margin-left: 10px!important; margin-left: .625rem!important; }
}
@media only screen and (min-width: 481px) and (max-width: 960px) {
.lap--hide-content {
display: none;
}
.lap--show-content {
display: block;
visibility: visible;
}
.lap--remove-float {
float: none;
}
.lap--no-indent { margin: 0 !important; }
.lap--indent-block { margin-top: 60px!important; margin-top: 3.75rem!important; }
.lap--indent1 { margin-top: 40px!important; margin-top: 2.5rem!important; }
.lap--indent2 { margin-right: 40px!important; margin-right: 2.5rem!important; }
.lap--indent3 { margin-bottom: 40px!important; margin-bottom: 2.5rem!important; }
.lap--indent4 { margin-left: 40px!important; margin-left: 2.5rem!important; }
.lap--indent5 { margin-top: 20px!important; margin-top: 1.25rem!important; }
.lap--indent6 { margin-right: 20px!important; margin-right: 1.25rem!important; }
.lap--indent7 { margin-bottom: 20px!important; margin-bottom: 1.25rem!important; }
.lap--indent8 { margin-left: 20px!important; margin-left: 1.25rem!important; }
.lap--indent9 { margin-top: 10px!important; margin-top: .625rem!important; }
.lap--indent10 { margin-right: 10px!important; margin-right: .625rem!important; }
.lap--indent11 { margin-bottom: 10px!important; margin-bottom: .625rem!important; }
.lap--indent12 { margin-left: 10px!important; margin-left: .625rem!important; }
}
@media only screen and (max-width: 960px) {
.portable--hide-content {
display: none;
}
.portable--show-content {
display: block;
visibility: visible;
}
.portable--remove-float {
float: none;
}
.portable--no-indent { margin: 0 !important; }
.portable--indent-block { margin-top: 60px!important; margin-top: 3.75rem!important; }
.portable--indent1 { margin-top: 40px!important; margin-top: 2.5rem!important; }
.portable--indent2 { margin-right: 40px!important; margin-right: 2.5rem!important; }
.portable--indent3 { margin-bottom: 40px!important; margin-bottom: 2.5rem!important; }
.portable--indent4 { margin-left: 40px!important; margin-left: 2.5rem!important; }
.portable--indent5 { margin-top: 20px!important; margin-top: 1.25rem!important; }
.portable--indent6 { margin-right: 20px!important; margin-right: 1.25rem!important; }
.portable--indent7 { margin-bottom: 20px!important; margin-bottom: 1.25rem!important; }
.portable--indent8 { margin-left: 20px!important; margin-left: 1.25rem!important; }
.portable--indent9 { margin-top: 10px!important; margin-top: .625rem!important; }
.portable--indent10 { margin-right: 10px!important; margin-right: .625rem!important; }
.portable--indent11 { margin-bottom: 10px!important; margin-bottom: .625rem!important; }
.portable--indent12 { margin-left: 10px!important; margin-left: .625rem!important; }
}