@charset "UTF-8";
/***!  /templates/garniraetia/css/raetia.css  !***/

@media all {/*
Light: 300
Normal: 400
Bold: 700
Ultra-Bold: 900
*/

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

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

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

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

@font-face {src: url(https://www.garniraetia.it/templates/garniraetia/media/weather-icons/weathericons-regular-webfont.eot); src: url(https://www.garniraetia.it/templates/garniraetia/media/weather-icons/weathericons-regular-webfont.eot#iefix) format('embedded-opentype'),
    url(https://www.garniraetia.it/templates/garniraetia/media/weather-icons/weathericons-regular-webfont.woff) format('woff'),
    url(https://www.garniraetia.it/templates/garniraetia/media/weather-icons/weathericons-regular-webfont.ttf) format('truetype'),
    url(https://www.garniraetia.it/templates/garniraetia/media/weather-icons/weathericons-regular-webfont.svg#weathericons-regular-webfontRg) format('svg'); font-family: weathericons; font-weight: 400; font-style: normal; font-display: swap}

.wi {
    display: inline-block;
    font-family: weathericons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wi-day-cloudy-gusts:before {
    content: "\f000"
}

.wi-day-cloudy-windy:before {
    content: "\f001"
}

.wi-day-cloudy:before {
    content: "\f002"
}

.wi-day-fog:before {
    content: "\f003"
}

.wi-day-hail:before {
    content: "\f004"
}

.wi-day-lightning:before {
    content: "\f005"
}

.wi-day-rain-mix:before {
    content: "\f006"
}

.wi-day-rain-wind:before {
    content: "\f007"
}

.wi-day-rain:before {
    content: "\f008"
}

.wi-day-showers:before {
    content: "\f009"
}

.wi-day-snow:before {
    content: "\f00a"
}

.wi-day-sprinkle:before {
    content: "\f00b"
}

.wi-day-sunny-overcast:before {
    content: "\f00c"
}

.wi-day-sunny:before {
    content: "\f00d"
}

.wi-day-storm-showers:before {
    content: "\f00e"
}

.wi-day-thunderstorm:before {
    content: "\f010"
}

.wi-cloudy-gusts:before {
    content: "\f011"
}

.wi-cloudy-windy:before {
    content: "\f012"
}

.wi-cloudy:before {
    content: "\f013"
}

.wi-fog:before {
    content: "\f014"
}

.wi-hail:before {
    content: "\f015"
}

.wi-lightning:before {
    content: "\f016"
}

.wi-rain-mix:before {
    content: "\f017"
}

.wi-rain-wind:before {
    content: "\f018"
}

.wi-rain:before {
    content: "\f019"
}

.wi-showers:before {
    content: "\f01a"
}

.wi-snow:before {
    content: "\f01b"
}

.wi-sprinkle:before {
    content: "\f01c"
}

.wi-storm-showers:before {
    content: "\f01d"
}

.wi-thunderstorm:before {
    content: "\f01e"
}

.wi-windy:before {
    content: "\f021"
}

.wi-night-alt-cloudy-gusts:before {
    content: "\f022"
}

.wi-night-alt-cloudy-windy:before {
    content: "\f023"
}

.wi-night-alt-hail:before {
    content: "\f024"
}

.wi-night-alt-lightning:before {
    content: "\f025"
}

.wi-night-alt-rain-mix:before {
    content: "\f026"
}

.wi-night-alt-rain-wind:before {
    content: "\f027"
}

.wi-night-alt-rain:before {
    content: "\f028"
}

.wi-night-alt-showers:before {
    content: "\f029"
}

.wi-night-alt-snow:before {
    content: "\f02a"
}

.wi-night-alt-sprinkle:before {
    content: "\f02b"
}

.wi-night-alt-storm-showers:before {
    content: "\f02c"
}

.wi-night-alt-thunderstorm:before {
    content: "\f02d"
}

.wi-night-clear:before {
    content: "\f02e"
}

.wi-night-cloudy-gusts:before {
    content: "\f02f"
}

.wi-night-cloudy-windy:before {
    content: "\f030"
}

.wi-night-cloudy:before {
    content: "\f031"
}

.wi-night-hail:before {
    content: "\f032"
}

.wi-night-lightning:before {
    content: "\f033"
}

.wi-night-rain-mix:before {
    content: "\f034"
}

.wi-night-rain-wind:before {
    content: "\f035"
}

.wi-night-rain:before {
    content: "\f036"
}

.wi-night-showers:before {
    content: "\f037"
}

.wi-night-snow:before {
    content: "\f038"
}

.wi-night-sprinkle:before {
    content: "\f039"
}

.wi-night-storm-showers:before {
    content: "\f03a"
}

.wi-night-thunderstorm:before {
    content: "\f03b"
}

.wi-celsius:before {
    content: "\f03c"
}

.wi-cloud-down:before {
    content: "\f03d"
}

.wi-cloud-refresh:before {
    content: "\f03e"
}

.wi-cloud-up:before {
    content: "\f040"
}

.wi-cloud:before {
    content: "\f041"
}

.wi-degrees:before {
    content: "\f042"
}

.wi-down-left:before {
    content: "\f043"
}

.wi-down:before {
    content: "\f044"
}

.wi-fahrenheit:before {
    content: "\f045"
}

.wi-horizon-alt:before {
    content: "\f046"
}

.wi-horizon:before {
    content: "\f047"
}

.wi-left:before {
    content: "\f048"
}

.wi-lightning:before {
    content: "\f016"
}

.wi-night-fog:before {
    content: "\f04a"
}

.wi-refresh-alt:before {
    content: "\f04b"
}

.wi-refresh:before {
    content: "\f04c"
}

.wi-right:before {
    content: "\f04d"
}

.wi-sprinkles:before {
    content: "\f04e"
}

.wi-strong-wind:before {
    content: "\f050"
}

.wi-sunrise:before {
    content: "\f051"
}

.wi-sunset:before {
    content: "\f052"
}

.wi-thermometer-exterior:before {
    content: "\f053"
}

.wi-thermometer-internal:before {
    content: "\f054"
}

.wi-thermometer:before {
    content: "\f055"
}

.wi-tornado:before {
    content: "\f056"
}

.wi-up-right:before {
    content: "\f057"
}

.wi-up:before {
    content: "\f058"
}

.wi-wind-west:before {
    content: "\f059"
}

.wi-wind-south-west:before {
    content: "\f05a"
}

.wi-wind-south-east:before {
    content: "\f05b"
}

.wi-wind-south:before {
    content: "\f05c"
}

.wi-wind-north-west:before {
    content: "\f05d"
}

.wi-wind-north-east:before {
    content: "\f05e"
}

.wi-wind-north:before {
    content: "\f060"
}

.wi-wind-east:before {
    content: "\f061"
}

.wi-smoke:before {
    content: "\f062"
}

.wi-dust:before {
    content: "\f063"
}

.wi-snow-wind:before {
    content: "\f064"
}

.wi-day-snow-wind:before {
    content: "\f065"
}

.wi-night-snow-wind:before {
    content: "\f066"
}

.wi-night-alt-snow-wind:before {
    content: "\f067"
}

.wi-day-sleet-storm:before {
    content: "\f068"
}

.wi-night-sleet-storm:before {
    content: "\f069"
}

.wi-night-alt-sleet-storm:before {
    content: "\f06a"
}

.wi-day-snow-thunderstorm:before {
    content: "\f06b"
}

.wi-night-snow-thunderstorm:before {
    content: "\f06c"
}

.wi-night-alt-snow-thunderstorm:before {
    content: "\f06d"
}

.wi-solar-eclipse:before {
    content: "\f06e"
}

.wi-lunar-eclipse:before {
    content: "\f070"
}

.wi-meteor:before {
    content: "\f071"
}

.wi-hot:before {
    content: "\f072"
}

.wi-hurricane:before {
    content: "\f073"
}

.wi-smog:before {
    content: "\f074"
}

.wi-alien:before {
    content: "\f075"
}

.wi-snowflake-cold:before {
    content: "\f076"
}

.wi-stars:before {
    content: "\f077"
}

.wi-night-partly-cloudy:before {
    content: "\f083"
}

.wi-umbrella:before {
    content: "\f084"
}

.wi-day-windy:before {
    content: "\f085"
}

.wi-night-alt-cloudy:before {
    content: "\f086"
}

.wi-up-left:before {
    content: "\f087"
}

.wi-down-right:before {
    content: "\f088"
}

.wi-time-12:before {
    content: "\f089"
}

.wi-time-1:before {
    content: "\f08a"
}

.wi-time-2:before {
    content: "\f08b"
}

.wi-time-3:before {
    content: "\f08c"
}

.wi-time-4:before {
    content: "\f08d"
}

.wi-time-5:before {
    content: "\f08e"
}

.wi-time-6:before {
    content: "\f08f"
}

.wi-time-7:before {
    content: "\f090"
}

.wi-time-8:before {
    content: "\f091"
}

.wi-time-9:before {
    content: "\f092"
}

.wi-time-10:before {
    content: "\f093"
}

.wi-time-11:before {
    content: "\f094"
}

.wi-day-sleet:before {
    content: "\f0b2"
}

.wi-night-sleet:before {
    content: "\f0b3"
}

.wi-night-alt-sleet:before {
    content: "\f0b4"
}

.wi-sleet:before {
    content: "\f0b5"
}

.wi-day-haze:before {
    content: "\f0b6"
}

.wi-beafort-0:before {
    content: "\f0b7"
}

.wi-beafort-1:before {
    content: "\f0b8"
}

.wi-beafort-2:before {
    content: "\f0b9"
}

.wi-beafort-3:before {
    content: "\f0ba"
}

.wi-beafort-4:before {
    content: "\f0bb"
}

.wi-beafort-5:before {
    content: "\f0bc"
}

.wi-beafort-6:before {
    content: "\f0bd"
}

.wi-beafort-7:before {
    content: "\f0be"
}

.wi-beafort-8:before {
    content: "\f0bf"
}

.wi-beafort-9:before {
    content: "\f0c0"
}

.wi-beafort-10:before {
    content: "\f0c1"
}

.wi-beafort-11:before {
    content: "\f0c2"
}

.wi-beafort-12:before {
    content: "\f0c3"
}

.wi-wind-default:before {
    content: "\f0b1"
}

.wi-wind-default._0-deg {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.wi-wind-default._15-deg {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg)
}

.wi-wind-default._30-deg {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg)
}

.wi-wind-default._45-deg {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wi-wind-default._60-deg {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg)
}

.wi-wind-default._75-deg {
    -webkit-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -o-transform: rotate(75deg);
    transform: rotate(75deg)
}

.wi-wind-default._90-deg {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.wi-wind-default._105-deg {
    -webkit-transform: rotate(105deg);
    -moz-transform: rotate(105deg);
    -ms-transform: rotate(105deg);
    -o-transform: rotate(105deg);
    transform: rotate(105deg)
}

.wi-wind-default._120-deg {
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg)
}

.wi-wind-default._135-deg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.wi-wind-default._150-deg {
    -webkit-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    transform: rotate(150deg)
}

.wi-wind-default._165-deg {
    -webkit-transform: rotate(165deg);
    -moz-transform: rotate(165deg);
    -ms-transform: rotate(165deg);
    -o-transform: rotate(165deg);
    transform: rotate(165deg)
}

.wi-wind-default._180-deg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wi-wind-default._195-deg {
    -webkit-transform: rotate(195deg);
    -moz-transform: rotate(195deg);
    -ms-transform: rotate(195deg);
    -o-transform: rotate(195deg);
    transform: rotate(195deg)
}

.wi-wind-default._210-deg {
    -webkit-transform: rotate(210deg);
    -moz-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    -o-transform: rotate(210deg);
    transform: rotate(210deg)
}

.wi-wind-default._225-deg {
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg)
}

.wi-wind-default._240-deg {
    -webkit-transform: rotate(240deg);
    -moz-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    -o-transform: rotate(240deg);
    transform: rotate(240deg)
}

.wi-wind-default._255-deg {
    -webkit-transform: rotate(255deg);
    -moz-transform: rotate(255deg);
    -ms-transform: rotate(255deg);
    -o-transform: rotate(255deg);
    transform: rotate(255deg)
}

.wi-wind-default._270-deg {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.wi-wind-default._285-deg {
    -webkit-transform: rotate(295deg);
    -moz-transform: rotate(295deg);
    -ms-transform: rotate(295deg);
    -o-transform: rotate(295deg);
    transform: rotate(295deg)
}

.wi-wind-default._300-deg {
    -webkit-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    transform: rotate(300deg)
}

.wi-wind-default._315-deg {
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg)
}

.wi-wind-default._330-deg {
    -webkit-transform: rotate(330deg);
    -moz-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    -o-transform: rotate(330deg);
    transform: rotate(330deg)
}

.wi-wind-default._345-deg {
    -webkit-transform: rotate(345deg);
    -moz-transform: rotate(345deg);
    -ms-transform: rotate(345deg);
    -o-transform: rotate(345deg);
    transform: rotate(345deg)
}

.wi-moon-new:before {
    content: "\f095"
}

.wi-moon-waxing-cresent-1:before {
    content: "\f096"
}

.wi-moon-waxing-cresent-2:before {
    content: "\f097"
}

.wi-moon-waxing-cresent-3:before {
    content: "\f098"
}

.wi-moon-waxing-cresent-4:before {
    content: "\f099"
}

.wi-moon-waxing-cresent-5:before {
    content: "\f09a"
}

.wi-moon-waxing-cresent-6:before {
    content: "\f09b"
}

.wi-moon-first-quarter:before {
    content: "\f09c"
}

.wi-moon-waxing-gibbous-1:before {
    content: "\f09d"
}

.wi-moon-waxing-gibbous-2:before {
    content: "\f09e"
}

.wi-moon-waxing-gibbous-3:before {
    content: "\f09f"
}

.wi-moon-waxing-gibbous-4:before {
    content: "\f0a0"
}

.wi-moon-waxing-gibbous-5:before {
    content: "\f0a1"
}

.wi-moon-waxing-gibbous-6:before {
    content: "\f0a2"
}

.wi-moon-full:before {
    content: "\f0a3"
}

.wi-moon-waning-gibbous-1:before {
    content: "\f0a4"
}

.wi-moon-waning-gibbous-2:before {
    content: "\f0a5"
}

.wi-moon-waning-gibbous-3:before {
    content: "\f0a6"
}

.wi-moon-waning-gibbous-4:before {
    content: "\f0a7"
}

.wi-moon-waning-gibbous-5:before {
    content: "\f0a8"
}

.wi-moon-waning-gibbous-6:before {
    content: "\f0a9"
}

.wi-moon-3rd-quarter:before {
    content: "\f0aa"
}

.wi-moon-waning-crescent-1:before {
    content: "\f0ab"
}

.wi-moon-waning-crescent-2:before {
    content: "\f0ac"
}

.wi-moon-waning-crescent-3:before {
    content: "\f0ad"
}

.wi-moon-waning-crescent-4:before {
    content: "\f0ae"
}

.wi-moon-waning-crescent-5:before {
    content: "\f0af"
}

.wi-moon-waning-crescent-6:before {
    content: "\f0b0"
}

.icon .wi:before {
    content: "\f055";
}

.icon .wi.prov_a:before {
    content: "\f00d"
}

/* sonnig */
.icon .wi.prov_b:before {
    content: "\f00c"
}

/* leicht bewölkt */
.icon .wi.prov_c:before {
    content: "\f002"
}

/* wolkig */
.icon .wi.prov_d:before {
    content: "\f00b"
}

/* */
.icon .wi.prov_e:before {
    content: "\f013"
}

/* bedeckt */
.icon .wi.prov_f:before {
    content: "\f01a"
}

/* */
.icon .wi.prov_g:before {
    content: "\f008"
}

/* */
.icon .wi.prov_h:before {
    content: "\f01c"
}

/* */
.icon .wi.prov_i:before {
    content: "\f019"
}

/* Regen */
.icon .wi.prov_j:before {
    content: "\f01c"
}

/* */
.icon .wi.prov_k:before {
    content: "\f002"
}

/* */
.icon .wi.prov_l:before {
    content: "\f00b"
}

/* */
.icon .wi.prov_m:before {
    content: "\f01a"
}

/* */
.icon .wi.prov_n:before {
    content: "\f01b"
}

/* Schnee */
.icon .wi.prov_o:before {
    content: "\f01b"
}

/* Schnee */
.icon .wi.prov_p:before {
    content: "\f01b"
}

/* Schnee */
.icon .wi.prov_q:before {
    content: "\f006"
}

/* */
.icon .wi.prov_r:before {
    content: "\f01a"
}

/* */
.icon .wi.prov_s:before {
    content: "\f003"
}

/* Nebel */
.icon .wi.prov_t:before {
    content: "\f003"
}

/* Nebel */
.icon .wi.prov_u:before {
    content: "\f00e"
}

/* */
.icon .wi.prov_v:before {
    content: "\f01d"
}

/* */
.icon .wi.prov_w:before {
    content: "\f06b"
}

/* */
.icon .wi.prov_x:before {
    content: "\f06c"
}

/* */
.icon .wi.prov_y:before {
    content: "\f06b"
}

/* */
.icon .wi.prov_z:before {
    content: "\f06c"
}

/* */

::-webkit-input-placeholder {
    font-size: 12px;
    color: #4b3835;
    text-transform: uppercase;
    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
}

::-moz-placeholder {
    font-size: 12px;
    color: #4b3835;
    text-transform: uppercase;
}

:-ms-input-placeholder {
    font-size: 12px;
    color: #4b3835;
    text-transform: uppercase;
}

:-moz-placeholder {
    font-size: 12px;
    color: #4b3835;
    text-transform: uppercase;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #fff;
    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
    font-weight: 300;
    padding: 0 0 20px 0;
}

h1 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    color: #7e5124;
    line-height: 150%;
    text-align: center;
}

h1:after {
    content: "";
    width: 170px;
    height: 3px;
    background: #9eba4a;
    display: block;
    margin: 34px auto 19px auto;
}

h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 18px;
    color: #7e5124;
    line-height: 150%;
    text-align: center;
    padding: 0 0 15px 0;
}

h3, h4 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    text-align: center;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 180%;
}

h4 {
    font-size: 15px;
}

#header, #slider, #quick-request, #main, #content,
#article, #content, #services, #news-offer, #footer, #gmap {
    display: block;
    width: 100%;
    position: relative;
    background: #fff;
}

#header {
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800;
}

#top-nav {
    width: 210px;
    position: fixed;
    top: 40px;
    right: 0;
}

.mobile-menu-button {
    position: absolute;
    right: 105px;
    background-color: #fff;
    width: 105px;
    height: 75px;
    padding: 18px 20px 18px 15px;
    transition: all 0.2s;
    box-sizing: border-box;
    text-align: center;
}

body.open .mobile-menu-button {
    z-index: 610;
}

.mobile-menu-button:after {
    display: block;
    position: absolute;
    top: 0;
    right: -23px;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 75px solid #fff;
    border-right: 23px solid transparent;
    z-index: 999999;
}

.mobile-menu-button.scrolling-fade-out {
    opacity: 0.1;
}

.mobile-menu-button:hover {
    opacity: 1 !Important;
}

.banner-restart {
    position: absolute;
    top: 43px;
    right: 310px;
}

.navigation-checkbox {
    display: none;
}

.nav-content-inner {
    padding: 0 25px 0 0;
}

.navigation-toggle {
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    cursor: pointer;
    margin: 0 auto;
}

.navigation-toggle-icon {
    border-bottom: 4px solid #50300f;
    padding-top: 17px;
    display: block;
    width: 31px;
    margin: 0 auto;
}

.navigation-toggle-icon:before, .navigation-toggle-icon:after {
    border-top: 4px solid #50300f;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 31px;
    margin: 0 auto;
}

.navigation-toggle-icon:before {
    top: 9px;
}

.navigation-toggle-icon:after {
    bottom: 11px;
}

body.open .navigation-toggle-icon:after {
    bottom: 2px;
}

body.open .mobile-menu-button, body.open #language {
    background: none;
}

body.open .mobile-menu-button {
    right: 385px;
}

body.open .mobile-menu-button:after {
    display: none;
}

.navigation-toggle-icon, .navigation-toggle-icon:before, .navigation-toggle-icon:after {
    -webkit-transition-property: -webkit-transform, border-color;
    -moz-transition-property: -moz-transform, border-color;
    transition-property: transform, border-color;
    -webkit-transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
    -moz-transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
    transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 1.5);
}

.navigation-toggle-icon {
    -webkit-transition-delay: 0.125s;
    -moz-transition-delay: 0.125s;
    transition-delay: 0.125s;
}

.navigation-toggle-icon:before, .navigation-toggle-icon:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon:before,
.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon:after {
    -webkit-transition-delay: 0.125s;
    -moz-transition-delay: 0.125s;
    transition-delay: 0.125s;
}

.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon:before {
    -webkit-transform: translateY(13px) rotate(135deg);
    -moz-transform: translateY(13px) rotate(135deg);
    -ms-transform: translateY(13px) rotate(135deg);
    -o-transform: translateY(13px) rotate(135deg);
    transform: translateY(13px) rotate(135deg);
}

.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon {
    border-color: transparent;
}

.navigation-checkbox:checked + .navigation-toggle .navigation-toggle-icon:after {
    -webkit-transform: translateY(-13px) rotate(-135deg);
    -moz-transform: translateY(-13px) rotate(-135deg);
    -ms-transform: translateY(-13px) rotate(-135deg);
    -o-transform: translateY(-13px) rotate(-135deg);
    transform: translateY(-13px) rotate(-135deg);
}

.nav {
    position: fixed;
    z-index: 500;
}

.nav-content {
    position: relative;
    overflow: hidden; /* overflow-x: hidden; overflow-y: auto; */
}

.nav-background {
    background: #bacf33;
    background: rgba(158, 186, 74, 0.90);
    position: absolute;
}

.inner-nav {
    width: 200%;
    height: 200%;
    margin-left: 20px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    transform: skewX(0.3deg);
}

.inner-nav:before {
    width: 0;
    height: 0; /*position:absolute; left:0; top:0;*/
    content: "";
    border-top: 10px solid yellow;
}

.rotate-menu {
    -webkit-transform: rotate(-14.5deg);
    -moz-transform: rotate(-14.5deg);
    -ms-transform: rotate(-14.5deg);
    -o-transform: rotate(-14.5deg);
    transform: rotate(-14.5deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}

.mobile-menu-layer {
    display: none;
    position: fixed;
    top: 0;
    right: 240px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1000;
}

.nav-content-inner .menu {
    font-size: 24px;
    text-align: right;
    margin: 0;
    padding: 0;
    line-height: 14px;
    text-transform: uppercase;
}

.nav-content-inner .menu li {
    margin: 0;
    padding: 0;
    display: block;
}

.nav-content-inner .menu li:last-child {
    border-bottom: none;
}

.nav-content-inner .menu a {
    color: #6c3b0a;
    text-decoration: none;
    text-transform: uppercase;
    padding: 12px 0;
    margin: 12px 0;
    display: block;
    font-family: 'Merriweather', serif;
    font-weight: 400;
}

.nav-content-inner .menu a:hover {
    text-decoration: none;
    color: #adc541;
    transition: all 0.1s ease-in-out;
}

.nav-content-inner .menu ul { /*display:none;*/
    margin: 0;
    padding: 0;
}

.nav-content-inner .menu li.parent.active > a,
.nav-content-inner .menu li.showHover > a,
.nav-content-inner .menu li li.current a,
.nav-content-inner .menu li.current.active > a {
    color: #adc541;
}

.nav-content-inner .menu li.parent.active > ul {
    display: block;
}

.nav-content-inner .menu li.parent.active.hideActive > ul {
    display: none;
}

.nav-content-inner .menu li.showHover > ul {
    display: block;
}

.nav-content-inner .menu li ul {
    margin: 0 0 20px 0;
    display: none;
}

.nav-content-inner .menu li.opensubnav ul {
    display: block !important;
}

.nav-content-inner .menu li li {
    border: none;
}

.nav-content-inner .menu li li a {
    font-size: 14px;
    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
    padding: 2px 0;
    margin: 10px 0;
}

/* menu position */
.nav {
    top: 0;
    right: -600px;
    height: 100%;
    width: 380px;
    transition: all 0.6s ease;
}

.nav.open {
    right: 0;
    transition: all 0.6s ease;
}

.nav-content {
    padding: 110px 0 0 31px;
    width: 310px; /*overflow-x: hidden; overflow-y:auto;*/
}

.nav-background {
    width: 200%;
    height: 200%;
    margin-left: -200px;
}

.sub-nav {
    padding: 50px 15px 0 0;
}

.sub-nav a.contact {
    display: block;
    width: 150px;
    margin: 0 0 0 auto;
    text-align: center;
    border: 3px solid #6c3f0b;
    font-weight: 700;
    font-size: 13px;
    color: #6c3b0a;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 0;
    position: relative;
    transition: all 0.4s ease-in-out;
}

.sub-nav a.contact:hover {
    background: #fff;
}

.sub-nav a.contact:before {
    width: 145px;
    height: 8px;
    position: absolute;
    bottom: -11px;
    right: -8px;
    content: "";
    background: #b2ca04;
}

.sub-nav a.contact:after {
    width: 8px;
    height: 39px;
    position: absolute;
    top: 5px;
    right: -11px;
    content: "";
    background: #b2ca04;
}

.sub-nav .whatsappnr {
    text-align: right;
    margin: 0;
    padding: 0;
}

.sub-nav .whatsappnr img {
    width: 40px;
    height: auto;
}

p.telnr {
    font-weight: 400;
    color: #6c3b0a;
    font-size: 14px;
    margin: 35px 0 30px 0;
    text-align: right;
}

p.telnr strong {
    font-weight: 700;
}

.social-media {
    font-size: 0;
    text-align: right;
}

.social-media li {
    display: inline-block;
    text-align: center;
}

.social-media li a {
    color: #fff;
    text-decoration: none;
    background: #734c21;
    padding: 10px;
    display: block;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
}

.social-media li a:hover {
    background: #fff;
    color: #734c21;
}

.social-media li.fb {
    margin: 0 15px 0 0;
}

.social-media li a:before {
    font-family: "FontAwesome";
    font-size: 15px;
}

.social-media li.fb a:before {
    content: "\f09a";
}

.social-media li.inst a:before {
    content: "\f16d";
}

#language {
    width: 105px;
    height: 75px;
    background: #9eba4a;
    position: absolute;
    right: 0;
    overflow: hidden;
    padding: 0 10px 0 0;
    box-sizing: border-box;
    z-index: 9999;
}

#language ul {
    font-size: 0;
    text-align: right;
    padding: 31px 0;
}

#language li {
    display: inline-block;
    margin: 0 4px;
}

#language a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    font-weight: 700;
}

#language .lang-active a {
    color: #50300f !important;
}

body.open #language {
    right: 60px;
    padding: 0;
}

body.open #language a {
    color: #adc541;
}

#slider {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#slider figure img {
    display: none;
}

#slide {
    width: 100%;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.images {
    position: absolute !important;
}

.requestPage #slider {
    height: 450px !important;
}

.requestPage #slider figure img {
    top: -180px !important;
}

#slogan {
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 999;
    color: #fff;
    font-family: 'Merriweather', serif;
    font-size: 21px;
    text-transform: uppercase;
    z-index: 100;
}

.slogan span {
    display: block;
    font-size: 24px;
    font-weight: 400;
}

.main-slogan {
    font-size: 50px;
    font-weight: 700;
    line-height: 110%;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
}

.main-slogan:after {
    display: block;
    width: 170px;
    height: 4px;
    margin: 20px auto;
    content: "";
    background: #9eba4a;
}

.sub-slogan {
    font-weight: 400;
    display: inline-block;
    background: rgba(126, 81, 36, 0.8);
    padding: 5px 20px;
}

#quick-request {
    padding: 0 0 37px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 700;
}

.color-line {
    display: block;
    width: 100%;
    font-size: 0;
    margin: 0 0 37px 0;
}

.color-line span {
    width: 50%;
    height: 10px;
    box-sizing: border-box;
    display: inline-block;
}

.green {
    background: #9eba4a;
}

.brown {
    background: #7e5124;
}

.brown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid #7e5124;
    border-left: 10px solid #9eba4a;
}

#quick-request .center {
    max-width: 746px;
    margin: 0 auto;
}

#quick-request form {
    font-size: 0;
}

.inl-block {
    width: 140px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0 0 0 4px;
    position: relative;
    vertical-align: middle;
}

.inl-block.ico {
    width: 153px;
}

.inl-block:first-child {
    margin: 0;
}

.inl-block.ico:after {
    position: absolute;
    top: 7px;
    right: 10px;
    font-family: "FontAwesome";
    content: "\f073";
    font-size: 14px;
    color: #4b3835;
}

#quick-request input {
    -webkit-appearance: none;
    border-radius: 0;
}

#quick-request input[type="text"], #quick-request input[type="submit"] {
    border: 0;
    font-family: 'Merriweather Sans', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
}

#quick-request input[type="text"] {
    background: #eae3dc;
    color: #7e5124;
    padding: 7px 6px 7px 9px;
}

#quick-request input[type="submit"] {
    background: #9eba4a;
    color: #fff;
    padding: 7px 0;
    cursor: pointer;
    display: block;
    width: 100%;
}

.inner {
    padding: 0 15px;
}

#content {
    background: #eae3dc;
    padding: 55px 0;
    line-height: 160%;
}

#content > .center {
    max-width: 800px;
    margin: 0 auto;
    display: block;
}

#content > .center img {
    max-width: 100%;
    height: auto;
}

#content p {
    font-size: 14px;
    color: #7e5124;
    font-weight: 400;
    padding: 15px 0 0 0;
}

#content p.inner-imgs img {
    max-width: 100%;
    height: auto;
}

#content p.showReadMore {
    display: none;
}

#content p.showReadMore a {
    display: block;
    background: #9eba4a;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 8px 0;
    position: relative;
}

#content p.showReadMore a:after {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    right: 20px;
    top: 8px;
}

#content a {
    color: #9eba4a;
    text-decoration: none;
}

#content a.button {
    display: block;
    width: 220px;
    text-align: center;
    border: 3px solid #6c3f0b;
    font-weight: 700;
    font-size: 13px;
    color: #6c3b0a;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 0;
    position: relative;
    transition: all 0.4s ease-in-out;
    margin: 0 auto;
}

#content a.button:hover {
    background: #fff;
}

#content strong {
    font-weight: 700;
}

#content ul li a:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    margin: 0 8px 0 0;
}

#content ul ul {
    padding: 10px 0;
}

#content ul ul li {
    margin: 5px 0 5px 15px;
}

#content ul ul li a:before {
    content: "\f101";
}

#content ul.video {
    font-size: 0;
    text-align: center;
}

#content ul.video li {
    display: inline-block;
    width: 258px;
    height: 125px;
    border: 2px solid #fff;
    margin: 5px 2px;
}

#content ul.video a {
    display: block;
    width: 100%;
    height: 100%;
}

#content ul.inner {
    padding: 15px 0 0 20px;
}

#content ul.inner li {
    font-size: 14px;
    color: #7e5124;
    font-weight: 400;
    padding: 3px 0;
}

#content ul.inner li:before {
    font-family: FontAwesome;
    content: "\f046";
    display: inline-block;
    margin: 0 8px 0 0;
    color: #9eba4a;
}

.webcam {
    width: 100%;
    border-collapse: collapse;
    margin: 40px 0 0 0;
}

.webcam td {
    width: 50%;
    padding: 10px 0;
    text-align: center;
}

.webcam td img {
    border: 2px solid #7e5124;
}

.item-cols {
    position: relative;
    overflow: hidden;
}

.item-col-2 {
    position: relative;
    float: left;
    width: 48%;
    text-align: left;
    margin: 0 1% 30px;
}

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

fieldset p {
    margin-top: 0;
}

fieldset#alteaChildren {
    display: none;
    margin: 10px 0;
}

.item-col-last {
    text-align: center;
}

.item-col-last .special {
    font-size: 13px;
    line-height: 180%;
    border: 1px solid #EEE;
    margin-bottom: 10px;
    padding: 10px;
    text-align: left;
}

.item-col-last .special a {
    color: #b4cb3c;
    text-decoration: none;
}

fieldset legend, .item-col-last legend {
    background-color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 13px;
    color: #7e5124;
    font-weight: bold;
}

fieldset label, .item-col-last label {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: left;
    color: #7e5124;
    position: relative;
}

.hide-date {
    position: absolute;
    top: 0;
    left: 145px;
    height: 24px;
    width: 177px;
    background: #eae3dc;
    opacity: 0.7;
}

fieldset label.inliner {
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 0 !important;
}

fieldset select {
    width: 55px;
}

fieldset label input[type="text"] {
    margin: 0;
    padding: 0;
    border: 1px solid #7e5124;
    background: #FFF;
    padding: 3px 10px;
    font-size: 12px;
    width: 55%;
    display: inline-block;
}

fieldset label input.nr {
    width: 20px;
}

fieldset label input[type="text"]:disabled {
    display: none;
}

fieldset label span {
    display: inline-block;
    width: 37%;
}

fieldset label span.req {
    font-weight: bolder;
}

fieldset label span.req:after {
    content: " (*)";
}

fieldset textarea {
    width: 95%;
    box-sizing: border-box;
    height: 100px;
    border: 1px solid #928772;
    background: #FFF;
    resize: none;
}

form button {
    border: none;
    cursor: pointer;
    margin-top: 20px;
    text-transform: uppercase;
    background: #9eba4a;
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    margin: 7px 0 0 0;
}

.item-cols hr {
    border: none;
    background: none;
    border-bottom: 1px solid #ddd7d1;
    margin: 10px 0;
    width: 99%;
}

.item-privacy {
    font-size: 12px;
    line-height: 180%;
    text-align: left;
    height: 80px;
    overflow: auto;
    margin-bottom: 25px;
    background: #fff;
    padding: 10px;
    border: 1px solid #7e5124;
}

.item-privacy strong {
    font-weight: bold;
}

.item-col-2-intern {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
    font-size: 12px;
}

.item-col-2-intern label {
    width: 50%;
    float: left;
}

.item-col-2-intern select {
    margin-right: 5px;
}

.item-col-2-intern label span {
    display: none;
}

.errorMessages {
    display: none;
    font-size: 13px;
    text-align: left;
    border: 1px solid #8c1145;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    line-height: 180%;
}

.errorMessages label {
    display: list-item;
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 2px;
    font-size: 13px;
}

.errorMessages p {
    color: #8c1145 !important;
    font-weight: bold !important;
    margin-top: 0;
    padding: 0px !important;
    margin: 0 0 10px 0 !important;
}

.errorMessages label.error.valid {
    display: none !Important;
}

fieldset label input.error {
    background-color: #FDF4F8;
    border-color: #8c1145;
}

#alteaForm button.ui-datepicker-trigger {
    background: none;
    border: none;
    margin: 0;
    padding: 0 5px;
    color: #463d2c;
}

fieldset label.aDK input {
    width: 30px;
}

fieldset label span.req {
    font-weight: bolder;
}

fieldset label span.req:after {
    content: " (*)";
}

.item-col-last label, #content .item-col-last p {
    font-size: 12px;
    font-weight: 300;
}

#all-offers, .single-offer {
    display: block;
    width: 100%;
}

.single-off {
    font-size: 0;
    padding: 20px 0;
    min-height: 415px;
}

.offer-picture {
    min-height: 415px;
    height: 415px;
}

.offer-wrapp {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}

.offer-wrapp span {
    display: block;
}

.offer-wrapp .offer-description {
    font-size: 14px;
}

.offer-det {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    color: #fff;
}

.full-offer-content {
    display: none;
    padding: 20px;
}

.full-offer-content .offer-link {
    text-align: right;
    text-transform: uppercase;
}

.full-offer-content .offer-link a {
    background: #fff;
    padding: 10px 35px;
    font-weight: 600;
    border-bottom: 2px solid #9eba4a;
}

.full-offer-content ul {
    padding: 15px 0 0 0;
}

.full-offer-content li {
    font-size: 14px;
    color: #7e5124;
    margin: 5px 0;
}

.full-offer-content li:before {
    content: "\f101";
    font-family: "FontAwesome";
    display: inline-block;
    margin: 0 8px 0 0;
}

.prezzi {
    border-collapse: collapse;
    width: 100%;
    border: 0;
}

.prezzi th {
    background: #9eba4a;
    text-align: left;
    font-weight: 700;
    color: #fff;
    padding: 10px;
    border-bottom: 3px solid #eae3dc;
    width: 33.33%;
    text-align: center;
}

.prezzi th:first-child {
    text-align: left;
}

.prezzi td {
    background: #fff;
    padding: 8px 10px;
    border-bottom: 3px solid #eae3dc;
    font-size: 14px;
    color: #7e5124;
}

.prezzi td span {
    display: block;
    font-style: italic;
    font-size: 12px;
}

.prezzi td:first-child {
    font-weight: 400;
}

.prezzi td.td-room {
    text-align: center;
}

.gallery {
    font-size: 0;
}

.jg_row {
    text-align: center;
    margin: 15px 0 0 0;
}

#content .gallery .jg_subcatelem_txt li a {
    background: #fff;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    height: auto;
    font-weight: 500;
    padding: 5px 0;
}

#content .gallery .jg_subcatelem_txt ul li a:before,
#content ul.video li a:before {
    content: "";
    display: none;
}

#content .gallery .jg_subcatelem_txt li:last-child {
    display: none;
}

.jg_element_cat {
    width: auto;
    float: none;
    display: inline-block;
    margin: 5px 2px;
    vertical-align: top;
}

img.jg_photo {
    margin: 0;
}

img.jg_photo:hover {
    opacity: 1.0;
}

.jg_catelem_photo {
    position: relative;
}

.jg_catelem_photo:hover:before {
    content: "+";
    display: block;
    width: 50px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin: -10px 0 0 -25px;
    top: 50%;
    color: #fff;
    font-size: 64px;
    text-align: center;
    z-index: 100;
}

.jg_catelem_photo:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(126, 81, 36, 0.4);
    border: 2px solid #fff;
    box-sizing: border-box;
}

.jg_catelem_txt {
    font-size: 12px;
}

#content .jg_catelem_txt p {
    padding: 3px 0;
    font-style: italic;
}

img.jg_photo, .jg_minis a img, a:hover img.jg_photo, .jg_minis a:hover img {
    border: 0;
    box-sizing: border-box;
}

.jg_subcatelem_cat, .jg_subcatelem_cat_r {
    width: auto;
    float: none;
    display: inline-block;
    margin: 5px 2px;
}

.gallery .pagination {
    font-size: 16px;
    border: 3px solid rgba(158, 186, 74, 0.90);
    padding: 8px 22px;
    margin-top: 33px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}

.gallery .pagination li {
    display: inline-block;
}

.gallery .pagination li a {
    display: block;
    padding: 5px 8px;
}

#content .gallery ul li a:before {
    display: none;
}

.gallery .pagination li span {
    display: block;
    padding: 5px 8px;
}


.floater :after, .floater :before {
    font-family: weathericons !important;
}

.weather {
    background: #88b8c3;
    padding: 20px;
    text-align: center;
    color: #25333f;
}

.weather_desc {
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 0 15px 0;
}

.weather .body {
    font-size: 0;
    padding: 0 0 20px 0;
}

.weather_icon, .weather_temperature, .weather_detail {
    display: inline-block;
}

.weather_icon {
    width: 65px;
}

.weather_temperature {
    color: #fff;
    font-size: 40px;
    width: 100px;
}

.weather_temperature span {
    font-size: 25px;
}

.weather_detail {
    font-size: 14px;
    color: #fff;
    width: 110px;
    text-align: left;
    line-height: 18px;
    font-weight: 600;
}

.weatherlink {
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
}

.weather-info-box {
    text-align: center;
}

.weather-info-box hr {
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

.weather-info-box h2 {
    padding: 25px 0 !important;
    text-align: center;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    color: #7e5124;
    font-size: 17px;
}

.floater {;
    margin: 0 auto 20px;
    overflow: hidden;
    z-index: 10;
}

.floater img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

ul.forecastdays {
    margin: 0;
    text-align: center;
    padding: 0;
    margin: 0 -5px;
    text-align: center;
}

.forecastdays li {
    display: inline-block;
    margin: 0;
    padding: 5px;
    list-style-type: none;
    text-align: center;
    width: 70px;
    margin: 0 2px;
    color: #4e3a37;
    vertical-align: top;
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #fff;
}

.forecastdays li .wi {
    margin: 0;
    width: auto;
    color: #7e5124;
}

.forecastdays .date {
    font-size: 14px;
    text-align: center;
    color: #7e5124;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.forecastdays .icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 30px;
    text-align: center;
    color: #fff;
    margin: 5px auto;
    color: #b1152d;
}

.forecastdays .temp {
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
}

.forecastdays .temp .max {
    color: #b1152d;
    width: 50%;
    float: left;
    font-weight: bold;
}

.forecastdays .temp .min {
    color: #032587;
    width: 50%;
    float: left;
    font-weight: bold;
}

#services {
    font-size: 0;
}

.vhomepage #services {
    margin: 15px 0 0 0;
    display: flex;
    justify-content: space-between;

}

@media (max-width: 748px) {
    .vhomepage #services {

        flex-direction: column;
    }

    .home-insta {
        width: 100% !important;
        margin-top: 15px;
    }
}

.service-left, .service-right {
    width: 50%;
}

.service-left .center {
    height: 100%;
}
.vhomepage .slick-track {
/*    height: 100%;*/
}
.vhomepage #video-slider {
    min-height: 428px;
    height: 100%;
    font-size: 0;
}

#video-slider, #video-slider li {
    position: relative;
}

.ingallery-container {

}

.home-insta {

    width: 49.2%;
/*    background-color: #efefef;*/

    background-color:#9eba4a;

}

.icona-ins {
    width: 35px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-left: 20px;
}

.vhomepage .a4j-slick-list {
    padding: 20px 20px 20px 20px;
    max-height: 350px;
}

.vhomepage #video-slider, .vhomepage #video-slider li {
    min-height: 410px;
}
.vhomepage .nome-social {font-size: 13px; /*color:#9eba4a;*/ color:#fff; text-decoration:none;     position: absolute;
    top: 20px; padding-left:10px;}
.vhomepage .nome-social a{text-decoration:none}
.vhomepage .nome-social a:link{text-decoration:none}
#video-slider a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#video-slider a:after {
    content: "";
    display: block;
    width: 94px;
    height: 94px;
    background: url("https://www.garniraetia.it/templates/garniraetia/images/sprite.png") no-repeat 0px 0px;
    position: absolute;
    left: 50%;
    margin: -47px 0 0 -47px;
    top: 50%;
    opacity: 0.5;
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
}

#video-slider a:hover:after {
    opacity: 1;
    background: #7e5124 url("https://www.garniraetia.it/templates/garniraetia/images/sprite.png") no-repeat 0px 0px;
    border-radius: 60%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

#video-slider li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#video-slider li a:hover:before {
    background: rgba(126, 81, 36, 0.4);
}


.zoom-out img {
    transition: all 1.5s ease-in-out;
    transform: scale(1.03);
}

.zoom-out:hover img {
    transform: scale(1);
}


.service-right {
    border-left: 15px solid #fff;
    min-height: 653px;
    position: relative;
}

.service-right a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.service-right a:before {
    content: "\f16d";
    display: block;
    position: absolute;
    left: 15px;
    top: 10px;
    font-family: "FontAwesome";
    color: #fff;
    font-size: 28px;
}

#news-offer {
    margin: 15px 0 0 0;
    font-size: 0;
}

#news-offer:before {
    width: 16px;
    height: 415px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -8px;
    content: "";
    display: block;
    background: #fff;
    z-index: 99; /* update matthias (non era centrato) -> */
    width: 15px;
    margin-left: 0;
}

#news-offer li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

#news-offer li.slick-current {
    width: 60%;
}

#news-offer .slick-prev:before, #news-offer .slick-next:before {
    background: url("https://www.garniraetia.it/templates/garniraetia/images/sprite.png") no-repeat;
    content: "";
    width: 48px;
    height: 48px;
    display: block;
}

#news-offer .slick-prev {
    left: 10px;
}

#news-offer .slick-next {
    right: 10px;
}

#news-offer .slick-prev:before {
    background-position: -48px -94px;
}

#news-offer .slick-next:before {
    background-position: 0px -94px;
}

#news-offer .offer-link, .offer-wrapp .offer-link {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 20px 0;
}

#news-offer .offer-link a, .offer-wrapp .offer-link a {
    color: #fff !important;
    text-decoration: none;
    display: block;
    padding: 8px 10px;
    border: 3px solid #fff;
    width: 170px;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 12px;
    transition: all 0.4s ease-in-out;
}

#news-offer .offer-link a:hover,
.offer-wrapp .offer-link a:hover, .evidenzia .offer-wrapp .offer-link a {
    background: #9eba4a !important;
    border: 3px solid #fff;
    color: #fff;
}

.offer-wrapper {
    display: table;
    min-height: 415px;
    height: 415px;
    width: 100%;
    position: relative;
}

.offer-wrapper:before, .offer-wrapp:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(78, 45, 12, 0.4);
    transition: all 0.4s ease-in-out;
}

.offer-wrapper:hover:before,
.offer-wrapp:hover:before, .evidenzia .offer-wrapp:before {
    background: rgba(78, 45, 12, 0.8);
}

.offer-wrapper .offer-inner {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 0 90px;
}

.offer-title {
    font-family: 'Merriweather', serif;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 400;
    padding: 0 0 20px 0;
    line-height: 150%;
}

.offer-date {
    font-size: 26px;
}

.offer-date:after {
    content: "";
    display: block;
    margin: 25px auto;
    width: 130px;
    height: 2px;
    background: #fff;
}

.offer-description {
    padding: 0 0 15px 0;
    line-height: 180%;
}

.offer-price {
    font-size: 27px;
    font-weight: 700;
}

.news-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
}

.footer-meteo {
    font-size: 0;
}

.footer-meteo .body {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.meteo-icon {
    margin-top: -22px;
    margin-bottom: 5px;
}

.footer-meteo .meteo-icon .icon {
    font-size: 45px;
    line-height: 100px;
    color: #7e5124;
    font-weight: normal;
    height: 80px;
    text-align: center;
}

.footer-meteo .foot {
    color: #bbac86;
}

.meteo-temperature {
    font-family: 'Merriweather', serif;
    font-size: 38px;
    color: #7e5124;
    font-weight: 900;
}

#footer {
    margin: 15px 0 0 0;
}

#footer .center {
    padding: 40px 0 0 0;
}

#gmap {
    min-height: 310px;
    background: #ececec;
}

#map_wrapper {
    height: 310px;
}

#map_canvas {
    width: 100%;
    height: 100%;
    position: relative;
    background: url("https://www.garniraetia.it/templates/garniraetia/images/google-map-b.jpg") no-repeat center center;
    background-size: cover;
}

#map_canvas a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#iw_container {
    height: 180px;
    font-size: 14px;
    color: #7e5124;
}

#iw_container i {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin: 0 1px;
}

#iw_container a {
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 30px;
    color: #a4b93a;
    text-decoration: none;
}

#iw_container a i {
    font-size: 25px;
}

#iw_container strong {
    font-size: 18px;
    color: #7e5124;
    font-family: 'Merriweather', serif;
    font-weight: 700;
    padding: 7px 0;
    display: block;
}

.gm-style img {
    max-width: 100%;
    height: auto;
}

#footer .inner .center {
    max-width: 1310px;
    margin: 0 auto;
    font-size: 0;
}

.foo {
    display: inline-block;
    font-size: 14px;
    vertical-align: bottom;
    color: #7e5124;
    line-height: 170%;
}

.foo01 {
    width: 42.74809160305343%;
}

.foo01 strong {
    font-family: 'Merriweather', serif;
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 10px 0;
}

.foo01 strong i {
    font-size: 14px;
    vertical-align: top;
    margin: 0 1px;
}

.foo01 a {
    color: #7e5124;
    text-decoration: none;
}

.foo02 {
    width: 25.190839694656486%;
    line-height: inherit;
    vertical-align: bottom;
}

.foo02 .social-media {
    text-align: center;
}

.foo03 {
    width: 16.030534351145036%;
    vertical-align: top;
    position: relative;
}

#popup-window {
    display: none;
    position: absolute;
    top: -25px;
    width: 332px;
    left: 50%;
    margin-left: -166px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(216, 216, 216, 1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(216, 216, 216, 1);
    box-shadow: 0px 0px 1px 0px rgba(216, 216, 216, 1);
    padding: 20px;
    box-sizing: border-box;
}

#popup-window .floater {
    margin: 0;
}

#popup-window .forecastdays li {
    margin: 0;
    background: #f9f9f9;
    width: 60px;
}

.foo03:hover #popup-window {
    display: block;
}

.foo04 {
    width: 16.030534351145036%;
    text-align: center;
    font-size: 0;
}

.foo04 .social-media {
    display: none;
}

.foo04 p:first-child {
    padding: 0 0 12px 0;
}

.foo04 img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.foo04 a.bsuedtirol-link {
    display: block;
    margin-top: 12px;
}

.foo05, .foo06 {
    padding: 12px 0;
}

.foo05 {
    width: 52.213740458015266%;
}

.foo06 {
    width: 47.786259541984734%;
    position: relative;
    text-align: right;
}

.foo05 ul {
    font-size: 0;
}

.foo05 li {
    display: inline-block;
    font-size: 12px;
    display: inline-block;
    vertical-align: bottom;
}

.foo05 li:before {
    content: "/";
    display: inline-block;
    margin: 0 8px;
}

.foo05 li:first-child:before {
    content: "";
    margin: 0;
}

.foo05 a {
    color: #7e5124;
    text-decoration: none;
}

.foo06 {
    font-size: 12px;
}

#logoaltea {
    margin: 0 0 0 15px;
}

.mobileLinks {
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}

.mobileLinks a {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    width: 50%;
    background: #7e5124;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 5px 0;
    height: 39px;
    line-height: 29px;
    box-sizing: border-box;
}

.mobileLinks a:first-child {
    background: #9eba4a;
    color: #446c36;
    text-align: center;
}

.mobileLinks a:first-child:after {
    width: 0;
    height: 0;
    border-bottom: 300px solid #9eba4a;
    border-right: 100px solid transparent;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
}

.mobileLinks a:first-child:before {
    content: "\f095";
    font-family: FontAwesome;
    font-size: 29px;
}

#scroll-top {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: #9eba4a;
    color: #fff;
    padding: 5px 15px;
    font-size: 22px;
    display: none;
}

.fixed-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
}

.fixed-popup .inner-popup {
    background: rgba(226, 230, 235, 0.9);
    padding: 30px 50px;
    width: 60%;
    position: relative;
    max-height: 80vh;
    overflow-y: auto;
}

.fixed-popup .inner-popup .text-popup {
    font-size: 1.2em;
    line-height: 1.7em;
}

.fixed-popup .inner-popup .text-popup p {
    margin: 1.4em 0;
}

.fixed-popup .inner-popup .text-popup strong {
    font-weight: bold;
}

.fixed-popup .inner-popup .text-popup a {
    color: #7e5124;
    font-weight: bold;
}

.fixed-popup .inner-popup .close-popup {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1em;
    cursor: pointer;
    padding: 10px 20px;
}

.fixed-popup .inner-popup .close-popup .close-popup-text {
    display: none;
}

@supports (-ms-ime-align:auto) {
    #news-offer:after {
        display: none;
    }
}

@-moz-document url-prefix() {
    #news-offer:after {
        display: none;
    }
}

@media screen and (min-width: 0\0
) and (min-resolution: +72dpi) {
    #news-offer:after {
        display: none;
    }
}

@media only screen and (max-width: 1180px) {
    #map_canvas {
        background: url("https://www.garniraetia.it/templates/garniraetia/images/google-map-m.jpg") no-repeat center center;
        background-size: cover;
    }
}

@media only screen and (max-width: 965px) {
    h1 {
        text-align: center;
    }

    #top-nav {
        position: absolute;
    }

    body.open #top-nav {
        top: 0;
        position: fixed;
    }

    .ns_nerveSlider .ns_dots .ns_dot {
        width: 40px !important;
        height: 10px !important;
    }

    #logo {
        width: 170px;
        height: 170px;
    }

    #logo img {
        max-width: 100%;
        height: auto;
    }

    .nav-content {
        padding: 55px 0 0 31px;
    }

    .sub-nav {
        padding: 10px 0 20px 0;
    }

    #quick-request form {
        text-align: center;
    }

    .inl-block {
        margin: 0 0 0 10px;
    }

    #content {
        padding: 55px 20px;
        box-sizing: border-box;
    }

    .offer-wrapper .offer-inner {
        padding: 0 70px;
    }

    .offer-title {
        font-size: 22px;
    }

    .offer-date {
        font-size: 19px;
    }

    .foo05, .foo06 {
        width: 100%;
        display: block;
        padding: 5px 0 0 0;
    }

    .foo05 {
        padding: 12px 0 0 0;
    }

    .foo06 {
        text-align: center;
    }

    .hide-date {
        left: 115px;
        width: 182px;
    }


    .inl-block.green-btn {
        display: block;
        margin: 5px auto;
    }

    .inl-block.green-btn:last-child {
        margin: 5px auto 0 auto;
    }
}

@media only screen and (max-width: 748px) {
    body {
        padding: 0 0 40px 0;
    }

    body.open {
        overflow: hidden !important;
        position: relative;
        height: 100%;
    }

    h1 {
        text-align: center;
        font-size: 16px;
        line-height: 180%;
    }

    h1:after {
        margin: 10px auto;
    }

    h2 {
        font-size: 15px;
        line-height: 180%;
    }

    body.open #top-nav {
        width: 100%;
    }

    body.open .mobile-menu-button {
        left: 10px;
        right: inherit;
    }

    #top-nav {
        top: 0;
    }

    #logo {
        width: 125px;
        height: 125px;
    }

    .mobile-menu-button {
        padding: 10px 5px;
        height: 57px;
        width: 57px;
    }

    .mobile-menu-button:after {
        border-bottom: 57px solid #fff;
    }

    .nav-content {
        width: auto;
        padding: 15px 0px 0 0px;
    }

    .nav-content-inner {
        padding: 0 15px 0 0;
    }

    .nav-background {
        margin-left: -20px;
    }

    .sub-nav {
        padding: 20px 10px 10px 0;
    }

    .nav-content-inner .menu a {
        font-size: 16px;
        margin: 0;
        padding: 10px 0;
    }

    .nav-content-inner .menu li li a {
        font-size: 14px;
        padding: 1px 0;
    }

    #language {
        height: 57px;
    }

    #language ul {
        padding: 22px 0;
    }

    #language li {
        margin: 0 0 0 10px;
    }

    body.open #language {
        display: none;
    }

    .news-icon {
        right: 5px;
        top: 5px;
    }

    .ns_nerveSlider .ns_dots {
        bottom: 70px !important;
    }

    #content {
        padding: 20px 10px;
        margin: 20px 0 0 0;
    }

    #content p.showReadMore {
        display: block;
    }

    #content p.showMore {
        display: none;
    }

    #content ul.inner {
        padding: 15px 0 0 0;
    }

    #content ul.video li {
        width: 196px;
        margin: 5px auto;
    }

    .service-left, .service-right {
        display: block;
        width: 100%;
    }

    .service-right {
        min-height: 240px;
        border-left: 0;
        margin: 15px 0 0 0;
    }

    #video-slider a:after {
        opacity: 1;
        background: #7e5124 url("https://www.garniraetia.it/templates/garniraetia/images/sprite.png") no-repeat 0px 0px;
        border-radius: 60%;
    }


    .item-col-2 {
        float: none;
        display: block;
        width: auto;
    }

    fieldset label span {
        display: block;
        width: auto;
    }

    fieldset label input[type="text"] {
        width: 100%;
        padding: 3px 0;
        display: block;
    }

    fieldset textarea {
        width: 100%;
    }

    #map_canvas {
        background: url("https://www.garniraetia.it/templates/garniraetia/images/google-map-s.jpg") no-repeat center center;
        background-size: cover;
    }

    .offer-wrapper .offer-inner {
        padding: 0;
    }

    .offer-date:after {
        width: 90px;
    }

    .offer-title {
        font-size: 18px;
    }

    .offer-date {
        font-size: 14px;
    }

    .offer-date:after {
        margin: 60px auto;
    }

    .offer-price {
        font-size: 22px;
    }

    .footer-meteo .meteo-icon .icon {
        font-size: 30px;
        height: 60px;
    }

    .meteo-temperature {
        font-size: 30px;
    }

    .forecastdays li {
        margin: 10px 2px;
    }

    .webcam {
        margin: 0;
    }

    .webcam td {
        display: block;
        width: 100%;
        float: left;
    }

    .webcam td img {
        max-width: 100%;
        height: auto;
    }

    .jg_element_cat {
        display: block;
        margin: 10px auto;
        max-width: 196px;
    }

    .prezzi {
        width: 100%;
        display: block;
        overflow: auto;
        white-space: nowrap;
    }

    .prezzi td {
        padding: 10px 20px;
    }

    .foo {
        vertical-align: middle;
    }

    .foo01 {
        width: 80%;
    }

    .foo03 {
        width: 20%;
    }

    .foo04 {
        display: block;
        width: auto;
        margin: 15px 0 0 0;
        line-height: inherit;
    }

    .foo04 .social-media {
        display: block;
        text-align: center;
        margin: 15px 0 0 0;
    }

    .foo05, .foo06 {
        text-align: center;
        padding: 10px 0;
    }

    .foo05 li:before {
        margin: 0 5px;
    }

    .mobileLinks {
        display: block;
    }

    #logoaltea {
        margin: 10px auto 0 auto;
        display: block;
    }

    .ns_nerveSlider .ns_dots .ns_dot {
        width: 30px !important;
        margin: 0 8px !important;
    }

    .hide-date {
        top: 25px;
        left: 0;
    }

    #quick-request, #slogan, #news-offer:before, .offer-description,
    .foo02, body.open .mobileLinks, #popup-window {
        display: none !important;
    }

    .banner-restart {
        top: 93px;
        right: 10px;
        max-width: 160px;
    }

    .banner-restart img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .fixed-popup .inner-popup {
        width: 90%;
        box-sizing: border-box;
        max-height: 90vh;
        padding: 30px 20px;
    }
}

@media only print {
    * {
        font-family: Arial, Helvetica, sans-serif !important;
    }

    body {
        background: #fff none !important;
        color: #000;
        line-height: 1.2;
        padding: 0px !important;
    }

    p, table, ul, ol, dl, blockquote, pre, code, form {
        margin: 0 0 1em;
    }

    h1, h2 {
        font-weight: normal;
        margin: 0.5em 0 0.5em !important;
    }

    h1 {
        font-size: 1.6em !important;
        margin: 1em 0 0.25em !important;
        color: #000;
    }

    h2 {
        font-size: 1.4em !important;
        color: #000;
        padding: 10px 0;
    }

    #content {
        padding: 0;
        background: #fff;
        color: #000;
    }

    #content p {
        color: #000;
    }

    #header, #slider, #footer, #services,
    #news-offer, #altea-cookiebox-wrapper {
        display: none !important;
    }
}

/*   LANG OVERRIDE   */
#language .visually-hidden {
    display: none;
}
#language .lang-active {
    background: none;
}
#language ul.mod-languages__list.lang-inline {
    display: flex;
    justify-content: end;
    align-items: center;
}
#language a {
    padding: 0;
}

/*   GALLERY OVERRIDE   */
.ba-gallery .ba-caption .image-category {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ba-gallery .ba-caption:hover .image-category {
    color: #fff !important;
    font-size: 4rem !important;
}
#jmap_sitemap .folder {
    display: none;
}}