html {
    color: #222
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.nocallout {
    -webkit-touch-callout: none
}

.pressed {
    background-color: rgba(0, 0, 0, .7)
}

textarea[contenteditable] {
    -webkit-appearance: none
}

.gifhidden {
    position: absolute;
    left: -100%
}

.ir {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em
}

.ir br {
    display: none
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

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

.clearfix::after {
    clear: both
}

.misc__list:before,
.route__list:before,
.container:before,
.header__navigation__list:before,
.misc__list:after,
.route__list:after,
.container:after,
.header__navigation__list:after {
    content: "";
    display: table;
    clear: both
}

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

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

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

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

[hidden],
template {
    display: none
}

a {
    background: 0 0
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 0
}

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

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

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

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0
}

blockquote {
    margin: 0
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body,
button {
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

body {
    line-height: 1.4;
    color: #8c8c8c
}

body::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    display: none;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(95%, rgba(0, 0, 0, .15)), to(rgba(0, 0, 0, .15)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .15)95%, rgba(0, 0, 0, .15)100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .15)95%, rgba(0, 0, 0, .15)100%);
    -webkit-background-size: 100% 26px;
    background-size: 100% 26px
}

body.debug::after {
    display: block;
    pointer-events: none
}

html,
body {
    font-size: 100%
}

@font-face {
    font-family: icons;
    src: url(../images/icons/icons.eot);
    src: url(../images/icons/icons.eot?#iefix) format("embedded-opentype"), url(../images/icons/icons.woff2) format("woff2"), url(../images/icons/icons.woff) format("woff"), url(../images/icons/icons.ttf) format("truetype"), url(../images/icons/icons.svg?#icons) format("svg");
    font-weight: 400;
    font-style: normal
}

.sprite {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
    -webkit-background-size: 120px 120px;
    background-size: 120px
}

.sprite-apple-store {
    height: 35px;
    width: 115px;
    background-position: -3px -2px
}

.sprite-google-play {
    height: 35px;
    width: 115px;
    background-position: -3px -42px
}

.icon-arrow {
    width: 20px;
    height: 10px;
    -webkit-background-size: contain;
    background-size: contain;
    display: inline-block
}

.icon-flag {
    height: 36px;
    width: 36px
}

.icon-flag,
.icon-label {
    display: inline-block;
    -webkit-background-size: contain;
    background-size: contain
}

.icon-label {
    width: 26px;
    height: 26px
}

.icon-checkmark_icon {
    width: 47px;
    height: 48px
}

.icon-checkmark_icon,
.icon-star_empty,
.icon-star_full,
.icon-star_half {
    -webkit-background-size: contain;
    background-size: contain;
    display: inline-block
}

.icon-star_empty,
.icon-star_full,
.icon-star_half {
    height: 24px;
    width: 26px
}

.icono-areaChart,
.icono-barChart,
.icono-book,
.icono-book:after,
.icono-book:before,
.icono-bookmarkEmpty,
.icono-bookmarkEmpty:before,
.icono-camera,
.icono-chain:after,
.icono-chain:before,
.icono-clock,
.icono-commentEmpty,
.icono-creditCard,
.icono-crop,
.icono-crop:before,
.icono-display,
.icono-document,
.icono-eye,
.icono-file,
.icono-flag:after,
.icono-flag:before,
.icono-folder,
.icono-forbidden,
.icono-frown,
.icono-frown:after,
.icono-headphone,
.icono-heart,
.icono-heart:after,
.icono-heart:before,
.icono-home,
.icono-home:after,
.icono-home:before,
.icono-imac,
.icono-imacBold,
.icono-image,
.icono-infinity:after,
.icono-infinity:before,
.icono-iphone,
.icono-iphoneBold,
.icono-keyboard,
.icono-macbook:before,
.icono-macbookBold:before,
.icono-mail,
.icono-mail:before,
.icono-market,
.icono-market:after,
.icono-meh,
.icono-meh:after,
.icono-microphone,
.icono-microphone:before,
.icono-mouse,
.icono-mouse:before,
.icono-nexus,
.icono-paperClip,
.icono-paperClip:after,
.icono-paperClip:before,
.icono-piano,
.icono-pin,
.icono-pin:before,
.icono-power,
.icono-rename,
.icono-ruler,
.icono-search,
.icono-signIn,
.icono-signIn:before,
.icono-signOut,
.icono-signOut:before,
.icono-smile,
.icono-smile:after,
.icono-stroke,
.icono-sync,
.icono-tag,
.icono-tag:after,
.icono-terminal,
.icono-trash,
.icono-user,
.icono-user:before,
.icono-video,
.icono-volumeHigh:after,
.icono-volumeHigh:before,
.icono-volumeLow:before,
.icono-volumeMedium:before,
.icono-youtube,
.icono-youtube:before,
[class*=icono-][class*=Circle],
[class*=icono-][class*=Square],
[class*=icono-check][class*=Circle] {
    border: 2px solid
}

.icono-chain:after,
.icono-chain:before,
.icono-downArrow:before,
.icono-dropper:before,
.icono-flickr:after,
.icono-flickr:before,
.icono-indent:before,
.icono-leftArrow:before,
.icono-list:before,
.icono-outdent:before,
.icono-paperClip:before,
.icono-rename:before,
.icono-rightArrow:before,
.icono-upArrow:before,
.icono-video:before,
.icono-volumeDecrease:after,
.icono-volumeDecrease:before,
.icono-volumeHigh:after,
.icono-volumeHigh:before,
.icono-volumeIncrease:after,
.icono-volumeIncrease:before,
.icono-volumeLow:before,
.icono-volumeMedium:before,
.icono-volumeMute:after,
.icono-volumeMute:before,
.stickCenterV {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.icono-cup:after,
.icono-display:after,
.icono-display:before,
.icono-imac:after,
.icono-imacBold:after,
.icono-imacBold:before,
.icono-iphone:after,
.icono-iphone:before,
.icono-macbook:before,
.icono-macbookBold:before,
.icono-market:after,
.icono-microphone:after,
.icono-microphone:before,
.icono-mouse:after,
.icono-mouse:before,
.icono-search:before,
.icono-sitemap:after,
.icono-sitemap:before,
.icono-tag:after,
.icono-trash:before,
.icono-user:before,
.stickCenterH,
[class*=icono-exclamation]:after,
[class*=icono-textAlign].icono-textAlignCenter:after,
[class*=icono-textAlign].icono-textAlignCenter:before {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.icono-camera:before,
.icono-clock:after,
.icono-clock:before,
.icono-document:after,
.icono-eye:before,
.icono-forbidden:before,
.icono-gear:before,
.icono-gplus:after,
.icono-instagram:before,
.icono-keyboard:before,
.icono-pin:before,
.icono-video:after,
.icono-youtube:after,
.stickCenter,
[class*=icono-check]:before,
[class*=icono-cross]:after,
[class*=icono-cross]:before,
[class*=icono-plus]:after,
[class*=icono-plus]:before {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.spin[class*=spin] {
    -webkit-animation: loading-spinner 2s infinite linear;
    animation: loading-spinner 2s infinite linear
}

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

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

.icono-icono {
    width: 13px;
    height: 4px;
    -webkit-box-shadow: inset 0 0 0 32px, 0 16px, 17px -18px;
    box-shadow: inset 0 0 0 32px, 0 16px, 17px -18px;
    -webkit-transform: skew(0, 30deg);
    -ms-transform: skew(0, 30deg);
    transform: skew(0, 30deg);
    margin: 11px 19px 19px 2px
}

.icono-icono:before {
    position: absolute;
    width: 13px;
    height: 4px;
    -webkit-box-shadow: inset 0 0 0 32px, 0 16px, -17px -17px;
    box-shadow: inset 0 0 0 32px, 0 16px, -17px -17px;
    right: -17px;
    top: -10px;
    -webkit-transform: skew(0, -48deg);
    -ms-transform: skew(0, -48deg);
    transform: skew(0, -48deg)
}

.icono-icono:after {
    position: absolute;
    width: 22px;
    height: 15px;
    left: 0;
    top: -5px;
    border: 4px solid;
    border-top-color: transparent;
    border-bottom: none;
    -webkit-transform: skew(0, -30deg)scaleY(.6);
    -ms-transform: skew(0, -30deg)scaleY(.6);
    transform: skew(0, -30deg)scaleY(.6)
}

.icono-home {
    width: 22px;
    height: 16px;
    border-top: none;
    margin: 15px 6px 3px
}

.icono-home:before {
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: -2px;
    top: -7px;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.icono-home:after {
    width: 6px;
    height: 10px;
    bottom: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-width: 1px;
    border-bottom: none
}

.icono-mail {
    width: 28px;
    height: 18px;
    overflow: hidden;
    margin: 8px 3px
}

.icono-mail:before {
    position: absolute;
    width: 24.62px;
    height: 24.62px;
    -webkit-transform: rotate(50deg)skew(-10deg, -20deg);
    -ms-transform: rotate(50deg)skew(-10deg, -20deg);
    transform: rotate(50deg)skew(-10deg, -20deg);
    top: -20px;
    left: -3px
}

.icono-rss {
    width: 22px;
    height: 22px;
    overflow: hidden;
    margin: 6px
}

.icono-rss:after,
.icono-rss:before {
    position: absolute;
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-rss:before {
    width: 6px;
    height: 6px;
    -webkit-box-shadow: 0 0 32px inset;
    box-shadow: 0 0 32px inset;
    left: 0;
    bottom: 0
}

.icono-rss:after {
    width: 27px;
    height: 27px;
    right: 15%;
    top: 15%;
    border: 4px solid transparent;
    -webkit-box-shadow: inset 0 0 0 2px, 0 0 0 2px;
    box-shadow: inset 0 0 0 2px, 0 0 0 2px
}

.icono-bars,
.icono-hamburger {
    width: 20px;
    height: 2px;
    -webkit-box-shadow: inset 0 0 0 32px, 0 -6px, 0 6px;
    box-shadow: inset 0 0 0 32px, 0 -6px, 0 6px;
    margin: 16px 7px
}

[class*=icono-cross],
[class*=icono-plus] {
    width: 30px;
    height: 30px;
    margin: 2px
}

[class*=icono-check]:before,
[class*=icono-cross]:after,
[class*=icono-cross]:before,
[class*=icono-plus]:after,
[class*=icono-plus]:before {
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

[class*=icono-check]:before,
[class*=icono-cross]:before,
[class*=icono-plus]:before {
    width: 20px;
    height: 2px
}

[class*=icono-cross]:after,
[class*=icono-plus]:after {
    height: 20px;
    width: 2px
}

[class*=icono-cross][class*=Circle]:before,
[class*=icono-plus][class*=Circle]:before {
    width: 18px
}

[class*=icono-cross][class*=Circle]:after,
[class*=icono-plus][class*=Circle]:after {
    height: 18px
}

.icono-cross,
.icono-crossCircle {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

[class*=icono-check] {
    width: 28px;
    height: 28px;
    margin: 3px 0 3px 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

[class*=icono-check]:after,
[class*=icono-check]:before {
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

[class*=icono-check]:after {
    position: absolute;
    height: 12px;
    width: 2px;
    left: 4px;
    bottom: 14px
}

[class*=icono-check][class*=Circle] {
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 2px
}

[class*=icono-check][class*=Circle]:before {
    width: 14px;
    top: 15px;
    left: 14px
}

[class*=icono-check][class*=Circle]:after {
    height: 8px;
    left: 7px;
    bottom: 10px
}

.icono-power {
    width: 22px;
    height: 22px;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-top-color: transparent;
    margin: 6px
}

.icono-power:before {
    position: absolute;
    top: -15%;
    left: 8px;
    width: 2px;
    height: 60%;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-heart {
    width: 20px;
    height: 20px;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-border-radius: 4px 0;
    border-radius: 4px 0;
    margin: 9px 7px 5px
}

.icono-heart:after {
    position: absolute
}

.icono-heart:before {
    position: absolute;
    width: 8px;
    height: 14px;
    left: -10px;
    bottom: -2px;
    -o-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
    border-right-color: transparent
}

.icono-heart:after {
    width: 14px;
    height: 8px;
    right: -2px;
    top: -10px;
    -o-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    border-bottom-color: transparent
}

.icono-infinity {
    width: 32px;
    height: 16px;
    margin: 9px 1px
}

.icono-infinity:after,
.icono-infinity:before {
    width: 10px;
    height: 10px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.icono-infinity:before {
    left: 0;
    -o-border-radius: 32px 0 32px 32px;
    border-radius: 32px 0 32px 32px
}

.icono-infinity:after {
    right: 1px;
    -o-border-radius: 32px 32px 32px 0;
    border-radius: 32px 32px 32px 0
}

.icono-flag {
    width: 22px;
    height: 25px;
    border-left: 3px solid;
    margin: 5px 6px 4px
}

.icono-flag:after,
.icono-flag:before {
    position: absolute;
    width: 9px;
    height: 8px
}

.icono-flag:before {
    left: -2px;
    top: 1px;
    -o-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0;
    border-right-width: 3px
}

.icono-flag:after {
    width: 5px;
    left: 9px;
    top: 4px;
    border-left-width: 3px;
    -o-border-radius: 2px 2px 0;
    border-radius: 2px 2px 0
}

.icono-file {
    width: 26px;
    height: 32px;
    -o-border-radius: 0 12px 0 0;
    border-radius: 0 12px 0 0;
    margin: 1px 4px
}

.icono-file:before {
    position: absolute;
    top: -2px;
    right: -2px;
    border-style: solid;
    width: 0;
    height: 0;
    border-width: 5px;
    border-top-color: transparent;
    border-right-color: transparent
}

.icono-document {
    width: 26px;
    height: 32px;
    -o-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
    margin: 1px 4px
}

.icono-document:before {
    position: absolute;
    width: 0;
    height: 0;
    left: -3px;
    bottom: -3px;
    border-width: 5px;
    border-style: solid;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.icono-document:after {
    width: 13px;
    height: 2px;
    -webkit-box-shadow: inset 0 0 0 32px, 0 -5px 0 0, 0 5px 0 0;
    box-shadow: inset 0 0 0 32px, 0 -5px 0 0, 0 5px 0 0
}

.icono-folder {
    width: 18px;
    height: 22px;
    border-left-width: 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    margin: 8px 2px 4px 14px
}

.icono-folder:before {
    width: 12px;
    height: 20px;
    bottom: -2px;
    border-width: 0 0 2px 2px;
    -o-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px
}

.icono-folder:before,
.icono-folder:after {
    position: absolute;
    left: -12px;
    border-style: solid
}

.icono-folder:after {
    width: 10px;
    height: 5px;
    top: -7px;
    border-width: 2px 2px 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.icono-pin {
    width: 26px;
    height: 26px;
    -o-border-radius: 50% 50% 50% 0;
    border-radius: 50% 50% 50% 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 1px 4px 7px
}

.icono-pin:before {
    position: absolute;
    width: 6px;
    height: 6px;
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-frown,
.icono-meh,
.icono-smile {
    -o-border-radius: 50%;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin: 2px
}

.icono-frown:before,
.icono-meh:before,
.icono-smile:before {
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 8px 0 0 0, 0 0 0 2px inset;
    box-shadow: 8px 0 0 0, 0 0 0 2px inset;
    height: 4px;
    width: 4px;
    left: 7px;
    position: absolute;
    top: 27%
}

.icono-frown:after,
.icono-meh:after,
.icono-smile:after {
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    height: 16px;
    left: 50%;
    position: absolute;
    top: 6%;
    width: 16px
}

.icono-eye {
    -o-border-radius: 80% 20%;
    border-radius: 80% 20%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 2px 1px 1px 2px;
    height: 28px;
    width: 28px;
    margin: 3px
}

.icono-eye:before {
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 -3px 0 3px inset;
    box-shadow: 0 -3px 0 3px inset;
    height: 11px;
    width: 11px
}

.icono-sliders {
    height: 30px;
    width: 30px;
    margin: 2px
}

.icono-sliders:after,
.icono-sliders:before {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: absolute
}

.icono-sliders:before {
    width: 8px;
    height: 7px;
    -o-border-radius: 2px;
    border-radius: 2px;
    top: 67%;
    -webkit-box-shadow: inset 0 0 0 32px, 10px -10px, -10px -14px;
    box-shadow: inset 0 0 0 32px, 10px -10px, -10px -14px
}

.icono-sliders:after {
    position: absolute;
    width: 2px;
    height: 100%;
    -webkit-box-shadow: inset 0 0 0 32px, 10px 0, -10px 0;
    box-shadow: inset 0 0 0 32px, 10px 0, -10px 0
}

.icono-share {
    height: 9px;
    width: 9px;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 32px, 22px -11px 0 0, 22px 11px 0 0;
    box-shadow: inset 0 0 0 32px, 22px -11px 0 0, 22px 11px 0 0;
    margin: 12px 24px 13px 1px
}

.icono-share:after,
.icono-share:before {
    position: absolute;
    width: 24px;
    height: 2px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    left: 0
}

.icono-share:before {
    top: -2px;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

.icono-share:after {
    top: 9px;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg)
}

.icono-sync {
    width: 26px;
    height: 26px;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 4px
}

.icono-sync,
.icono-sync:after,
.icono-sync:before {
    border-right-color: transparent;
    border-left-color: transparent
}

.icono-sync:after,
.icono-sync:before {
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-bottom-color: transparent
}

.icono-sync:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: -7px;
    top: 0
}

.icono-sync:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    left: -7px;
    bottom: 0
}

.icono-reset {
    width: 26px;
    height: 26px;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-width: 2px;
    margin: 4px
}

.icono-reset,
.icono-reset:before {
    border-style: solid;
    border-left-color: transparent
}

.icono-reset:before {
    position: absolute;
    width: 0;
    height: 0;
    left: -7px;
    bottom: 0;
    border-width: 6px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.icono-gear {
    width: 32px;
    height: 32px;
    border: 3px dotted;
    margin: 1px
}

.icono-gear,
.icono-gear:before {
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-gear:before {
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 0 0 3px, 0 0 0 2px inset;
    box-shadow: 0 0 0 3px, 0 0 0 2px inset;
    border: 6px solid transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.icono-signIn {
    width: 18px;
    height: 32px;
    border-left: none;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    margin: 1px 8px
}

.icono-signIn:before {
    position: absolute;
    width: 11px;
    height: 11px;
    left: -10px;
    top: 7px;
    border-bottom: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0
}

.icono-signOut {
    width: 18px;
    height: 32px;
    border-right: none;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    margin: 1px 8px
}

.icono-signOut:before {
    position: absolute;
    width: 11px;
    height: 11px;
    right: -2px;
    top: 7px;
    border-bottom: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -o-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0
}

.icono-support {
    width: 26px;
    height: 26px;
    border: 5px solid transparent;
    -webkit-box-shadow: 0 0 0 2px inset, 0 0 0 2px;
    box-shadow: 0 0 0 2px inset, 0 0 0 2px;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 4px
}

.icono-support:before {
    left: -3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.icono-support:before,
.icono-support:after {
    position: absolute;
    width: 7px;
    height: 7px;
    top: -3px;
    -webkit-box-shadow: inset 0 0 0 32px, 21px 0 0 0;
    box-shadow: inset 0 0 0 32px, 21px 0 0 0
}

.icono-support:after {
    right: -3px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.icono-dropper {
    width: 40px;
    height: 14px;
    border-width: 3px;
    border-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -webkit-box-shadow: -9px 0 0 2px inset, 0 0 0 2px inset;
    box-shadow: -9px 0 0 2px inset, 0 0 0 2px inset;
    -o-border-radius: 50% 6px 6px 50%;
    border-radius: 50% 6px 6px 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 12px -2px 8px -4px
}

.icono-dropper:before {
    width: 4px;
    height: 14px;
    right: 10px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-tiles {
    width: 4px;
    height: 4px;
    -webkit-box-shadow: 0 -8px 0, -8px -8px 0, 8px -8px 0, 0 0 0 32px inset, -8px 0 0, 8px 0 0, 0 8px 0, -8px 8px 0, 8px 8px 0;
    box-shadow: 0 -8px 0, -8px -8px 0, 8px -8px 0, 0 0 0 32px inset, -8px 0 0, 8px 0 0, 0 8px 0, -8px 8px 0, 8px 8px 0;
    margin: 15px
}

.icono-list {
    width: 4px;
    margin: 15px 26px 15px 4px
}

.icono-list,
.icono-list:before {
    height: 4px;
    -webkit-box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0;
    box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0
}

.icono-list:before {
    width: 18px;
    left: 8px
}

.icono-chain {
    width: 16px;
    height: 2px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 16px 9px
}

.icono-chain:after,
.icono-chain:before {
    width: 12px;
    height: 8px;
    -o-border-radius: 4px;
    border-radius: 4px
}

.icono-chain:before {
    right: -10px
}

.icono-chain:after {
    left: -10px
}

.icono-youtube {
    border-right-color: transparent;
    border-left-color: transparent;
    -o-border-radius: 10px;
    border-radius: 10px;
    width: 32px;
    height: 22.29px;
    margin: 6px 1px
}

.icono-youtube:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-border-radius: 6px/3px;
    border-radius: 6px/3px
}

.icono-youtube:before,
.icono-youtube:after {
    border-top-color: transparent;
    border-bottom-color: transparent
}

.icono-youtube:after {
    width: 0;
    height: 0;
    border-width: 4px 0 4px 8px;
    border-style: solid
}

.icono-rename {
    width: 26px;
    height: 10px;
    border-color: transparent;
    border-width: 3px;
    -webkit-box-shadow: 0 0 0 1px, 11px 0 0 0 inset;
    box-shadow: 0 0 0 1px, 11px 0 0 0 inset;
    margin: 12px 4px
}

.icono-rename:before {
    width: 1px;
    height: 18px;
    left: 9px;
    border-width: 2px 4px;
    border-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
    -webkit-box-shadow: 0 0 0 1px inset;
    box-shadow: 0 0 0 1px inset
}

.icono-search {
    width: 22px;
    height: 22px;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 4px 4px 8px 8px
}

.icono-search:before {
    width: 4px;
    height: 11px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    top: 19px;
    -o-border-radius: 0 0 1px 1px;
    border-radius: 0 0 1px 1px
}

.icono-book {
    width: 26px;
    height: 22px;
    margin: 10px 4px 2px
}

.icono-book,
.icono-book:before {
    border-top: none;
    -o-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px
}

.icono-book:before {
    height: 7px;
    border-right: none;
    top: -5px
}

.icono-book:before,
.icono-book:after {
    position: absolute;
    width: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: -2px
}

.icono-book:after {
    height: 8px;
    top: -8px;
    border-bottom: none;
    -o-border-radius: 6px 0 0;
    border-radius: 6px 0 0
}

.icono-forbidden {
    width: 28px;
    height: 28px;
    border-width: 3px;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.icono-forbidden:before {
    width: 24px;
    height: 4px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-trash {
    width: 22px;
    height: 22px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border-top: none;
    margin: 9px 6px 3px
}

.icono-trash:before {
    width: 8px;
    height: 2px;
    top: -6px;
    -webkit-box-shadow: inset 0 0 0 32px, -10px 2px 0 0, -6px 2px 0 0, 0 2px 0 0, 6px 2px 0 0, 10px 2px 0 0;
    box-shadow: inset 0 0 0 32px, -10px 2px 0 0, -6px 2px 0 0, 0 2px 0 0, 6px 2px 0 0, 10px 2px 0 0
}

.icono-keyboard {
    width: 32px;
    height: 22px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 6px 1px
}

.icono-keyboard:before {
    width: 2px;
    height: 2px;
    -webkit-box-shadow: -2px -4px 0, -6px -4px 0, -10px -4px 0, 2px -4px 0, 6px -4px 0, 8px -4px 0, 10px -4px 0, -4px 0 0, -8px 0 0, -10px 0 0, inset 0 0 0 32px, 4px 0 0, 8px 0 0, 10px 0 0, 4px 4px 0, 2px 4px 0, 0 4px 0, -2px 4px 0, -6px 4px 0, -10px 4px 0, 6px 4px 0, 10px 4px 0;
    box-shadow: -2px -4px 0, -6px -4px 0, -10px -4px 0, 2px -4px 0, 6px -4px 0, 8px -4px 0, 10px -4px 0, -4px 0 0, -8px 0 0, -10px 0 0, inset 0 0 0 32px, 4px 0 0, 8px 0 0, 10px 0 0, 4px 4px 0, 2px 4px 0, 0 4px 0, -2px 4px 0, -6px 4px 0, -10px 4px 0, 6px 4px 0, 10px 4px 0
}

.icono-mouse {
    width: 23px;
    height: 32px;
    -o-border-radius: 11px 11px 12px 12px;
    border-radius: 11px 11px 12px 12px;
    margin: 1px 5px 1px 6px
}

.icono-mouse:before {
    width: 1px;
    height: 6px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border-color: transparent;
    border-width: 1px;
    top: 5px;
    -webkit-box-shadow: 0 0 0 1px, 0 0 0 2px inset;
    box-shadow: 0 0 0 1px, 0 0 0 2px inset
}

.icono-mouse:after {
    width: 1px;
    height: 4px;
    top: 0;
    -webkit-box-shadow: inset 0 0 0 32px, 0 13px 0 0;
    box-shadow: inset 0 0 0 32px, 0 13px 0 0
}

.icono-user {
    width: 32px;
    height: 14px;
    -o-border-radius: 64px 64px 0 0/64px;
    border-radius: 64px 64px 0 0/64px;
    margin: 18px 1px 2px
}

.icono-user:before {
    width: 12px;
    height: 12px;
    top: -20px;
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-crop {
    width: 21px;
    height: 21px;
    border-left: none;
    border-bottom: none;
    margin: 9px 9px 4px 4px
}

.icono-crop:before {
    position: absolute;
    width: 21px;
    height: 21px;
    top: -7px;
    right: -7px;
    border-top: none;
    border-right: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.icono-crop:after {
    position: absolute;
    width: 27px;
    height: 1px;
    left: 2px;
    top: 3px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.icono-display {
    width: 26px;
    height: 22px;
    margin: 4px 4px 8px
}

.icono-display:before {
    width: 4px;
    height: 3px;
    bottom: -5px
}

.icono-display:before,
.icono-display:after {
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-display:after {
    width: 14px;
    height: 2px;
    bottom: -6px
}

.icono-imac {
    width: 28px;
    height: 24px;
    border-width: 2px 2px 6px;
    border-color: transparent;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 1px, 0 0 0 1px inset;
    box-shadow: 0 0 0 1px, 0 0 0 1px inset;
    margin: 3px 3px 7px
}

.icono-imac:before {
    position: absolute;
    height: 4px;
    right: -3px;
    left: -3px;
    bottom: -6px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.icono-imac:before,
.icono-imac:after {
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-imac:after {
    width: 9px;
    height: 7px;
    bottom: -12px;
    -o-border-radius: 32px 32px 0 0/64px;
    border-radius: 32px 32px 0 0/64px
}

.icono-imacBold {
    width: 28px;
    height: 22px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 4px 3px 8px
}

.icono-imacBold:before {
    width: 9px;
    height: 7px;
    bottom: -6px;
    -o-border-radius: 32px 32px 0 0/64px;
    border-radius: 32px 32px 0 0/64px
}

.icono-imacBold:before,
.icono-imacBold:after {
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-imacBold:after {
    width: 24px;
    height: 3px;
    bottom: 0
}

.icono-iphone {
    width: 19px;
    height: 31px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border-width: 5px 1px;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 1px, 0 0 0 1px inset;
    box-shadow: 0 0 0 1px, 0 0 0 1px inset;
    margin: 2px 8px 1px 7px
}

.icono-iphone:after,
.icono-iphone:before {
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-iphone:before {
    width: 3px;
    height: 1px;
    top: -3px
}

.icono-iphone:after {
    width: 3px;
    height: 3px;
    bottom: -4px;
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-iphoneBold {
    width: 20px;
    height: 32px;
    margin: 1px 7px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border-width: 5px 2px
}

.icono-macbook {
    width: 32px;
    height: 2px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    -o-border-radius: 0 0 32px 32px/3px;
    border-radius: 0 0 32px 32px/3px;
    margin: 25px 1px 7px
}

.icono-macbook:before {
    width: 20px;
    height: 14px;
    bottom: 2px;
    border-width: 3px 1px 1px;
    border-color: transparent;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 0 0 1px, 0 0 0 1px inset;
    box-shadow: 0 0 0 1px, 0 0 0 1px inset
}

.icono-macbookBold {
    width: 32px;
    height: 2px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    margin: 25px 1px 7px
}

.icono-macbookBold:before {
    width: 20px;
    height: 14px;
    bottom: 2px;
    border-width: 3px 2px 1px;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.icono-image {
    width: 30px;
    height: 26px;
    -o-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    margin: 4px 2px
}

.icono-image:before {
    position: absolute;
    width: 20px;
    height: 20px;
    left: -2px;
    top: 14px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: inset 0 0 0 32px, 10px -6px 0 0;
    box-shadow: inset 0 0 0 32px, 10px -6px 0 0
}

.icono-image:after {
    position: absolute;
    width: 4px;
    height: 4px;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    top: 5px;
    right: 5px
}

.icono-headphone {
    width: 30px;
    height: 27px;
    border-bottom-color: transparent;
    -o-border-radius: 32px/32px 32px 16px 16px;
    border-radius: 32px/32px 32px 16px 16px;
    margin: 2px 2px 5px
}

.icono-headphone:before {
    position: absolute;
    width: 4px;
    height: 12px;
    left: 1px;
    bottom: -4px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 32px, 20px 0 0 0;
    box-shadow: inset 0 0 0 32px, 20px 0 0 0
}

.icono-music {
    width: 18px;
    height: 6px;
    -webkit-transform: skewY(-15deg);
    -ms-transform: skewY(-15deg);
    transform: skewY(-15deg);
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    -o-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    margin: 4px 5px 24px 11px
}

.icono-music:before {
    width: 2px;
    height: 16px;
    left: 0;
    top: 4px
}

.icono-music:before,
.icono-music:after {
    position: absolute;
    -webkit-box-shadow: inset 0 0 0 32px, 16px 0 0 0;
    box-shadow: inset 0 0 0 32px, 16px 0 0 0
}

.icono-music:after {
    width: 10px;
    height: 8px;
    left: -8px;
    top: 17px;
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-video {
    width: 20px;
    height: 20px;
    margin: 7px
}

.icono-video:before {
    width: 3px;
    height: 3px;
    left: -8px;
    -webkit-box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0, 29px 0 0 0, 29px -8px 0 0, 29px 8px 0 0;
    box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0, 29px 0 0 0, 29px -8px 0 0, 29px 8px 0 0
}

.icono-video:after {
    width: 0;
    height: 0;
    border-width: 4px 0 4px 6px;
    border-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.icono-nexus {
    width: 21px;
    height: 32px;
    border-width: 3px 1px;
    -o-border-radius: 16px/3px;
    border-radius: 16px/3px;
    margin: 1px 7px 1px 6px
}

.icono-microphone {
    width: 22px;
    height: 15px;
    border-width: 0 2px 2px;
    -o-border-radius: 20px/0 0 20px 20px;
    border-radius: 20px/0 0 20px 20px;
    margin: 12px 6px 7px
}

.icono-microphone:before {
    width: 10px;
    height: 18px;
    top: -11px;
    -o-border-radius: 20px;
    border-radius: 20px
}

.icono-microphone:after {
    width: 2px;
    height: 2px;
    bottom: -4px;
    -webkit-box-shadow: inset 0 0 0 32px, 0 2px, 0 4px, -2px 4px, -4px 4px, -6px 4px, 2px 4px, 4px 4px, 6px 4px;
    box-shadow: inset 0 0 0 32px, 0 2px, 0 4px, -2px 4px, -4px 4px, -6px 4px, 2px 4px, 4px 4px, 6px 4px
}

.icono-asterisk,
.icono-asterisk:after,
.icono-asterisk:before {
    width: 4px;
    height: 20px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    -o-border-radius: 1px;
    border-radius: 1px;
    margin: 7px 15px
}

.icono-asterisk:after,
.icono-asterisk:before {
    position: absolute;
    margin: 0;
    left: 0;
    top: 0
}

.icono-asterisk:before {
    -webkit-transform: rotate(-58deg);
    -ms-transform: rotate(-58deg);
    transform: rotate(-58deg)
}

.icono-asterisk:after {
    -webkit-transform: rotate(58deg);
    -ms-transform: rotate(58deg);
    transform: rotate(58deg)
}

.icono-terminal {
    width: 28px;
    height: 24px;
    margin: 5px 3px
}

.icono-terminal:before {
    width: 5px;
    height: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%)rotate(45deg);
    -ms-transform: translateY(-50%)rotate(45deg);
    transform: translateY(-50%)rotate(45deg);
    left: 3px;
    border-width: 2px 2px 0 0;
    border-style: solid
}

.icono-terminal:after {
    position: absolute;
    width: 5px;
    height: 0;
    border-bottom: 2px solid;
    right: 6px;
    bottom: 4px
}

.icono-paperClip {
    width: 24px;
    height: 18px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 5px 0 11px 10px
}

.icono-paperClip,
.icono-paperClip:before {
    -o-border-radius: 0 16px 16px 0;
    border-radius: 0 16px 16px 0;
    border-left: none
}

.icono-paperClip:before {
    width: 18px;
    height: 6px;
    right: 2px
}

.icono-paperClip:after {
    position: absolute;
    width: 12px;
    height: 10px;
    left: -12px;
    top: -2px;
    border-right: none;
    -o-border-radius: 16px 0 0 16px;
    border-radius: 16px 0 0 16px
}

.icono-market {
    width: 32px;
    height: 12px;
    border-top: none;
    margin: 19px 1px 3px
}

.icono-market:before {
    width: 6px;
    height: 13px;
    position: absolute;
    top: -15px;
    left: -5px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    border-left: none;
    -webkit-box-shadow: inset 0 0 0 32px, 8px 0 0, 16px 0 0, 24px 0 0, 32px 0 0;
    box-shadow: inset 0 0 0 32px, 8px 0 0, 16px 0 0, 24px 0 0, 32px 0 0
}

.icono-market:after {
    width: 6px;
    height: 6px;
    bottom: -2px
}

.icono-clock {
    width: 26px;
    height: 26px;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 4px
}

.icono-clock:after,
.icono-clock:before {
    top: 35%;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.icono-clock:before {
    width: 2px;
    height: 9px
}

.icono-clock:after {
    width: 6px;
    height: 2px;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: rotate(45deg)translate(1px, 2px);
    -ms-transform: rotate(45deg)translate(1px, 2px);
    transform: rotate(45deg)translate(1px, 2px)
}

[class*=icono-textAlign] {
    width: 28px;
    height: 22px;
    margin: 6px 3px
}

[class*=icono-textAlign]:after,
[class*=icono-textAlign]:before {
    position: absolute;
    height: 2px;
    -webkit-box-shadow: inset 0 0 0 32px, 0 8px 0 0, 0 16px 0 0;
    box-shadow: inset 0 0 0 32px, 0 8px 0 0, 0 16px 0 0;
    right: 0
}

[class*=icono-textAlign]:before {
    width: 28px;
    top: 0
}

[class*=icono-textAlign]:after {
    width: 18px;
    top: 4px
}

[class*=icono-textAlign].icono-textAlignLeft:after,
[class*=icono-textAlign].icono-textAlignLeft:before {
    left: 0
}

[class*=icono-exclamation] {
    overflow: visible;
    width: 30px;
    border-bottom: 2px solid;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    margin: 26px 2px 6px
}

[class*=icono-exclamation]:before {
    position: absolute;
    width: 26px;
    height: 26px;
    left: 1px;
    top: -14px;
    border-width: 2px 0 0 2px;
    border-style: solid;
    -o-border-radius: 4px 0;
    border-radius: 4px 0;
    -webkit-transform: rotate(45deg)skew(12deg, 12deg);
    -ms-transform: rotate(45deg)skew(12deg, 12deg);
    transform: rotate(45deg)skew(12deg, 12deg)
}

[class*=icono-exclamation]:after {
    width: 4px;
    height: 3px;
    top: -14px;
    -webkit-box-shadow: inset 0 0 0 32px, 0 3px, 0 8px;
    box-shadow: inset 0 0 0 32px, 0 3px, 0 8px
}

[class*=icono-exclamation][class*=Circle] {
    margin: 2px
}

[class*=icono-exclamation][class*=Circle]:before {
    display: none
}

[class*=icono-exclamation][class*=Circle]:after {
    -webkit-box-shadow: inset 0 0 0 32px, 0 3px, 0 5px, 0 10px;
    box-shadow: inset 0 0 0 32px, 0 3px, 0 5px, 0 10px;
    top: 6px
}

.icono-frown:after {
    -webkit-transform: translateX(-50%)rotate(180deg);
    -ms-transform: translateX(-50%)rotate(180deg);
    transform: translateX(-50%)rotate(180deg);
    -webkit-transform-origin: center 85%;
    -ms-transform-origin: center 85%;
    transform-origin: center 85%
}

.icono-meh:after {
    top: 0;
    width: 12px;
    border-left-width: 0;
    border-right-width: 0;
    -o-border-radius: 0;
    border-radius: 0
}

.icono-indent,
.icono-outdent {
    width: 20px;
    height: 16px;
    border-width: 4px 0 4px 8px;
    border-style: solid;
    border-color: transparent;
    -webkit-box-shadow: 0 -2px, 0 2px, inset 0 2px, inset 0 -2px;
    box-shadow: 0 -2px, 0 2px, inset 0 2px, inset 0 -2px;
    margin: 9px 7px
}

.icono-indent:before,
.icono-outdent:before {
    left: -8px;
    border: 5px solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-width: 0
}

.icono-outdent:before {
    border-left-width: 0;
    border-right-width: 5px
}

.icono-locationArrow {
    width: 32px;
    height: 32px;
    margin: 1px
}

.icono-locationArrow:before {
    left: 7px;
    top: 16px;
    border-width: 6px 0 6px 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.icono-locationArrow:before,
.icono-locationArrow:after {
    position: absolute;
    border-style: solid;
    border-left-color: transparent
}

.icono-locationArrow:after {
    top: 10px;
    left: 2px;
    border-width: 10px;
    border-bottom-color: transparent;
    -webkit-transform: skew(-30deg, -30deg);
    -ms-transform: skew(-30deg, -30deg);
    transform: skew(-30deg, -30deg)
}

.icono-commentEmpty {
    width: 30px;
    height: 22px;
    -o-border-radius: 4px 4px 7px 7px;
    border-radius: 4px 4px 7px 7px;
    border-bottom-color: transparent;
    margin: 5px 2px 7px
}

.icono-commentEmpty:before {
    position: absolute;
    width: 6px;
    height: 6px;
    border-width: 0 0 2px 2px;
    border-style: solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: -4px;
    left: 6px
}

.icono-commentEmpty:after {
    position: absolute;
    width: 8px;
    height: 2px;
    border-width: 0 12px 0 6px;
    border-style: solid;
    bottom: 0;
    left: 0
}

.icono-comment {
    width: 30px;
    height: 20px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 2px 9px
}

.icono-comment,
.icono-comment:before {
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-comment:before {
    position: absolute;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: -4px;
    left: 6px
}

.icono-areaChart {
    border-color: transparent;
    -webkit-box-shadow: -2px 2px;
    box-shadow: -2px 2px;
    margin: 4px 0 8px 4px
}

.icono-areaChart,
.icono-barChart {
    width: 30px;
    height: 22px;
    border-top-width: 0;
    border-right-width: 0;
    overflow: hidden
}

.icono-areaChart:before {
    position: absolute;
    left: 0;
    bottom: 7px;
    border: 6px solid transparent;
    border-bottom-color: currentColor;
    -webkit-box-shadow: 0 7px;
    box-shadow: 0 7px
}

.icono-areaChart:after {
    position: absolute;
    left: 11px;
    bottom: 4px;
    border-width: 0 6px 13px;
    border-style: solid;
    border-color: transparent transparent currentColor;
    -webkit-box-shadow: 0 4px;
    box-shadow: 0 4px
}

.icono-barChart {
    border-color: transparent;
    -webkit-box-shadow: -2px 2px;
    box-shadow: -2px 2px;
    margin: 4px 0 8px 4px
}

.icono-barChart:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4px;
    height: 15px;
    -webkit-box-shadow: inset 0 -8px 0 0, 6px 0, 12px 7px, 18px 5px;
    box-shadow: inset 0 -8px 0 0, 6px 0, 12px 7px, 18px 5px
}

.icono-pieChart {
    width: 0;
    height: 0;
    border: 15px solid;
    border-right-color: transparent;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 2px
}

.icono-pieChart:before {
    position: absolute;
    left: -11px;
    top: -14px;
    border: 14px solid;
    border-left-color: transparent;
    border-top-color: transparent;
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-pieChart:before,
.icono-bookmark {
    width: 0;
    height: 0;
    border-bottom-color: transparent
}

.icono-bookmark {
    border: 9px solid;
    -webkit-box-shadow: 0 -4px;
    box-shadow: 0 -4px;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    margin: 10px 8px 6px
}

.icono-bookmarkEmpty {
    width: 18px;
    height: 22px;
    border-bottom: none;
    -o-border-radius: 3px 3px 2px 2px;
    border-radius: 3px 3px 2px 2px;
    overflow: hidden;
    margin: 6px 8px
}

.icono-bookmarkEmpty:before {
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: 0;
    left: 0;
    border-right: none;
    border-bottom: none;
    -webkit-transform: rotate(45deg)translate(35%, 35%);
    -ms-transform: rotate(45deg)translate(35%, 35%);
    transform: rotate(45deg)translate(35%, 35%)
}

.icono-filter {
    width: 0;
    height: 0;
    border: 10px solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
    padding: 3px;
    -webkit-box-shadow: inset 0 7px;
    box-shadow: inset 0 7px;
    margin: 9px 4px
}

.icono-volume {
    margin: 4px 10px 4px 11px
}

.icono-volume,
.icono-volumeDecrease,
.icono-volumeHigh,
.icono-volumeIncrease,
.icono-volumeLow,
.icono-volumeMedium,
.icono-volumeMute {
    width: 0;
    height: 0;
    border: 7px solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    padding: 6px 3px;
    -webkit-box-shadow: inset 4px 0;
    box-shadow: inset 4px 0
}

.icono-volumeLow {
    margin: 4px 14px 4px 7px
}

.icono-volumeHigh:after,
.icono-volumeHigh:before,
.icono-volumeLow:before,
.icono-volumeMedium:before {
    width: 15px;
    height: 15px;
    position: absolute;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    left: 2px
}

.icono-volumeMedium {
    margin: 4px 16px 4px 5px
}

.icono-volumeHigh:before,
.icono-volumeMedium:before {
    border-style: double;
    border-width: 6px;
    left: -2px
}

.icono-volumeHigh {
    margin: 4px 18px 4px 3px
}

.icono-volumeHigh:after {
    width: 32px;
    height: 32px;
    left: -7px
}

.icono-volumeDecrease,
.icono-volumeIncrease,
.icono-volumeMute {
    margin: 4px 16px 4px 5px
}

.icono-volumeDecrease:after,
.icono-volumeDecrease:before,
.icono-volumeIncrease:after,
.icono-volumeIncrease:before,
.icono-volumeMute:after,
.icono-volumeMute:before {
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-volumeDecrease:before,
.icono-volumeIncrease:before,
.icono-volumeMute:before {
    width: 10px;
    height: 2px;
    left: 17px
}

.icono-volumeIncrease:after,
.icono-volumeMute:after {
    height: 10px;
    width: 2px;
    left: 21px
}

.icono-volumeMute:after,
.icono-volumeMute:before {
    -webkit-transform: translateY(-50%)rotate(45deg);
    -ms-transform: translateY(-50%)rotate(45deg);
    transform: translateY(-50%)rotate(45deg)
}

.icono-tag {
    width: 18px;
    height: 24px;
    -o-border-radius: 6px 6px 4px 4px;
    border-radius: 6px 6px 4px 4px;
    border-top: none;
    margin: 5px 8px
}

.icono-tag,
.icono-tag:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.icono-tag:before {
    position: absolute;
    top: -4px;
    left: 1px;
    width: 10px;
    height: 10px;
    border-width: 2px 0 0 2px;
    border-style: solid;
    -o-border-radius: 5px 0 0;
    border-radius: 5px 0 0
}

.icono-tag:after {
    top: 1px;
    width: 3px;
    height: 3px;
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-calendar {
    width: 32px;
    height: 28px;
    border-width: 4px 2px 2px;
    border-style: solid;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 1px 1px
}

.icono-calendar:before {
    position: absolute;
    width: 4px;
    height: 4px;
    top: 3px;
    left: 3px;
    -webkit-box-shadow: inset 0 0 0 32px, 6px 0, 12px 0, 18px 0, 0 6px, 6px 6px, 12px 6px, 18px 6px, 0 12px, 6px 12px, 12px 12px, 18px 12px;
    box-shadow: inset 0 0 0 32px, 6px 0, 12px 0, 18px 0, 0 6px, 6px 6px, 12px 6px, 18px 6px, 0 12px, 6px 12px, 12px 12px, 18px 12px
}

.icono-calendar:after {
    position: absolute;
    width: 4px;
    height: 8px;
    -webkit-box-shadow: inset 0 0 0 32px, 16px 0;
    box-shadow: inset 0 0 0 32px, 16px 0;
    -o-border-radius: 4px;
    border-radius: 4px;
    top: -8px;
    left: 4px
}

.icono-camera {
    width: 32px;
    height: 24px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 1px
}

.icono-camera:before {
    width: 10px;
    height: 10px;
    border: 1px solid transparent;
    -webkit-box-shadow: inset 0 0 0 1px, 0 0 0 2px;
    box-shadow: inset 0 0 0 1px, 0 0 0 2px;
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-camera:after {
    position: absolute;
    width: 4px;
    height: 2px;
    right: 2px;
    top: 2px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-piano {
    width: 28px;
    height: 22px;
    margin: 6px 3px
}

.icono-piano:before {
    left: 4px;
    width: 1px;
    height: 100%
}

.icono-piano:before,
.icono-piano:after {
    position: absolute;
    top: 0;
    -webkit-box-shadow: inset 0 0 0 32px, 5px 0, 10px 0, 15px 0;
    box-shadow: inset 0 0 0 32px, 5px 0, 10px 0, 15px 0
}

.icono-piano:after {
    width: 3px;
    height: 12px;
    left: 3px
}

.icono-ruler {
    width: 27px;
    height: 12px;
    margin: 11px 4px 11px 3px
}

.icono-ruler:before {
    position: absolute;
    width: 1px;
    height: 4px;
    -webkit-box-shadow: inset 0 0 0 32px, 6px 0, 12px 0;
    box-shadow: inset 0 0 0 32px, 6px 0, 12px 0;
    left: 5px;
    top: 0
}

.icono-ruler:after {
    position: absolute;
    width: 1px;
    height: 2px;
    -webkit-box-shadow: inset 0 0 0 32px, 2px 0, 6px 0, 8px 0, 12px 0, 14px 0, 18px 0, 20px 0;
    box-shadow: inset 0 0 0 32px, 2px 0, 6px 0, 8px 0, 12px 0, 14px 0, 18px 0, 20px 0;
    left: 1px;
    top: 0
}

.icono-facebook {
    width: 9px;
    height: 26px;
    -webkit-box-shadow: inset 2px 4px 0 0;
    box-shadow: inset 2px 4px 0 0;
    border-left: 3px solid;
    -o-border-radius: 5px 0 0;
    border-radius: 5px 0 0;
    margin: 4px 11px 4px 14px
}

.icono-facebook:before {
    position: absolute;
    top: 9px;
    left: -6px;
    width: 11px;
    height: 0;
    border-top: 4px solid;
    border-right: 1px solid transparent
}

.icono-twitter {
    width: 14px;
    height: 23px;
    -webkit-box-shadow: -6px 2px 0 0;
    box-shadow: -6px 2px 0 0;
    margin: 4px 7px 7px 13px
}

.icono-twitter,
.icono-twitter:before {
    -o-border-radius: 0 0 0 8px;
    border-radius: 0 0 0 8px
}

.icono-twitter:before {
    position: absolute;
    bottom: -2px;
    left: -6px;
    width: 17px;
    height: 6px;
    -webkit-box-shadow: inset 4px -6px, 0 -11px;
    box-shadow: inset 4px -6px, 0 -11px
}

.icono-twitter:after {
    position: absolute;
    width: 6px;
    height: 6px;
    -webkit-box-shadow: inset 0 0 0 32px, 13px 8px, 13px 19px;
    box-shadow: inset 0 0 0 32px, 13px 8px, 13px 19px;
    -o-border-radius: 50%;
    border-radius: 50%;
    left: -6px
}

.icono-gplus {
    width: 10px;
    height: 2px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    margin: 14px 4px 18px 20px
}

.icono-gplus:before {
    position: absolute;
    top: -5px;
    right: 10px;
    content: "g" !important;
    font-family: georgia;
    font-size: 32px;
    text-indent: 0;
    line-height: 0
}

.icono-gplus:after {
    width: 2px;
    height: 10px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-linkedIn {
    width: 5px;
    height: 16px;
    -webkit-box-shadow: inset 0 0 0 32px, 8px 0;
    box-shadow: inset 0 0 0 32px, 8px 0;
    margin: 12px 24px 6px 5px
}

.icono-linkedIn:before {
    position: absolute;
    width: 5px;
    height: 5px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    top: -7px;
    left: 0;
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-linkedIn:after {
    position: absolute;
    width: 12px;
    height: 16px;
    border-right: 1px solid;
    left: 11px;
    bottom: 0;
    -o-border-radius: 8px 5px 0 0/11px 5px 0 0;
    border-radius: 8px 5px 0 0/11px 5px 0 0;
    -webkit-box-shadow: inset -4px 4px;
    box-shadow: inset -4px 4px
}

.icono-instagram {
    width: 26px;
    height: 26px;
    -webkit-box-shadow: inset 0 0 0 2px;
    box-shadow: inset 0 0 0 2px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 4px
}

.icono-instagram:before {
    width: 10px;
    height: 10px;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3px;
    box-shadow: 0 0 0 3px
}

.icono-instagram:after {
    position: absolute;
    width: 5px;
    height: 5px;
    -o-border-radius: 1px;
    border-radius: 1px;
    right: 3px;
    top: 3px;
    -webkit-box-shadow: 0 0 0 2px, 1px 1px 0 2px, -5px -1px 0 1px, -10px -1px 0 1px, -16px 1px 0 2px;
    box-shadow: 0 0 0 2px, 1px 1px 0 2px, -5px -1px 0 1px, -10px -1px 0 1px, -16px 1px 0 2px
}

.icono-flickr {
    width: 24px;
    height: 24px;
    overflow: hidden;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 5px
}

.icono-flickr:after,
.icono-flickr:before {
    width: 7px;
    height: 7px;
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-flickr:before {
    left: 4px;
    -webkit-box-shadow: 0 0 0 1px, 0 -10px 0 6px, 0 10px 0 6px, -4px 0 0 3px;
    box-shadow: 0 0 0 1px, 0 -10px 0 6px, 0 10px 0 6px, -4px 0 0 3px
}

.icono-flickr:after {
    right: 4px;
    -webkit-box-shadow: 0 0 0 1px, 0 -10px 0 6px, 0 10px 0 6px, 4px 0 0 3px;
    box-shadow: 0 0 0 1px, 0 -10px 0 6px, 0 10px 0 6px, 4px 0 0 3px
}

.icono-delicious {
    width: 24px;
    height: 24px;
    overflow: hidden;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 2px;
    box-shadow: inset 0 0 0 2px;
    margin: 5px
}

.icono-delicious:before {
    position: absolute;
    width: 12px;
    height: 12px;
    -webkit-box-shadow: inset 0 0 0 32px, 12px -12px 0 0;
    box-shadow: inset 0 0 0 32px, 12px -12px 0 0;
    left: 0;
    bottom: 0
}

.icono-codepen {
    width: 2px;
    height: 10px;
    -webkit-box-shadow: inset 0 0 0 32px, 0 15px, -11px 7px, 11px 7px;
    box-shadow: inset 0 0 0 32px, 0 15px, -11px 7px, 11px 7px;
    margin: 4px 16px 20px
}

.icono-codepen:before {
    right: 2px;
    -webkit-transform: skew(0, -35deg)scaleY(.6);
    -ms-transform: skew(0, -35deg)scaleY(.6);
    transform: skew(0, -35deg)scaleY(.6);
    -webkit-box-shadow: inset 0 0 0 32px, 0 13px, 11px 26px, 12px 39px;
    box-shadow: inset 0 0 0 32px, 0 13px, 11px 26px, 12px 39px
}

.icono-codepen:before,
.icono-codepen:after {
    position: absolute;
    top: 3px;
    width: 11px;
    height: 4px
}

.icono-codepen:after {
    left: 2px;
    -webkit-transform: skew(0, 35deg)scaleY(.6);
    -ms-transform: skew(0, 35deg)scaleY(.6);
    transform: skew(0, 35deg)scaleY(.6);
    -webkit-box-shadow: inset 0 0 0 32px, 0 13px, -11px 26px, -12px 39px;
    box-shadow: inset 0 0 0 32px, 0 13px, -11px 26px, -12px 39px
}

.icono-blogger {
    width: 24px;
    height: 14px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
    margin: 14px 5px 6px;
    border-width: 6px;
    border-style: solid
}

.icono-blogger:before {
    border-width: 6px;
    border-style: solid;
    position: absolute;
    width: 8px;
    height: 2px;
    left: -6px;
    top: -15px;
    -o-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.icono-disqus {
    width: 31px;
    height: 31px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 1px 1px 2px 2px
}

.icono-disqus:before {
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 10px solid;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    left: -5px;
    top: 20px
}

.icono-dribbble {
    width: 26px;
    height: 26px;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 2px;
    box-shadow: inset 0 0 0 2px;
    overflow: hidden;
    position: relative;
    background-image: -webkit-radial-gradient(50% 100%, transparent 0, transparent 9px, currentColor 10px, currentColor 11px, transparent 12px);
    background-image: radial-gradient(50% 100%, transparent 0, transparent 9px, currentColor 10px, currentColor 11px, transparent 12px);
    background-repeat: no-repeat;
    background-position: -8px center;
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg);
    margin: 4px
}

.icono-dribbble:after,
.icono-dribbble:before {
    position: absolute;
    border-radius: 50%;
    border: 2px solid;
    width: 40px;
    height: 30px
}

.icono-dribbble:after {
    top: 14px;
    left: -7px;
    width: 32px
}

.icono-dribbble:before {
    left: -6px;
    top: -23px
}

.icono-creditCard {
    width: 32px;
    height: 24px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 5px 1px
}

.icono-creditCard:before {
    position: absolute;
    top: 4px;
    width: 100%;
    height: 6px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-creditCard:after {
    left: 3px;
    bottom: 3px;
    position: absolute;
    width: 4px;
    height: 2px;
    -webkit-box-shadow: inset 0 0 0 32px, 6px 0;
    box-shadow: inset 0 0 0 32px, 6px 0
}

.icono-cup {
    width: 22px;
    height: 16px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    margin: 6px 6px 12px
}

.icono-cup:before {
    position: absolute;
    right: -3px;
    top: 4px;
    width: 5px;
    height: 5px;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px;
    box-shadow: 0 0 0 2px
}

.icono-cup:after {
    bottom: -5px;
    width: 26px;
    height: 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px
}

.icono-play {
    width: 0;
    height: 0;
    border-width: 10px 0 10px 16px;
    border-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin: 7px 9px
}

.icono-pause {
    width: 6px;
    height: 20px;
    margin: 7px 20px 7px 8px;
    -webkit-box-shadow: inset 0 0 0 32px, 12px 0 0 0;
    box-shadow: inset 0 0 0 32px, 12px 0 0 0
}

.icono-stop {
    width: 0;
    height: 0;
    border: 10px solid;
    margin: 7px
}

.icono-rewind {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icono-forward,
.icono-rewind {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid;
    margin: 7px
}

.icono-forward:before,
.icono-rewind:before {
    position: absolute;
    left: 0;
    top: -10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid
}

.icono-next {
    margin: 7px 14px 7px 10px
}

.icono-next,
.icono-previous {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid;
    border-right: none;
    -webkit-box-shadow: 4px 0;
    box-shadow: 4px 0
}

.icono-previous {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 7px 10px 7px 14px
}

.icono-caretDown,
.icono-caretDownCircle,
.icono-caretDownSquare,
.icono-caretLeft,
.icono-caretLeftCircle,
.icono-caretLeftSquare,
.icono-caretRight,
.icono-caretRightCircle,
.icono-caretRightSquare,
.icono-caretUp,
.icono-caretUpCircle,
.icono-caretUpSquare {
    width: 12px;
    height: 20px;
    margin: 7px 11px
}

.icono-caretDown:after,
.icono-caretDown:before,
.icono-caretDownCircle:after,
.icono-caretDownCircle:before,
.icono-caretDownSquare:after,
.icono-caretDownSquare:before,
.icono-caretLeft:after,
.icono-caretLeft:before,
.icono-caretLeftCircle:after,
.icono-caretLeftCircle:before,
.icono-caretLeftSquare:after,
.icono-caretLeftSquare:before,
.icono-caretRight:after,
.icono-caretRight:before,
.icono-caretRightCircle:after,
.icono-caretRightCircle:before,
.icono-caretRightSquare:after,
.icono-caretRightSquare:before,
.icono-caretUp:after,
.icono-caretUp:before,
.icono-caretUpCircle:after,
.icono-caretUpCircle:before,
.icono-caretUpSquare:after,
.icono-caretUpSquare:before {
    width: 14px;
    height: 2px;
    position: absolute;
    bottom: 0;
    margin: auto 0;
    right: 2px;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 32px;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.icono-caretDown:before,
.icono-caretDownCircle:before,
.icono-caretDownSquare:before,
.icono-caretLeft:before,
.icono-caretLeftCircle:before,
.icono-caretLeftSquare:before,
.icono-caretRight:before,
.icono-caretRightCircle:before,
.icono-caretRightSquare:before,
.icono-caretUp:before,
.icono-caretUpCircle:before,
.icono-caretUpSquare:before {
    top: 2px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.icono-caretDown:after,
.icono-caretDownCircle:after,
.icono-caretDownSquare:after,
.icono-caretLeft:after,
.icono-caretLeftCircle:after,
.icono-caretLeftSquare:after,
.icono-caretRight:after,
.icono-caretRightCircle:after,
.icono-caretRightSquare:after,
.icono-caretUp:after,
.icono-caretUpCircle:after,
.icono-caretUpSquare:after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.icono-caretLeft,
.icono-caretLeftCircle,
.icono-caretLeftSquare {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icono-caretUp,
.icono-caretUpCircle,
.icono-caretUpSquare {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.icono-caretDown,
.icono-caretDownCircle,
.icono-caretDownSquare {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

[class*=icono-caret][class*=Circle]:after,
[class*=icono-caret][class*=Circle]:before,
[class*=icono-caret][class*=Square]:after,
[class*=icono-caret][class*=Square]:before {
    width: 11px;
    right: 8px
}

.icono-downArrow,
.icono-leftArrow {
    width: 16px;
    height: 4px;
    margin: 15px 9px;
    -webkit-box-shadow: inset 0 0 0 2px;
    box-shadow: inset 0 0 0 2px
}

.icono-rightArrow {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px)
}

.icono-rightArrow,
.icono-upArrow {
    width: 16px;
    height: 4px;
    margin: 15px 9px;
    -webkit-box-shadow: inset 0 0 0 2px;
    box-shadow: inset 0 0 0 2px
}

.icono-downArrow:before,
.icono-leftArrow:before,
.icono-rightArrow:before,
.icono-upArrow:before {
    border-style: solid;
    border-width: 8px 0 8px 8px;
    border-color: transparent;
    border-left-color: inherit;
    left: 100%;
    right: auto
}

.icono-leftArrow {
    -webkit-transform: translateX(3px)rotate(180deg);
    -ms-transform: translateX(3px)rotate(180deg);
    transform: translateX(3px)rotate(180deg)
}

.icono-upArrow {
    -webkit-transform: translateY(3px)rotate(-90deg);
    -ms-transform: translateY(3px)rotate(-90deg);
    transform: translateY(3px)rotate(-90deg)
}

.icono-downArrow {
    -webkit-transform: translateY(-3px)rotate(90deg);
    -ms-transform: translateY(-3px)rotate(90deg);
    transform: translateY(-3px)rotate(90deg)
}

.icono-sun {
    border: 2px solid;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: -15px 0 0 -9px, 15px 0 0 -9px, 0 -15px 0 -9px, 0 15px 0 -9px, 11px 11px 0 -9px, -11px -11px 0 -9px, 11px -11px 0 -9px, -11px 11px 0 -9px;
    box-shadow: -15px 0 0 -9px, 15px 0 0 -9px, 0 -15px 0 -9px, 0 15px 0 -9px, 11px 11px 0 -9px, -11px -11px 0 -9px, 11px -11px 0 -9px, -11px 11px 0 -9px
}

.icono-sun,
.icono-moon {
    width: 22px;
    height: 22px;
    margin: 6px
}

.icono-moon {
    overflow: hidden
}

.icono-moon,
.icono-moon:before {
    -o-border-radius: 50%;
    border-radius: 50%
}

.icono-moon:before {
    position: absolute;
    width: 20px;
    height: 20px;
    top: -2px;
    left: 6px;
    -webkit-box-shadow: 0 0 0 32px;
    box-shadow: 0 0 0 32px
}

.icono-cart {
    width: 22px;
    height: 0;
    border-width: 14px 6px 0 2px;
    border-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
    margin: 9px 3px 11px 9px
}

.icono-cart:before {
    position: absolute;
    width: 4px;
    height: 4px;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 32px, 13px 0, -4px -20px 0 1px;
    box-shadow: inset 0 0 0 32px, 13px 0, -4px -20px 0 1px;
    top: 2px;
    left: -3px
}

.icono-sitemap {
    width: 24px;
    height: 2px;
    -webkit-box-shadow: 0 -5px;
    box-shadow: 0 -5px;
    margin: 21px 5px 11px
}

.icono-sitemap:before {
    width: 6px;
    height: 6px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 0 32px, 11px 0, -11px 0, 0 -14px 0 1px;
    box-shadow: inset 0 0 0 32px, 11px 0, -11px 0, 0 -14px 0 1px
}

.icono-sitemap:after {
    width: 2px;
    height: 10px;
    -webkit-box-shadow: 0 -7px, 11px -5px, -11px -5px;
    box-shadow: 0 -7px, 11px -5px, -11px -5px
}

[class*=icono-] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-style: normal;
    color: #ddd;
    text-align: left;
    text-indent: -9999px;
    direction: ltr
}

[class*=icono-]:after,
[class*=icono-]:before {
    content: '';
    pointer-events: none
}

[class*=icono-][class*=Circle] {
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 2px
}

[class*=icono-][class*=Square] {
    -o-border-radius: 4px;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    margin: 2px
}

[class*=icono-],
[class*=icono-] * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.spritesheet {
    background-image: url(../images/spritesheet2.png);
    background-repeat: no-repeat;
    display: inline-block
}

.sprite-calendar_icon {
    width: 30px;
    height: 33px;
    background-position: -5px -5px
}

.sprite-eticket {
    width: 94px;
    height: 41px;
    background-position: -5px -48px
}

.sprite-map_icon {
    width: 32px;
    height: 32px;
    background-position: -45px -5px
}

.sprite-stations_icon {
    width: 33px;
    height: 33px;
    background-position: -87px -5px
}

.carousel {
    width: 100%;
    position: relative
}

.carousel .carousel-item {
    display: none
}

.carousel .carousel-active {
    display: block
}

.carousel .carousel-nav:nth-child(2) {
    display: none
}

.carousel-slide {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.carousel-slide .carousel-item {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    display: block;
    z-index: 1;
    -webkit-transition: left .2s ease;
    transition: left .2s ease
}

.carousel-no-transition .carousel-item {
    -webkit-transition: none;
    transition: none
}

.carousel-slide .carousel-active {
    left: 0;
    position: relative;
    z-index: 2
}

.carousel-slide .carousel-in {
    left: 0
}

.carousel-slide-reverse .carousel-out {
    left: 100%
}

.carousel-slide .carousel-out,
.carousel-slide-reverse .carousel-in {
    left: -100%
}

.carousel-slide-reverse .carousel-item {
    -webkit-transition: left .1s ease;
    transition: left .1s ease
}

.carousel-slide-reverse .carousel-active {
    left: 0
}

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: .438em .625em;
    line-height: 1.125em;
    cursor: pointer
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left
}

.slicknav_menu .slicknav_icon {
    float: left;
    margin: .188em 0 0 .438em
}

.slicknav_menu .slicknav_no-text {
    margin: 0
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: .125em;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .25)
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: .188em
}

.slicknav_nav {
    clear: both
}

.slicknav_nav ul,
.slicknav_nav li {
    display: block
}

.slicknav_nav .slicknav_arrow {
    font-size: .8em;
    margin: 0 0 0 .4em
}

.slicknav_nav .slicknav_item {
    cursor: pointer
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
    display: block
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    display: inline
}

.slicknav_menu:before,
.slicknav_menu:after {
    content: " ";
    display: table
}

.slicknav_menu:after {
    clear: both
}

.slicknav_menu {
    *zoom: 1;
    font-size: 16px
}

.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    border-radius: 4px;
    background-color: #222
}

.slicknav_menu .slicknav_menutxt {
    color: #FFF;
    font-weight: 700;
    text-shadow: 0 1px 3px #000
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #f5f5f5
}

.slicknav_menu {
    background: #4c4c4c;
    padding: 5px
}

.slicknav_nav {
    color: #fff;
    margin: 0;
    font-size: .875em
}

.slicknav_nav,
.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0
}

.slicknav_nav ul {
    margin: 0 0 0 20px
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px
}

.slicknav_nav a {
    text-decoration: none;
    color: #fff
}

.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0
}

.slicknav_nav .slicknav_row:hover {
    border-radius: 6px;
    background: #ccc;
    color: #fff
}

.slicknav_nav a:hover {
    border-radius: 6px;
    background: #ccc;
    color: #222
}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px
}

.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;
    -ms-user-select: none;
    user-select: none
}

.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;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0
}

.chosen-container a {
    cursor: pointer
}

.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
    background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(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("../images/chosen-sprite.png") -42px 1px no-repeat;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover,
.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("../images/chosen-sprite.png") no-repeat 0 2px
}

.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: #fff url("../images/chosen-sprite.png") no-repeat 100% -20px;
    background: url("../images/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;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.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: #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: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    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: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.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%, #eee), color-stop(15%, #fff));
    background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 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;
    -webkit-box-shadow: none;
    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: #eee;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    -webkit-background-size: 100% 19px;
    background-size: 100% 19px;
    background-repeat: repeat-x;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(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("../images/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%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 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
}

.chosen-container-active .chosen-single {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: linear-gradient(#eee 20%, #fff 80%);
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: 0 0
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important
}

.chosen-disabled {
    opacity: .5 !important;
    cursor: default
}

.chosen-disabled .chosen-single,
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.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: #fff url("../images/chosen-sprite.png") no-repeat -30px -20px;
    background: url("../images/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
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    clip: rect(0 0 0 0)
}

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

.ui-icon {
    display: block
}

.ui-datepicker {
    display: none
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span,
.ui-datepicker td span,
.ui-datepicker td a,
.ui-menu {
    display: block
}

.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
}

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

.ui-front {
    z-index: 100
}

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

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

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

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.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: 700;
    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;
    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;
    width: auto;
    overflow: visible
}

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

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

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

.ui-datepicker-multi .ui-datepicker-group table {
    width: 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
}

.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
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
    color: #333
}

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

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #fff;
    font-weight: 700
}

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

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: 700;
    color: #1c94c4
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #1c94c4;
    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-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: #c77405;
    text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: 700;
    color: #eb8f00
}

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

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
    color: #363636
}

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

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50%;
    color: #fff
}

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

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

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

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-default .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png")
}

.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,
.ui-icon-seek-first {
    background-position: -80px -160px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50%;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

.logo {
    color: #8c8c8c;
    font-weight: 300;
    letter-spacing: -.07em
}

.logo em {
    color: red;
    float: left;
    font-style: normal;
    font-weight: 600
}

.google__publisher {
    background: #00f;
    color: #fff;
    font-weight: 600;
    float: left;
    padding: 2em
}

.separator {
    height: 1px;
    background-color: #acacac;
    display: block;
    clear: both;
    margin-bottom: 40px
}

.misc__list {
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 40px
}

.misc__item {
    margin: 0 auto 40px
}

@media only screen and (min-width:620px) and (max-width:799px) {
    .misc__item {
        width: 46.1538461538%;
        float: left;
        margin-right: 7.6923076923%;
        margin-bottom: 15px
    }
    .misc__item:nth-child(2n) {
        width: 46.1538461538%;
        float: right;
        margin-right: 0
    }
    .misc__item p {
        text-align: justify
    }
}

@media only screen and (min-width:720px) {
    .misc__item {
        padding: 0 20px
    }
}

@media only screen and (min-width:800px) {
    .misc__item {
        width: 19.2307692308%;
        float: left;
        margin-right: 7.6923076923%;
        padding: 0
    }
    .misc__item:nth-child(2n) {
        width: 19.2307692308%;
        float: left;
        margin-right: 7.6923076923%
    }
    .misc__item:nth-child(4n) {
        width: 19.2307692308%;
        float: right;
        margin-right: 0
    }
}

.misc__header,
.misc__title {
    white-space: nowrap;
    text-align: center
}

.misc__icon {
    width: 145px;
    height: 145px;
    max-width: 100%;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 20px auto
}

.misc__icon.icon-luggage {
    background-position: 0 5px;
    width: 185px
}

.misc__icon.icon-bus_station {
    background-position: 0 15px
}

.popular-routes h2 {
    font-size: 24px;
    margin-bottom: 30px
}

.route__list {
    margin-bottom: 40px
}

.route__item {
    font-weight: 300;
    margin-bottom: 8px;
    margin-left: 20px;
    padding-bottom: 2px
}

@media only screen and (min-width:620px) {
    .route__item {
        width: 41.6666666667%;
        float: left;
        margin-right: 16.6666666667%;
        margin-left: 0
    }
    .route__item:nth-child(2n) {
        width: 41.6666666667%;
        float: right;
        margin-right: 0
    }
}

@media only screen and (min-width:960px) {
    .route__item {
        width: 30%;
        float: left;
        margin-right: 5%
    }
    .route__item:nth-child(2n) {
        width: 30%;
        float: left;
        margin-right: 5%
    }
    .route__item:nth-child(3n) {
        width: 30%;
        float: right;
        margin-right: 0
    }
}

.route__list--small {
    margin-bottom: 0
}

.route__list--small .route__item {
    padding-left: 20px;
    width: 50%;
    margin: 0 0 10px
}

@media only screen and (min-width:620px) {
    .route__list--small .route__item {
        padding-left: 0
    }
}

.route__list--small .route__item .route__path {
    margin: 0
}

.route__list--dense .route__item {
    font-weight: 300;
    margin-bottom: 5px;
    margin-left: 20px
}

@media only screen and (min-width:400px) {
    .route__list--dense .route__item {
        width: 41.6666666667%;
        float: left;
        margin-right: 16.6666666667%;
        margin-left: 0
    }
    .route__list--dense .route__item:nth-child(2n) {
        width: 41.6666666667%;
        float: right;
        margin-right: 0
    }
}

@media only screen and (min-width:620px) {
    .route__list--dense .route__item {
        width: 26.3157894737%;
        float: left;
        margin-right: 10.5263157895%
    }
    .route__list--dense .route__item:nth-child(2n) {
        width: 26.3157894737%;
        float: left;
        margin-right: 10.5263157895%
    }
    .route__list--dense .route__item:nth-child(3n) {
        width: 26.3157894737%;
        float: right;
        margin-right: 0
    }
}

@media only screen and (min-width:800px) {
    .route__list--dense .route__item {
        width: 19.2307692308%;
        float: left;
        margin-right: 7.6923076923%
    }
    .route__list--dense .route__item:nth-child(2n),
    .route__list--dense .route__item:nth-child(3n) {
        width: 19.2307692308%;
        float: left;
        margin-right: 7.6923076923%
    }
    .route__list--dense .route__item:nth-child(4n) {
        width: 19.2307692308%;
        float: right;
        margin-right: 0
    }
}

@media only screen and (min-width:1020px) {
    .route__list--dense .route__item {
        width: 22.2222222222%;
        float: left;
        margin-right: 3.7037037037%
    }
    .route__list--dense .route__item:nth-child(2n),
    .route__list--dense .route__item:nth-child(3n) {
        width: 22.2222222222%;
        float: left;
        margin-right: 3.7037037037%
    }
    .route__list--dense .route__item:nth-child(4n) {
        width: 22.2222222222%;
        float: right;
        margin-right: 0
    }
}

.route__path {
    border-bottom: 1px solid #8c8c8c;
    margin-right: 10px
}

.route__station {
    color: #8c8c8c;
    font-weight: 400
}

.route__station:hover,
.route__station:focus {
    color: #707070;
    border-bottom: 1px solid #707070
}

@media only screen and (min-width:620px) {
    .social-network__container {
        border-bottom: 1px solid #fff;
        text-align: center;
        padding: 20px 0
    }
}

@media only screen and (min-width:720px) {
    .social-network__container {
        border-top: 1px solid #fff
    }
}

.social-network__title {
    text-align: center;
    margin: 15px 0 20px;
    font-weight: 700
}

@media only screen and (min-width:620px) {
    .social-network__title {
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0
    }
}

@media only screen and (min-width:800px) {
    .social-network__title {
        margin-right: 15px
    }
}

.social-network__list {
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
    text-align: center
}

@media only screen and (min-width:620px) {
    .social-network__list {
        border-bottom: none;
        display: inline-block;
        padding: 0;
        vertical-align: middle
    }
}

.social-network__item {
    border-radius: 10px;
    display: inline-block;
    margin: 0 5px;
    height: 40px;
    width: 40px;
    background: #32333d
}

.social-network__item a,
.social-network__item span {
    color: #32333d
}

.social-network__item a {
    -webkit-background-size: contain;
    background-size: contain;
    display: block;
    height: 40px;
    width: 40px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.social-network__item a:hover {
    opacity: .8
}

@media only screen and (min-width:620px) {
    .social-network__item {
        margin: 0 10px
    }
}

@media only screen and (min-width:960px) {
    .social-network__item {
        margin: 0 15px
    }
}

.dynamic-wrapper {
    position: relative;
    padding-bottom: 100%
}

.dynamic-wrapper__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.captcha__container {
    display: block;
    margin: 30px auto;
    text-align: center
}

.station-info__item-label {
    color: #32333d;
    display: inline-block
}

.station-info__item-label--short {
    width: 90px
}

.station-info__item-label--medium {
    width: 120px
}

.station-info__item-label--wide {
    width: 140px
}

.station-info__distance__list {
    list-style-image: ''
}

.station-info__distance__list li:before {
    color: colorGray3;
    content: '-';
    display: inline-block;
    font-weight: 400
}

.station-info__distance__list .station-info__item-label {
    width: 120px
}

.places:before,
.places:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.places:after {
    clear: both
}

.places {
    zoom: 1
}

.places__outer-item {
    float: left;
    margin-bottom: 40px;
    width: 50%
}

@media only screen and (min-width:620px) {
    .places__outer-item {
        width: 33.33333%
    }
}

@media only screen and (min-width:960px) {
    .places__outer-item {
        width: 25%
    }
}

@media only screen and (min-width:1200px) {
    .places__outer-item {
        width: 20%
    }
}

.places__outer-item+.separator {
    margin-top: 0
}

.places__title {
    color: #32333d;
    margin-bottom: 25px
}

.places__item {
    margin-bottom: 10px
}

.places__item:before,
.places__item:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.places__item:after {
    clear: both
}

.places__item {
    zoom: 1
}

.places__item__icon {
    position: relative;
    top: -5px;
    float: left;
    margin-right: 3px
}

.places__item__name {
    display: inline;
    border-bottom: 1px solid #acacac;
    padding-bottom: 3px;
    padding-left: 5px;
    overflow: hidden
}

@media only screen and (min-width:620px) and (max-width:799px) {
    .g-medium--1 {
        float: left;
        margin-right: 4.5%;
        width: 30.3%
    }
    .g-medium--push-1 {
        margin-left: 34.8%
    }
    .g-medium--pull-1 {
        margin-right: 34.8%
    }
    .g-medium--2 {
        float: left;
        margin-right: 4.5%;
        width: 65.1%
    }
    .g-medium--push-2 {
        margin-left: 69.6%
    }
    .g-medium--pull-2 {
        margin-right: 69.6%
    }
    .g-medium--3 {
        float: left;
        width: 99.9%;
        margin-right: 0
    }
    .g-medium--full {
        float: left;
        margin-right: 0;
        width: 100%
    }
    .g--third {
        float: left;
        margin-right: 4.5%;
        width: 30.3%
    }
    .g--half,
    .g-medium--half {
        float: left;
        margin-right: 4.5%;
        width: 47.75%
    }
    .g-medium--last {
        margin-right: 0
    }
    .g-medium--last+.g-medium--half {
        clear: left
    }
    .g--pull-half {
        margin-right: 52.25%
    }
}

@media only screen and (min-width:800px) {
    .g-wide--1 {
        float: left;
        margin-right: 3.7%;
        width: 22.2%
    }
    .g-wide--push-1 {
        margin-left: 25.9%
    }
    .g-wide--pull-1 {
        margin-right: 25.9%
    }
    .g-wide--2 {
        float: left;
        margin-right: 3.7%;
        width: 48.1%
    }
    .g-wide--push-2 {
        margin-left: 51.8%
    }
    .g-wide--pull-2 {
        margin-right: 51.8%
    }
    .g-wide--3 {
        float: left;
        margin-right: 3.7%;
        width: 74%
    }
    .g-wide--push-3 {
        margin-left: 77.7%
    }
    .g-wide--pull-3 {
        margin-right: 77.7%
    }
    .g-wide--4 {
        float: left;
        width: 99.9%
    }
    .g-wide--4,
    .g-wide--last,
    .g-wide--full {
        margin-right: 0
    }
    .g-wide--full {
        float: left;
        width: 100%
    }
    .g--third {
        float: left;
        margin-right: 3.7%;
        width: 30.8%
    }
    .g--half,
    .g-wide--half {
        float: left;
        margin-right: 3.7%;
        width: 48.15%
    }
    .g--pull-half {
        margin-right: 51.85%
    }
}

.g--last {
    margin-right: 0
}

.g--centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.grid-overlay {
    display: none;
    pointer-events: none
}

.debug .grid-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    display: block
}

.debug .grid-overlay [class*="g-"] {
    height: 100%;
    background-color: rgba(89, 89, 89, .2)
}

@media only screen and (min-width:620px) and (max-width:799px) {
    .debug .grid-overlay .g-wide--last {
        display: none
    }
}

@media only screen and (max-width:619px) {
    .debug .grid-overlay {
        display: none
    }
}

h1,
h3,
h4,
h5,
p {
    margin: 0
}

h1,
h2,
h3,
h4,
h5 {
    color: #e61010
}

h2 {
    font-size: 32px;
    margin: 0 0 40px
}

h2,
h3 {
    font-weight: 400
}

h3 {
    font-size: 24px
}

button {
    appearance: none;
    outline: none;
    border: none;
    border-radius: 4px
}

.button {
    width: 110px;
    height: 40px;
    background-color: #4A90E2;
    color: #fff;
    font-weight: 500;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out
}

.button:hover {
    background-color: rgba(74, 144, 226, .85)
}

@media only screen and (min-width:620px) {
    .button {
        height: 36px
    }
}

.button--white-border {
    border: 1px solid #fff
}

.button--shadow {
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, .45);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .45)
}

.button--red {
    background-color: #e61010;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.button--red:hover {
    background-color: #e61010;
    opacity: .8
}

.select-container {
    background: #F7F7F7;
    border-radius: 5px;
    color: #8c8c8c;
    font-weight: 400;
    height: 50px;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
    float: none
}

.select-container:after {
    display: block !important;
    width: 28px !important;
    height: 22px !important;
    background: url("../images/chosen-sprite.png") no-repeat -2px -17px !important;
    position: relative !important;
    top: 15px !important;
    right: 10px !important;
    content: "";
    display: block
}

.select-container select,
.select-container .select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    text-indent: 6px;
    top: -3px;
    width: 125%;
    font-weight: 300;
    padding: .5em;
    z-index: 5
}

.select-container select:hover,
.select-container select:focus,
.select-container select:active,
.select-container .select:hover,
.select-container .select:focus,
.select-container .select:active {
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkbox__container {
    white-space: nowrap
}

input[type="checkbox"].checkbox {
    display: none
}

input[type="checkbox"].checkbox+.checkbox__fake {
    background: 0 0;
    border: 1px solid #979797;
    border-radius: 3px;
    display: inline-block;
    height: 24px;
    margin-right: 20px;
    width: 24px;
    float: left
}

input[type="checkbox"].checkbox+.checkbox__fake--gray {
    border: none;
    background: #F7F7F7
}

input[type="checkbox"].checkbox+.checkbox__fake--gray .checkbox__checkmark {
    margin-top: 5px;
    margin-left: 3px
}

input[type="checkbox"].checkbox+.checkbox__fake .checkbox__checkmark {
    display: none
}

input[type="checkbox"].checkbox:checked+.checkbox__fake .checkbox__checkmark,
input[type="checkbox"].checkbox.checked+.checkbox__fake .checkbox__checkmark {
    display: inline-block
}

.checkbox__label {
    color: #32333d;
    display: inline-block;
    font-size: 18px
}

.checkbox__checkmark {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    margin-left: 1px
}

input[type="checkbox"].checkbox+.checkbox__fake {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0
}

li {
    font-size: 16px
}

@media only screen and (min-width:800px) {
    li {
        font-size: 18px
    }
}

.list--discs {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 30px
}

a {
    color: #e61010;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out, opacity .2s ease-in-out;
    transition: color .2s ease-in-out, opacity .2s ease-in-out
}

a:hover {
    color: #e61010;
    opacity: .8
}

img,
video,
object {
    max-width: 100%
}

.content img {
    margin-top: 26px;
    margin-bottom: 26px
}

@media only screen and (min-width:620px) {
    .articles {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.article {
    width: 100%;
    margin-bottom: 40px
}

.article h1 {
    font-size: 32px
}

.article h2 {
    font-size: 28px
}

.article h3 {
    font-size: 24px
}

.article h1,
.article h2,
.article h3 {
    font-weight: 400;
    margin-bottom: 15px
}

@media only screen and (min-width:620px) {
    .article h1,
    .article h2,
    .article h3 {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:800px) {
    .article h1,
    .article h2,
    .article h3 {
        margin-bottom: 30px
    }
}

.article img {
    border-radius: 4px;
    margin-top: 40px
}

@media only screen and (min-width:620px) {
    .article {
        width: 48.7804878049%;
        float: left;
        margin-right: 2.4390243902%
    }
    .article:nth-child(2n) {
        width: 48.7804878049%;
        float: right;
        margin-right: 0
    }
}

.article.article--wide {
    width: 100%;
    display: block;
    margin: 0 0 40px
}

.article--left {
    width: 100%;
    margin-bottom: 40px
}

@media only screen and (min-width:1020px) {
    .article--left {
        width: 57.8%;
        float: left;
        margin-bottom: 0
    }
}

.article--right {
    width: 100%
}

@media only screen and (min-width:1020px) {
    .article--right {
        width: 37.78%;
        float: right
    }
}

.article--left h2,
.article--left h3,
.article--right h2,
.article--right h3 {
    font-size: 20px;
    font-weight: 400
}

@media only screen and (min-width:800px) {
    .article--left h2,
    .article--left h3,
    .article--right h2,
    .article--right h3 {
        font-size: 24px
    }
}

.article+.separator {
    display: none
}

@media only screen and (min-width:620px) {
    .article+.separator {
        display: block
    }
}

.article__small-image {
    width: 100%;
    position: relative;
    height: 0;
    padding: 45.45455% 0 0;
    overflow: hidden
}

@media only screen and (min-width:620px) {
    .article__small-image {
        float: left;
        width: 30%;
        margin-right: 5%
    }
    .article__small-image:nth-child(3n) {
        margin-right: 0
    }
}

.article__small-image img {
    border-radius: 5px;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.static-container,
.static-article {
    margin-bottom: 40px
}

.static-container:before,
.static-container:after,
.static-article:before,
.static-article:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.static-container:after,
.static-article:after {
    clear: both
}

.static-container,
.static-article {
    zoom: 1
}

.static-container h2,
.static-article h2 {
    color: #32333d;
    font-size: 28px
}

.static-container h3,
.static-article h3 {
    color: #32333d;
    font-size: 22px
}

.static-container p,
.static-article p,
.static-container ul,
.static-article ul {
    margin-bottom: 30px
}

.static__title {
    color: #32333d;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: -5px
}

.static__content {
    margin-bottom: 30px
}

.static__title+.separator,
.static__content+.separator {
    display: none
}

@media only screen and (min-width:620px) {
    .static__title+.separator,
    .static__content+.separator {
        display: block;
        clear: both
    }
}

.icon-circle {
    position: relative;
    padding: 22px;
    margin: 4px auto
}

.icon-circle,
.icon-circle--large {
    height: 0;
    width: 0;
    background: #8c8c8c;
    display: block;
    border-radius: 100%;
    font-size: 0
}

.icon-circle i {
    font-size: 26px
}

.icon-circle i,
.icon-circle span,
.icon-circle--large i,
.icon-circle--large span {
    position: absolute;
    line-height: 0;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    color: #fff
}

.icon-circle span,
.icon-circle--large span {
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 26px;
    font-weight: 700
}

@media only screen and (min-width:620px) {
    .icon-circle span,
    .icon-circle--large span {
        font-size: 42px
    }
}

.icon-circle--large {
    margin: 0 auto;
    padding: 26px;
    position: relative
}

.icon-circle--large i {
    font-size: 26px
}

@media only screen and (min-width:620px) {
    .icon-circle--large i {
        font-size: 42px
    }
}

@media only screen and (min-width:620px) {
    .icon-circle--large {
        padding: 37px;
        border: 2px solid #fff
    }
    a .icon-circle--large {
        padding: 38px;
        -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .42);
        border: 1px solid;
        -webkit-transition: all 100ms linear;
        transition: all 100ms linear;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    .no-touch a:hover .icon-circle--large {
        -webkit-box-shadow: inset 0 0 0 1px #fff;
        box-shadow: inset 0 0 0 1px #fff;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.icon-circle--nav {
    height: 0;
    width: 0;
    background: #8c8c8c;
    display: block;
    position: relative;
    border-radius: 100%;
    font-size: 0;
    padding: 13px;
    margin: 0 auto
}

@media only screen and (min-width:620px) {
    .icon-circle--nav {
        padding: 22px;
        margin-top: 4px;
        margin-bottom: 4px
    }
}

.icon-circle--nav i {
    position: absolute;
    line-height: 1px;
    top: 50%;
    width: 100%;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 100%
}

@media only screen and (min-width:620px) {
    .icon-circle--nav i {
        font-size: 26px
    }
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

::-webkit-clear-button,
::-webkit-inner-spin-button,
::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none
}

label {
    cursor: pointer
}

input {
    appearance: none;
    border-radius: 4px;
    outline: none;
    border: none;
    padding: 10px
}

input.date,
select {
    cursor: pointer
}

.label {
    color: #32333d;
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 5px
}

.input {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    border: none;
    background-color: #F7F7F7;
    color: #7f7f86;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 1px 1px 1px 20px
}

.input,
.textarea {
    border-radius: 5px;
    font-size: 20px
}

.textarea {
    border: 1px solid #979797;
    width: 100%;
    padding: 15px
}

.ui-autocomplete.ui-autocomplete {
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 5px 20px
}

.ui-autocomplete.ui-autocomplete .ui-menu-item {
    font-weight: 300;
    font-color: #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
    height: 38px;
    line-height: 38px;
    font-family: "Roboto", Helvetica, Arial, sans-serif
}

.ui-autocomplete.ui-autocomplete .ui-menu-item:last-child {
    border-bottom: none
}

.ui-autocomplete.ui-autocomplete .ui-menu-item .icon-building {
    display: inline-block;
    height: 25px;
    width: 27px;
    float: left;
    margin: 5px 10px 0 0
}

.ui-autocomplete.ui-autocomplete .ui-menu-item:hover {
    background: #fff;
    border: none;
    color: #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
    opacity: .8;
    margin: 0
}

.ui-autocomplete.ui-autocomplete .ui-menu-item:hover:last-child {
    border-bottom: none
}

.ui-autocomplete.ui-autocomplete .ui-state-hover,
.ui-autocomplete.ui-autocomplete .ui-widget-content .ui-state-hover,
.ui-autocomplete.ui-autocomplete .ui-widget-header .ui-state-hover,
.ui-autocomplete.ui-autocomplete .ui-state-focus,
.ui-autocomplete.ui-autocomplete .ui-widget-content .ui-state-focus,
.ui-autocomplete.ui-autocomplete .ui-widget-header .ui-state-focus {
    background: #fff;
    border: none;
    color: #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
    opacity: .8;
    margin: 0
}

.ui-datepicker.ui-datepicker {
    border: 1px solid #8c8c8c;
    background: #fff;
    background-image: none !important;
    padding: 0 5px 5px !important
}

.ui-datepicker.ui-datepicker .ui-datepicker-header {
    background: #fff;
    border: none;
    font-weight: 400;
    padding: 0
}

.ui-datepicker.ui-datepicker .ui-datepicker-title {
    color: #e61010;
    font-size: 20px
}

@media only screen and (min-width:720px) {
    .ui-datepicker.ui-datepicker .ui-datepicker-title {
        font-size: 18px
    }
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar {
    background: #fff;
    margin: 0
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar thead td,
.ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody td,
.ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar thead {
    background: #fff;
    border-bottom: 1px solid #8c8c8c;
    border-top: 1px solid #8c8c8c
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar thead th {
    color: #8c8c8c;
    height: 30px;
    padding: 0;
    width: 30px
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody td {
    padding: 0
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody td,
.ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody a {
    background: #fff;
    border: none;
    color: #8c8c8c;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px
}

@media only screen and (min-width:720px) {
    .ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody a {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 16px
    }
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
    border: 1px solid #e61010;
    color: #8c8c8c !important;
    padding: 0
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day a {
    background: #e61010 !important;
    color: #fff !important
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody a {
    padding: 1px;
    border-radius: 5px
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody a:hover {
    border: 1px solid #e61010;
    color: #8c8c8c !important;
    padding: 0
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody tr:first-child td a {
    margin-top: 5px
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody td a {
    margin-bottom: 5px !important
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active.ui-state-hover:hover {
    color: #fff !important
}

.ui-datepicker.ui-datepicker .ui-datepicker-header .icono-caretLeftCircle,
.ui-datepicker.ui-datepicker .ui-datepicker-header .icono-caretRightCircle {
    left: 0;
    margin: 2px;
    position: relative;
    top: 1px;
    cursor: pointer;
    color: #fff;
    background: #e61010;
    border: 2px solid #e61010;
    height: 24px;
    width: 24px
}

.ui-datepicker.ui-datepicker .ui-datepicker-header .icono-caretLeftCircle:before,
.ui-datepicker.ui-datepicker .ui-datepicker-header .icono-caretLeftCircle:after,
.ui-datepicker.ui-datepicker .ui-datepicker-header .icono-caretRightCircle:before,
.ui-datepicker.ui-datepicker .ui-datepicker-header .icono-caretRightCircle:after {
    width: 8px
}

.ui-datepicker.ui-datepicker .ui-datepicker-header .icono-caretLeftCircle .ui-icon,
.ui-datepicker.ui-datepicker .ui-datepicker-header .icono-caretRightCircle .ui-icon {
    -webkit-border-image: none;
    border-image: none
}

.ui-datepicker.ui-datepicker .ui-datepicker-header .ui-icon.icono-caretLeftCircle:before,
.ui-datepicker.ui-datepicker .ui-datepicker-header .ui-icon.icono-caretLeftCircle:after,
.ui-datepicker.ui-datepicker .ui-datepicker-header .ui-icon.icono-caretRightCircle:before,
.ui-datepicker.ui-datepicker .ui-datepicker-header .ui-icon.icono-caretRightCircle:after {
    left: 5px
}

.ui-datepicker.ui-datepicker .ui-datepicker-prev,
.ui-datepicker.ui-datepicker .ui-datepicker-next {
    top: 3px !important
}

@media only screen and (min-width:720px) {
    .ui-datepicker.ui-datepicker .ui-datepicker-prev,
    .ui-datepicker.ui-datepicker .ui-datepicker-next {
        top: 0 !important
    }
}

.ui-datepicker.ui-datepicker .ui-datepicker-prev {
    left: 1px;
    width: initial
}

.ui-datepicker.ui-datepicker .ui-datepicker-next {
    right: 2px !important;
    width: initial
}

.excursion-search:before,
.excursion-search:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.excursion-search:after {
    clear: both
}

.excursion-search {
    zoom: 1
}

@media only screen and (min-width:1020px) {
    .excursion-search__select-container {
        width: 73.51%;
        margin-right: 4.71%;
        float: left
    }
}

.excursion-search__inner {
    width: 100%;
    margin-bottom: 20px
}

.excursion-search__inner input,
.excursion-search__inner select {
    width: 100%
}

@media only screen and (min-width:620px) {
    .excursion-search__inner {
        width: 46.1538461538%;
        float: left;
        margin-right: 7.6923076923%
    }
    .excursion-search__inner:nth-child(2n) {
        width: 46.1538461538%;
        float: right;
        margin-right: 0
    }
}

@media only screen and (min-width:1020px) {
    .excursion-search__inner {
        float: left;
        width: 46.78% !important;
        margin-right: 6.4073% !important
    }
    .excursion-search__inner:nth-child(2n) {
        float: right !important;
        margin-right: 0 !important
    }
    .excursion-search__inner--small {
        width: 21.78% !important;
        margin-right: 0 !important;
        margin-top: 48px
    }
    .excursion-search__inner--small:nth-child(3n) {
        margin-top: 43px
    }
}

.excursion-search__button {
    height: 50px;
    width: 100%;
    font-size: 20px;
    font-weight: 500
}

.transfer__form:before,
.transfer__form:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.transfer__form:after {
    clear: both
}

.transfer__form {
    zoom: 1
}

.transfer__form__inner {
    display: block;
    margin-bottom: 20px;
    width: 100%
}

@media only screen and (min-width:620px) {
    .transfer__form__inner {
        width: 46.1538461538%;
        float: left;
        margin-right: 7.6923076923%
    }
    .transfer__form__inner:nth-child(2n) {
        width: 46.1538461538%;
        float: right;
        margin-right: 0
    }
}

@media only screen and (min-width:1200px) {
    .transfer__form__inner {
        float: left !important;
        margin-right: 2.5925666667% !important
    }
    .transfer__form__inner:last-child {
        margin-right: 0 !important
    }
    .transfer__form__inner--trip {
        width: 15.5556% !important
    }
    .transfer__form__inner--departure {
        width: 22.2222% !important
    }
    .transfer__form__inner--pickup {
        width: 26.6667% !important
    }
    .transfer__form__inner--dropoff {
        width: 27.7778% !important
    }
}

.transfer__form__label {
    color: #32333d;
    display: block
}

.transfer__form__input {
    background: #F7F7F7;
    display: block;
    width: 100%;
    border-radius: 5px
}

.transfer__form__trip {
    width: 15.5556%
}

.transfer__form__departure {
    width: 22.2222%
}

.transfer__form__location-in {
    width: 26.6667%
}

.transfer__form__location-out {
    width: 27.7778
}

.transfer__title {
    color: #e61010
}

.transfer__wrapper .transfer__item {
    width: 100%;
    margin-bottom: 50px
}

@media only screen and (min-width:620px) {
    .transfer__wrapper .transfer__item {
        width: 46.1538461538%;
        float: left;
        margin-right: 7.6923076923%
    }
    .transfer__wrapper .transfer__item:nth-child(2n) {
        width: 46.1538461538%;
        float: right;
        margin-right: 0
    }
}

.transfer__wrapper:before,
.transfer__wrapper:after,
.transfer__checkboxes:before,
.transfer__checkboxes:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.transfer__wrapper:after,
.transfer__checkboxes:after {
    clear: both
}

.transfer__wrapper,
.transfer__checkboxes {
    zoom: 1
}

.transfer__item__image {
    border: 1px solid #8c8c8c;
    border-radius: 5px;
    display: block;
    height: 0;
    -webkit-background-size: contain !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center;
    margin-bottom: 20px;
    padding-top: 61.9047619%;
    position: relative;
    width: 100%
}

.transfer__item__image img {
    position: absolute;
    bottom: 0;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

.transfer__item__image--standard-car {
    background: url(../images/assets/cruze.jpg);
    background-position-y: 16px !important
}

.transfer__item__image--luxury-car {
    background: url(../images/assets/audi.png)
}

.transfer__item__image--small-minibus {
    background: url(../images/assets/bus_mini.jpg)
}

.transfer__item__image--large-minibus {
    background: url(../images/assets/bus_mini2.jpg)
}

.transfer__item__image--small-bus {
    background: url(../images/assets/bus_3.jpg)
}

.transfer__item__image--large-bus {
    background: url(../images/assets/bus_4.jpg)
}

.transfer__item__title {
    color: #32333d;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px
}

.transfer__item__list {
    list-style-type: disc;
    font-size: 20px;
    margin-bottom: 10px !important;
    padding-left: 25px;
    width: 100%
}

.transfer__item__price-label {
    color: #e61010;
    font-size: 22px;
    font-weight: 500
}

.transfer__item__price-amount {
    color: #32333d;
    font-size: 20px;
    font-weight: 500
}

.transfer__form__button {
    background: #e61010;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 175px;
    height: 50px;
    font-size: 22px;
    font-weight: 700
}

.transfer__small-container {
    width: 100%;
    margin-bottom: 20px
}

.transfer__small-container .input {
    width: 100%
}

@media only screen and (min-width:620px) {
    .transfer__small-container {
        width: 46.1538461538%;
        float: left;
        margin-right: 7.6923076923%
    }
    .transfer__small-container:nth-child(2n) {
        width: 46.1538461538%;
        float: right;
        margin-right: 0
    }
}

.transfer__tiny-container {
    width: 100%;
    margin-bottom: 20px
}

.transfer__tiny-container .input {
    width: 100%
}

@media only screen and (min-width:620px) {
    .transfer__tiny-container {
        width: 46.1538461538%;
        float: left;
        margin-right: 7.6923076923%
    }
    .transfer__tiny-container:nth-child(2n) {
        width: 46.1538461538%;
        float: right;
        margin-right: 0
    }
}

@media only screen and (min-width:1200px) {
    .transfer__tiny-container {
        width: 19.2307692308%;
        float: left;
        margin-right: 7.6923076923%
    }
    .transfer__tiny-container:nth-child(2n) {
        width: 19.2307692308%;
        float: left;
        margin-right: 7.6923076923%
    }
    .transfer__tiny-container:nth-child(4n) {
        width: 19.2307692308%;
        float: right;
        margin-right: 0
    }
}

.transfer__checkboxes {
    margin-top: 30px
}

.transfer__checkboxes .checkbox__container,
.transfer__checkboxes .transfer__tiny-container {
    width: 100%;
    margin-bottom: 20px
}

@media only screen and (min-width:620px) {
    .transfer__checkboxes .checkbox__container,
    .transfer__checkboxes .transfer__tiny-container {
        width: 46.1538461538%;
        float: left;
        margin-right: 7.6923076923%
    }
    .transfer__checkboxes .checkbox__container:nth-child(2n),
    .transfer__checkboxes .transfer__tiny-container:nth-child(2n) {
        width: 46.1538461538%;
        float: right;
        margin-right: 0
    }
}

@media only screen and (min-width:960px) {
    .transfer__checkboxes .checkbox__container,
    .transfer__checkboxes .transfer__tiny-container {
        width: 19.2307692308%;
        float: left;
        margin-right: 7.6923076923%
    }
    .transfer__checkboxes .checkbox__container:nth-child(2n),
    .transfer__checkboxes .transfer__tiny-container:nth-child(2n) {
        width: 19.2307692308%;
        float: left;
        margin-right: 7.6923076923%
    }
    .transfer__checkboxes .checkbox__container:nth-child(4n),
    .transfer__checkboxes .transfer__tiny-container:nth-child(4n) {
        width: 19.2307692308%;
        float: right;
        margin-right: 0
    }
}

.transfer__checkboxes+.separator {
    margin-top: 40px
}

.transfer__location {
    color: #e61010;
    border-bottom: 1px solid #dcdcdc;
    padding: 10px 0 10px 18px;
    font-size: 18px
}

.transfer__input-note {
    color: #e61010;
    font-size: 13px;
    font-weight: 400;
    margin-top: 6px
}

.transfer__form__note {
    display: block;
    text-align: center;
    color: #32333d;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

.transfer__item__image__overlay {
    background: rgba(0, 128, 0, .15);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.transfer__item__status {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.recent-tickets {
    border: 1px solid #afafaf;
    border-radius: 5px;
    padding: 10px;
    width: 100%
}

@media only screen and (min-width:500px) and (max-width:619px) {
    .recent-tickets {
        width: 55%;
        float: left
    }
}

@media only screen and (min-width:620px) and (max-width:959px) {
    .recent-tickets {
        width: 55%;
        float: left
    }
}

.recent-tickets .recent-tickets__title {
    color: #32333d;
    margin-bottom: 15px;
    font-size: 20px
}

.recent-tickets .recent-tickets__list li {
    border-bottom: 1px solid #afafaf;
    margin-top: 5px
}

.recent-tickets .recent-tickets__list li,
.recent-tickets .recent-tickets__list a {
    display: block;
    overflow: hidden
}

.recent-tickets .recent-tickets__list .recent-tickets__route {
    color: #e61010;
    font-size: 16px;
    display: inline-block;
    float: left
}

.recent-tickets .recent-tickets__list .recent-tickets__time {
    font-size: 16px;
    color: #afafaf;
    float: right
}

@media only screen and (min-width:500px) and (max-width:619px) {
    .recent-tickets .recent-tickets__list .recent-tickets__route,
    .recent-tickets .recent-tickets__list .recent-tickets__time {
        font-size: 14px
    }
}

@media only screen and (min-width:960px) {
    .recent-tickets .recent-tickets__list .recent-tickets__route,
    .recent-tickets .recent-tickets__list .recent-tickets__time {
        font-size: 12px
    }
}

@media only screen and (min-width:1020px) {
    .recent-tickets .recent-tickets__list .recent-tickets__route,
    .recent-tickets .recent-tickets__list .recent-tickets__time {
        font-size: 14px
    }
}

.adsense {
    border-radius: 5px
}

.adsense img {
    margin: 0 auto;
    display: block
}

.mobile-app {
    background-color: #353d4e;
    border-radius: 5px;
    margin-bottom: 35px;
    padding: 30px 25px 20px
}

@media only screen and (min-width:500px) and (max-width:619px) {
    .mobile-app {
        width: 43%;
        float: right
    }
}

@media only screen and (min-width:620px) and (max-width:959px) {
    .mobile-app {
        width: 43%;
        float: right
    }
}

@media only screen and (min-width:768px) {
    .mobile-app {
        padding: 10px
    }
}

@media only screen and (min-width:1020px) {
    .mobile-app {
        padding: 30px 25px 20px
    }
}

.mobile-app__title {
    font-size: 22px;
    color: #fff;
    margin-bottom: 25px
}

@media only screen and (min-width:768px) {
    .mobile-app__title {
        font-size: 18px
    }
}

@media only screen and (min-width:1020px) {
    .mobile-app__title {
        font-size: 22px
    }
}

.mobile-app__link {
    -webkit-background-size: contain;
    background-size: contain;
    display: block;
    height: 47px;
    margin: 0 auto 20px;
    width: 95%;
    max-width: 160px
}

@media only screen and (min-width:768px) {
    .mobile-app__link {
        margin: 0 auto 10px
    }
}

.mobile-app__link:last-child {
    margin-bottom: 0
}

.mobile-app__link:hover {
    opacity: .9;
    cursor: pointer
}

.rent-a-car__container {
    border: 1px solid #979797;
    border-radius: 5px;
    text-align: center;
    padding: 10px 0
}

@media only screen and (min-width:620px) {
    .rent-a-car__container {
        margin-bottom: 15px
    }
}

@media only screen and (min-width:800px) {
    .rent-a-car__container {
        margin-bottom: 35px;
        padding: 20px 5px 15px
    }
}

.rent-a-car__title {
    color: #e61010;
    font-weight: 400;
    font-size: 24px;
    margin: 5px 0
}

.rent-a-car__image {
    margin-bottom: 10px
}

@media only screen and (min-width:620px) and (max-width:799px) {
    .rent-a-car__image {
        width: 80%;
        margin-bottom: 5px
    }
}

.rent-a-car__note {
    font-weight: 300;
    color: #979797;
    font-size: 18px
}

.excursion__container {
    border-radius: 2px;
    border: 1px solid #979797
}

.excursion__title {
    color: #e61010;
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 10px
}

.excursion__content {
    padding: 10px
}

.excursion__note {
    color: #979797;
    font-size: 16px;
    margin-bottom: 10px
}

.excursion__list,
.excursion__item {
    margin-bottom: 50px
}

.excursion__item {
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

.excursion__item:last-child {
    margin-bottom: 0
}

.excursion__list--small .excursion__item__info {
    padding: 8px 12px 6px
}

.excursion__list--small .icon-star_empty,
.excursion__list--small .icon-star_full,
.excursion__list--small .icon-star_half {
    height: 16px !important;
    width: 17px !important
}

.excursion__list--small .excursion__item__rating {
    padding-left: 0;
    clear: left
}

.excursion__list--small .excursion__item__places {
    font-size: 16px
}

@media only screen and (min-width:620px) {
    .excursion__list--small .excursion__item__rating {
        padding-left: 0;
        clear: none
    }
}

@media only screen and (min-width:800px) and (max-width:1019px) {
    .excursion__list--small .excursion__item {
        width: 46.1538461538%;
        float: left;
        margin-right: 7.6923076923%
    }
    .excursion__list--small .excursion__item:nth-child(2n) {
        width: 46.1538461538%;
        float: right;
        margin-right: 0
    }
    .excursion__list--small .excursion__item__info {
        padding: 8px 12px 12px
    }
    .excursion__list--small .excursion__item__rating {
        padding-left: 0;
        clear: none
    }
}

@media only screen and (min-width:1020px) {
    .excursion__list--small .excursion__item {
        width: 46.1538461538%;
        float: left;
        margin-right: 7.6923076923%
    }
    .excursion__list--small .excursion__item:nth-child(2n) {
        width: 46.1538461538%;
        float: right;
        margin-right: 0
    }
    .excursion__list--small .excursion__item__info {
        padding: 8px 12px 12px
    }
}

@media only screen and (min-width:1200px) {
    .excursion__list--small .excursion__item__rating {
        padding-left: 10px;
        clear: none
    }
}

.excursion__item__link {
    display: block;
    position: relative;
    -webkit-transition: none;
    transition: none
}

.excursion__item__info {
    width: 100%;
    background: rgba(0, 0, 0, .7);
    padding: 5px 10px 8px;
    display: block
}

.excursion__item__info:before,
.excursion__item__info:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.excursion__item__info:after {
    clear: both
}

.excursion__item__info {
    zoom: 1
}

@media only screen and (min-width:620px) {
    .excursion__item__info {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 8px 14px 10px
    }
}

@media only screen and (min-width:960px) {
    .excursion__item__info {
        padding: 10px 20px 14px
    }
}

@media only screen and (min-width:1020px) {
    .excursion__item__info {
        padding: 13px 30px 20px
    }
}

.excursion__item__title {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    display: block
}

.excursion__item__title--inline {
    display: inline-block;
    float: left
}

.excursion__item__title--inline+.excursion__item__rating {
    float: left;
    clear: left;
    padding-left: 0;
    margin-top: 2px
}

@media only screen and (min-width:620px) {
    .excursion__item__title--inline+.excursion__item__rating {
        position: relative;
        clear: none;
        padding-left: 20px;
        top: 1px;
        margin-top: 0
    }
}

@media only screen and (min-width:1020px) {
    .excursion__item__title--inline+.excursion__item__rating {
        top: 2px
    }
}

@media only screen and (min-width:620px) {
    .excursion__item__title {
        font-size: 18px
    }
}

@media only screen and (min-width:960px) {
    .excursion__item__title {
        font-size: 20px
    }
}

@media only screen and (min-width:1020px) {
    .excursion__item__title {
        font-size: 24px
    }
}

.excursion__item__see-more-link {
    font-size: 14px
}

.excursion__item__description {
    font-size: 14px;
    font-weight: 400
}

.excursion__item__data,
.excursion__item__label {
    font-size: 14px
}

@media only screen and (min-width:620px) {
    .excursion__item__see-more-link,
    .excursion__item__description,
    .excursion__item__data,
    .excursion__item__label {
        font-size: 15px
    }
}

@media only screen and (min-width:960px) {
    .excursion__item__see-more-link,
    .excursion__item__description,
    .excursion__item__data,
    .excursion__item__label {
        font-size: 16px
    }
}

@media only screen and (min-width:1020px) {
    .excursion__item__see-more-link,
    .excursion__item__description,
    .excursion__item__data,
    .excursion__item__label {
        font-size: 20px
    }
}

.excursion__item__description {
    color: rgba(255, 255, 255, .7);
    display: block
}

.excursion__item__see-more-link {
    font-weight: 500;
    color: rgba(255, 255, 255, .8)
}

.excursion__item__see-more-link:hover {
    color: #fff;
    opacity: 1
}

.excursion__item__trip {
    color: #fff
}

.excursion__item__reviews {
    color: #fff;
    clear: both
}

.excursion__item__rating {
    padding-left: 10px;
    min-width: 110px
}

.excursion__item__rating .icon-star_empty,
.excursion__item__rating .icon-star_full,
.excursion__item__rating .icon-star_half {
    height: 16px;
    width: 17px
}

@media only screen and (min-width:620px) {
    .excursion__item__rating .icon-star_empty,
    .excursion__item__rating .icon-star_full,
    .excursion__item__rating .icon-star_half {
        height: 17px;
        width: 18px
    }
}

@media only screen and (min-width:960px) {
    .excursion__item__rating .icon-star_empty,
    .excursion__item__rating .icon-star_full,
    .excursion__item__rating .icon-star_half {
        height: 24px;
        width: 26px
    }
}

.excursion__item__trip,
.excursion__item__reviews {
    margin-right: 10px;
    margin-bottom: 2px
}

@media only screen and (min-width:620px) {
    .excursion__item__trip,
    .excursion__item__reviews {
        margin-right: 0;
        margin-bottom: 0
    }
}

.excursion__item__trip,
.excursion__list--small .excursion__item__rating,
.excursion__item__reviews {
    width: initial;
    float: left;
    display: inline-block;
    font-size: 15px;
    font-weight: 500
}

@media only screen and (min-width:620px) {
    .excursion__item__trip,
    .excursion__item__places,
    .excursion__item__reviews {
        width: initial;
        margin-right: 10px;
        float: left
    }
}

@media only screen and (min-width:1020px) {
    .excursion__item__trip,
    .excursion__item__places,
    .excursion__item__reviews {
        margin-right: 20px
    }
}

.excursion__item__price {
    width: 66.666%;
    float: left;
    display: inline-block;
    font-size: 15px;
    font-weight: 500
}

.popular-activity {
    margin-top: -15px;
    margin-bottom: 30px
}

.popular-activity:before,
.popular-activity:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.popular-activity:after {
    clear: both
}

.popular-activity {
    zoom: 1
}

.popular-activity__label {
    color: #979797;
    float: left;
    font-size: 16px;
    margin-right: 25px;
    font-weight: 400
}

.popular-activity__menu {
    overflow: hidden
}

.popular-activity__menu-item {
    font-size: 16px;
    float: left;
    margin-right: 20px;
    margin-bottom: 12px
}

@media only screen and (min-width:620px) {
    .popular-activity__menu-item {
        margin-bottom: none
    }
}

.popular-activity__menu-item a {
    border-bottom: 1px solid #8c8c8c;
    color: #32333d
}

.interest__list:before,
.interest__list:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.interest__list:after {
    clear: both
}

.interest__list {
    zoom: 1
}

.interest__item {
    font-weight: 500;
    color: #32333d;
    margin-bottom: 15px;
    margin-left: 10px
}

@media only screen and (min-width:620px) {
    .interest__item {
        width: 50%;
        float: left;
        margin-left: 0
    }
}

@media only screen and (min-width:960px) {
    .interest__item {
        width: 33.333%
    }
}

.interest__item .icon-label {
    position: relative;
    top: 8px;
    margin-right: 4px
}

.excursion__item__offer {
    display: inline-block;
    float: left;
    clear: left
}

.excursion__item__offer~.excursion__item__see-more-link {
    float: right;
    bottom: 11px;
    right: 10px;
    position: absolute
}

@media only screen and (min-width:620px) {
    .excursion__item__offer~.excursion__item__see-more-link {
        position: static
    }
}

.excursion__item__misc {
    display: block
}

.excursion__item__misc:last-child {
    width: initial
}

@media only screen and (min-width:620px) {
    .excursion__item__misc {
        width: 150px;
        float: left
    }
}

@media only screen and (min-width:960px) {
    .excursion__item__misc {
        width: 190px
    }
}

.excursion__item__data {
    color: #fff
}

.excursion__item__data,
.excursion__item__label,
.excursion__item__places {
    font-weight: 500
}

.excursion__info__list:before,
.excursion__info__list:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.excursion__info__list:after {
    clear: both
}

.excursion__info__list {
    zoom: 1
}

@media only screen and (min-width:620px) {
    .excursion__info__list--alternative .excursion__info__item {
        float: none
    }
}

@media only screen and (min-width:1200px) {
    .excursion__info__list--alternative .excursion__info__item {
        float: left;
        width: 50% !important;
        clear: none !important;
        padding-right: 10px
    }
}

.excursion__info__item {
    font-weight: 500;
    margin-bottom: 15px
}

@media only screen and (min-width:620px) {
    .excursion__info__item {
        float: left
    }
    .excursion__info__item:nth-child(2n+1) {
        width: 300px
    }
    .excursion__info__item:nth-child(3n) {
        clear: left
    }
}

.excursion__info__label {
    width: 130px;
    color: #e61010;
    display: inline-block;
    float: left
}

.excursion__info__label--long {
    width: 180px
}

@media only screen and (min-width:620px) {
    .excursion__info__label {
        width: 150px
    }
    .excursion__info__label--long {
        width: 250px
    }
}

.excursion__info__value {
    display: block;
    overflow: hidden
}

.excursion__gallery img {
    margin-bottom: 25px;
    display: block;
    border-radius: 5px;
    width: 100%
}

@media only screen and (min-width:620px) {
    .excursion__gallery img {
        height: 140px;
        width: 46.1538461538%;
        float: left;
        margin-right: 7.6923076923%
    }
    .excursion__gallery img:nth-child(2n) {
        width: 46.1538461538%;
        float: right;
        margin-right: 0
    }
}

@media only screen and (min-width:960px) {
    .excursion__gallery img {
        width: 30%;
        float: left;
        margin-right: 5%
    }
    .excursion__gallery img:nth-child(2n) {
        width: 30%;
        float: left;
        margin-right: 5%
    }
    .excursion__gallery img:nth-child(3n) {
        width: 30%;
        float: right;
        margin-right: 0
    }
}

.image-list,
.image-list li {
    width: 100%
}

@media only screen and (min-width:620px) {
    .image-list li {
        float: left;
        width: 30%;
        margin-right: 5%
    }
    .image-list li:nth-child(3n) {
        margin-right: 0
    }
}

.image-list li a {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 45.45455% 0 0;
    overflow: hidden;
    border-radius: 5px;
    margin-bottom: 20px
}

@media only screen and (min-width:620px) {
    .image-list li a {
        margin-bottom: 0
    }
}

.image-list li a:hover {
    opacity: .9
}

.image-list img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0
}

.search-results {
    margin-bottom: 40px
}

.search-results__title {
    color: #32333d;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 0
}

.search-results__content {
    margin-bottom: 30px
}

.search-results__title+.separator,
.search-results__content+.separator {
    display: none
}

@media only screen and (min-width:620px) {
    .search-results__title+.separator,
    .search-results__content+.separator {
        display: block;
        clear: both
    }
}

.bus-table {
    table-layout: fixed;
    width: 104%;
    margin: 0 -2%;
    padding: 0 2%
}

#content table.bus-table {
    border: 1px solid rgba(39, 47, 58, .1) !important;
    box-shadow: unset;
}

#content table.bus-table td,
#content table.bus-table th {
    border-top: unset;
    padding: unset;
}

@media only screen and (min-width:620px) {
    .bus-table {
        margin: 0;
        padding: 0;
        width: 100%
    }
}

.bus-table__head {
    background: #272f3a;
    color: #fff;
    height: 35px;
    line-height: 35px;
    display: block
}

.bus-table__head:before {
    content: attr(data-table);
    text-align: center;
    display: block;
    width: 100%;
    font-weight: 500
}

.bus-table__head .bus-table__head__row {
    display: none
}

@media only screen and (min-width:620px) {
    .bus-table__head {
        display: table-header-group
    }
    .bus-table__head:before {
        display: none
    }
    .bus-table__head .bus-table__head__row {
        display: table-row
    }
}

#content table.bus-table .bus-table__head__id {
    border-top-left-radius: 5px;
    width: 7.2222%
}

#content table.bus-table .bus-table__head__schedule {
    width: 21.1111%
}

#content table.bus-table .bus-table__head__icons {
    width: 18.2222%
}

#content table.bus-table .bus-table__head__price {
    width: 24.4444%
}

#content table.bus-table .bus-table__head__eticket {
    width: 12.2222%
}

#content table.bus-table .bus-table__head__buy-button {
    border-top-right-radius: 5px;
    width: 15%
}

@media only screen and (min-width:620px) and (max-width:799px) {
    #content table.bus-table .bus-table__head__id {
        width: 25px
    }
    #content table.bus-table .bus-table__head__schedule,
    #content table.bus-table .bus-table__head__icons {
        width: 100px
    }
    #content table.bus-table .bus-table__head__price {
        width: 85px
    }
    #content table.bus-table .bus-table__head__eticket {
        width: 80px
    }
    #content table.bus-table .bus-table__head__buy-button {
        width: 100px
    }
}

@media only screen and (min-width:960px) and (max-width:1019px) {
    #content table.bus-table .bus-table__head__id {
        width: 25px
    }
    #content table.bus-table .bus-table__head__schedule,
    #content table.bus-table .bus-table__head__icons {
        width: 100px
    }
    #content table.bus-table .bus-table__head__price {
        width: 85px
    }
    #content table.bus-table .bus-table__head__eticket {
        width: 80px
    }
    #content table.bus-table .bus-table__head__buy-button {
        width: 100px
    }
}

@media only screen and (min-width:1020px) {
    #content table.bus-table .bus-table__head__price {
        width: 22.4444%
    }
    #content table.bus-table .bus-table__head__schedule {
        width: 19.1111%
    }
    #content table.bus-table .bus-table__head__icons {
        width: 16.2222%
    }
}

@media only screen and (min-width:1200px) {
    #content table.bus-table .bus-table__head__schedule {
        width: 21.1111%
    }
    #content table.bus-table .bus-table__head__price {
        width: 24.4444%
    }
    #content table.bus-table .bus-table__head__eticket {
        width: 12.2222%
    }
}

.bus-table__head__row {
    height: 40px
}

.bus-table__body {
    font-weight: 400
}

.bus-table__row {
    display: block;
    width: 100%;
    clear: both;
    overflow: hidden
}

@media only screen and (min-width:640px) {
    .bus-table__row {
        border-bottom: 1px solid rgba(39, 47, 58, .1);
        display: table-row;
        height: 50px
    }
    .bus-table__row:nth-child(2n+1) {
        background: rgba(244, 250, 255, .5);
    }
}

#content table.bus-table .bus-table__id {
    display: block;
    background: #f4faff;
    color: #000;
    height: 40px;
    line-height: 40px;
    padding-left: 6%
}

#content table.bus-table .bus-table__id:before {
    background: #f4faff;
    content: attr(data-prefix);
    width: 18px;
    display: inline-block
}

@media only screen and (min-width:620px) {
    #content table.bus-table .bus-table__id {
        background: 0 0;
        color: #8c8c8c;
        display: table-cell;
        padding-left: 0;
        text-align: center
    }
    #content table.bus-table .bus-table__id:before {
        display: none
    }
}

#content table.bus-table .bus-table__schedule {
    clear: both;
    height: 40px;
    line-height: 40px;
    padding-left: 6%
}

@media only screen and (min-width:620px) {
    #content table.bus-table .bus-table__schedule {
        display: table-cell;
        float: none;
        padding-left: 0;
        width: initial
    }
    #content table.bus-table .bus-table__schedule .icon-arrow {
        display: none
    }
}

#content table.bus-table .bus-table__departure {
    color: #4A90E2;
    font-weight: 500
}

#content table.bus-table .bus-table__departure,
#content table.bus-table .bus-table__arrival {
    display: inline-block;
    text-align: left;
    width: initial
}

@media only screen and (min-width:620px) {
    #content table.bus-table .bus-table__departure,
    #content table.bus-table .bus-table__arrival {
        width: 30%
    }
}

#content table.bus-table .bus-table__icons {
    display: none
}

@media only screen and (min-width:620px) {
    #content table.bus-table .bus-table__icons {
        display: table-cell;
        text-align: center
    }
}

#content table.bus-table td#content table.bus-table td.bus-table__price {
    color: #e61010;
    display: block;
    overflow: hidden;
    width: 100%;
}

@media only screen and (max-width:640px) {
    #content table.bus-table td.bus-table__price {
        text-align: left;
    }
}

@media only screen and (min-width:620px) {
    #content table.bus-table td.bus-table__price {
        display: table-cell;
        padding-left: 0;
        text-align: center;
    }
}

#content table.bus-table td.bus-table__no-price {
    color: #8c8c8c;
    font-weight: 400;
}

#content table.bus-table td .bus-table__price-single {
    background: #f4faff;
}

#content table.bus-table td .bus-table__price-single:before {
    color: #8c8c8c;
    content: attr(data-prefix);
    display: inline-block;
    width: 61.666667%;
}

#content table.bus-table td .bus-table__price-single:after {
    content: attr(data-currency);
    display: inline-block;
}

@media only screen and (min-width:620px) {
    #content table.bus-table td .bus-table__price-single {
        background: 0 0;
    }
    #content table.bus-table td .bus-table__price-single:before,
    #content table.bus-table td .bus-table__price-single:after {
        display: none;
    }
}

#content table.bus-table td .bus-table__price-return:before {
    color: #8c8c8c;
    content: attr(data-prefix);
    display: inline-block;
    width: 61.666667%;
}

#content table.bus-table td .bus-table__price-return:after {
    content: attr(data-currency);
    display: inline-block;
}

@media only screen and (min-width:620px) {
    #content table.bus-table td .bus-table__price-return:before {
        content: attr(data-separator);
        color: #e61010;
        display: inline-block;
        text-align: center;
        width: 4px;
        margin-right: 6px;
    }
}

@media only screen and (min-width:960px) {
    #content table.bus-table td .bus-table__price-return:before {
        width: 16px;
        margin-right: 0;
    }
}

#content table.bus-table td .bus-table__price-single,
#content table.bus-table td .bus-table__price-return {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-weight: 600;
}

#content table.bus-table td .bus-table__price-single:before,
#content table.bus-table td .bus-table__price-return:before {
    color: #000;
    font-weight: 400;
    padding-left: 6%;
}

@media only screen and (min-width:620px) {
    #content table.bus-table td .bus-table__price-single,
    #content table.bus-table td .bus-table__price-return {
        display: inline-block;
        width: initial;
    }
    #content table.bus-table td .bus-table__price-single:before,
    #content table.bus-table td .bus-table__price-return:before {
        color: #e61010;
        padding-left: 0;
        font-weight: 500;
    }
}

#content table.bus-table .bus-table__eticket {
    display: none;
}

@media only screen and (min-width:620px) {
    #content table.bus-table .bus-table__eticket {
        display: table-cell;
        text-align: center;
        display: table-cell;
    }
}

#content table.bus-table .bus-table__buy-button {
    clear: both;
    text-align: center;
    width: 100%;
    display: block;
    float: none;
    padding: 0 0 10px;
}

#content table.bus-table .bus-table__buy-button .button {
    width: 60%;
}

@media only screen and (min-width:620px) {
    #content table.bus-table .bus-table__buy-button {
        padding: 0;
    }
    #content table.bus-table .bus-table__buy-button .button {
        width: 110px;
    }
}

#content table.bus-table .bus-table__icons--mobile {
    background: #f4faff;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 38.333333%;
    text-align: left
}

#content table.bus-table .bus-table__icons--mobile .spritesheet {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width:620px) {
    #content table.bus-table .bus-table__icons--mobile {
        display: none
    }
}

#content table.bus-table .bus-table__eticket--mobile {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    width: 38.333333%;
    text-align: left
}

@media only screen and (min-width:620px) {
    #content table.bus-table .bus-table__eticket--mobile {
        display: none
    }
}

#content table.bus-table .bus-table__id,
#content table.bus-table .bus-table__schedule {
    display: block;
    float: left;
    width: 61.666667%;
    text-align: left
}

@media only screen and (max-width:620px) {
    #content table.bus-table .bus-table__id span {
        display: inline;
    }
}

@media only screen and (min-width:620px) {
    #content table.bus-table .bus-table__buy-button,
    #content table.bus-table .bus-table__id,
    #content table.bus-table .bus-table__schedule {
        display: table-cell;
        float: none;
        margin-bottom: 0;
        text-align: center;
        width: initial
    }
}

.map__container {
    width: 100%;
    height: 0;
    padding: 50% 0 0;
    position: relative
}

.map__container iframe,
.map__container object,
.map__container .map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.map__container--100 {
    padding: 100% 0 0
}

.map__container--75 {
    padding: 75% 0 0
}

.map__container--50 {
    padding: 50% 0 0
}

.map__container--25 {
    padding: 25% 0 0
}

.chosen-container.input {
    padding: 0;
    line-height: 1.4
}

.chosen-container a {
    color: #7f7f86 !important;
    border-radius: 5px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 18px !important;
    height: 50px !important;
    line-height: 50px !important;
    padding-left: 20px !important;
    border: 1px solid transparent !important
}

.chosen-container a,
.chosen-single {
    background-image: #F7F7F7 !important;
    background: #F7F7F7 !important
}

.chosen-single {
    border: 1px solid #F7F7F7 !important
}

.chosen-container-active .chosen-single,
.chosen-container-active .chosen-drop {
    border: 1px solid #acacac !important
}

.chosen-with-drop .chosen-single {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: none !important
}

.chosen-with-drop .chosen-drop {
    border-top: none !important
}

.chosen-container-single .chosen-single b {
    display: block !important;
    width: 28px !important;
    height: 22px !important;
    background: url("../images/chosen-sprite.png") no-repeat -2px -17px !important;
    position: relative !important;
    top: 15px !important;
    right: 10px !important
}

.chosen-search:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff url("../images/chosen-sprite.png") no-repeat 100% -20px;
    background: url("../images/chosen-sprite.png") no-repeat 100% -20px;
    position: absolute;
    right: 5px;
    top: 7px
}

.chosen-search {
    position: relative
}

.chosen-drop {
    background: #F7F7F7 !important
}

.chosen-drop .chosen-results {
    padding: 0 10px !important
}

.chosen-drop .chosen-results li {
    color: #7f7f86 !important;
    border-bottom: 1px solid #8c8c8c !important;
    padding: 12px 0 12px 10px !important
}

.chosen-drop .chosen-results li:last-child {
    border-bottom: none !important
}

.chosen-drop .active-result.highlighted {
    color: #e61010 !important;
    background-color: inherit !important;
    background-image: none !important
}

.chosen-search input {
    background: #fff !important;
    height: 30px !important;
    font-size: 18px !important
}

.container {
    width: 98%;
    caption-side: top;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.container:after {
    content: " ";
    display: block;
    clear: both
}

@media only screen and (min-width:960px) {
    .container {
        display: block;
        width: 95%
    }
}

.side {
    width: 100%
}

@media only screen and (min-width:960px) {
    .side {
        display: block;
        float: left;
        width: 21.6667%;
        margin-right: 3.33%
    }
}

.side__title {
    color: #32333d;
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 10px;
    clear: both
}

@media only screen and (min-width:800px) {
    .side__title {
        margin-bottom: 15px;
        font-size: 18px
    }
}

@media only screen and (min-width:1020px) {
    .side__title {
        font-size: 22px
    }
}

.main {
    display: table-caption;
    width: 100%
}

@media only screen and (min-width:960px) {
    .main {
        float: left;
        width: 75%
    }
}

.section {
    width: 100%;
    margin-bottom: 40px
}

.section:before,
.section:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.section:after {
    clear: both
}

.section {
    zoom: 1
}

@media only screen and (min-width:720px) {
    .header__main .logo-wrapper,
    .header__main .google-publisher {
        margin-top: 5px
    }
}

@media only screen and (min-width:800px) {
    .header__main .logo-wrapper {
        margin-top: 10px
    }
    .header__main .google-publisher {
        margin-top: 15px
    }
}

.get-the-app {
    background-color: #32333d;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 100%
}

.get-the-app:hover {
    color: #fff;
    text-decoration: underline
}

@media only screen and (min-width:620px) {
    .get-the-app {
        display: none
    }
}

.logo-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 37%
}

@media only screen and (min-width:720px) {
    .logo-wrapper {
        float: left;
        padding-bottom: 0;
        width: 32%;
        height: 85px
    }
}

@media only screen and (min-width:800px) {
    .logo-wrapper {
        height: 120px
    }
}

.logo {
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.logo,
.header__logo-link {
    display: block;
    -webkit-background-size: contain;
    background-size: contain
}

@media only screen and (min-width:720px) {
    .header__logo-link {
        -webkit-background-size: contain;
        background-size: contain;
        background-position: left
    }
}

.google-publisher {
    color: #fff;
    display: none;
    float: right;
    font-weight: 700;
    text-shadow: 1px 1px 1px #000
}

@media only screen and (min-width:720px) {
    .google-publisher {
        background-image: url(https://placeimg.com/900/100/arch/grayscale);
        -webkit-background-size: cover;
        background-size: cover;
        display: block;
        height: 60px;
        width: 67%
    }
}

@media only screen and (min-width:800px) {
    .google-publisher {
        height: 80px
    }
}

.header__navigation {
    margin-top: 15px
}

@media only screen and (min-width:720px) {
    .header__navigation {
        width: 67%;
        float: right;
        margin-top: 5px
    }
}

.header__navigation__list {
    padding: 0;
    display: none
}

@media only screen and (min-width:720px) {
    .header__navigation__list {
        text-align: justify;
        display: initial;
        float: left;
        width: -webkit-calc(100% - 75px - 10px);
        width: calc(100% - 75px - 10px);
        height: 30px
    }
    .header__navigation__list:after {
        width: 100%;
        content: "";
        display: inline-block
    }
}

@media only screen and (min-width:960px) {
    .header__navigation__list {
        width: -webkit-calc(100% - 105px - 10px);
        width: calc(100% - 105px - 10px);
        padding-right: 4%
    }
}

.header__navigation__item {
    display: none
}

.header__navigation__item:last-child {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width:720px) {
    .header__navigation__item {
        display: inline-block;
        vertical-align: middle;
        line-height: 30px
    }
    .header__navigation__item ul {
        display: none
    }
    .header__navigation__item--dropdown {
        position: relative
    }
    .header__navigation__item--dropdown:hover ul,
    .header__navigation__item--dropdown:focus ul,
    .header__navigation__item--dropdown:active ul {
        background: #fff;
        border: 1px solid #8c8c8c;
        display: block;
        left: -18px;
        padding: 5px 10px;
        position: absolute;
        top: 100%;
        width: 120px;
        z-index: 15;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px
    }
    .header__navigation__item--dropdown:hover ul .header__navigation__item,
    .header__navigation__item--dropdown:focus ul .header__navigation__item,
    .header__navigation__item--dropdown:active ul .header__navigation__item {
        line-height: 1;
        width: 100%
    }
    .header__navigation__item--dropdown:hover ul .header__navigation__link,
    .header__navigation__item--dropdown:focus ul .header__navigation__link,
    .header__navigation__item--dropdown:active ul .header__navigation__link {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        border-bottom: 1px solid rgba(50, 51, 61, .16);
        display: block;
        height: 30px;
        line-height: 30px;
        padding-bottom: 8px;
        white-space: nowrap
    }
    .header__navigation__item--dropdown:hover ul .header__navigation__link:hover,
    .header__navigation__item--dropdown:focus ul .header__navigation__link:hover,
    .header__navigation__item--dropdown:active ul .header__navigation__link:hover {
        font-weight: 500
    }
    .header__navigation__item--dropdown:hover ul .header__navigation__item:last-child .header__navigation__link,
    .header__navigation__item--dropdown:focus ul .header__navigation__item:last-child .header__navigation__link,
    .header__navigation__item--dropdown:active ul .header__navigation__item:last-child .header__navigation__link {
        border-bottom: none
    }
}

.mobile__navigation {
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width:720px) {
    .mobile__navigation {
        display: none
    }
}

.header__navigation__link {
    color: #8c8c8c;
    font-weight: 400;
    -webkit-transition: color .2s ease-out;
    transition: color .2s ease-out
}

@media only screen and (min-width:720px) and (max-width:799px) {
    .header__navigation__link {
        font-size: 14px
    }
}

@media only screen and (min-width:800px) and (max-width:1599px) {
    .header__navigation__link {
        font-size: 15px
    }
}

@media only screen and (min-width:960px) {
    .header__navigation__link {
        font-size: 16px;
        line-height: 36px
    }
}

@media only screen and (min-width:1600px) {
    .header__navigation__link {
        font-size: 18px
    }
}

.header__navigation__link:hover {
    color: #e61010
}

.header__navigation__link--active {
    border-bottom: 4px solid #e61010;
    padding-bottom: 4px
}

.footer {
    background-color: #32333d
}

.footer,
.footer h1,
.footer h2,
.footer h3 {
    color: #fff
}

.footer__list {
    font-weight: 300;
    text-align: center;
    margin-left: -1%;
    margin-right: -1%
}

@media only screen and (min-width:620px) and (max-width:799px) {
    .footer__list {
        margin-left: -2.5%;
        margin-right: -2.5%
    }
}

@media only screen and (min-width:720px) {
    .footer__list {
        width: 57.5757575758%;
        float: right;
        margin-right: 0
    }
}

@media only screen and (min-width:800px) {
    .footer__list {
        width: 58.8235294118%;
        float: left;
        margin-right: 2.9411764706%
    }
}

.footer__item {
    padding-bottom: 15px;
    border-bottom: 1px solid #fff
}

@media only screen and (min-width:720px) {
    .footer__item {
        width: 26.3157894737%;
        float: left;
        margin-right: 10.5263157895%;
        border: none;
        text-align: left
    }
    .footer__item:last-child {
        width: 26.3157894737%;
        float: right;
        margin-right: 0
    }
}

.footer__item h3 {
    margin: 15px 0;
    font-weight: 700;
    line-height: 1
}

.footer__item a {
    color: #fff;
    -webkit-transition: text-shadow .15s ease-out;
    transition: text-shadow .15s ease-out
}

.footer__item a:hover {
    color: #fff;
    text-shadow: 0 0 1px #fff
}

.copyright {
    text-align: center;
    font-size: 12px;
    font-weight: 300;
    padding: 5px 0
}

.copyright span {
    white-space: nowrap;
    display: inline-block
}

.copyright a {
    color: #e61010;
    font-weight: 400
}

.footer__partner {
    border-bottom: 1px solid #fff;
    text-align: center;
    margin-left: -1%;
    margin-right: -1%
}

.footer__partner b {
    display: block;
    font-weight: 300;
    font-size: 22px
}

@media only screen and (min-width:620px) and (max-width:799px) {
    .footer__partner {
        margin-left: -2.5%;
        margin-right: -2.5%
    }
}

@media only screen and (min-width:720px) {
    .footer__partner {
        width: 36.3636363636%;
        float: left;
        margin-right: 6.0606060606%;
        border: none
    }
}

@media only screen and (min-width:800px) {
    .footer__partner {
        width: 27.9411764706%;
        float: left;
        margin-right: 2.9411764706%;
        border: none
    }
}

.getbybus__link {
    font-weight: 700;
    font-size: 24px;
    color: #7f7f86;
    display: block;
    width: 100%;
    height: 30px;
    background-position: center;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 20px 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.getbybus__link:hover {
    opacity: .8
}

.footer__logo {
    max-width: 100%;
    width: 280px;
    height: 100px;
    margin: 0 auto;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    position: relative
}

@media only screen and (min-width:720px) and (max-width:799px) {
    .footer__logo .footer_logo {
        background-position: left;
        -webkit-background-size: contain;
        background-size: contain
    }
}

.slider {
    position: relative;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%
}

@media only screen and (min-width:720px) {
    .slider {
        height: 0;
        padding-bottom: 42.32%
    }
}

@media only screen and (min-width:960px) {
    .slider {
        height: 0;
        padding-bottom: 33.85%
    }
}

@media only screen and (min-width:720px) {
    .carousel {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0
    }
}

.carousel img {
    display: block;
    height: auto;
    width: 100%
}

.carousel .carousel-nav {
    opacity: 0
}

.carousel:hover .carousel-nav {
    opacity: 1
}

.carousel__overlay {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.carousel-nav {
    top: 45%
}

.carousel-nav .prev {
    display: block;
    float: left
}

.carousel-nav .prev:hover {
    -webkit-transform: scale(1.1), rotate(180deg);
    -ms-transform: scale(1.1), rotate(180deg);
    transform: scale(1.1), rotate(180deg)
}

.carousel-nav .next {
    display: block;
    float: right
}

.carousel-nav .next:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.free-app__wrapper,
.carousel-nav {
    position: absolute;
    width: 98%;
    z-index: 10;
    margin: 0 auto;
    max-width: 1200px;
    left: 0;
    right: 0
}

@media only screen and (min-width:620px) {
    .free-app__wrapper,
    .carousel-nav {
        width: 95%
    }
}

.free-app__wrapper .prev,
.free-app__wrapper .next,
.carousel-nav .prev,
.carousel-nav .next {
    z-index: 11
}

.free-app__wrapper .prev:hover,
.free-app__wrapper .next:hover,
.carousel-nav .prev:hover,
.carousel-nav .next:hover {
    color: #fff
}

.free-app__wrapper {
    height: 0;
    top: 0;
    display: none
}

@media only screen and (min-width:620px) {
    .free-app__wrapper {
        display: block
    }
}

.free-app {
    background: rgba(50, 51, 61, .88);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    position: absolute;
    top: 0;
    width: 150px;
    z-index: 10;
    padding: 10px 7px 7px
}

.free-app,
.free-app h3 {
    color: rgba(255, 255, 255, .6)
}

.free-app h3 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px
}

.free-app:before {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    height: 126px;
    width: 20px;
    border-top: 134px solid rgba(50, 51, 61, .88);
    border-right: 25px solid transparent
}

.free-app__link {
    display: block;
    border-radius: 8px;
    margin-bottom: 10px;
    text-align: center;
    width: 90%;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.free-app__link:hover {
    opacity: .8
}

.dropdown__container {
    display: inline-block;
    vertical-align: middle
}

.dropdown__container .dropdown--active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.dropdown__container .slicknav_menu {
    background: 0 0;
    border: 1px solid #8c8c8c;
    border-radius: 5px;
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transition: all .02s ease-out;
    transition: all .02s ease-out
}

.dropdown__container .slicknav_menu.lang-menu--active {
    border-radius: 5px 5px 0 0
}

.dropdown__container .slicknav_btn {
    background: 0 0;
    height: 34px;
    margin: 0;
    padding: 0 3px 0 5px;
    width: 100px
}

.dropdown__container .slicknav_menutxt {
    color: #8c8c8c;
    font-weight: 400;
    font-size: 18px;
    line-height: 33px;
    text-shadow: none
}

.dropdown__container .slicknav_icon {
    float: right;
    margin: 0;
    padding: 0
}

.dropdown__container .slicknav_icon .icono-bars {
    width: 17px;
    margin: 16px 4px 16px 2px
}

@media only screen and (min-width:800px) {
    .dropdown__container .slicknav_icon .icono-bars {
        width: 20px;
        margin: 16px 7px
    }
}

.dropdown__container .slicknav_icon .icono-caretDown:before,
.dropdown__container .slicknav_icon .icono-caretDown:after {
    width: 12px
}

@media only screen and (min-width:800px) {
    .dropdown__container .slicknav_icon .icono-caretDown:before,
    .dropdown__container .slicknav_icon .icono-caretDown:after {
        width: 14px
    }
}

.dropdown__container .slicknav_icon,
.dropdown__container .slicknav_icon span {
    color: #e61010
}

.dropdown__container .slicknav_icon-bar {
    background-color: #e61010;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 2px
}

.dropdown__container .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 4px
}

.dropdown__container .slicknav_nav {
    background: #fff;
    border: 1px solid #8c8c8c;
    border-radius: 0 0 5px 5px;
    left: -1px;
    right: 0;
    position: absolute;
    top: 100%;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    z-index: 10
}

.dropdown__container .slicknav_nav a {
    color: #8c8c8c;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    text-align: left
}

.dropdown__container .slicknav_nav a:hover {
    background: 0 0;
    color: #e61010
}

.dropdown__container ul {
    padding: 0;
    margin: 0
}

.dropdown__container li {
    border-bottom: 1px solid #8c8c8c;
    display: block;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    opacity: .7;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    text-align: center
}

.dropdown__container li:hover {
    opacity: 1
}

.dropdown__container li:last-child {
    border-bottom: none
}

.lang-menu__container {
    position: relative;
    z-index: 15;
    float: right
}

.lang-menu__container .slicknav_menutxt .lang__name {
    margin-right: 8px
}

.lang-menu__container .icono-caretDown {
    margin: 8px
}

@media only screen and (min-width:720px) and (max-width:959px) {
    .lang-menu__container .slicknav_btn {
        width: 75px
    }
    .lang-menu__container .slicknav_icon .icono-bars {
        width: 15px;
        margin: 15px 4px 16px 2px;
        -webkit-box-shadow: inset 0 0 0 32px, 0 -5px, 0 5px;
        box-shadow: inset 0 0 0 32px, 0 -5px, 0 5px
    }
    .lang-menu__container .slicknav_menutxt,
    .lang-menu__container .slicknav_btn {
        line-height: 30px;
        height: 30px
    }
    .lang-menu__container .slicknav_menutxt .lang__name,
    .lang-menu__container .slicknav_btn .lang__name {
        margin-right: 4px
    }
    .lang-menu__container .slicknav_menutxt .icono-caretDown,
    .lang-menu__container .slicknav_btn .icono-caretDown {
        margin: 4px
    }
    .lang-menu__container .slicknav_menutxt .icono-caretDown:before,
    .lang-menu__container .slicknav_menutxt .icono-caretDown:after,
    .lang-menu__container .slicknav_btn .icono-caretDown:before,
    .lang-menu__container .slicknav_btn .icono-caretDown:after {
        width: 11px
    }
}

@media only screen and (min-width:960px) {
    .lang-menu__container .slicknav_menutxt .lang__name {
        margin-right: 6px
    }
}

.slicknav_btn .lang__flag {
    display: inline-block;
    height: 11px;
    width: 22px;
    -webkit-background-size: contain;
    background-size: contain
}

@media only screen and (min-width:720px) and (max-width:959px) {
    .slicknav_btn .lang__flag {
        height: 10px;
        width: 20px
    }
}

.slicknav_btn .lang__name {
    min-width: 26px;
    width: 40%;
    display: inline-block
}

@media only screen and (min-width:720px) and (max-width:959px) {
    .slicknav_btn .lang__name {
        display: inline;
        font-size: 14px;
        margin-right: 2px
    }
}

.lang-menu__item {
    border-bottom: 1px solid #8c8c8c;
    display: block;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    opacity: .7;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.lang-menu__item:hover {
    opacity: 1
}

.lang-menu__item:last-child {
    border-bottom: none
}

.lang__name {
    width: 30px;
    display: inline-block;
    text-align: left
}

.lang__flag {
    display: inline-block;
    height: 11px;
    width: 22px;
    -webkit-background-size: contain;
    background-size: contain
}

.lang__flag-en,
.lang__flag-de,
.lang__flag-it,
.lang__flag-hr,
.lang__flag-fr {
    background-image: url("../images/flag_size.png")
}

@media only screen and (min-width:720px) {
    .navigation__container {
        display: none
    }
}

.navigation__container .slicknav_btn {
    width: 130px
}

.navigation__container a {
    border: none
}

.navigation__container .header__navigation__item {
    display: block
}

.search-form {
    background: rgba(50, 51, 61, .88);
    font-size: 1rem;
    font-weight: 400;
    line-height: 40px;
    max-width: 1000px;
    padding: 12px
}

@media only screen and (min-width:720px) {
    .search-form {
        border-radius: 4px;
        bottom: 10px;
        height: 128px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: justify;
        width: 98%;
        z-index: 10
    }
    .search-form .search-form__inner-wrapper {
        display: inline-block
    }
    .search-form .search-form__button {
        display: inline-block;
        width: 20%
    }
    .search-form .search-form__inner-wrapper {
        width: 26%
    }
    .search-form .search-form__inner-wrapper label {
        padding-left: 10px
    }
    .search-form .search-form__inner-wrapper input {
        padding-left: 55px
    }
    .search-form .search-form__inner-wrapper--date {
        width: 16%
    }
    .search-form .search-form__inner-wrapper--date label {
        display: none
    }
    .search-form .search-form__inner-wrapper--date input {
        text-align: center;
        padding: 0
    }
    .search-form:after {
        display: inline-block;
        content: "";
        width: 100%;
        height: 0
    }
}

@media only screen and (min-width:800px) {
    .search-form {
        padding: 1% 2.5% .5%;
        height: 140px
    }
    .search-form .search-form__label {
        padding-left: 15px
    }
    .search-form .search-form__input {
        padding-left: 60px
    }
}

.search-form__inner-wrapper {
    position: relative
}

@media only screen and (min-width:720px) {
    .search-form__inner-wrapper {
        display: inline-block
    }
}

@media only screen and (min-width:800px) {
    .search-form__inner-wrapper {
        width: 23%
    }
}

.search-form__title {
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 10px
}

@media only screen and (min-width:720px) {
    .search-form__title {
        font-size: 1.3rem;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:800px) {
    .search-form__title {
        font-size: 1.5rem
    }
}

.search-form__label,
.search-form__input {
    display: inline-block;
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle
}

.search-form__input {
    padding: 0 0 0 10px
}

@media only screen and (min-width:720px) {
    .search-form__label,
    .search-form__input {
        margin-bottom: 0
    }
}

.search-form__label {
    background: #fff;
    border-radius: 4px;
    color: #e61010;
    padding: 0 0 0 15px;
    position: absolute;
    left: 0;
    width: 80px
}

.search-form__label+.search-form__input {
    padding-left: 80px
}

@media only screen and (min-width:720px) {
    .search-form__label {
        padding-left: 5px;
        padding-right: 0;
        width: 50px
    }
    .search-form__label+.search-form__input {
        padding-left: 50px
    }
}

.search-form__input {
    background: #fff;
    display: block;
    width: 100%
}

.search-form__input::-webkit-input-placeholder {
    font-weight: 400;
    color: #7f7f86
}

.search-form__input:-moz-placeholder,
.search-form__input::-moz-placeholder {
    font-weight: 400;
    color: #7f7f86
}

.search-form__input:-ms-input-placeholder {
    font-weight: 400;
    color: #7f7f86
}

.search-form__input--dropdown-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.search-form__button {
    width: 100%;
    background: #fff;
    color: #e61010;
    height: 40px;
    line-height: 40px
}

@media only screen and (min-width:720px) {
    .search-form__button {
        width: 20%;
        display: inline-block;
        vertical-align: middle
    }
}

.search-form__button:focus {
    -webkit-box-shadow: 0 0 10px 1px rgba(255, 0, 0, .5);
    box-shadow: 0 0 10px 1px rgba(255, 0, 0, .5)
}

.page--resources .article-section__icon,
.page--resources .articles-count,
.page--resources .guides-list__item .secondary-content {
    display: none
}

.page--resources .primary-content {
    padding-top: 26px;
    padding-bottom: 52px
}

.page--resources .primary-content p {
    margin-top: 0
}

@media only screen and (min-width:620px) {
    .static-page .slider {
        margin-bottom: 28px
    }
}

@media only screen and (min-width:800px) {
    .static-page .slider {
        margin-bottom: 40px;
        padding-bottom: 15.88542%
    }
}

.static-page .adsense {
    margin-bottom: 25px
}

@media only screen and (min-width:800px) {
    .static-page .adsense {
        margin-bottom: 25px
    }
}

.static-page .recent-tickets {
    margin-bottom: 25px
}

@media only screen and (min-width:800px) {
    .static-page .recent-tickets {
        margin-bottom: 35px
    }
}

.static-page .rent-a-car__container {
    margin-bottom: 25px
}

@media only screen and (min-width:800px) {
    .static-page .rent-a-car__container {
        margin-bottom: 35px
    }
}

.static-page .excursion__container {
    margin-bottom: 25px
}

@media only screen and (min-width:800px) {
    .static-page .excursion__container {
        margin-bottom: 35px
    }
}

.static-page .mobile-app {
    margin-bottom: 25px
}

@media only screen and (min-width:800px) {
    .static-page .mobile-app {
        margin-bottom: 35px
    }
}

.static-page .side {
    margin-top: 80px
}

@media only screen and (min-width:620px) {
    .static-page .side {
        margin-top: 0
    }
}

.static-page .content-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.static-page .content-container .main {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.static-page .content-container .side {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media only screen and (min-width:960px) {
    .static-page .content-container {
        display: block
    }
}

.clear::before,
.clear::after {
    content: '';
    display: table
}

.clear::after {
    clear: both
}

.centered {
    text-align: center
}

.right {
    float: right
}

.left {
    float: left
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

body {
    position: relative;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100%
}

body.open,
.app-bar {
    overflow: hidden
}

.app-bar {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #4285f4;
    z-index: 1
}

.app-bar-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 100%;
    height: 60px;
    position: relative;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin: 0 auto
}

.app-bar.open,
.app-bar.open~main {
    -webkit-transform: translate(250px, 0);
    -ms-transform: translate(250px, 0);
    transform: translate(250px, 0)
}

.app-bar .logo {
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 2em;
    line-height: 60px;
    margin: 0 16px;
    padding: 0;
    color: #fefefe;
    float: none;
    max-width: none;
    font-weight: 300;
    display: initial
}

.app-bar .logo a {
    text-decoration: none;
    color: inherit;
    font-weight: 400
}

.app-bar-actions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    z-index: 2
}

.app-bar button {
    width: 60px;
    height: 60px;
    background-image: none;
    background-color: transparent;
    border: none;
    padding: 0;
    display: inline-block;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    -webkit-tap-highlight-color: transparent
}

.app-bar button img {
    height: 24px;
    width: 24px
}

.app-bar button:hover {
    background-color: rgba(255, 255, 255, .1)
}

.app-bar button:focus {
    background-color: rgba(255, 255, 255, .2);
    outline: 0
}

.app-bar button:active {
    background-color: rgba(255, 255, 255, .4)
}

.promote-layer {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.base,
p,
ul,
ol {
    font-size: 19px
}

.navdrawer-container {
    z-index: 1;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 250px;
    height: 100%;
    background-color: #3367D6;
    color: #fefefe;
    -webkit-transform: translate(-250px, 0);
    -ms-transform: translate(-250px, 0);
    transform: translate(-250px, 0);
    overflow-y: auto
}

.navdrawer-container.open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.app-bar,
.navdrawer-container.opened,
main {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out
}

.navdrawer-container h4,
.navdrawer-container ul li a {
    height: 60px;
    padding: 17px 20px;
    line-height: 1.4
}

.navdrawer-container h4 {
    background-color: #fff;
    color: #3367D6
}

.navdrawer-container ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.navdrawer-container ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    white-space: nowrap
}

.navdrawer-container ul li {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #fff;
    padding: 0
}

.navdrawer-container ul li::before {
    content: none
}

.navdrawer-container ul li a:hover {
    background-color: rgba(255, 255, 255, .2)
}

.navdrawer-container ul li a:focus {
    background-color: rgba(255, 255, 255, .3);
    outline: 0
}

.navdrawer-container ul li a:active {
    background-color: rgba(255, 255, 255, .4)
}

main {
    margin: 0 auto;
    padding: 60px 16px 16px;
    min-height: 100%
}

@media all and (min-width:990px) {
    .app-bar {
        position: relative
    }
    .app-bar.open,
    .app-bar.open~main {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .app-bar-container {
        display: block;
        height: 130px;
        max-width: 864px;
        padding: 0 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #4285f4
    }
    .app-bar .logo {
        float: left;
        margin: 0;
        padding: 0;
        line-height: 130px;
        font-size: 46px
    }
    .app-bar-actions {
        float: right
    }
    .app-bar::after {
        content: ' ';
        display: block;
        height: 0;
        overflow: hidden;
        clear: both
    }
    button.menu {
        display: none
    }
    .navdrawer-container {
        position: relative;
        width: 100%;
        height: auto;
        margin-top: 0;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transition: none;
        transition: none;
        overflow-y: auto
    }
    .navdrawer-container h4 {
        display: none
    }
    .navdrawer-container ul {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        max-width: 864px;
        margin: 0 auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }
    .navdrawer-container ul li {
        border: none
    }
    main {
        max-width: 864px;
        padding-top: 0;
        min-height: initial
    }
    body {
        overflow-y: scroll
    }
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/RobotoCondensed-Light.eot);
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/fonts/RobotoCondensed-Light.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-Light.woff) format("woff");
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/RobotoCondensed-Regular.eot);
    src: local("Roboto Condensed Regular"), local("RobotoCondensed-Regular"), url(/fonts/RobotoCondensed-Regular.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-Regular.woff) format("woff");
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/RobotoCondensed-Bold.eot);
    src: local("Roboto Condensed Regular"), local("RobotoCondensed-Bold"), url(/fonts/RobotoCondensed-Bold.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-Bold.woff) format("woff")
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    src: url(/fonts/RobotoCondensed-LightItalic.eot);
    src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url(/fonts/RobotoCondensed-LightItalic.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-LightItalic.woff) format("woff");
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/RobotoCondensed-Italic.eot);
    src: local("Roboto Condensed Italic"), local("RobotoCondensed-Italic"), url(/fonts/RobotoCondensed-Italic.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-Italic.woff) format("woff")
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: url(/fonts/RobotoCondensed-BoldItalic.eot);
    src: local("Roboto Condensed Bold Italic"), local("RobotoCondensed-BoldItalic"), url(/fonts/RobotoCondensed-BoldItalic.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-BoldItalic.woff) format("woff");
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/RobotoCondensed-Light.eot);
    src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/fonts/RobotoCondensed-Light.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-Light.woff) format("woff");
}

@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/RobotoCondensed-Regular.eot);
    src: local("Roboto Condensed Regular"), local("RobotoCondensed-Regular"), url(/fonts/RobotoCondensed-Regular.eot) format("embedded-opentype"), url(/fonts/RobotoCondensed-Regular.woff) format("woff");
}


.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.1;
    }
    100% {
        opacity: 1.0;
    }
}

/* #START "initial" css definitions   */

/*.qtip-content{
    font-size: 18px;
    display: inline-block;
    min-width: 500px;
}*/

.ui-tooltip-light {

    max-width: 450px !important;
    font-size: 14px;
    line-height: initial !important;
    width: auto !important;
    /*display: inline-block;*/
}

#user-msg-wrapper {
    z-index: 99;
}

#user-msg {

    display: none;
    position: fixed;
    /*display: block;*/

    max-width: 600px;
    width: 100%;
    max-height: 200px;
    height: 100%;

    margin: 0px auto;

    background-color: #fff;

    opacity: 0.95;

    padding: 80px 50px;
    border: 1px solid #e61010;
    border-radius: 8px;

    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;

    top: 350px;
    z-index: 99;

    /*text-align: center;*/
    text-align: left;
}

body.static-page #user-msg {
    left: 21.66666666666667%;
}

#user-msg p {
    font-size: 16px !important;
    font-weight: 400;
}

#user-msg .smiley {
    display: block;
}

pre.error {
    color: #D0021B;
}

.lang-menu__container {
    z-index: 2;
}

.static__title {
    display: inline-block;
    margin: 0px;
    line-height: 26px;
}

div#pp-content-wrap {
    width: 100%;
}

.article--wide {
    width: 100% !important;
}

#sn-bar-wrap {
    display: inline-block;
    float: right;
    position: relative;
    /*max-width: 400px;
    width: 100%;*/
    margin: 10px 0px 10px 10px;
    bottom: 5px; /* align with the title on bottom line */
}

#sn-bar-wrap div.fb-like,
#sn-bar-wrap div#___plusone_0,
#sn-bar-wrap a.twitter-share-button,
#sn-bar-wrap iframe#twitter-widget-0 {
    float: right !important;
    display: inline-block !important;
    vertical-align: top;
    line-height: initial !important;
}

#sn-bar-wrap div.fb-like {

    /*width: auto!important;
    max-width: 125px!important;*/
    margin-right: 10px !important;
}

#sn-bar-wrap div#___plusone_0 {

    width: auto !important;
    /*max-width: 80px!important;*/
    margin-right: 5px !important;
}

#sn-bar-wrap div#___plusone_0 iframe {
    width: 65px !important;
}

#sn-bar-wrap a.twitter-share-button {

    /*width: auto!important;
    max-width: 100px!important;*/
    margin-right: 0px !important;
}

#sn-bar-wrap iframe#twitter-widget-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

span.br {
    display: block;
    height: 0px;
    width: 0px;
    margin: 0px;
    padding: 0px;
}

body { /*color:#676767;*/
    color: #1F1F1F;
}

b, strong {
    font-weight: 400;
}

/* 700 is a bit toostrong */

/* rgb(39, 47, 58) color, changed as @katic wanted on trello */
/* rgb(39, 47, 58); was in the original main.css for the following: */
.red-color {
    color: rgb(39, 47, 58);
}

a {
    color: rgb(39, 47, 58);
}

a:hover {
    color: rgb(39, 47, 58);
}

h1, h2, h3, h4, h5 {
    color: rgb(39, 47, 58);
}

.search-form__label {
    color: rgb(39, 47, 58);
}

.search-form__button {
    color: rgb(39, 47, 58);
}

.header__navigation__link--active {
    color: rgb(39, 47, 58);
    border-bottom-color: rgb(39, 47, 58) !important;
    padding-bottom: 0px;
}

.header__navigation__link:hover {
    color: rgb(39, 47, 58);
}

.dropdown__container .slicknav_icon, .dropdown__container .slicknav_icon span {
    color: rgb(39, 47, 58);
}

.bus-table__head {
    background: rgb(39, 47, 58);
}

.button--red {
    background-color: rgb(39, 47, 58);
}

/* if IE<9 */
div.browsehappy {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    text-align: center;
}

div.browsehappy span, div.browsehappy p {
    display: inline;
    position: relative;
    top: 50%;
    vertical-align: middle;
}

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

/* ### IE9 fix, without this there is an obvious X overflow */
.main { /*display: block;*/
}

/* ### IE9 fix, without this under certain screen width (<960) main content looks weird */
.container {
    width: 95%;
}

/* ### there seams to be a slight overflow on certain widths mobile dev tools */
header .container {
    width: 98%;
}

div.page-wrap #page_main_wrap p, div.page-wrap #page_main_wrap ol {
    line-height: 1.6;
    margin-bottom: 1.3em;
}

/* this will cause the elements to persist their left to right positions on responsive */
/*#page_maincontent_container{ display:block!important; }*/
/*#page_maincontent_wrap{ display:block!important; }*/
/*#page_container_wrap{ display: block; }*/
/*#page_main_wrap{ display: block; width: 100%; }*/

/* #END "initial" css definitions   */

/* #START header | top <header> element */

ul.children li.header__navigation__item {
    padding: 0px 10px;
}

/*.header__navigation__list:after{ display: block!important; }*/

ul.header__navigation__list {
    height: auto;
    /*display: inline-block;*/
    max-height: 30px;
}

.header__navigation__item.header__navigation__item--dropdown ul {

    display: none;
    padding: 5px 0px;
}

.header__navigation__item.header__navigation__item--dropdown ul ul {
    left: calc(100%);
    top: 0;
}

.header__navigation__item.header__navigation__item--dropdown:hover > ul {
    display: block;
}

a.header__logo-link {
    /*position:absolute;*/
    bottom: -6px;
    display: inline-block;
    margin: 0px auto;
    height: 100%;
    width: 100%;
}

.logo-wrapper {
    padding-bottom: 0px; /*height: 92px;*/
    text-align: left;
}

div.logo-wrapper svg {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*header .google-publisher{ background-image:url("../images/demo/grayscale.jpg"); }*/
header .google-publisher {
    background-image: none;
}

header .google-publisher div.adsense {
    display: none;
}

header .adsense {
    max-width: 804px;
    /* width: 100%; */
    height: 90px;
    overflow: hidden;
    display: block;
    position: relative;
    top: 0px;
    right: 0px;
    padding-left: 10px;
}

header div.adsense,
header div.adsense iframe,
header div.adsense ins {
    max-height: 90px !important;
}

/* header navigation */
nav.header__navigation {
    margin-top: 5px;
    background-color: #fff;
    z-index: 99;
    position: relative;
}

.header__navigation__item--dropdown:hover ul, .header__navigation__item--dropdown:focus ul, .header__navigation__item--dropdown:active ul {
    width: auto !important;
}

.header__navigation__item--dropdown ul li a.header__navigation__link {
    /*font-weight: 300;*/
    line-height: initial;
}

a.header__navigation__link {
    line-height: 32px;
}

.header__main .google-publisher {
    margin-top: 5px;
    /*height:80px;*/
    overflow: hidden;
    /*border: 1px solid #afafaf;*/
    border-radius: 5px;
    /*padding: 5px;*/
}

/* #START footer | bottom <footer> element */

footer {

    /*margin-top: 10px;*/
}

footer.footer {
    /*position: absolute;
    width: 100%;
    bottom:0px;*/
}

.footer__logo {
    max-width: 280px;
    width: 100%;
}

/* #HR footer */
html.hr footer.footer ul.footer__list li.footer__item {
    /*white-space: nowrap;*/
    /*display: inline-block;
    width: 25%;*/
    margin-right: 5%;
}

/* #END footer | bottom <footer> element */

/* #START #page_main_wrap | main (center) content for pages */

#main {
    padding-top: 0px;
}

#page_main_wrap a {
    display: inline-block;
}

#page_main_wrap a.chosen-single {
    display: block;
}

#page_main_wrap p {
    font-size: 16px;
}

#page_main_wrap iframe {
    display: block;
    margin: 0px auto;
}

#page_main_wrap li,
table.route-not-found p, table.route-not-found li {
    font-size: initial;
}

#page_main_wrap div.page_content_wrap main#main {
    margin-bottom: 25px;
}

#page_main_wrap {
    line-height: 1.6;
}

#page_main_wrap table:not(.bus-table):not(.route-not-found) tr:first-child {
    height: 50px !important;
}

#page_main_wrap table:not(.bus-table):not(.route-not-found) tr:first-child td {
    color: rgb(39, 47, 58);
    font-weight: 400;
}

table.route-not-found img {
    max-width: initial;
}

table.route-not-found tr td {
    padding: 12.5px;
}

#page_main_wrap table td div.ab_redCell a, #page_main_wrap table td div.ab_aquaCell a, #page_main_wrap table td div.ab_purpleCell a, #page_main_wrap table td div.ab_blueCell a, #page_main_wrap table td div.ab_greenCell a {
    border-bottom: 1px solid #8c8c8c;
    color: #8c8c8c;
    display: inline-block;
    margin-right: 25px;
}

#page_main_wrap table td div.ab_redCell div, #page_main_wrap table td div.ab_aquaCell div, #page_main_wrap table td div.ab_purpleCell div, #page_main_wrap table td div.ab_blueCell div, #page_main_wrap table td div.ab_greenCell div {
    display: inline-block;
    color: #8c8c8c;
}

#page_main_wrap table td div.ab_redCell, #page_main_wrap table td div.ab_aquaCell, #page_main_wrap table td div.ab_purpleCell, #page_main_wrap table td div.ab_blueCell, #page_main_wrap table td div.ab_greenCell {
    /*white-space: nowrap;*/
}

#page_main_wrap .rows--3 p {
    display: inline-block;
    width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 30px;
}

#page_main_wrap .rows--3 p a {
    display: inline;
}

/* #END #page_main_wrap | main (center) content for pages */

/* #START TABLEPRESS wpPlugin */

div.dataTables_wrapper table {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.dataTables_wrapper table thead th {
    background-color: transparent;
}

div.dataTables_wrapper table thead {
    background: rgb(39, 47, 58);
    color: #FFF;
}

div.dataTables_wrapper table thead th, div.dataTables_wrapper table td { /*text-align: center;*/
    padding-left: 25px;
}

div.dataTables_wrapper table td a {
    color: #8c8c8c;
    font-weight: 400;
}

div.dataTables_wrapper table thead th:first-child {
    border-top-left-radius: 5px;
}

div.dataTables_wrapper table thead th:last-child {
    border-top-right-radius: 5px;
}

div.dataTables_wrapper table.tablepress tbody td, div.dataTables_wrapper table.tablepress .tablepress tfoot th {
    border-top: none;
}

.tablepress .odd td {
    background: #f4faff;
}

/* #END TABLEPRESS wpPlugin */

/* #START calendar override jQuery UI datepicker */

#ui-datepicker-div {
    z-index: 99 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #555555;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
    padding: 0px;
}

.ui-datepicker.ui-datepicker .ui-datepicker-calendar tbody td a {
    width: 100%;
    /*height: 100%;*/
    margin-bottom: 0px !important;
}

/* #END calendar override jQuery UI datepicker */

/*  #START .page-wrap | wraps everything inside the <body> except the <footer>  */

div.page-wrap #page_main_wrap #main {
    max-width: none;
    padding: 0px;
}

div.page-wrap {
    overflow: hidden !important;
    /* stick footer to the bottom, min-height of the footer is 315px, NOTE: this 315 might change */

    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px auto -315px auto;
    padding-bottom: 340px; /* +additional 25px of padding for push-separation */
}

div.page-wrap:not(.homepage) div.free-app__wrapper {
    display: none;
}

#page_main_wrap a.img-wrap.full-width {
    width: auto;
    max-height: 450px;
    overflow: hidden;
    margin: 0px auto 25px;
}

#page_main_wrap hr {

    margin: 25px auto;
}

#page_main_wrap a {
    font-weight: 400 !important;
}

#page_main_wrap .static-container h3, .static-article h3 {
    font-size: 17px;
    font-weight: 600;

}

div.from-to.float-left {
    min-width: 170px;
    margin-right: 30px;
    margin-bottom: 10px;

}

div.from-to.float-left a {

    color: #1F1F1F;
    display: inline;
    border-bottom: 1px solid #1F1F1F;
}

span.start.place,
span.end.place {
    font-weight: 400;
}

.red {
    color: rgb(39, 47, 58) !important;
}

.black {
    color: #32333d !important;
}

.float-left {
    float: left;
}

.float-wrapper {
    display: inline-block;
    margin-bottom: 10px;
}

h3 {
    display: block;
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}

.float-wrapper .midd-word {
    color: #8E8E8E;
}

.bus-station-contact-details-wrap span.label,
.bus-station-contact-details-wrap span.value,
.bus-station-contact-details-wrap span.address {
    display: inline-block !important;
}

.bus-station-contact-details-wrap span.address {
    margin: 0px 0px 15px;
}

.bus-station-contact-details-wrap span.label {
    min-width: 320px;
}

div.page-wrap.bus-station .additional-travel-information {
    margin-top: 15px;
}

/* .homepage */
div.page-wrap.homepage #page_main_wrap {
    display: block;
    width: 100%;
    margin: 0px auto;
}

div.page-wrap.homepage #page_main_wrap article img {
    margin-top: 0px;

}

div.page-wrap.homepage #page_main_wrap article p {

    height: 181px; /*height: 234px;*//* kad bude vise teksta mozemo povisit */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 23px;

    /*
    display: block;
    display: -webkit-box;
    max-width: 585px;
    height: 234px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.4;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

div.page-wrap #page_main_wrap ins {
    display: block !important;
    /*margin: 0px auto!important;*/
    margin: 30px auto 30px !important;
    max-width: 728px;
    width: 100% !important;
}

div.page-wrap #page_main_wrap strong span,
div.page-wrap #page_main_wrap span strong { /* #sn-bar-wrap */
    display: block;
    margin-top: 15px;
}

div.page-wrap #page_main_wrap .bus-table ins {
    margin: 0px auto !important;
}

div.page-wrap.homepage #page_main_wrap article h2 {
    margin-bottom: 35px;
    line-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 29px;
    overflow: hidden;
}

div.page-wrap.homepage #page_main_wrap article {
    margin-bottom: 35px;
}

div.page-wrap.homepage #page_main_wrap article p {
    margin-bottom: 35px;
}

div.page-wrap.homepage #page_main_wrap article h2 {
    /*line-height: initial;*/
}

div.page-wrap.homepage #page_main_wrap table {
    max-width: 770px;
    width: 100% !important;
    margin: 65px auto;
}

div.page-wrap.homepage #page_main_wrap table tr:first-child {
    height: auto !important;
}

div.page-wrap.homepage #page_main_wrap table tbody tr td {
    border: 0;
    border-width: 0px;
    text-align: left;
    font-size: 12pt;
    vertical-align: top;
}

div.page-wrap.homepage #page_main_wrap table td a {
    margin-left: 30px;
    /*color: #bb0000;*/
    text-transform: uppercase;
    text-decoration: none;
    outline: none;
    font-weight: bold;
    display: block;
}

div.page-wrap.homepage #page_main_wrap table td .name {
    /*padding-left: 30px;*/
    margin-top: -3px;
}

div.page-wrap.homepage #page_main_wrap table td .desc {
    color: black;
    font-size: 8pt;
    padding-left: 30px;
    margin-top: -5px;
    font-weight: 400;
}

/*.misc__title{ overflow:hidden; text-overflow:ellipsis; }  */

/* .page */
div.page-wrap.page #page_main_wrap div.page_content_wrap img {
    float: right;
    margin: 0px 0px 15px 15px;
}

div.page-wrap.page #page_main_wrap table {
    /*max-width: 770px;*/
    width: 100% !important;
    margin: 5px auto;
}

div.page-wrap.page #page_main_wrap div.page_content_wrap table img {
    margin: auto;
}

/* .timetable-bus-croatia */
div.page-wrap.page.timetable-bus-croatia #page_main_wrap #main {
    max-width: none;
    padding: 0px;
}

/* .bus-rental-croatia */
div.page-wrap.page.bus-rental-croatia #page_main_wrap #main img {
    width: 100%;
    margin: 20px 0px;
}

/* .prices-coach-rental */
div.page-wrap.page.prices-coach-rental #page_main_wrap #main img {
    width: 100%;
    margin: 20px 0px;
}

div.page-wrap.page #page_main_wrap main p {
    line-height: 1.6;
    margin-bottom: 1.3em;
}

/* .single */
div.page-wrap.single #page_main_wrap div.search-results__content img {
    float: right;
    margin: 0px 0px 25px 25px;

}

/* TODO: this is not good selector
*/
/*
div.page-wrap.single #page_main_wrap div.search-results__content a:nth-of-type(1) img:nth-of-type(1){
    max-width: 50%;
    height: 50%;
}
div.page-wrap.single #page_main_wrap div.search-results__content a:not(:nth-of-type(1)) img{
    max-width: auto;
    height: auto;
}
*/

div.page-wrap.single #page_main_wrap div.search-results__content p {
    line-height: 1.6;
    margin-bottom: 1.3em;
}

div.page-wrap.single #page_main_wrap table {
    /*max-width: 770px;*/
    width: 100% !important;
    margin: 5px auto;
}

/* .excursions-results */
div.page-wrap.excursions-results form.search-form { /*display: none;*/
}

.page-wrap.excursions div#pp-content-wrap b, .page-wrap.excursions div#pp-content-wrap strong {
    color: #32333D;
}

.excursion__item__image {
    width: 100%;
    max-height: 417px;
}

li.excursion__item span.excursion__item__info {
    position: relative;
}

li.excursion__item .article.article--wide {
    margin-bottom: 0px;
}

.toggleDiv .excursion__item__info {
    background: transparent;
    display: none;
}

div.page-wrap.excursions-results a.show_hide_link,
div.page-wrap.excursions-search a.show_hide_link {

    background: none;
    background-color: rgb(39, 47, 58);
    border-radius: 4px;
    padding: 8px;
    color: #FFF;
    font-weight: bold;

}

.excursion__list .contact-us-exc-form-link .blink_me {

    display: inline-block;
    height: 100%;
    line-height: 25px;
    font-size: 24px;
    vertical-align: middle;
}

.contact-us-exc-form-link {
    font-weight: bold;
}

form#contact input {
    border: 1px solid #ccc !important;
}

form#contact #outtercaptcha {
    float: none !important;
}

#sendButton.submitButton {
    padding: 10px;
    font-weight: bold;
    margin: 10px auto 0px auto;
    display: block;
    color: #000;
    box-shadow: #000 1px 1px 9px;

}

/* .excursions-search */
div.page-wrap.excursions-search form.search-form { /*display: none;*/
}

/* .transfers */

#transfer-form-steps .valid {
    color: #5cb85c; /* #008000 */
}

#transfer-form-steps .warning {
    color: #f0ad4e;
}

#transfer-form-steps .warning-important {
    color: rgb(39, 47, 58);
}

#transfer-form-steps {
    display: block;
    width: 100%;
}

#transfer-form-steps li {
    list-style-position: inside;
    list-style-type: decimal;
    /*float: left;*/
    width: 100%;
    margin-right: 10%;
    font-size: 13px;
    font-weight: 400;
}

/*
#transfer-form-steps li:nth-child(2){
    position: relative;
    width: 100%;
    margin-right: 0px;
}
*/

#transfer-form-steps li:last-of-type {
    margin-right: 0px;
}

.transfer-error li {
    list-style-type: decimal;
    list-style-position: inside;
    color: #E00E0E;
}

div.transfer-form-container .transfer__checkboxes {
    display: inline-block;
}

.transfer__wrapper div.chosen-container, #returnPrivateTransfer div.chosen-container {
    width: 100% !important;
}

.transfer__item__image {
    height: 257px;
    overflow: hidden;
}

.transfer__item__image img {
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    height: auto;
    margin: 0px !important;
    float: none !important;

    top: 50%;
    transform: translateY(-50%);
}

.transfer__item__image:hover {
    cursor: pointer;
}

.transfer__item__image div.hover-shadow {
    display: none;
    /*background-color: #ccc;opacity: 0.4;*/
    background: rgba(0, 128, 0, .15);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 2;
}

.transfer__item__image:hover div.hover-shadow, .transfer__item__image.selected div.hover-shadow {
    display: block;
}

form#transfersForm div.top.section.error {

    border: 1px rgb(39, 47, 58) dotted;
    padding: 20px;
}

div.transfer-form-container #mycaptcha {
    margin-top: 40px;
}

.transfer__form__note {
    margin-bottom: 0px;
    margin-top: 18px;
}

div.transfer-form-container .transfer__form__button {
    margin-top: 18px;
}

/* .bus-station */
div.page-wrap.bus-station #page_main_wrap img:not(.attachment-thumbnail) {
    float: right;
    margin: 0px 0px 25px 25px;
}

div.page-wrap.bus-station #page_main_wrap table {
    max-width: 770px;
    width: 100% !important;
    margin: 10px auto;
}

div.page-wrap.bus-station #page_main_wrap table tr:not(:first-child) td a {

    border-bottom: 1px solid #8c8c8c;
    color: #8c8c8c;
}

div.page-wrap.bus-station #page_main_wrap .static-container table a span {
    color: #8c8c8c !important;
}

/* .bus-station */
div.page-wrap.category #page_main_wrap div.static-container div.static__content img {
    float: right;
    margin: 0px 0px 25px 25px;
    width: 100%;
    height: auto;
}

div.page-wrap.category #page_main_wrap div.static-container div.static__content img:first-of-type {
    width: auto;
}

div.page-wrap.category #page_main_wrap div.static-container div.static__content ins,
div.page-wrap.category #page_main_wrap div.static-container div.static__content iframe {
    display: none !important;
}

/* .tag */
div.page-wrap.tag div.main header.page-header {

    margin-top: 35px;
    /*margin-bottom: 35px;*/
}

div.page-wrap.tag div.main header.entry-header {

    margin-top: 35px;
}

div.page-wrap.tag div.main div.entry-content {
    margin-top: 35px;
}

div.page-wrap.tag .navigation.posts-navigation h2 {
    font-size: 17px;

    margin-top: 15px;
    margin-bottom: 7px;
}

div.page-wrap.tag div.main .entry-content p:nth-of-type(1) img {
    float: right;
    margin: 0px 0px 15px 15px;
}

div.page-wrap.tag div.main .entry-content p:not(:nth-of-type(1)) img {
    display: block;
    margin: 15px auto;
}

div.page-wrap.tag div.main ins {
    display: block !important;
    margin: 0px auto !important;
}

/*  #END .page-wrap  */

/* #START .slider section */

#main-search-form-wrap {
    z-index: 10;
    border-radius: 4px;
    bottom: 10px;
    /*height: 128px;*/
    left: 0;
    margin: 0 auto;
    /*position: absolute;*/
    /*position: relative;*/
    right: 0;
    text-align: center;
    width: 98%;
    z-index: 10;

}

#main-search-form-wrap .search-form__title {

    display: table;
    margin: 0 auto;
    font-size: 1.5em;
    padding: 0px 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    /*position: absolute;
    left: 0px;
    right: 0px;*/
    /*text-shadow: 1px 2px #515151;
    box-shadow: -2px 0px 15px #515151;*/

}

#main-search-form-wrap form.search-form div.search-form__inner-wrapper.search-form__inner-wrapper--date {
    width: 22%;
}

/*#main-search-form-wrap form{ text-align: inherit; }*/
/*
#main-search-form-wrap form.search-form{
    position: relative;
    height: 81px;
    text-align: center;
}
#main-search-form-wrap form.search-form div.search-form__inner-wrapper{
    vertical-align: middle;
    height: 0px;
    display: inline-block;

    margin-right: 1%;
}
#main-search-form-wrap form.search-form div.search-form__inner-wrapper:last-of-type{
    margin-right: 0px;
}
#main-search-form-wrap form.search-form div.search-form__inner-wrapper.search-form__inner-wrapper--date{

}
#main-search-form-wrap form.search-form .search-form__button{
    width: 100%!important;
}*/

/*html.en .slider form.search-form .search-form__inner-wrapper.arrstat{ width: 24%!important; }*/
form.search-form .search-form__inner-wrapper.button {
    /*width: 181px;*/
    width: 100%;
}

.search-form {
    border-radius: 4px;
    bottom: initial;
    top: 47%;
}

.slider {
    overflow: hidden;
}

.slider {
    margin-bottom: 35px;
}

/* (from/to) search form label width | Language Specific */

html.de .slider form.search-form label[for="depstat"] {
    width: 42px;
}

html.de .slider form.search-form #depstat {
    padding-left: 46px;
}

html.dk .slider form.search-form label[for="depstat"] {
    width: 38px;
}

html.dk .slider form.search-form #depstat {
    padding-left: 42px;
}

html.dk .slider form.search-form label[for="arrstat"] {
    width: 32px;
}

html.dk .slider form.search-form #arrstat {
    padding-left: 36px;
}

html.en .slider form.search-form label[for="arrstat"] {
    width: 32px;
}

html.en .slider form.search-form #depstat {
    padding-left: 57px;
}

html.en .slider form.search-form #arrstat {
    padding-left: 38px;
}

html.hr .slider form.search-form label[for="depstat"] {
    width: 32px;
}

html.hr .slider form.search-form #depstat {
    padding-left: 38px;
}

html.hr .slider form.search-form label[for="arrstat"] {
    width: 32px;
}

html.hr .slider form.search-form #arrstat {
    padding-left: 38px;
}

html.it .slider form.search-form label[for="depstat"] {
    width: 32px;
}

html.it .slider form.search-form #depstat {
    padding-left: 38px;
}

html.it .slider form.search-form label[for="arrstat"] {
    width: 26px;
}

html.it .slider form.search-form #arrstat {
    padding-left: 29px;
}

html.nl .slider form.search-form label[for="depstat"] {
    width: 42px;
}

html.nl .slider form.search-form #depstat {
    padding-left: 46px;
}

html.nl .slider form.search-form label[for="arrstat"] {
    width: 48px;
}

html.nl .slider form.search-form #arrstat {
    padding-left: 52px;
}

.slider .search-form__label {
    width: 50px;
}

.search-form__label + .search-form__input {
    padding-left: 50px;
}

/* header .slider .free-app__wrapper */
/*.static-page .free-app__wrapper{ display: none; }*/
.free-app {
    padding: 5px 7px 4px;
}

.free-app:before {
    border-top: 127px solid rgba(50, 51, 61, .88);
}

.sprite-google-play {
    height: 36px;
    width: 100%;
    background-position: 0px -42px;
}

.sprite-apple-store {
    height: 36px;
    width: 100%;
    background-position: 0px 1px;
}

form.search-form button {
    vertical-align: top;
    padding: 0px;
}

.carousel img {
    height: 100%;
}

.slider div.carousel.carousel-slide {
    position: absolute;
}

.slider div.carousel.carousel-slide {
    position: absolute;
}

/* #END .slider section */

/* #START aside | left <aside> elements */

.left-aside__title {
    font-size: 20px;
    color: #32333d;
    text-align: center;
}

aside .excursion__container {
    margin: 0px 10px;
}

a.trip-link-wrap {
    display: block;
}

a.trip-link-wrap:hover {
    opacity: 1 !important;
}

a.trip-link-wrap:hover img {
    opacity: 0.8;
}

aside.side {
    /*max-width: 430px;*/
    margin-right: 25px;
}

aside.side div.adsense {

    position: relative;
    display: block;
    /*max-width: 433px;*/
    width: 100%;
    margin: 0px auto;
    text-align: center;
    padding: 0px 5px;
    box-sizing: border-box;
    overflow: hidden;

    border: 1px solid #afafaf;
    border-radius: 5px;
}

aside.side div.adsense .narrow {
    width: 0px;
}

/* !!! IMPORTANT !!! this is a quickfix */
aside.side div.adsense.wide {
    display: none;
}

aside.side div.recent-tickets, aside.side div.mobile-app {
    width: 100% !important;
    display: block;
    float: none !important;
    margin: 10px auto;
    text-align: center;
}

aside.side .recent-tickets__route {
    max-width: 62%;
    text-align: left;
}

.recent-tickets .recent-tickets__list li {
    border-bottom: 1px solid #e1e1e1e1;
}

aside .side-boxitem-wrap {
    margin-top: 0px !important;
    margin-bottom: 25px !important;
    border: 1px solid #afafaf;
    box-sizing: border-box;
    border-radius: 5px;

}

/* #END aside | left <aside> elements */

/* #START GBB-SEARCH plugin */

#content table.bus-table .bus-table__buy-button .status-text {
    font-size: 13px;
}

/* gbb search results popup google map */
#dvMap {

    max-width: 800px;
    width: 100%;
    height: 500px;
}

#content table.bus-table .bus-table__buy-button a {
    display: block !important;
}

.bus-table {
    margin: 0px;
    width: 100%;
}

#content table.bus-table .bus-table__head__id {
    width: 8%;
}

#content table.bus-table .bus-table__head__schedule {
    width: 19%;
    width: 150px;
}

#content table.bus-table .bus-table__head__icons {
    width: 20%;
    width: 122px;
}

/*.bus-table__head__company{    width:10%                   }*/
#content table.bus-table .bus-table__head__price {
    width: 25%;
}

#content table.bus-table .bus-table__head__eticket {
    width: 10%;
}

#content table.bus-table .bus-table__head__buy-button {
    width: 15%;
    width: 135px;
}

.company-name {
    font-weight: 400;
}

#content table.bus-table .bus-table__departure,
#content table.bus-table .bus-table__arrival {
    width: auto !important;
}

.bus-table .icon-arrow {
    display: inline-block;
}

#content table.bus-table td .bus-table__price-return span.value {
    display: none;
}

#content table.bus-table td.bus-table__price span {

    /*display:-moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline; */
    display: inline; /* IE11 inline-block doesn't display nicely in one line */
}

.bus-table__ads {

    display: block;
    max-width: 900px;
    width: 100%;
    height: 80px;
    margin: 0px;
    padding: 2px 0px;
    background: none;
    text-align: center;
    overflow: hidden;
}

.bus-table__ads .adsbygoogle {

    position: relative;
}

.bus-table__note {
    padding: 20px;
    margin-bottom: 10px;
    background-color: rgba(244, 250, 255, .5);
    border: 1px solid rgba(39, 47, 58, .1);
    display: block;
    font-style: normal;
}

em.bus-table__note {
    text-align: right;
    font-weight: 500;
    color: #272f3a;
}

em.bus-table__note strong {
    font-weight: 900;
}

div.showMap-wrap {
    margin-top: 20px;
}

#search-banner-icons-wrapper {
    display: table;
    width: 100%;
    margin-bottom: 25px;
    margin-top: -25px;
}

#search-banner-icons-wrapper.custom {
    margin: 10px auto;
}

#search-banner-icons-wrapper a {
    /*display: inline-block!important;*/
    color: initial !important;
}

#search-banner-icons-wrapper a { /* standard for 4 elements */
    display: table-cell;
    /*float: left;
    max-width: 210px;
    min-width: 50px;
    width: 100%;*/
    width: 25%;
    /*
    width: 23.75%;
    */
    /*padding-right: 15px;*/
    text-align: left;
    /*padding: 8px 0px;*/
    white-space: nowrap;
    overflow: hidden;
}

#search-banner-icons-wrapper.three a {
    width: 30%;
}

#search-banner-icons-wrapper.three span.separator-width {
    width: 5% !important;
}

#search-banner-icons-wrapper span.item {
    padding: 8px 0px;
    color: #fff;
    text-align: center;
}

#search-banner-icons-wrapper a:last-child span.item {
    padding-right: 0px;
}

#search-banner-icons-wrapper a.hotel {
    /*background-color: #D691E4;*/
    background-color: #F69087;
}

#search-banner-icons-wrapper a.hostel {
    /*background-color: #EA8692;*/
    background-color: #85CCB1;
}

#search-banner-icons-wrapper a.transfers {
    /*background-color: #35ACB4;*/
    background-color: #85A9B3;
}

#search-banner-icons-wrapper a.rent-a-car {
    /*background-color: #F5C261;*/
    background-color: #B0CB7A;
}

#search-banner-icons-wrapper a.apartment {
    background-color: #BCE865;
}

#search-banner-icons-wrapper span.separator-width {
    display: inline-block;
    /*width: 15px;*/
    width: 1.666666666666667%;
    vertical-align: middle;
}

#search-banner-icons-wrapper span.item span.txt {
    color: #FFF;
    display: inline-block;
    /*left: 20px;*/
    position: relative;
    vertical-align: middle;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 640px) {
    #search-banner-icons-wrapper span.item span.txt {
        font-size: 14px !important;
    }
}

#search-banner-icons-wrapper span.item.hotel span.txt {
    left: 10px;
    width: 74.64788732394366%;
}

#search-banner-icons-wrapper span.item.hostel span.txt {
    left: 10px;
    width: 75.11737089201878%;
}

#search-banner-icons-wrapper span.item.transfers span.txt {
    left: 10px;
    width: 69.95305164319249%;
}

#search-banner-icons-wrapper span.item.rent-a-car span.txt {
    left: 10px;
    /*width: 74.64788732394366%;*/
    width: 69.95305164319249%;
}

#search-banner-icons-wrapper span.item.apartment span.txt {
    left: 10px;
    /*width: 74.64788732394366%;*/
    width: 73.575129533678756476683937823834%;
}

#search-banner-icons-wrapper span.item img {
    float: none !important;
    margin: 0px auto !important;
    vertical-align: middle;
    position: relative;
    left: 10px;
    display: inline-block;
}

#content table.bus-table .bus-table__buy-button {
    z-index: -1;
}

#content table.bus-table .bus-table__buy-button div.ribbon {

    /*display: none!important;*/
    display: block;

    /*padding: .34em 1em;*/
    padding: 9px 12px;
    margin: 0;
    /*margin-top: 5%;*/
    /*position: relative;*/
    position: absolute;
    color: #ffffff;
    /*font: 11px 'Patua One', sans-serif;*/
    font-size: 11px;
    text-align: center;
    letter-spacing: 0.1em;

    /*
    text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
    box-shadow: inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 20px rgba(0,0,0,0.1), 0px 1px 1px rgba(0,0,0,0.4);
    */

    background-color: #1eb2df;
    background: -webkit-linear-gradient(top, #1eb2df, #17a7d2);

    /*top: -15px;*/
    /*right: 6px;*/
    bottom: -7px;
    height: 0px;
    line-height: 0px;
    width: 100%;

    /*z-index:2;*/
}

#content table.bus-table .bus-table__buy-button button {
    position: relative;
    z-index: -2;
    width: calc(100% - 10px) !important;
}

#content table.bus-table .bus-table__buy-button button.sold-out {
    background-color: #a4a4a4;
}

#content table.bus-table .bus-table__buy-button a {
    position: relative;
    display: inline-block;
    z-index: 0;
}

#content table.bus-table .bus-table__buy-button a.mobile {
    display: none !important;
}

#content table.bus-table .bus-table__buy-button a.desktop {
    display: block !important;
}

#content table.bus-table .bus-table__buy-button div.ribbon:before,
#content table.bus-table .bus-table__buy-button div.ribbon:after {
    content: "";
    width: .2em;
    /*bottom: -.5em;*/
    top: -4px;
    position: absolute;
    display: block;
    border: .9em solid #1eb2df;

    /*box-shadow: 0px 1px 0px rgba(0,0,0,0.4);*/

    z-index: -2;
    opacity: initial !important;
}

#content table.bus-table .bus-table__buy-button div.ribbon:before {
    /*left: -1.35em;*/
    left: -12px;
    border-right-width: .75em;
    border-left-color: transparent;
}

#content table.bus-table .bus-table__buy-button div.ribbon:after {
    /*right: -1.35em;*/
    right: -12px;
    border-left-width: .75em;
    border-right-color: transparent;
}

#content table.bus-table .bus-table__buy-button div.ribbon span.txt {
    z-index: 2;
    width: 100px;
    margin: 0 auto;
    display: inline-block;
}

#content table.bus-table .bus-table__buy-button div.ribbon span.txt:before,
#content table.bus-table .bus-table__buy-button div.ribbon span.txt:after {
    content: "";
    /*bottom: -.5em;*/
    top: -4px;
    position: absolute;
    display: block;
    border-style: solid;
    /*border-color: #0675b3 transparent transparent transparent;*/
    /*border-color: #0675b3 transparent  transparent transparent ;
    border-color: transparent #0675b3 transparent transparent ;
    border-color: transparent transparent transparent #0675b3;*/
    border-color: transparent transparent #0675b3 transparent;
    /*border-color: transparent;*/
    z-index: -1;
}

#content table.bus-table .bus-table__buy-button div.ribbon span.txt:before {
    left: 0;
    /*border-width: .5em 0 0 .5em;*/

    /*border-width:  .5em .5em 0  0;
    border-width:  .5em  0 .5em 0;
    border-width:  .5em  0 0 .5em;
    border-width:   0 .5em 0 .5em;
    border-width:   0 .5em .5em 0;*/
    border-width: 0 0 .5em .5em;

    /*border-color: transparent transparent #0675b3 transparent;*/
}

#content table.bus-table .bus-table__buy-button div.ribbon span.txt:after {
    right: 0;
    /*border-width: .5em .5em 0 0;
    border-width:  .5em .5em 0  0;
    border-width:  .5em  0 .5em 0;
    border-width:  .5em  0 0 .5em;
    border-width:   0 .5em 0 .5em;*/
    border-width: 0 .5em .5em 0;
}

/* #END GBB-SEARCH plugin */

/* #START RECAPTCHA STUFF */
#recaptcha_area {
    margin: 0 auto;
}

#recaptcha_area,
#recaptcha_table {
    width: initial;
}

#recaptcha_area #recaptcha_table tr,
#recaptcha_area #recaptcha_table tr:first-child {
    height: initial !important;
}

#page_main_wrap #recaptcha_table a {
    display: initial;
}

/* #END RECAPTCHA STUFF */

#main-search-form-wrap:before,
#main-search-form-wrap:after {
    box-sizing: content-box !important;
    clear: both;
}

form.search-form .els-wrapper {
    text-align: center;
}

body.static-page div.slider {
    padding-bottom: 0px !important;
    min-height: 120px;
    box-sizing: content-box;
}

body.static-page .slider #main-search-form-wrap {
    position: absolute;
    width: 100%;
    bottom: auto;
    top: 0px;
    height: auto;
}

body.static-page form.search-form {
    top: initial;
    /*box-sizing: content-box;*/
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0px 2.5%;

}

body.static-page form.search-form .els-wrapper {
    max-width: 1200px;
    width: 100%;
    display: block;
    margin: 0px auto;
}

body.static-page div.slider img {
    display: inline-block;
    vertical-align: top;
}

body.static-page .slider div.carousel.carousel-slide {
    /*height: calc(100%)!important;*/
}

@media only screen and (min-width: 720px) {

    form.search-form .search-form__inner-wrapper {
        margin-right: 2%;
    }

    form.search-form .search-form__inner-wrapper.button {
        margin-right: 0px !important;
    }

    body.static-page form.search-form .search-form__title {
        margin-bottom: -15px !important;
        padding-top: 15px !important;
    }
}

@media only screen and (max-width: 719px) {
    body.static-page form.search-form {
        padding: 12px;
    }

    body.static-page .slider #main-search-form-wrap {
        position: relative;
    }
}

/* #START unsorted */

span.posted-on time {
    margin-right: 5px;
}

div.qtip.qtip-default.qtip-light,
div.gbb_pop-up div.table-wrap {
    max-width: 350px !important;
    width: 100% !important;
    /**display: block;*/
    /*position: relative;*/
}

table.popupStations {
    /*max-width: 450px;*/
    width: 100% !important;
}

table.popupStations th {
    color: rgb(39, 47, 58);
}

table.popupStations th:nth-of-type(1) {
    width: 60%;
}

table.popupStations th:nth-of-type(2), table.popupStations th:nth-of-type(3) {
    width: 20%;
}

table.popupStations tr td.inroute {
    color: #4A90E2;
    font-weight: 400;
}

#lightbox,
#lightbox #outerImageContainer,
#lightbox #imageDataContainer,
#lightbox #imageContainer img#lightboxImage {

    display: inline-block !important;
    width: 50% !important;
    height: auto !important;
}

#lightbox #outerImageContainer,
#lightbox #imageDataContainer,
#lightbox #imageContainer img#lightboxImage {
    width: 100% !important;
}

#overlay {
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
}

#lightbox {

    position: fixed !important;
    display: block !important;
    margin: 0 auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 0px !important;
    right: 0px !important;
}

.search-results__title {
    /*line-height: normal;*/
    line-height: 26px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 0px;
}

.separator {
    margin-top: 25px;
    margin-bottom: 25px;
}

#gbb-search-rez-separator {
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    margin-top: 50px;
}

.sprite-stations_icon, .sprite-calendar_icon, .sprite-map_icon {
    background-repeat: no-repeat;
    display: inline-block;
    width: 38px;
    height: 38px;
    background-position: left top;
    vertical-align: middle;
}

#content table.bus-table .bus-table__id:hover {
    cursor: pointer;
}

#content table.bus-table td.bus-table__price, #content table.bus-table .bus-table__id span, #content table.bus-table .bus-table__id:before {
    font-weight: 500;
    color: rgb(39, 47, 58);
}

#content table.bus-table .bus-table__id span {
    display: block;
}

.gbb_trigger{
    width: 38px;
    height: 38px;
    background-size: 38px 38px;
}

.sprite-stations_icon {
    background-image: url(../images/style/station_icon.png);
}

.sprite-calendar_icon {
    background-image: url(../images/style/calendar.png);
}

.sprite-map_icon {
    background-image: url(../images/style/map_icon.png);
}

.sprite-ferry_icon {
    background-image: url(../images/style/ferry.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-position: left top;
    vertical-align: middle;
}

.sprite-person_icon {
    background-image: url(../images/style/person.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-position: left top;
    vertical-align: middle;
}

input[type="checkbox"].checkbox + .checkbox__fake {
    border: 1px solid #979797 !important;
}

div.main div.static-container a {
    display: inline-block;
}

div.main div.static-container a {
    display: block;
}

div.main div.static-container a.chosen-single {
    display: block !important;
}

/*#page_main_wrap iframe{ width: 100%; }*/
#page_main_wrap .ad_image_container {
    width: 100%;
}

div.container div.main img {
    display: block;
}

/*div.container div.main a{ display: block; }*/ /* @todo: comment/reference this next time u come across */

/* used on busstation pages  */
#gallery-1 dl a {
    text-align: center;
}

#gallery-1 dl dt.gallery-icon img {
    width: 90%;
    height: auto;
    border: none;
}

#gallery-1 dd.gallery-caption {
    transform: translateX(-5%);
    color: rgb(39, 47, 58);
    font-weight: 400;
}

div.formMessage.error {
    color: rgb(39, 47, 58);
    font-weight: bold;
}

.inline-block {
    display: inline-block !important;
}

.bold {
    font-weight: bold !important;
}

.italic {
    font-style: italic !important;
}

.underline {
    text-decoration: underline !important;
}

/* #END unsorted */

/* START GDPR related modal */
#privacy-modal .modal-body p {
    font-size: 14px;
    font-weight: normal;
}

#privacy-modal .modal-footer .btn {
    opacity: 1;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
/* END GDPR related modal*/

/* #START @media | responsive section */

/* MAX > desc */
@media only screen and (max-width: 1599px) and (min-width: 800px) {
    .header__navigation__link {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1123px) {

    /*.google-publisher,
    header div.adsense,
    header div.adsense iframe,
    header div.adsense ins{
        height: 60px!important;
    }*/
}

@media only screen and (max-width: 959px) {

    aside.side .adsbygoogle {
        display: block;
    }
}

@media only screen and (max-width: 900px) {
    aside.side div.adsense.narrow,
    aside.side div.adsense.narrow .narrow,
    aside.side div.adsense.narrow ins {
        max-width: 500px !important;
    }
}

@media only screen and (max-width: 850px), screen and (min-width: 960px) and (max-width: 1120px) {

    #search-banner-icons-wrapper span.item span.txt {
        /*display: none;*/
        display: block;
        left: initial !important;
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: -5px;
        width: 100% !important;
        text-align: center;
    }

    #search-banner-icons-wrapper span.item img {
        left: initial;
    }

    div.page-wrap.single #page_main_wrap div.search-results__content img {
        display: block !important;
        left: initial;
    }

    #search-banner-icons-wrapper span.item {
        text-align: center;
    }

    /*.header__navigation__link{ font-size: 14px; }*/
}

@media only screen and (max-width: 806px) {
    /*.header__navigation__link{ font-size: 13px; }*/
}

@media only screen and (max-width: 800px) {
    .sprite-eticket {
        position: relative;
        left: -10px;
    }

    /*td#content table.bus-table .bus-table__buy-button button{ width: 100px!important; }*/
    /*header .adsense{ height: 60px; }*/

}

@media only screen and (min-width: 720px) and (max-width: 799px) {

    .search-form {
        padding: 0px 2.5% !important;
    }

    .free-app {
        padding: 0px 7px;
    }

    .free-app:before {
        border-top: 120px solid rgba(50, 51, 61, .88);
    }
}

@media only screen and (max-width: 768px) {
    div.page-wrap.excursions form.search-form,
    div.page-wrap.transfers form.search-form {
        display: none;
    }
}

@media only screen and (max-width: 755px) {

    /*td#content table.bus-table .bus-table__buy-button button{ width: 90px!important; }*/
    nav li.header__navigation__item a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 720px) {
    /*.free-app__wrapper{ display: block!important; }*/
    /*.free-app{ width: 145px; padding: 1px 7px 0px;}
    .free-app h3{ font-size: 14px; font-weight: 500; padding-left: 8px; margin-bottom:0px; }
    .free-app:before{ border-top: 89px solid rgba(50,51,61,.88); }
    .sprite-apple-store{ background-position: 0px -3px; }
    .sprite-google-play{ background-position: 0px -42px; }
    .free-app__link{ margin-bottom: 2px; }*/
    #page_main_wrap iframe {
        width: 100%;
    }

    div.page-wrap.excursions-results form.search-form {
        display: none;
    }

    div.page-wrap.transfers form.search-form {
        display: none;
    }

    /*#main-search-form-wrap .search-form__title{ display: block; }*/

}

@media only screen and (max-width: 719px) {

    div.logo-wrapper svg {
        height: 100px;
    }

    .logo-wrapper {
        padding-bottom: 100px;
    }

    /* depending on the slider images dimension, feel free to modify max-height later on */
    div.carousel.carousel-slide .carousel__item { /*max-height: 225px;*/ /*max-height: 140px;*/
        min-height: 272px; /*height: 100%;*/
    }

    div.carousel.carousel-slide {
        z-index: 1;
        overflow: visible;
    }

    div.free-app__wrapper {
        display: none;
    }

    form.search-form {
        position: relative;
        z-index: 3;
    }

    #main-search-form-wrap {
        width: 100%; /*position: relative;*/
    }

    #main-search-form-wrap .search-form__title {
        display: none;
    }

    /*
    #main-search-form-wrap form.search-form div.search-form__inner-wrapper.button{
        width: 125px;
    }
    */
    .slider form.search-form label[for="depstat"] {
        width: initial !important;
    }

    .slider form.search-form input.search-form__input { /*padding-left: initial!important;*/
        padding-left: 60px !important;
    }

    .slider form.search-form .search-form__inner-wrapper--date {
        width: 100% !important;
    }

    .slider form.search-form .search-form__inner-wrapper--date #datepicker {
        width: 100%;
    }

    form.search-form .search-form__button {
        width: 100%;
    }

    /*html.de .slider
    html.de .slider
    html.dk .slider
    html.dk .slider
    html.dk .slider
    html.dk .slider*/
    /*
        html.en .slider form.search-form .search-form__inner-wrapper.depstat{ width: 28%!important; }

        html.en .slider form.search-form #depstat{ padding-left: 60px; }
        html.en .slider form.search-form .search-form__inner-wrapper.arrstat{ width: 25%!important; }

        html.en .slider form.search-form #arrstat{ padding-left: 42px; }
        html.en .slider form.search-form #datepicker{ padding-left: 54px; }
    */
    /*html.en .slider
    html.en .slider
    html.hr .slider
    html.hr .slider
    html.hr .slider
    html.hr .slider
    html.it .slider
    html.it .slider
    html.it .slider
    html.it .slider
    html.nl .slider
    html.nl .slider
    html.nl .slider
    html.nl .slider*/
    /*td#content table.bus-table .bus-table__buy-button button{ width: 80px!important; height: 46px!important; }*/
}

@media only screen and (max-width: 700px) {
    /*td#content table.bus-table .bus-table__buy-button button{ width: 60px!important; position: relative; float: right; right: 5px; }*/
    #content table.bus-table .bus-table__head__price {
        padding-left: 14px;
    }
}

@media only screen and (max-width: 640px) {
    .static-page .side {
        margin-top: auto;
    }

    #content table.bus-table .bus-table__buy-button button {
        width: 59% !important;
        position: relative !important;
        float: none !important;
        right: auto !important;
    }

    .bus-table__company {
        display: none;
    }

    .free-app__wrapper {
        display: none;
    }

    div.carousel.carousel-slide .carousel__item { /*max-height: 0px;*/
    }

    div.page-wrap.homepage #page_main_wrap article p {
        height: auto;
    }

    div.page-wrap.homepage #page_main_wrap article h2 {
        min-height: 29px;
        height: auto;
    }

    #content table.bus-table .bus-table__buy-button div.ribbon {
        /*left: 105px;*/
        right: initial;
        margin: 0 auto;
        width: 62%;
        /*position: absolute;*/
        position: relative;
        top: auto;
        /*bottom: -4px;*/
        bottom: 12px;
    }

    #content table.bus-table .bus-table__id span {
        display: inline-block;
    }

    #content table.bus-table td .bus-table__price-return span.value {
        display: inline-block;
    }

    #content table.bus-table td.bus-table__price span {
        display: inline-block;
    }

    #content table.bus-table .bus-table__icons--mobile .spritesheet {
        vertical-align: top;
    }

    #content table.bus-table .bus-table__buy-button a.desktop {
        display: none !important;
    }

    #content table.bus-table .bus-table__buy-button a.mobile {
        display: block !important;
    }

}

@media only screen and (max-width: 550px) {
    #main-search-form-wrap {
        top: 0px;
        bottom: initial;
        width: 100%;
    }

    #main-search-form-wrap form {
        background: rgba(50, 51, 61, 1);
    }

    #main-search-form-wrap .search-form__title {
        display: none;
    }
}

@media only screen and (max-width: 515px) {
    div.page-wrap #page_container_wrap table:not(.bus-table) {
        display: block;
        width: 50% !important;
        text-align: center;
    }

    div.page-wrap #page_container_wrap table:not(.bus-table) tbody {
        display: inline-block;
    }

    div.page-wrap #page_container_wrap table:not(.bus-table) tbody tr td {
        display: table-caption;
    }

    div.page-wrap #page_container_wrap table:not(.bus-table) div {
        white-space: nowrap;
    }
}

@media only screen and (max-width: 500px) {
    aside.side div.adsense.narrow,
    aside.side div.adsense.narrow .narrow,
    aside.side div.adsense.narrow ins {
        max-width: 275px !important;
    }

    div.page-wrap.homepage #page_main_wrap article h2 {
        white-space: normal;
        overflow: initial;
    }

    div.page-wrap.homepage #page_main_wrap ul.misc__list .misc__title {
        white-space: normal;
        overflow: initial;
    }

    div.page-wrap.homepage #page_container_wrap {
        display: block;
    }

    /* only on homepage where we don't have a sidebar */
}

@media only screen and (max-width: 400px) {

    div.logo-wrapper svg {
        padding-left: 15px;
        padding-right: 15px;
    }

    div.page-wrap.homepage #page_main_wrap {
        width: 96%;
    }

}

@media only screen and (max-width: 350px) {
    div.carousel.carousel-slide {
        overflow: hidden;
    }
}

@media only screen and (max-width: 275px) {

    nav.header__navigation, div.navigation__container {
        display: inline;
        float: left;
        margin: 5px 5px 0px 5px;
    }
}

/* MIN < asc */
@media only screen and (min-width: 620px) {

    .bus-table__ads {
        display: table-cell;
        width: initial;
    }

    /*.free-app__wrapper{ display: block!important; }*/
    /* this was for the homepage */
    .article,
    .article:nth-child(2n) {
        width: 48.54166666666667%;
    }

    .article {
        margin-right: 2.916666666666667%;
    }

    /*.transfer__small-container{ float: left;  }
    .transfer__small-container:nth-child(2n){
        float: left;
        margin-right: 7.6923076923%;
    }*/
    #content table.bus-table td .bus-table__price-return:before {
        width: 0px;
    }

}

@media only screen and (min-width: 720px) {

    header .google-publisher div.adsense {
        display: block;
    }

    ul.header__navigation__list {
        display: inline-block;
    }

    html.hr footer.footer ul.footer__list li.footer__item {
        width: 28%;
    }

    /*form.search-form{ bottom: 20px; }*/
    .search-form .search-form__inner-wrapper {
        width: 28.5% !important;
    }

    .search-form .search-form__inner-wrapper.search-form__inner-wrapper--date,
    .search-form .search-form__inner-wrapper.button {
        width: 17% !important;
    }

    .search-form .search-form__button {
        width: 100%;
    }

    #main-search-form-wrap {
        height: 160px;
    }

    .search-form { /*height: auto;*/
    }

    .search-form .search-form__inner-wrapper {
        height: 0px;
        vertical-align: middle;
    }

    .slider {
        padding-bottom: 37.32%; /*42.32% orig*/
    }
}

@media only screen and (min-width: 800px) {
    .google-publisher {
        height: 90px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 900px) {
    .static-page .slider {
        padding-bottom: 42%;
    }

    .static-page div.page-wrap.excursions-results .slider,
    .static-page div.page-wrap.excursions-search .slider,
    .static-page div.page-wrap.transfers .slider {
        padding-bottom: 25%;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1000px) {
    .static-page .slider {
        padding-bottom: 35%;
    }

    .static-page div.page-wrap.excursions-results .slider,
    .static-page div.page-wrap.excursions-search .slider,
    .static-page div.page-wrap.transfers .slider {
        padding-bottom: 25%;
    }
}

@media only screen and (min-width: 955px) {
    a.header__logo-link {
        max-width: 384px;
    }
}

@media only screen and (min-width: 960px) {

    .slider {
        padding-bottom: 37.32%; /*33.85% orig*/
    }

    .places__outer-item {
        width: 20%;
        padding-right: 7px;
    }

    /*td#content table.bus-table .bus-table__buy-button button{ width: 90px!important; }*/
    /*.header__navigation__link{ font-size: 15px; }*/
}

@media (min-width: 990px) {
    /*body{ overflow-y: auto!important; }*/
    body {
        overflow-y: initial !important;
    }

    /* qtip2 issue FIX when scrooling
                    http://stackoverflow.com/questions/23672674/qtip2-tip-changes-position-when-page-was-scrolled-down-in-chrome
                */

}

@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .static-page .slider {
        padding-bottom: 30%;
    }

    .static-page div.page-wrap.excursions-results .slider,
    .static-page div.page-wrap.excursions-search .slider,
    .static-page div.page-wrap.transfers .slider {
        padding-bottom: 20%;
    }
}

@media only screen and (min-width: 1020px) {
    .excursion-search__inner--small {
        margin-top: 46px;
    }
}

@media only screen and (min-width: 1067px) {

    /*td#content table.bus-table .bus-table__buy-button button{ width: 100px!important; }*/
}

@media only screen and (min-width: 1090px) {

    /*td#content table.bus-table .bus-table__buy-button button{ width: 110px!important; }*/
    ul.header__navigation__list {
        max-height: 30px;
    }
}

@media only screen and (min-width: 1200px) {
    .transfer__form__inner--tra_departure {
        width: 22.2222% !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .static-page .slider {
        padding-bottom: 25%;
    }
}

@media only screen and (min-width: 1280px) {

    .slider {
        padding-bottom: 24.00%;
    }

    div.page-wrap.homepage .slider {
        padding-bottom: 30%; /*padding-bottom: 37.32%;*/
    }
}

@media only screen and (min-width: 1366px) {

    .slider {
        padding-bottom: 22.00%;
    }
}

@media only screen and (min-width: 1500px) {
    .static-page .slider {
        padding-bottom: 20%;
    }
}

/* navigation number of menu items elements handling */

/* ###EN */
@media only screen and (max-width: 996px) {

    html.en ul.header__navigation__list {
        max-height: 55px;
    }
}

@media only screen and (max-width: 959px) and (min-width: 912px) {
    html.en ul.header__navigation__list {
        max-height: 30px;
    }
}

@media only screen and (max-width: 834px) {
    html.en .header__navigation__list:after {
        display: initial;
    }
}

@media (max-width: 767px) and (min-width: 721px) {
    .main-search-form .container {
        top: 0 !important;
    }
}

.sprite-stations_icon, .sprite-calendar_icon, .sprite-map_icon {
    background-repeat: round;
}