@import url("https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,700,400italic,700italic,900,900italic");
@import url("https://fonts.googleapis.com/css?family=Cinzel:400,700,900");
@import url("https://fonts.googleapis.com/css?family=Lora:400i,700i");
/**
* ASSETS FOLDER
*/
/**
* FONTS
*/
/**
* COLORS
*/
/**
* BREAKPOINT
*/
/**
* CDN
*/
/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, form input[type="text"], form input[type="password"], form input[type="email"], textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  text-align: left; }

html, body {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: center; }

fieldset, img {
  border: 0;
  text-align: center; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0; }

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

* {
  margin: 0;
  padding: 0;
  font: 14px/1.3em "Lato", sans-serif;
  color: #615e5e;
  z-index: 1;
  -webkit-text-size-adjust: none;
  outline: none; }

html, body, html > body {
  max-width: 100%;
  margin: 0px auto;
  display: block;
  background: #ffffff; }

body {
  text-align: center;
  position: relative;
  height: 100%;
  background: #ffffff; }

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

a:hover {
  color: #f08842;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }

h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
  line-height: 1em;
  margin-bottom: 15px;
  font-family: "Cinzel", serif;
  text-transform: uppercase; }

h1 {
  font-size: 45px; }
  @media screen and (max-width: 980px) {
    h1 {
      font-size: 37px; } }

h2 {
  font-size: 36px; }
  @media screen and (max-width: 980px) {
    h2 {
      font-size: 28px; } }

h3 {
  font-size: 30px; }
  @media screen and (max-width: 980px) {
    h3 {
      font-size: 21px; } }

h4, h4 * {
  font-size: 24px; }
  @media screen and (max-width: 980px) {
    h4, h4 * {
      font-size: 18px; } }

h5 {
  font-size: 20px; }
  @media screen and (max-width: 980px) {
    h5 {
      font-size: 16px; } }

h6 {
  font-size: 18px; }
  @media screen and (max-width: 980px) {
    h6 {
      font-size: 14px; } }

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: bold !important;
  text-transform: inherit !important;
  font-size: inherit !important; }

h2.row-title {
  display: table;
  white-space: nowrap;
  text-transform: uppercase;
  width: 100%;
  margin: 50px 0;
  text-align: center; }
  h2.row-title:before, h2.row-title:after {
    border-top: 1px solid #dadada;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 45%; }
  h2.row-title:before {
    right: 3.5%; }
  h2.row-title:after {
    left: 3.5%; }
  h2.row-title--btn {
    margin: 100px 0; }
    h2.row-title--btn a.row-title__btn {
      font-size: 24px;
      font-family: "Lato", sans-serif;
      color: #f08842;
      padding: 15px 15%;
      border: 2px solid #f08842;
      display: block;
      margin-top: -11px;
      text-align: center; }
      h2.row-title--btn a.row-title__btn:hover {
        color: #ffffff;
        background-color: #f08842; }
    h2.row-title--btn .group {
      text-align: center;
      width: auto;
      margin-left: -12%;
      margin-top: -8px; }
      h2.row-title--btn .group a.row-title__btn {
        display: inline-table;
        font-size: 21px;
        padding: 15px 25px;
        margin: 0 3%;
        width: 48%; }
    h2.row-title--btn-single {
      display: inline-table; }
      h2.row-title--btn-single a.row-title__btn {
        padding: 15px 25px; }
  @media screen and (max-width: 450px) {
    h2.row-title {
      font-size: 22px; } }

img {
  max-width: 100%;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

br {
  line-height: 1em; }

strong {
  font-weight: bold; }

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.center {
  text-align: center; }

p {
  margin: 0 0 15px 0; }

p em {
  font-style: italic;
  font-weight: inherit; }

span.custom01, p span.custom01 {
  color: #b86f97;
  font-style: italic; }

.parallax {
  min-height: 550px;
  background: transparent; }

/* background setup */
.background {
  background-repeat: no-repeat;
  /* custom background-position */
  background-position: 50% 50%;
  /* ie8- graceful degradation */
  background-position: 50% 50% \9  !important; }

.not-fullscreen {
  height: 50%; }

.centered-element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

div.clear {
  clear: both; }

#wrapper {
  overflow-x: hidden; }

.container {
  width: 100%;
  max-width: 1650px;
  padding: 0 25px;
  margin: 0 auto;
  position: relative; }
  .container.c-small {
    max-width: 1440px; }

h1.style-2, .main-content-default h1 {
  text-align: center;
  margin: 60px 0 40px 0;
  font-family: "lato";
  font-weight: 300;
  font-size: 35px;
  letter-spacing: 5px; }
  h1.style-2:after, .main-content-default h1:after {
    display: block;
    content: "";
    width: 80px;
    height: 1px;
    background-color: #e9e9e9;
    margin: 30px auto 0 auto; }

.main-content-default article {
  width: 100%;
  max-width: 980px;
  margin: 0 auto; }

a.btn {
  color: #ffffff;
  background-color: #3d3d3d;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  padding: 10px 25px;
  display: inline-block;
  border: 2px solid #3d3d3d;
  height: 40px; }
  a.btn:hover {
    background-color: transparent; }

.ui-datepicker {
  z-index: 999; }

#header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #header .row-head {
    padding-top: 30px;
    padding-bottom: 30px; }
    @media screen and (max-width: 1300px) {
      #header .row-head {
        padding-top: 15px;
        padding-bottom: 15px; } }
  #header .row-menu {
    z-index: 0;
    position: relative; }
    #header .row-menu #menu {
      border-top: 1px solid #e9e9e9;
      border-bottom: 1px solid #e9e9e9; }
  #header .row #menu-icon-responsive {
    display: none; }
  #header .row .col {
    float: left;
    width: 33.3333333%;
    position: relative;
    z-index: 10; }
    @media screen and (max-width: 768px) {
      #header .row .col.lang {
        position: absolute;
        right: 25px;
        top: 15px;
        z-index: 20;
        text-align: right;
        min-width: 50px;
        width: auto; }
        #header .row .col.lang.zindex {
          z-index: 10; } }
    @media screen and (max-width: 768px) {
      #header .row .col.logo {
        width: 100%;
        float: none;
        display: block; } }
    @media screen and (max-width: 1300px) {
      #header .row .col.booking {
        text-align: right; } }
  #header .row .lang--selector {
    cursor: pointer;
    display: block; }
    #header .row .lang--selector #lang {
      width: 100%;
      max-width: 37px;
      margin-top: -4px;
      min-height: 20px;
      float: left;
      position: relative; }
      #header .row .lang--selector #lang ul {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%; }
        #header .row .lang--selector #lang ul li {
          display: none;
          margin-bottom: 0px; }
          #header .row .lang--selector #lang ul li a {
            color: #ffffff;
            font-size: 13px;
            font-weight: 300;
            letter-spacing: 1px; }
            #header .row .lang--selector #lang ul li a:hover {
              color: #f08842; }
          #header .row .lang--selector #lang ul li.active {
            display: block; }
            #header .row .lang--selector #lang ul li.active a:hover {
              color: #ffffff; }
    #header .row .lang--selector span.icon-sel {
      display: block;
      float: left;
      width: 13px;
      height: 8px;
      margin-top: 2px;
      background: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/ico-sel-down.png) no-repeat;
      background-size: 100%;
      background-position: 0px 0px; }
  #header .row .lang--meteo {
    display: block;
    float: left;
    margin-top: -6px;
    margin-left: 30px; }
    #header .row .lang--meteo .meteo--info {
      display: inline-block;
      text-align: left;
      color: #ffffff;
      font-weight: 300;
      letter-spacing: 1px;
      font-size: 16px;
      display: inline-block;
      position: relative;
      top: -5px; }
      #header .row .lang--meteo .meteo--info img {
        height: 22px;
        position: relative;
        top: 5px;
        margin: 0 5px;
        opacity: 0; }
        #header .row .lang--meteo .meteo--info img.icon-alt {
          opacity: 1;
          position: absolute;
          z-index: 99;
          left: 0px; }
    @media screen and (max-width: 900px) {
      #header .row .lang--meteo {
        display: none; } }
  #header .row .col-2 #logo > h1 {
    width: 233px;
    height: 95px;
    margin: 0 auto; }
  #header .row .col-2 #logo > h1 > a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/logo-ght.png) no-repeat top;
    background-size: 100%;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    -ms-transition: all 0s ease;
    transition: all 0s ease; }
  #header .row .col-3 .hotel_reservation {
    float: right; }
    #header .row .col-3 .hotel_reservation .input-container {
      float: left; }
      #header .row .col-3 .hotel_reservation .input-container .col {
        width: auto;
        position: relative;
        z-index: 1; }
        #header .row .col-3 .hotel_reservation .input-container .col label {
          padding-left: 10px;
          font-family: "Lora", serif;
          font-weight: 400;
          font-style: italic;
          text-transform: lowercase;
          font-size: 11px; }
          @media screen and (max-width: 768px) {
            #header .row .col-3 .hotel_reservation .input-container .col label {
              padding-left: 20px; } }
        #header .row .col-3 .hotel_reservation .input-container .col input[type="text"], #header .row .col-3 .hotel_reservation .input-container .col input[type="date"] {
          position: absolute;
          margin: 0;
          padding: 0;
          border: 0;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0px;
          color: transparent;
          background: transparent;
          z-index: 9;
          text-indent: -9999px;
          cursor: pointer; }
        #header .row .col-3 .hotel_reservation .input-container .col.first {
          z-index: 5; }
        #header .row .col-3 .hotel_reservation .input-container .col .date-container {
          background-color: #fcf8ef;
          border: 0;
          margin: 0 5px 0 0px;
          padding: 5px;
          width: 46px;
          height: 46px;
          text-align: center;
          position: relative;
          z-index: 1; }
          #header .row .col-3 .hotel_reservation .input-container .col .date-container span {
            font-family: "Lora", serif;
            font-style: italic;
            display: block; }
            #header .row .col-3 .hotel_reservation .input-container .col .date-container span.arrival-day, #header .row .col-3 .hotel_reservation .input-container .col .date-container span.departure-day {
              font-weight: 700;
              font-size: 16px; }
            #header .row .col-3 .hotel_reservation .input-container .col .date-container span.arrival-month, #header .row .col-3 .hotel_reservation .input-container .col .date-container span.departure-month {
              font-weight: 400;
              font-size: 11px;
              text-transform: lowercase; }
          #header .row .col-3 .hotel_reservation .input-container .col .date-container .ico-nextdate {
            background: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/ico-nextdate.png) no-repeat center;
            background-size: contain;
            width: 15px;
            height: 15px;
            display: block;
            position: absolute;
            left: 40px;
            top: 17px;
            z-index: 99; }
        #header .row .col-3 .hotel_reservation .input-container .col .ui-datepicker-trigger {
          display: none; }
        #header .row .col-3 .hotel_reservation .input-container .col select {
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          margin: 0;
          border: 0;
          padding: 0;
          width: auto;
          background: none;
          text-align: right;
          font-size: 11px;
          font-family: "Lora", serif;
          cursor: pointer; }
          #header .row .col-3 .hotel_reservation .input-container .col select::-ms-expand {
            display: none; }
        #header .row .col-3 .hotel_reservation .input-container .col .nice-select {
          display: inline;
          width: auto;
          cursor: pointer; }
          #header .row .col-3 .hotel_reservation .input-container .col .nice-select span {
            margin-left: 10%;
            font-size: 11px;
            font-family: "Lora", serif; }
            @media screen and (max-width: 1300px) {
              #header .row .col-3 .hotel_reservation .input-container .col .nice-select span {
                margin-left: 5%; } }
            @media screen and (max-width: 450px) {
              #header .row .col-3 .hotel_reservation .input-container .col .nice-select span {
                margin-left: 10%; } }
        #header .row .col-3 .hotel_reservation .input-container .col .row {
          position: relative;
          display: block;
          background-color: #fcf8ef;
          padding: 1px 10px;
          margin-bottom: 5px; }
          #header .row .col-3 .hotel_reservation .input-container .col .row:last-child {
            margin-bottom: 0;
            z-index: 0; }
        #header .row .col-3 .hotel_reservation .input-container .col.room-select {
          background-color: #fcf8ef;
          width: 79px;
          height: 46px;
          margin: 0 5px;
          padding: 5px; }
          #header .row .col-3 .hotel_reservation .input-container .col.room-select select {
            font-weight: 700;
            font-size: 16px;
            margin: 0 auto;
            display: block;
            padding: 0 10px; }
          #header .row .col-3 .hotel_reservation .input-container .col.room-select .nice-select {
            position: initial;
            width: auto;
            left: inherit; }
          #header .row .col-3 .hotel_reservation .input-container .col.room-select .nice-select span {
            font-weight: 700;
            font-size: 16px;
            margin: 0 auto;
            display: block;
            padding: 0 10px;
            text-align: center; }
          #header .row .col-3 .hotel_reservation .input-container .col.room-select label {
            padding-left: 0;
            display: block;
            width: 100%;
            text-align: center; }
        #header .row .col-3 .hotel_reservation .input-container .col.vars .nice-select {
          position: absolute;
          width: 100%;
          left: 0;
          z-index: 30; }
        #header .row .col-3 .hotel_reservation .input-container .col.vars .children-age .nice-select {
          position: relative;
          width: auto;
          left: inherit;
          display: inline;
          z-index: 1; }
          #header .row .col-3 .hotel_reservation .input-container .col.vars .children-age .nice-select span {
            margin-left: 0;
            z-index: 1;
            position: relative; }
      #header .row .col-3 .hotel_reservation .input-container .additional {
        position: absolute;
        top: 30px;
        background-color: #fcf8ef;
        z-index: 20;
        left: -55px;
        padding: 10px 15px;
        width: 180px; }
        @media screen and (max-width: 1300px) {
          #header .row .col-3 .hotel_reservation .input-container .additional {
            top: 34px;
            left: 0; } }
        #header .row .col-3 .hotel_reservation .input-container .additional * {
          font-family: "Lora", serif; }
        #header .row .col-3 .hotel_reservation .input-container .additional .children-age p.select:nth-child(2) {
          position: relative;
          z-index: 9; }
        #header .row .col-3 .hotel_reservation .input-container .additional .children-age p.select:nth-child(3) {
          position: relative;
          z-index: 8; }
        #header .row .col-3 .hotel_reservation .input-container .additional:before {
          content: "";
          display: block;
          width: 0;
          height: 0;
          border-left: 10px solid transparent;
          border-right: 10px solid transparent;
          border-bottom: 10px solid #fcf8ef;
          position: absolute;
          top: -9px;
          left: 50%;
          margin-left: -12px; }
        #header .row .col-3 .hotel_reservation .input-container .additional p.age_label {
          font-weight: bold; }
          #header .row .col-3 .hotel_reservation .input-container .additional p.age_label span {
            font-weight: 200;
            font-size: 12px; }
        #header .row .col-3 .hotel_reservation .input-container .additional label {
          margin-right: 15px;
          padding-left: 0; }
        #header .row .col-3 .hotel_reservation .input-container .additional .nice-select {
          position: relative;
          width: auto;
          left: inherit;
          display: inline;
          background: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/ico-sel-down.png) no-repeat right 5px center #ffffff;
          background-color: #ffffff;
          background-size: 12px 15px;
          padding: 4px 39px 3px 5px; }
          #header .row .col-3 .hotel_reservation .input-container .additional .nice-select span {
            margin-left: 0; }
        #header .row .col-3 .hotel_reservation .input-container .additional select {
          appearance: none;
          display: none !important;
          -moz-appearance: none;
          -webkit-appearance: none;
          border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          margin: 0;
          border: 0;
          padding: 0;
          width: auto;
          background: none;
          text-align: right;
          font-size: 11px;
          font-family: "Lora", serif;
          cursor: pointer; }
    #header .row .col-3 .hotel_reservation .pt.send {
      float: left; }
      #header .row .col-3 .hotel_reservation .pt.send input[type="submit"] {
        background-color: #f08842;
        color: #ffffff;
        text-transform: uppercase;
        margin: 0;
        border: 0;
        padding: 5px 25px;
        height: 46px;
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 2px;
        cursor: pointer;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        margin: 0;
        border: 0; }
    #header .row .col-3 .hotel_reservation #booking-engine .form-title {
      display: none;
      text-align: center;
      margin-bottom: 50px; }
      @media screen and (max-width: 1300px) {
        #header .row .col-3 .hotel_reservation #booking-engine .form-title {
          display: block; } }
      @media screen and (max-width: 767px) {
        #header .row .col-3 .hotel_reservation #booking-engine .form-title {
          margin-bottom: 30px; } }
    @media screen and (max-width: 1300px) {
      #header .row .col-3 .hotel_reservation {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        background-color: rgba(255, 255, 255, 0.97);
        padding: 25px;
        z-index: 5; }
        #header .row .col-3 .hotel_reservation #booking-engine {
          display: block;
          width: 100%;
          max-width: 400px;
          margin: 0 auto;
          margin-top: 40vh; }
          #header .row .col-3 .hotel_reservation #booking-engine .input-container {
            float: none; }
            #header .row .col-3 .hotel_reservation #booking-engine .input-container .pt.col {
              width: 50%;
              margin-bottom: 2%; }
              #header .row .col-3 .hotel_reservation #booking-engine .input-container .pt.col .date-container {
                width: 98%;
                margin-left: 2%; }
                #header .row .col-3 .hotel_reservation #booking-engine .input-container .pt.col .date-container .ico-nextdate {
                  left: 98%; }
              #header .row .col-3 .hotel_reservation #booking-engine .input-container .pt.col.first .date-container {
                margin-left: 0;
                margin-right: 2%; }
            #header .row .col-3 .hotel_reservation #booking-engine .input-container .col.vars {
              width: 49%;
              margin-right: 1%; }
            #header .row .col-3 .hotel_reservation #booking-engine .input-container .pt.children {
              width: 49%;
              margin: 0;
              margin-left: 1%; }
              #header .row .col-3 .hotel_reservation #booking-engine .input-container .pt.children.row {
                width: 100%;
                margin: 0;
                position: relative; }
          #header .row .col-3 .hotel_reservation #booking-engine .pt.send {
            float: right;
            width: 49%;
            margin-top: 1%; }
            #header .row .col-3 .hotel_reservation #booking-engine .pt.send input {
              margin-top: 2%; } }
    @media screen and (max-width: 1300px) and (max-width: 767px) {
      #header .row .col-3 .hotel_reservation #booking-engine {
        margin-top: 15px; } }

    @media screen and (max-width: 768px) {
      #header .row .col-3 .hotel_reservation ul.list {
        max-height: calc(90vh - 400px);
        overflow-y: auto; }
      #header .row .col-3 .hotel_reservation .hotel_reservation {
        overflow: auto; }
      #header .row .col-3 .hotel_reservation #booking-engine .pt.send {
        width: 100%; }
      #header .row .col-3 .hotel_reservation #booking-engine .input-container .col.first {
        margin-bottom: 15px; }
      #header .row .col-3 .hotel_reservation #booking-engine .input-container .pt.col.room-select {
        width: 100%;
        margin-bottom: 15px; }
        #header .row .col-3 .hotel_reservation #booking-engine .input-container .pt.col.room-select .date-container {
          width: 100%;
          margin-left: 0; }
      #header .row .col-3 .hotel_reservation #booking-engine .input-container .col.vars {
        width: 100%;
        margin-right: 0;
        margin-bottom: 21px;
        z-index: 9; }
        #header .row .col-3 .hotel_reservation #booking-engine .input-container .col.vars .pt.select.row {
          width: 100%;
          padding: 15px 10px; }
          #header .row .col-3 .hotel_reservation #booking-engine .input-container .col.vars .pt.select.row label {
            padding-left: 45px; }
          #header .row .col-3 .hotel_reservation #booking-engine .input-container .col.vars .pt.select.row:first-child {
            margin-bottom: 15px; }
          #header .row .col-3 .hotel_reservation #booking-engine .input-container .col.vars .pt.select.row .additional {
            position: relative;
            width: 100%;
            left: 0;
            top: 10px;
            margin-bottom: 0px;
            text-align: center; }
            #header .row .col-3 .hotel_reservation #booking-engine .input-container .col.vars .pt.select.row .additional label {
              padding-left: 0; } }
  #header .row a.book-responsive {
    display: none;
    background-color: #f08842;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 25px;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 2px;
    display: none; }
    @media screen and (max-width: 1300px) {
      #header .row a.book-responsive {
        display: inline-block; } }
    @media screen and (max-width: 768px) {
      #header .row a.book-responsive {
        display: none;
        padding: 5px 10px;
        box-sizing: content-box; } }
  #header.fixed {
    background-color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #header.fixed .row #menu-icon-responsive {
      position: absolute;
      left: 10px;
      top: 15px;
      z-index: 20; }
      @media screen and (max-width: 768px) {
        #header.fixed .row #menu-icon-responsive {
          display: block; } }
      #header.fixed .row #menu-icon-responsive .hamburger-inner, #header.fixed .row #menu-icon-responsive .hamburger-inner:after, #header.fixed .row #menu-icon-responsive .hamburger-inner:before {
        height: 2px;
        border-radius: 0;
        width: 35px; }
      #header.fixed .row #menu-icon-responsive .hamburger-box {
        width: 35px; }
      #header.fixed .row #menu-icon-responsive.zindex {
        z-index: 10; }
    #header.fixed .row .lang--selector #lang ul > li a,
    #header.fixed .row .lang--meteo .meteo--info {
      color: #615e5e; }
    #header.fixed .row .lang--selector #lang ul li a:hover {
      color: #f08842; }
    #header.fixed .row .lang--selector #lang ul li.active a:hover {
      color: #615e5e; }
    #header.fixed .row .lang--selector span.icon-sel {
      background-position: 0px -8px; }
    #header.fixed .row .col-2 #logo > h1 {
      height: 55px; }
    #header.fixed .row .col-2 #logo > h1 > a {
      background-position: 0 -126px; }
    #header.fixed .row .meteo img {
      opacity: 1; }
      #header.fixed .row .meteo img.icon-alt {
        opacity: 0; }
    #header.fixed #menu {
      display: block; }
      @media screen and (max-width: 768px) {
        #header.fixed #menu {
          display: none;
          height: 100vh; } }
    #header.fixed #menu-icon {
      display: none; }
      #header.fixed #menu-icon.submenu {
        display: block;
        width: 110px; }
        #header.fixed #menu-icon.submenu .responsive {
          display: none; }
        @media screen and (max-width: 768px) {
          #header.fixed #menu-icon.submenu {
            display: none;
            background-color: #ffffff;
            background-image: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/ico-arrow-left.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            height: 30px;
            top: 106px;
            padding: 0;
            width: 85px; }
            #header.fixed #menu-icon.submenu.active {
              background-image: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/ico-arrow-right.png); }
            #header.fixed #menu-icon.submenu .icon, #header.fixed #menu-icon.submenu label {
              display: none; } }
    #header.fixed .row-head {
      padding-bottom: 15px; }
  #header #menu-icon {
    background-color: #ffffff;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 120px;
    z-index: 9;
    padding: 5px 15px; }
    @media screen and (max-width: 768px) {
      #header #menu-icon {
        display: none; } }
    #header #menu-icon.submenu {
      top: 101px;
      padding: 10px 15px;
      background-color: #f08842; }
      @media screen and (max-width: 1300px) {
        #header #menu-icon.submenu {
          top: 86px; } }
      #header #menu-icon.submenu .icon span {
        background-color: #ffffff; }
      #header #menu-icon.submenu label {
        color: #ffffff; }
    #header #menu-icon .icon {
      display: inline-block;
      margin-right: 5px;
      cursor: pointer; }
      #header #menu-icon .icon span {
        display: block;
        width: 25px;
        height: 2px;
        background-color: #7c7b7b;
        margin: 0 auto 3px auto; }
        #header #menu-icon .icon span:last-child {
          width: 17px;
          margin: 0 0 0 auto; }
    #header #menu-icon label {
      display: inline-block;
      cursor: pointer; }
  #header #menu {
    display: none; }
    #header #menu #menu-content {
      text-align: center;
      padding: 10px 0 10px 0; }
      @media screen and (max-width: 1300px) {
        #header #menu #menu-content {
          padding: 10px 0 10px 120px;
          text-align: left; } }
      @media screen and (max-width: 768px) {
        #header #menu #menu-content {
          padding: 25px 10%;
          text-align: right; } }
      #header #menu #menu-content ul {
        display: inline-block; }
        #header #menu #menu-content ul li {
          display: inline-block;
          text-align: center;
          margin: 0 10px; }
          #header #menu #menu-content ul li a {
            text-transform: uppercase;
            font-size: 13px;
            color: #7c7b7b; }
          #header #menu #menu-content ul li.active > a, #header #menu #menu-content ul li a:hover {
            color: #f08842; }
          @media screen and (max-width: 1300px) {
            #header #menu #menu-content ul li {
              text-align: left; } }
          @media screen and (max-width: 768px) {
            #header #menu #menu-content ul li {
              text-align: right;
              display: block;
              margin: 0 0 15px 0; }
              #header #menu #menu-content ul li a {
                font-size: 16px;
                letter-spacing: 1px; } }
        #header #menu #menu-content ul.level_1 {
          /*position: relative;*/ }
          #header #menu #menu-content ul.level_1 > li.voice--parent {
            display: none; }
          #header #menu #menu-content ul.level_1 > li.voice--hidden > a {
            display: none; }
          #header #menu #menu-content ul.level_1 li.active ul.level_2.active-sub {
            padding: 10px 260px 0 260px;
            display: block;
            position: absolute;
            background-color: #fff;
            top: 0;
            left: 0;
            z-index: 999;
            width: 100%;
            height: 100%;
            text-align: center; }
            @media screen and (max-width: 1300px) {
              #header #menu #menu-content ul.level_1 li.active ul.level_2.active-sub {
                padding: 10px 20px 0 260px;
                text-align: left; } }
            @media screen and (max-width: 768px) {
              #header #menu #menu-content ul.level_1 li.active ul.level_2.active-sub {
                padding: 25px 10%; } }
        #header #menu #menu-content ul.level_2 {
          display: none; }
          #header #menu #menu-content ul.level_2 li.voice--parent {
            position: absolute;
            left: 105px;
            top: 0;
            background-color: #f08842; }
            #header #menu #menu-content ul.level_2 li.voice--parent > a {
              color: #ffffff;
              padding: 11px 15px;
              display: block;
              min-width: 120px; }
            @media screen and (max-width: 768px) {
              #header #menu #menu-content ul.level_2 li.voice--parent {
                position: relative;
                left: 0;
                display: block;
                background: none;
                margin-bottom: 40px;
                position: relative; }
                #header #menu #menu-content ul.level_2 li.voice--parent > a {
                  color: initial;
                  padding: 0 0 0 30px;
                  display: inline-block;
                  min-width: 0;
                  background-color: #ffffff;
                  z-index: 1; }
                  #header #menu #menu-content ul.level_2 li.voice--parent > a:before {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 100%;
                    height: 1px;
                    background-color: #f08842;
                    z-index: -5; } }

#footer {
  padding-top: 30px; }
  #footer .block {
    float: left;
    width: 25%;
    padding: 25px 0;
    text-align: center; }
    #footer .block * {
      font-weight: 300;
      font-size: 14px; }
    #footer .block .address {
      background: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/ght-logo-orange.png) no-repeat top center;
      padding-top: 110px;
      text-align: center;
      position: relative; }
    #footer .block--1, #footer .block--4 {
      width: 33.3333%; }
      @media screen and (max-width: 768px) {
        #footer .block--1, #footer .block--4 {
          width: 100%; } }
      @media screen and (max-width: 400px) {
        #footer .block--1 p, #footer .block--4 p {
          padding-top: 0 !important; } }
    #footer .block--2, #footer .block--3 {
      width: 16.666%; }
      @media screen and (max-width: 768px) {
        #footer .block--2, #footer .block--3 {
          width: 50%; } }
      @media screen and (max-width: 400px) {
        #footer .block--2, #footer .block--3 {
          width: 100%;
          padding: 0; }
          #footer .block--2 p, #footer .block--3 p {
            padding-top: 0 !important;
            margin-bottom: 0; } }
    #footer .block--2, #footer .block--3, #footer .block--4 {
      text-align: center; }
      #footer .block--2 p, #footer .block--3 p, #footer .block--4 p {
        padding-top: 58px;
        text-align: center; }
        #footer .block--2 p a, #footer .block--3 p a, #footer .block--4 p a {
          font-size: 13px;
          margin-bottom: 15px;
          display: inline-block; }
          #footer .block--2 p a:hover, #footer .block--3 p a:hover, #footer .block--4 p a:hover {
            color: #f08842; }
          #footer .block--2 p a.iprefer, #footer .block--3 p a.iprefer, #footer .block--4 p a.iprefer {
            display: inline-block;
            width: 110px;
            height: 113px;
            text-indent: -99999px;
            background: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/iprefer.jpg) no-repeat;
            background-size: 110px; }
          #footer .block--2 p a.preferred, #footer .block--3 p a.preferred, #footer .block--4 p a.preferred {
            display: inline-block;
            width: 140px;
            height: 113px;
            text-indent: -99999px;
            background: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/preferred.jpg) no-repeat;
            background-size: 140px; }
  #footer #credits {
    text-align: center;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    height: auto;
    padding-top: 30px;
    border-top: 1px solid #f3f3f3;
    margin-bottom: 30px; }
    #footer #credits * {
      font-size: 11px;
      font-weight: 300; }
    #footer #credits p {
      text-align: center; }
      #footer #credits p a:hover {
        color: #f08842; }

#cookie {
  width: 100%;
  height: 30px;
  position: fixed;
  bottom: -100px;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: auto; }
  #cookie #cookie-content {
    position: relative;
    top: 0;
    left: 0; }
    #cookie #cookie-content p {
      text-align: center;
      margin-top: 13px;
      margin-bottom: 10px;
      letter-spacing: 1px; }
      #cookie #cookie-content p span {
        display: block;
        font-size: 13px;
        text-align: center;
        color: #dad8d8;
        font-weight: 300;
        letter-spacing: 1px;
        margin-bottom: 10px; }
      #cookie #cookie-content p a {
        display: inline-block;
        font-weight: bold;
        padding: 2px 5px;
        font-size: 13px;
        margin-left: 10px;
        cursor: pointer;
        color: #f08842; }
        #cookie #cookie-content p a.info {
          font-weight: 300; }
        #cookie #cookie-content p a:hover {
          color: #ffffff; }

.page--404 {
  padding-top: 130px;
  padding-bottom: 100px; }
  .page--404 h1 {
    text-align: center; }
  .page--404 h4 {
    text-align: center;
    font-family: "Lato", sans-serif;
    font-weight: 100; }

.section {
  overflow: hidden; }
  .section__image {
    position: relative; }
    .section__image img {
      width: 100%; }
  .section__description {
    max-width: 900px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px; }
    .section__description * {
      text-align: center; }

.description-text {
  width: 100%;
  max-width: 760px;
  margin: 50px auto; }
  .description-text * {
    text-align: center;
    line-height: 2em; }

#noheader {
  position: relative;
  width: 100%;
  height: 135px; }
  @media screen and (max-width: 767px) {
    #noheader {
      height: 50px; } }

#actionbar-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 10px;
  background-color: #3D3D3D;
  text-align: center;
  font-size: 0;
  display: none; }
  #actionbar-footer a {
    color: #ffffff;
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
    text-align: center;
    font-size: 18px; }
    @media screen and (max-width: 400px) {
      #actionbar-footer a {
        font-size: 14px;
        padding: 10px;
        letter-spacing: 1px; } }
    #actionbar-footer a img {
      width: auto;
      max-width: 40px; }
    #actionbar-footer a.book-now {
      width: 40%;
      text-align: left;
      color: #ffffff;
      border: 1px solid #ffffff;
      text-align: center;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
      #actionbar-footer a.book-now:hover {
        opacity: 0.8; }
    #actionbar-footer a.icon {
      width: 20%;
      text-align: right; }
  @media screen and (max-width: 768px) {
    #actionbar-footer {
      display: block; } }

/* FORM RESET */
form input, form input[type="text"], form input[type="password"], form input[type="email"] {
  display: block;
  font-size: 16px;
  background-color: transparent;
  border: 0;
  margin: 0px auto 25px auto;
  padding: 5px;
  width: 85%;
  max-width: 500px;
  border-radius: 0; }
form input::-webkit-input-placeholder, form input[type="text"]::-webkit-input-placeholder, form input[type="password"]::-webkit-input-placeholder, form input[type="email"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #615e5e; }
form input::-moz-placeholder, form input[type="text"]::-moz-placeholder, form input[type="password"]::-moz-placeholder, form input[type="email"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #615e5e; }
form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #615e5e; }
form input:-moz-placeholder {
  /* Firefox 18- */
  color: #615e5e; }
form input[type="text"], form input[type="password"], form input[type="email"] {
  border-bottom: 1px solid #b9b8b9;
  text-align: center;
  font-weight: 300; }
form input[type="submit"] {
  text-align: center;
  color: #615e5e;
  font-size: 17px;
  width: 100%;
  margin: 15px 0 0 0; }
form .err {
  text-transform: uppercase;
  display: inline-block;
  font-size: 11px !important;
  background: #d60000;
  padding: 3px 6px;
  color: #fff !important;
  border: 1px solid #ffffff;
  margin-left: 15px; }

#header-slider {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden; }
  #header-slider.default {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 135px;
    min-height: 680px; }
    @media screen and (max-width: 768px) {
      #header-slider.default {
        margin-top: 85px; } }
    #header-slider.default .title {
      position: relative;
      width: 100%;
      padding: 275px 25px 25px 25px;
      z-index: 99; }
      #header-slider.default .title h1 {
        text-transform: uppercase;
        color: #ffffff;
        text-align: center;
        font-size: 30px;
        letter-spacing: 3px; }
  #header-slider .shadow {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10;
    line-height: 0; }
    #header-slider .shadow--top {
      top: 0;
      height: 45%;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 ); }
    #header-slider .shadow--bottom {
      bottom: 0;
      height: 25%;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); }
  #header-slider .video {
    display: block;
    position: absolute;
    z-index: 8;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: auto;
    top: 0;
    left: 0; }
    @media screen and (min-width: 1250px) {
      #header-slider .video {
        top: -1%; } }
    @media screen and (min-width: 1290px) {
      #header-slider .video {
        top: -6%; } }
    @media screen and (min-width: 1370px) {
      #header-slider .video {
        top: -10%; } }
    @media screen and (min-width: 1600px) {
      #header-slider .video {
        top: -20%; } }
  #header-slider .swiper-container {
    position: relative;
    z-index: 5; }
    #header-slider .swiper-container .swiper-wrapper .swiper-slide {
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      width: 100%;
      height: 100vh; }

/*SCROLL DOWN ANIMATION*/
section.scroll-down {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10; }
  section.scroll-down::afer {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 80%; }
  section.scroll-down a {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
    padding-top: 70px; }
    section.scroll-down a:hover {
      opacity: .5; }
    section.scroll-down a span {
      position: absolute;
      top: 0;
      left: 50%;
      width: 24px;
      height: 24px;
      margin-left: -12px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-animation: sdb05 1.5s infinite;
      animation: sdb05 1.5s infinite;
      box-sizing: border-box; }

@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0; } }
@keyframes sdb05 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0; } }
/* OWL CAROUSEL */
@media screen and (max-width: 1049px) {
  #offers-slider.container {
    padding: 0; } }
#offers-slider .offers-slider-container {
  position: relative; }
  #offers-slider .offers-slider-container .offer {
    background-color: #000000;
    color: #ffffff;
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative; }
    #offers-slider .offers-slider-container .offer .content {
      height: 100%;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0; }
      #offers-slider .offers-slider-container .offer .content h3 {
        color: #ffffff;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-size: 24px;
        margin: 0;
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        #offers-slider .offers-slider-container .offer .content h3 a {
          color: #ffffff;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          letter-spacing: 2px;
          padding: 15px;
          text-transform: uppercase;
          font-size: 24px;
          margin: 0; }
          #offers-slider .offers-slider-container .offer .content h3 a:hover {
            color: #f08842; }
          #offers-slider .offers-slider-container .offer .content h3 a.read-more {
            display: block;
            font-size: 14px;
            text-align: center; }
  #offers-slider .offers-slider-container .active .offer .content h3 {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #offers-slider .offers-slider-container .nav-arrow-outer {
    position: absolute;
    top: 0;
    width: 250px;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    z-index: 1; }
    @media screen and (max-width: 1049px) {
      #offers-slider .offers-slider-container .nav-arrow-outer {
        display: none; } }
    #offers-slider .offers-slider-container .nav-arrow-outer.nav-arrow-prev {
      left: 0; }
      #offers-slider .offers-slider-container .nav-arrow-outer.nav-arrow-prev .nav-arrow {
        right: 18px; }
        #offers-slider .offers-slider-container .nav-arrow-outer.nav-arrow-prev .nav-arrow .arrow {
          background-image: url(/www.grandhoteltremezzo.com/i/arrow-left.png); }
      #offers-slider .offers-slider-container .nav-arrow-outer.nav-arrow-prev .details {
        right: 75px; }
        #offers-slider .offers-slider-container .nav-arrow-outer.nav-arrow-prev .details h5 {
          text-align: right; }
    #offers-slider .offers-slider-container .nav-arrow-outer.nav-arrow-next {
      right: 0; }
      #offers-slider .offers-slider-container .nav-arrow-outer.nav-arrow-next .nav-arrow {
        left: 18px; }
        #offers-slider .offers-slider-container .nav-arrow-outer.nav-arrow-next .nav-arrow .arrow {
          background-image: url(/www.grandhoteltremezzo.com/i/arrow-right.png); }
      #offers-slider .offers-slider-container .nav-arrow-outer.nav-arrow-next .details {
        left: 75px; }
        #offers-slider .offers-slider-container .nav-arrow-outer.nav-arrow-next .details h5 {
          text-align: left; }
    #offers-slider .offers-slider-container .nav-arrow-outer .nav-arrow-inner {
      position: relative;
      width: 100%;
      height: 100%; }
      #offers-slider .offers-slider-container .nav-arrow-outer .nav-arrow-inner .nav-arrow {
        position: absolute;
        width: 25px;
        height: 40px;
        top: 50%;
        transform: translateY(-50%); }
        #offers-slider .offers-slider-container .nav-arrow-outer .nav-arrow-inner .nav-arrow .arrow {
          width: 25px;
          height: 40px;
          border: none;
          transform: rotate(0);
          top: 0;
          left: 0;
          display: block; }
        #offers-slider .offers-slider-container .nav-arrow-outer .nav-arrow-inner .nav-arrow:hover {
          opacity: 0.7; }
      #offers-slider .offers-slider-container .nav-arrow-outer .nav-arrow-inner .details {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: #ffffff;
        padding: 15px; }
        #offers-slider .offers-slider-container .nav-arrow-outer .nav-arrow-inner .details h5 {
          padding: 0px;
          letter-spacing: 0px;
          color: #ffffff;
          font-size: 14px;
          font-family: "Lato", sans-serif;
          font-weight: 400;
          margin: 0;
          text-transform: uppercase; }
#offers-slider .description {
  width: 100%;
  max-width: 760px;
  margin: 50px auto; }
  #offers-slider .description * {
    text-align: center;
    line-height: 2em; }
  @media screen and (max-width: 1049px) {
    #offers-slider .description {
      padding: 0 25px; } }

.home #header-slider .video {
  top: 0 !important; }

.accordion-list {
  position: relative;
  margin: 217px 0 80px 0; }
  .accordion-list__container {
    background-color: #f08842;
    text-align: center;
    padding-bottom: 90px; }
    .accordion-list__container__icon {
      margin: -137px auto 0 auto;
      width: 275px;
      display: inline-block; }
    .accordion-list__container .container {
      max-width: 850px; }
    .accordion-list__container .title {
      margin: 50px 0; }
      .accordion-list__container .title h3 {
        color: #ffffff;
        text-align: center; }
    .accordion-list__container .downloads {
      text-align: center;
      position: relative;
      margin-bottom: 50px; }
      .accordion-list__container .downloads__item {
        display: inline-block;
        padding: 0 25px; }
        .accordion-list__container .downloads__item a {
          display: block;
          color: #ffffff;
          background: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/ico-download-w.png) no-repeat top left;
          background-size: 37px;
          min-height: 37px;
          padding: 10px 5px 5px 50px;
          font-style: italic;
          margin-bottom: 10px; }
          .accordion-list__container .downloads__item a:hover {
            color: #e6e6e6; }
    .accordion-list__container .accordion-items {
      border-top: 1px solid #ffffff; }
      .accordion-list__container .accordion-items__item {
        border-bottom: 1px solid #ffffff; }
      .accordion-list__container .accordion-items__title {
        cursor: pointer;
        position: relative; }
        .accordion-list__container .accordion-items__title h5 {
          text-align: center;
          color: #ffffff;
          font-family: "Lato", sans-serif;
          font-size: 16px;
          font-weight: 300;
          margin: 0;
          padding: 15px 10%; }
        .accordion-list__container .accordion-items__title:after {
          content: "+";
          display: block;
          position: absolute;
          font-family: "Lato", sans-serif;
          font-weight: bold;
          color: #ffffff;
          font-size: 18px;
          right: 5%;
          top: 13px; }
        .accordion-list__container .accordion-items__title.open h5 {
          font-weight: 400; }
        .accordion-list__container .accordion-items__title.open:after {
          content: "-";
          right: 5%;
          top: 13px; }
      .accordion-list__container .accordion-items__content {
        display: none;
        padding: 10px 0 50px 0; }
        .accordion-list__container .accordion-items__content__image {
          width: 100%;
          margin: 10px 0 50px 0; }
        .accordion-list__container .accordion-items__content article {
          color: #ffffff;
          font-weight: 300;
          line-height: 1.6em; }
          .accordion-list__container .accordion-items__content article p {
            font-weight: 300; }
          .accordion-list__container .accordion-items__content article p, .accordion-list__container .accordion-items__content article * {
            color: #ffffff;
            line-height: 1.6em; }
    .accordion-list__container.treatments {
      background-color: #f0eee5;
      padding-bottom: 200px; }
      .accordion-list__container.treatments .title h3 {
        color: #85847d;
        padding-top: 50px; }
      .accordion-list__container.treatments .accordion-items {
        border-top: 1px solid #a5a397; }
        .accordion-list__container.treatments .accordion-items__item {
          border-bottom: 1px solid #a5a397; }
        .accordion-list__container.treatments .accordion-items__title h5 {
          color: #85847d; }
        .accordion-list__container.treatments .accordion-items__title:after {
          color: #85847d; }
        .accordion-list__container.treatments .accordion-items__content article {
          color: #85847d;
          max-width: 495px;
          margin: 0 auto; }
          .accordion-list__container.treatments .accordion-items__content article p, .accordion-list__container.treatments .accordion-items__content article * {
            color: #85847d; }
      .accordion-list__container.treatments .downloads__item a {
        color: #85847d;
        background: url(https://arteracdn.net/www.grandhoteltremezzo.com/i/ico-download.png) no-repeat top left;
        background-size: 37px; }
        .accordion-list__container.treatments .downloads__item a:hover {
          color: #f08842; }
  .accordion-list.treatments {
    margin: 0; }
  .accordion-list--press-offices {
    margin: 50px 0 0 0; }
    .accordion-list--press-offices .accordion-list__container {
      padding-top: 60px;
      padding-bottom: 60px; }
      .accordion-list--press-offices .accordion-list__container .country, .accordion-list--press-offices .accordion-list__container .title-press {
        float: left;
        min-height: 1px; }
      .accordion-list--press-offices .accordion-list__container .country {
        width: 30%; }
        .accordion-list--press-offices .accordion-list__container .country h5 {
          font-weight: bold;
          text-align: left; }
      .accordion-list--press-offices .accordion-list__container .title-press {
        width: 70%; }
        .accordion-list--press-offices .accordion-list__container .title-press h5 {
          padding-left: 25px;
          text-align: left; }
      .accordion-list--press-offices .accordion-list__container .accordion-items__content {
        padding: 10px 25px 50px 25px; }
        .accordion-list--press-offices .accordion-list__container .accordion-items__content__image {
          float: left;
          width: 30%;
          margin: 0; }
        .accordion-list--press-offices .accordion-list__container .accordion-items__content article {
          float: left;
          width: 70%;
          padding-left: 30px; }

#meteo-top {
  background-color: #f08842;
  position: relative;
  z-index: 9999;
  height: 135px;
  overflow: hidden;
  opacity: 0;
  margin-top: -135px; }
  #meteo-top .previsioni {
    padding: 5px 0px;
    text-align: center;
    position: relative; }
    #meteo-top .previsioni .previsione {
      display: inline-block;
      width: 120px;
      padding: 15px;
      text-align: center; }
      #meteo-top .previsioni .previsione h6 {
        color: #ffffff;
        text-align: center;
        font-family: "Lato", sans-serif;
        font-size: 15px;
        letter-spacing: 1px;
        margin-bottom: 8px; }
      #meteo-top .previsioni .previsione .icon {
        text-align: center; }
        #meteo-top .previsioni .previsione .icon img {
          width: 30px; }
      #meteo-top .previsioni .previsione span.rilievo {
        color: #ffffff;
        font-family: "Lato", sans-serif;
        font-weight: 100;
        display: block; }
        #meteo-top .previsioni .previsione span.rilievo strong {
          color: #ffffff;
          font-weight: 400; }
    #meteo-top .previsioni span.meteo-close-btn {
      font-weight: 100;
      color: #ffffff;
      position: absolute;
      top: 10px;
      right: 25px;
      z-index: 99;
      cursor: pointer;
      font-size: 20px; }

#offers {
  display: block;
  background: #fff;
  position: relative;
  top: 0;
  left: 0;
  height: 530px;
  overflow: hidden;
  border: 25px solid #ffffff;
  margin-bottom: 100px;
  border-top: 0; }
  #offers.offers-special {
    margin-bottom: 50px; }
  #offers .offer-content--desktop {
    display: block; }
    @media screen and (max-width: 1023px) {
      #offers .offer-content--desktop {
        display: none; } }
  #offers .offer-content--mobile {
    display: none; }
    @media screen and (max-width: 1023px) {
      #offers .offer-content--mobile {
        display: block; } }
    #offers .offer-content--mobile .slide .container {
      max-width: 90%;
      background-color: #FAF9F7;
      padding: 50px 25px;
      margin-top: -40px;
      text-align: center; }
      #offers .offer-content--mobile .slide .container h3, #offers .offer-content--mobile .slide .container p {
        text-align: center; }
  #offers .slice {
    position: absolute;
    top: 0;
    left: 25%;
    width: 50%;
    background: #969696;
    height: 100%;
    cursor: pointer; }
    #offers .slice-1 {
      left: 0%;
      background: #222;
      z-index: 11; }
    #offers .slice-2 {
      left: 33.33333%;
      background: #333;
      z-index: 33; }
    #offers .slice-3 {
      left: 66.66666%;
      background: #333;
      z-index: 33; }
    #offers .slice a.area-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 13; }
    #offers .slice .pre-content {
      position: absolute;
      bottom: 30px;
      left: 30px;
      width: 55%;
      z-index: 11; }
      #offers .slice .pre-content * {
        color: #fff; }
      #offers .slice .pre-content h3 {
        font-size: 22px;
        text-transform: uppercase; }
      #offers .slice .pre-content .content {
        display: none; }
        #offers .slice .pre-content .content .intro {
          padding: 25px 0; }
          #offers .slice .pre-content .content .intro * {
            font-size: 13px;
            line-height: 1.8em;
            letter-spacing: 1px; }
        #offers .slice .pre-content .content a.button {
          display: inline-block;
          border: 2px solid #ffffff;
          padding: 15px 55px;
          text-align: center;
          text-transform: uppercase;
          font-size: 14px; }
          #offers .slice .pre-content .content a.button:hover {
            background-color: #ffffff;
            color: #000000; }
    #offers .slice .background {
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      height: 530px;
      width: 100%;
      opacity: 1; }
      #offers .slice .background img {
        height: 100%;
        backface-visibility: hidden;
        max-width: none;
        opacity: 1;
        transform: translate3d(-30px, 0px, 0px) scale(1.12);
        transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
        width: calc(100% + 60px); }
      #offers .slice .background:hover img {
        opacity: 0.5;
        transform: translate3d(0px, 0px, 0px) scale(1); }
    #offers .slice .hover-left {
      height: 100%;
      width: 100%;
      background: url(/www.grandhoteltremezzo.com/i/hover-left-sm.png) left top repeat-y;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 10; }
    #offers .slice:hover div.background img {
      opacity: 0.5;
      transform: translate3d(0px, 0px, 0px) scale(1); }
  @media screen and (max-width: 1023px) {
    #offers {
      height: auto;
      border: 0;
      padding: 0; } }

#gallery-home {
  margin-bottom: 80px;
  margin-top: 80px;
  position: relative;
  overflow: hidden; }
  #gallery-home *,
  #gallery-home *:before,
  #gallery-home *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  #gallery-home a {
    display: block; }
  #gallery-home .bg,
  #gallery-home .overlay {
    text-align: center; }
  #gallery-home img,
  #gallery-home .overlay {
    transition: .3s all; }
  #gallery-home .bg {
    margin: 0;
    position: absolute;
    margin: 0;
    z-index: 19;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease; }
    #gallery-home .bg img {
      width: 100%;
      margin-bottom: -4px; }
    #gallery-home .bg .overlay {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.2);
      color: #fff; }
      #gallery-home .bg .overlay h2 {
        padding-top: 22.5%;
        text-align: center;
        color: #ffffff;
        letter-spacing: 8px; }
        #gallery-home .bg .overlay h2:after {
          content: "";
          display: block;
          margin: 30px auto 0 auto;
          height: 1px;
          width: 90px;
          background-color: #ffffff; }
    #gallery-home .bg:hover {
      transform: scale(1.2);
      -webkit-transition: all 2s ease;
      -moz-transition: all 2s ease;
      -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
      transition: all 2s ease; }
      #gallery-home .bg:hover .overlay {
        background: rgba(0, 0, 0, 0.4); }

#offers-slider .owl-carousel .owl-item {
  overflow: hidden;
  background-color: #000000; }
  #offers-slider .owl-carousel .owl-item .offer {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease; }
    #offers-slider .owl-carousel .owl-item .offer:hover {
      transform: scale(1.1);
      -webkit-transition: all 2s ease;
      -moz-transition: all 2s ease;
      -o-transition: all 2s ease;
      -ms-transition: all 2s ease;
      transition: all 2s ease; }

@media screen and (max-width: 830px) {
  #social-feed {
    padding: 0 40px; } }
#social-feed .social-container {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px; }
  #social-feed .social-container__box {
    position: relative; }
    #social-feed .social-container__box .post {
      padding: 25px; }
      #social-feed .social-container__box .post .social {
        text-align: center; }
        #social-feed .social-container__box .post .social img.logo-social {
          width: 34px;
          display: block;
          margin: 0 auto 15px auto; }
        #social-feed .social-container__box .post .social a.main-link {
          text-transform: uppercase;
          color: #f08842;
          font-size: 12px;
          font-weight: 700; }
      #social-feed .social-container__box .post .image {
        overflow: hidden;
        width: 100%;
        text-align: center;
        margin: 25px 0; }
        #social-feed .social-container__box .post .image a {
          display: block;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-size: auto 100%;
          background-position: center;
          line-height: 0;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #social-feed .social-container__box .post .image a img {
            width: 100%; }
          #social-feed .social-container__box .post .image a:hover {
            background-size: auto 110%;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease; }
      #social-feed .social-container__box .post .message {
        text-align: center;
        line-height: 1.4em;
        font-weight: 300;
        padding: 0 25px;
        font-size: 12px; }
  #social-feed .social-container.owl-theme .owl-nav {
    display: none; }
#social-feed .nav-arrow-outer-lens {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  display: none; }
  @media screen and (max-width: 830px) {
    #social-feed .nav-arrow-outer-lens {
      display: block; } }
  #social-feed .nav-arrow-outer-lens.nav-arrow-prev {
    left: 0; }
    #social-feed .nav-arrow-outer-lens.nav-arrow-prev .nav-arrow {
      left: 25px; }
      #social-feed .nav-arrow-outer-lens.nav-arrow-prev .nav-arrow .arrow {
        background-image: url(/www.grandhoteltremezzo.com/i/arrow-left-grey.png); }
  #social-feed .nav-arrow-outer-lens.nav-arrow-next {
    right: 0; }
    #social-feed .nav-arrow-outer-lens.nav-arrow-next .nav-arrow {
      right: 25px; }
      #social-feed .nav-arrow-outer-lens.nav-arrow-next .nav-arrow .arrow {
        background-image: url(/www.grandhoteltremezzo.com/i/arrow-right-grey.png); }
  #social-feed .nav-arrow-outer-lens .nav-arrow-inner-lens {
    position: relative;
    width: 100%;
    height: 100%; }
    #social-feed .nav-arrow-outer-lens .nav-arrow-inner-lens .nav-arrow {
      position: absolute;
      width: 25px;
      height: 40px;
      top: 59%;
      transform: translateY(-50%); }
      #social-feed .nav-arrow-outer-lens .nav-arrow-inner-lens .nav-arrow .arrow {
        width: 25px;
        height: 40px;
        border: none;
        transform: rotate(0);
        top: 0;
        left: 0;
        display: block; }
#social-feed-juicer #instagram-lens-gallery {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  padding: 0 45px; }
  #social-feed-juicer #instagram-lens-gallery .owl-prev {
    position: absolute;
    width: 25px;
    height: 40px;
    top: 30%;
    width: 25px;
    height: 40px;
    border: none;
    transform: rotate(0);
    left: -1%;
    display: block;
    background-image: url(/www.grandhoteltremezzo.com/i/arrow-left-grey.png);
    font-size: 0; }
    #social-feed-juicer #instagram-lens-gallery .owl-prev.disabled {
      cursor: pointer;
      opacity: 1; }
  #social-feed-juicer #instagram-lens-gallery .owl-next {
    position: absolute;
    width: 25px;
    height: 40px;
    top: 30%;
    width: 25px;
    height: 40px;
    border: none;
    transform: rotate(0);
    right: -1%;
    display: block;
    background-image: url(/www.grandhoteltremezzo.com/i/arrow-right-grey.png);
    font-size: 0; }
    #social-feed-juicer #instagram-lens-gallery .owl-next.disabled {
      cursor: pointer;
      opacity: 1; }
  #social-feed-juicer #instagram-lens-gallery .single-post {
    position: relative; }
    #social-feed-juicer #instagram-lens-gallery .single-post .user {
      margin-top: 25px; }
      #social-feed-juicer #instagram-lens-gallery .single-post .user .avatar, #social-feed-juicer #instagram-lens-gallery .single-post .user .info {
        float: left; }
      #social-feed-juicer #instagram-lens-gallery .single-post .user .avatar {
        width: 30%;
        padding-right: 10%; }
        #social-feed-juicer #instagram-lens-gallery .single-post .user .avatar img {
          border-radius: 150px;
          width: 100%; }
      #social-feed-juicer #instagram-lens-gallery .single-post .user .info {
        width: 70%;
        padding-top: 2%; }
        #social-feed-juicer #instagram-lens-gallery .single-post .user .info strong {
          display: block;
          font-size: 13px;
          margin-bottom: 3px; }
        #social-feed-juicer #instagram-lens-gallery .single-post .user .info span.data {
          display: block;
          font-size: 11px; }
    #social-feed-juicer #instagram-lens-gallery .single-post .azioni-admin {
      top: 0px;
      left: 0px; }
#social-feed-juicer .nav-arrow-outer-lens {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1; }
  #social-feed-juicer .nav-arrow-outer-lens.nav-arrow-prev {
    left: 0; }
    #social-feed-juicer .nav-arrow-outer-lens.nav-arrow-prev .nav-arrow {
      left: 25px; }
      #social-feed-juicer .nav-arrow-outer-lens.nav-arrow-prev .nav-arrow .arrow {
        background-image: url(/www.grandhoteltremezzo.com/i/arrow-left-grey.png); }
  #social-feed-juicer .nav-arrow-outer-lens.nav-arrow-next {
    right: 0; }
    #social-feed-juicer .nav-arrow-outer-lens.nav-arrow-next .nav-arrow {
      right: 25px; }
      #social-feed-juicer .nav-arrow-outer-lens.nav-arrow-next .nav-arrow .arrow {
        background-image: url(/www.grandhoteltremezzo.com/i/arrow-right-grey.png); }
  #social-feed-juicer .nav-arrow-outer-lens .nav-arrow-inner-lens {
    position: relative;
    width: 100%;
    height: 100%; }
    #social-feed-juicer .nav-arrow-outer-lens .nav-arrow-inner-lens .nav-arrow {
      position: absolute;
      width: 25px;
      height: 40px;
      top: 50%;
      transform: translateY(-50%); }
      #social-feed-juicer .nav-arrow-outer-lens .nav-arrow-inner-lens .nav-arrow .arrow {
        width: 25px;
        height: 40px;
        border: none;
        transform: rotate(0);
        top: 0;
        left: 0;
        display: block; }

.azioni-admin {
  position: absolute;
  z-index: 5;
  top: 118px;
  left: 45px;
  padding: 10px;
  background-color: red; }
  .azioni-admin p {
    margin: 0; }
    .azioni-admin p a {
      color: #ffffff; }

#webcam-ght {
  margin: 100px 0; }

.cta-home__col {
  float: left;
  width: 50%;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media screen and (max-width: 620px) {
    .cta-home__col {
      width: 100%;
      float: none; }
      .cta-home__col:first-child {
        margin-bottom: 50px; } }
  .cta-home__col__content {
    padding: 25px; }
    @media screen and (max-width: 450px) {
      .cta-home__col__content {
        padding: 25px 0; } }
    .cta-home__col__content .text {
      margin-bottom: 30px; }
    .cta-home__col__content h2 {
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 3px;
      margin-bottom: 30px; }
      @media screen and (max-width: 450px) {
        .cta-home__col__content h2 {
          font-size: 22px; } }
    .cta-home__col__content article {
      text-align: center;
      display: block;
      width: 90%;
      margin: 0 auto 30px auto;
      max-width: 450px; }
      .cta-home__col__content article p {
        text-align: center; }
      .cta-home__col__content article * {
        font-weight: 300;
        line-height: 2em; }
    .cta-home__col__content .image {
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: center;
      display: block;
      width: 100%;
      max-width: 435px;
      margin: 0 auto;
      border-radius: 50%;
      overflow: hidden;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .cta-home__col__content .image img {
        width: 100%; }
    .cta-home__col__content:hover .image {
      background-size: auto 110%;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .cta-home__col__content .gallery-preview {
      width: 85%;
      margin: 35px auto 0 auto; }
      .cta-home__col__content .gallery-preview__item {
        width: 33.33333%;
        float: left; }
  .cta-home__col:hover {
    border: 1px solid #e6e6e6;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }

#tremezzo-postcard {
  overflow: hidden;
  position: relative;
  min-height: 550px;
  margin: 50px 0;
  text-align: center; }
  #tremezzo-postcard .title-row {
    padding-top: 80px; }
    #tremezzo-postcard .title-row h2 {
      color: #ffffff;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 3px; }
    #tremezzo-postcard .title-row .text {
      width: 90%;
      max-width: 450px;
      margin: 0 auto; }
      #tremezzo-postcard .title-row .text p {
        text-align: center; }
      #tremezzo-postcard .title-row .text * {
        color: #ffffff;
        font-weight: 300;
        line-height: 2em; }
  #tremezzo-postcard .postcard {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%, 0);
    line-height: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #tremezzo-postcard .postcard a {
      line-height: 0; }
      #tremezzo-postcard .postcard a img {
        max-width: 100%;
        margin-left: -50%; }
        @media screen and (max-width: 768px) {
          #tremezzo-postcard .postcard a img {
            margin-left: 0%; } }
    #tremezzo-postcard .postcard:hover {
      bottom: -5px; }
    @media screen and (max-width: 768px) {
      #tremezzo-postcard .postcard {
        position: relative;
        left: inherit;
        display: inline-block;
        max-width: 90%; } }
  @media screen and (max-width: 768px) {
    #tremezzo-postcard {
      min-height: 0; } }

#action-footer {
  margin-top: 100px;
  background: url(/www.grandhoteltremezzo.com/i/bg-footer.jpg) no-repeat center;
  background-size: cover;
  padding: 120px 50px; }
  @media screen and (max-width: 400px) {
    #action-footer {
      padding: 0px; } }
  #action-footer .action-area {
    background-color: rgba(240, 136, 66, 0.9); }
    #action-footer .action-area.container {
      padding: 0;
      text-align: center; }
    #action-footer .action-area__col {
      padding: 80px 15px;
      text-align: center;
      float: left;
      width: 33.3333%;
      position: relative; }
      @media screen and (max-width: 980px) {
        #action-footer .action-area__col {
          width: 50%;
          display: inline-block;
          vertical-align: top;
          float: none;
          padding: 40px 25px 0px 25px; } }
      @media screen and (max-width: 620px) {
        #action-footer .action-area__col {
          width: 100%;
          float: none; } }
      #action-footer .action-area__col__text {
        margin-bottom: 30px;
        position: relative; }
      #action-footer .action-area__col * {
        color: #ffffff; }
      #action-footer .action-area__col h4 {
        text-align: center;
        letter-spacing: 2px;
        margin-bottom: 40px;
        text-transform: uppercase; }
        @media screen and (max-width: 980px) {
          #action-footer .action-area__col h4 {
            margin-bottom: 25px; } }
      #action-footer .action-area__col p {
        font-weight: 300;
        text-align: center;
        font-size: 14px; }
        #action-footer .action-area__col p.small {
          font-size: 12px; }
        #action-footer .action-area__col p.tel > a {
          font-size: 21px; }
        #action-footer .action-area__col p a {
          font-weight: 300; }
          #action-footer .action-area__col p a:hover {
            color: rgba(255, 255, 255, 0.8); }
      #action-footer .action-area__col .social-links {
        text-align: center;
        position: absolute;
        width: 100%;
        bottom: 0; }
        #action-footer .action-area__col .social-links a img {
          width: 32px;
          margin: 0 5px;
          opacity: 1;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #action-footer .action-area__col .social-links a img:hover {
            opacity: 0.8;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease; }
      #action-footer .action-area__col .newsletter-form {
        width: 93%;
        margin: 0 auto;
        max-width: 350px; }
        #action-footer .action-area__col .newsletter-form input[type="text"] {
          color: #615e5e;
          padding: 5px 10px;
          width: 70%; }
        #action-footer .action-area__col .newsletter-form input[type="submit"] {
          background-color: #3d3d3d;
          padding: 10px 5px;
          text-align: center;
          text-transform: uppercase;
          cursor: pointer;
          width: 30%;
          -webkit-appearance: none;
          border-radius: 0; }
        #action-footer .action-area__col .newsletter-form input[type="text"], #action-footer .action-area__col .newsletter-form input[type="submit"] {
          display: block;
          float: left;
          border: 0;
          margin: 0;
          font-size: 12px;
          height: 40px;
          -webkit-appearance: none;
          border-radius: 0; }

.template-sub-spa-detail #action-footer {
  margin-top: 0; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #f08842 !important; }

.villa-cta-home .video-area {
  background-image: url(/www.grandhoteltremezzo.com/i/villa-home.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  line-height: 0;
  font-size: 0; }
  .villa-cta-home .video-area .link-container {
    position: absolute;
    padding: 25px;
    text-align: center;
    left: 0;
    width: 100%;
    bottom: 12%;
    z-index: 99; }
    .villa-cta-home .video-area .link-container a {
      display: inline-block;
      text-transform: uppercase;
      color: #ffffff;
      border: 2px solid #ffffff;
      padding: 15px 35px;
      text-align: center;
      letter-spacing: 2px;
      font-size: 16px; }
      .villa-cta-home .video-area .link-container a:hover {
        color: initial;
        background-color: #ffffff; }
      @media screen and (max-width: 500px) {
        .villa-cta-home .video-area .link-container a {
          padding: 10px 25px;
          letter-spacing: 1px;
          border: 1px solid #ffffff;
          font-size: 14px; } }
  .villa-cta-home .video-area .embed-container {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    z-index: 10; }
    .villa-cta-home .video-area .embed-container.hidden {
      z-index: 0; }
  .villa-cta-home .video-area .embed-container iframe {
    display: none; }
  .villa-cta-home .video-area .embed-container iframe,
  .villa-cta-home .video-area .embed-container object,
  .villa-cta-home .video-area .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.promo-home {
  text-align: center;
  padding: 35px 0;
  background-color: #f08842; }
  @media screen and (max-width: 780px) {
    .promo-home #promo-home__container {
      padding: 0px; } }
  .promo-home #promo-home__carousel {
    display: block; }
  .promo-home .item {
    margin-top: 50px; }
    .promo-home .item:first-child {
      margin-top: 0; }
  .promo-home__image {
    max-width: 50%;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 980px) {
      .promo-home__image {
        max-width: 100%; } }
  .promo-home .right-box {
    padding: 0 45px;
    width: 50%;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (max-width: 980px) {
      .promo-home .right-box {
        width: 100%; } }
    @media screen and (max-width: 780px) {
      .promo-home .right-box {
        padding: 0px; } }
    .promo-home .right-box--full {
      width: 100%; }
  .promo-home__title h3 {
    text-align: center;
    color: white;
    margin-bottom: 20px; }
  .promo-home__text {
    max-width: 900px;
    margin: 0 auto;
    text-align: center; }
    .promo-home__text p {
      text-align: center;
      color: white;
      font-size: 18px; }
      .promo-home__text p:last-child {
        margin-bottom: 0; }
      .promo-home__text p * {
        font-size: 18px;
        color: white; }
  .promo-home .divider {
    display: block;
    height: 2px;
    width: 100%;
    max-width: 96px;
    margin: 25px auto;
    background-color: #615e5e; }
  .promo-home__cta {
    text-align: center;
    padding-top: 30px; }
    .promo-home__cta a {
      font-size: 18px;
      font-family: "Lato", sans-serif;
      color: white;
      padding: 15px 5%;
      border: 2px solid white;
      display: inline-block;
      margin-top: -11px;
      text-align: center;
      text-transform: uppercase;
      display: inline-block;
      text-transform: uppercase;
      color: #ffffff;
      padding: 15px 35px;
      text-align: center;
      letter-spacing: 2px;
      font-size: 16px; }
      @media screen and (max-width: 500px) {
        .promo-home__cta a {
          padding: 10px 25px;
          letter-spacing: 1px;
          font-size: 14px; } }
      .promo-home__cta a:hover {
        color: #f08842;
        background-color: white;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }

.page-intro {
  margin: 60px 0; }
  .page-intro .row {
    margin-bottom: 2%; }
    .page-intro .row__image, .page-intro .row__text {
      float: left; }
    .page-intro .row__image {
      width: 23%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      margin-right: 2%; }
      .page-intro .row__image.text-left {
        margin-right: 0%;
        margin-left: 2%; }
      .page-intro .row__image img {
        width: 100%; }
      .page-intro .row__image--rect {
        width: 66%; }
        @media screen and (max-width: 1080px) {
          .page-intro .row__image--rect {
            width: 100%;
            margin-bottom: 10px; } }
      .page-intro .row__image--rectsmall {
        width: 48%; }
      .page-intro .row__image--last {
        margin-right: 0;
        width: 32%; }
      @media screen and (max-width: 860px) {
        .page-intro .row__image--img1, .page-intro .row__image--img2, .page-intro .row__image--imgintroc4, .page-intro .row__image--imgintroc5 {
          width: 49%;
          margin: 0; }
        .page-intro .row__image--img1, .page-intro .row__image--imgintroc4 {
          margin-right: 1% !important;
          margin-left: 0 !important; }
        .page-intro .row__image--img2, .page-intro .row__image--imgintroc5 {
          margin-left: 1% !important; }
        .page-intro .row__image--img3 {
          width: 100%;
          height: 350px !important; }
        .page-intro .row__image--img4, .page-intro .row__image--img5, .page-intro .row__image--img6 {
          display: none; }
        .page-intro .row__image--imgintro1, .page-intro .row__image--imgintro2 {
          display: none; }
        .page-intro .row__image--imgintroc1, .page-intro .row__image--imgintroc2 {
          display: none; }
        .page-intro .row__image--imgintroc3 {
          width: 100%;
          margin: 0;
          float: none;
          display: block;
          height: 350px !important; }
        .page-intro .row__image--imgintroc4, .page-intro .row__image--imgintroc5 {
          margin-top: 2%; }
        .page-intro .row__image--rectsmall {
          width: 100%;
          margin-left: 0;
          margin-right: 0; } }
    .page-intro .row__morecontent {
      background: url(/www.grandhoteltremezzo.com/i/bg-info-tspa.jpg) no-repeat bottom center;
      background-size: cover;
      position: relative; }
      .page-intro .row__morecontent .more-content {
        position: absolute;
        z-index: 5;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
        .page-intro .row__morecontent .more-content article {
          display: block;
          padding: 25px 10%; }
          .page-intro .row__morecontent .more-content article * {
            color: #ffffff;
            text-align: center; }
          .page-intro .row__morecontent .more-content article p {
            font-size: 16px;
            font-weight: 300;
            letter-spacing: 1px;
            line-height: 0.9em; }
            .page-intro .row__morecontent .more-content article p b, .page-intro .row__morecontent .more-content article p strong, .page-intro .row__morecontent .more-content article p b > a, .page-intro .row__morecontent .more-content article p strong > a {
              font-size: 16px;
              font-weight: 400; }
            .page-intro .row__morecontent .more-content article p em {
              font-size: 12px;
              font-style: normal; }
            .page-intro .row__morecontent .more-content article p a {
              font-size: 16px;
              font-weight: 300; }
              .page-intro .row__morecontent .more-content article p a:hover {
                text-decoration: underline; }
          .page-intro .row__morecontent .more-content article .request-box {
            margin-top: 30px; }
            .page-intro .row__morecontent .more-content article .request-box a {
              border: 2px solid #ffffff;
              text-transform: uppercase;
              padding: 10px 30px;
              letter-spacing: 1px;
              display: inline-block; }
              .page-intro .row__morecontent .more-content article .request-box a:hover {
                color: #615e5e;
                background-color: #ffffff; }
      .page-intro .row__morecontent img {
        position: relative;
        width: 100%;
        z-index: 1; }
      .page-intro .row__morecontent--last {
        margin-right: 0;
        width: 32%; }
        @media screen and (max-width: 1080px) {
          .page-intro .row__morecontent--last {
            width: 100%;
            height: 400px !important; } }
    .page-intro .row__text {
      width: 50%;
      border: 1px solid #e6e6e6; }
      .page-intro .row__text h1, .page-intro .row__text h2, .page-intro .row__text h5 {
        text-align: center;
        margin-bottom: 0; }
      .page-intro .row__text h1 {
        font-size: 36px; }
      .page-intro .row__text article {
        padding: 25px 10%; }
        .page-intro .row__text article p {
          /*                    font-weight: 300;*/
          line-height: 1.9em; }
        @media screen and (max-width: 860px) {
          .page-intro .row__text article {
            padding: 25px 0; } }
      .page-intro .row__text.title-page {
        float: right; }
        .page-intro .row__text.title-page h1 {
          font-size: 36px; }
        @media screen and (max-width: 860px) {
          .page-intro .row__text.title-page {
            float: none;
            width: 100%;
            border: 0;
            margin-bottom: 20px; } }
      @media screen and (max-width: 860px) {
        .page-intro .row__text {
          width: 100%;
          height: auto !important;
          border: 0;
          margin-bottom: 20px; } }
    .page-intro .row__details {
      width: 32%;
      float: left;
      padding: 5% 25px;
      border: 1px solid #f08842; }
      @media screen and (max-width: 860px) {
        .page-intro .row__details {
          width: 100%;
          float: none;
          padding: 25px;
          margin-top: 2%; } }
      .page-intro .row__details article {
        text-align: center; }
        .page-intro .row__details article p {
          text-align: center;
          text-transform: uppercase;
          font-weight: 300;
          margin-bottom: 35px;
          line-height: 1.6em; }
          .page-intro .row__details article p b, .page-intro .row__details article p strong {
            font-weight: 400; }
          .page-intro .row__details article p:last-child {
            margin-bottom: 0; }

.sub-pages .section {
  border-top: 1px solid #e6e6e6;
  padding: 30px 0; }
  .sub-pages .section .row {
    margin-bottom: 2%; }
    .sub-pages .section .row__title, .sub-pages .section .row__image {
      float: left;
      position: relative; }
    .sub-pages .section .row__title {
      width: 33%;
      margin-right: 2%; }
      @media screen and (max-width: 860px) {
        .sub-pages .section .row__title {
          width: 100%;
          margin: 0;
          height: auto !important;
          float: none;
          display: block; } }
      .sub-pages .section .row__title__title-box {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        top: 0; }
        @media screen and (max-width: 860px) {
          .sub-pages .section .row__title__title-box {
            position: relative; } }
        .sub-pages .section .row__title__title-box > div {
          padding: 25px;
          text-align: center; }
          .sub-pages .section .row__title__title-box > div h3, .sub-pages .section .row__title__title-box > div h5 {
            text-align: center; }
          .sub-pages .section .row__title__title-box > div span.divider {
            display: block;
            height: 2px;
            width: 100%;
            max-width: 96px;
            margin: 25px auto;
            background-color: #615e5e; }
          .sub-pages .section .row__title__title-box > div a {
            color: #f08842; }
      .sub-pages .section .row__title img.bg-img {
        width: 100%;
        position: relative;
        z-index: 0; }
        @media screen and (max-width: 860px) {
          .sub-pages .section .row__title img.bg-img {
            display: none; } }
    .sub-pages .section .row__image {
      width: 65%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      @media screen and (max-width: 860px) {
        .sub-pages .section .row__image {
          width: 100%;
          height: 350px !important; } }
      @media screen and (max-width: 560px) {
        .sub-pages .section .row__image {
          height: 220px !important; } }
      .sub-pages .section .row__image--square {
        width: 23%;
        margin-right: 2%; }
        .sub-pages .section .row__image--square img {
          width: 100%; }
        @media screen and (max-width: 860px) {
          .sub-pages .section .row__image--square {
            display: none; } }
      .sub-pages .section .row__image--rectsmall {
        width: 48%;
        margin-right: 2%; }
        @media screen and (max-width: 860px) {
          .sub-pages .section .row__image--rectsmall {
            display: none; } }
    .sub-pages .section .row__text {
      width: 50%;
      border: 1px solid #e6e6e6; }
      @media screen and (max-width: 860px) {
        .sub-pages .section .row__text {
          width: 100%; } }
      .sub-pages .section .row__text article {
        padding: 25px 10%; }
        .sub-pages .section .row__text article p {
          font-weight: 300;
          line-height: 1.8em; }
    .sub-pages .section .row:last-child {
      margin-bottom: 0; }

.sub-pages-alternated .section {
  border-top: 1px solid #e6e6e6;
  padding: 50px 0; }
  @media screen and (max-width: 860px) {
    .sub-pages-alternated .section {
      border-top: 0; } }
  .sub-pages-alternated .section .row__title, .sub-pages-alternated .section .row__image {
    float: left;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    @media screen and (max-width: 860px) {
      .sub-pages-alternated .section .row__title, .sub-pages-alternated .section .row__image {
        width: 100%; } }
  .sub-pages-alternated .section .row__title {
    float: right; }
    .sub-pages-alternated .section .row__title__title-box {
      padding: 15% 10%; }
      .sub-pages-alternated .section .row__title__title-box h3 {
        text-align: center;
        margin-bottom: 30px; }
      .sub-pages-alternated .section .row__title__title-box article p {
        line-height: 1.9em; }
      @media screen and (max-width: 860px) {
        .sub-pages-alternated .section .row__title__title-box {
          padding: 25px 0; } }
  @media screen and (max-width: 860px) {
    .sub-pages-alternated .section .row__image {
      height: 350px !important; } }
  @media screen and (max-width: 560px) {
    .sub-pages-alternated .section .row__image {
      height: 220px !important; } }
  .sub-pages-alternated .section.alternated .row__title {
    float: left; }

.single-fullcontent {
  margin-bottom: 80px; }
  .single-fullcontent__content {
    min-height: 690px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-right: 25px solid #ffffff;
    border-left: 25px solid #ffffff; }
    .single-fullcontent__content__description {
      padding: 5% 25px 25px 25px; }
      .single-fullcontent__content__description article * {
        color: #ffffff;
        font-weight: 400;
        font-style: italic;
        font-size: 18px;
        text-align: center;
        letter-spacing: 1px;
        line-height: 1.6em; }

#rooms-grid .section .room {
  position: relative;
  float: left;
  width: 49%;
  min-height: 400px;
  margin-bottom: 2%;
  background-color: #000000;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    #rooms-grid .section .room {
      width: 100%; } }
  #rooms-grid .section .room--left {
    margin-right: 1%; }
    @media screen and (max-width: 767px) {
      #rooms-grid .section .room--left {
        margin-right: 0; } }
  #rooms-grid .section .room--right {
    margin-left: 1%; }
    @media screen and (max-width: 767px) {
      #rooms-grid .section .room--right {
        margin-left: 0; } }
  #rooms-grid .section .room--full {
    width: 100%;
    min-height: 450px;
    position: relative; }
  #rooms-grid .section .room__title {
    position: relative;
    z-index: 10;
    width: 100%;
    text-align: center; }
    #rooms-grid .section .room__title h3 {
      text-align: center;
      color: #ffffff;
      font-family: "Lato", sans-serif;
      margin: 0;
      padding: 25px;
      max-width: 400px;
      margin: 0 auto;
      font-weight: 400;
      line-height: 1.6em;
      letter-spacing: 2px; }
    #rooms-grid .section .room__title__details {
      padding: 0 25px;
      text-align: center;
      display: none; }
      #rooms-grid .section .room__title__details div {
        text-align: center;
        color: #ffffff;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 2px;
        margin-bottom: 5px; }
        #rooms-grid .section .room__title__details div span {
          color: #ffffff;
          font-weight: 100;
          letter-spacing: 0px;
          font-weight: 300;
          font-size: 14px; }
      #rooms-grid .section .room__title__details .divider {
        display: inline-block;
        height: 1px;
        margin-bottom: 20px;
        background-color: #ffffff;
        width: 0; }
  #rooms-grid .section .room__opacity {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  #rooms-grid .section .room:hover .room__opacity {
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.4; }

.whyloveit {
  margin: 100px 0; }
  .whyloveit__container {
    max-width: 1250px; }
    @media screen and (max-width: 767px) {
      .whyloveit__container {
        text-align: center; } }
  .whyloveit__box {
    float: left;
    width: 33.3333%;
    padding: 0 25px; }
    .whyloveit__box .image {
      width: 100%;
      max-width: 44px;
      display: block;
      margin: 40px auto; }
    .whyloveit__box .description {
      text-align: center;
      max-width: 300px;
      display: block;
      margin: 0 auto; }
      .whyloveit__box .description p {
        text-align: center; }
    @media screen and (max-width: 767px) {
      .whyloveit__box {
        float: none;
        display: inline-block;
        width: 50%;
        padding: 0 25px 25px 25px;
        vertical-align: top; } }
    @media screen and (max-width: 520px) {
      .whyloveit__box {
        display: block;
        width: 100%;
        padding: 25px 0; } }

.detail-tabs__tabs {
  width: 100%;
  max-width: 992px;
  margin: 0 auto; }
  .detail-tabs__tabs .tab {
    float: left;
    width: 25%;
    padding: 20px 5px;
    text-align: center;
    background-color: #f8f7f7;
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    cursor: pointer; }
    .detail-tabs__tabs .tab span {
      display: block;
      text-transform: uppercase;
      font-size: 16px; }
      @media screen and (max-width: 1024px) {
        .detail-tabs__tabs .tab span {
          font-size: 14px; } }
      @media screen and (max-width: 875px) {
        .detail-tabs__tabs .tab span {
          font-size: 13px; } }
    .detail-tabs__tabs .tab.active {
      background-color: #615e5e; }
      .detail-tabs__tabs .tab.active span {
        color: #ffffff; }
    @media screen and (max-width: 825px) {
      .detail-tabs__tabs .tab {
        padding: 20px 1px; } }
    @media screen and (max-width: 790px) {
      .detail-tabs__tabs .tab {
        width: 50%; } }
    @media screen and (max-width: 480px) {
      .detail-tabs__tabs .tab {
        width: 100%;
        padding: 12px 15px; } }
.detail-tabs__line-bottom {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #f8f7f7; }
.detail-tabs__tabs-detail {
  margin: 0 auto;
  max-width: 1145px; }
  .detail-tabs__tabs-detail .tab-content {
    display: none;
    padding: 50px 25px; }
    @media screen and (max-width: 767px) {
      .detail-tabs__tabs-detail .tab-content {
        padding: 30px 0; } }
    .detail-tabs__tabs-detail .tab-content.active {
      display: block; }
    .detail-tabs__tabs-detail .tab-content__image {
      float: left;
      width: 55%; }
      @media screen and (max-width: 767px) {
        .detail-tabs__tabs-detail .tab-content__image {
          width: 100%;
          float: none; } }
    .detail-tabs__tabs-detail .tab-content__text {
      float: left;
      width: 45%;
      padding: 50px 25px 25px 7%; }
      @media screen and (max-width: 767px) {
        .detail-tabs__tabs-detail .tab-content__text {
          width: 100%;
          float: none;
          padding: 50px 25px 25px 25px; } }
      .detail-tabs__tabs-detail .tab-content__text article {
        font-weight: 300;
        font-size: 14px; }
        .detail-tabs__tabs-detail .tab-content__text article p {
          font-weight: 300;
          font-size: 14px; }
        .detail-tabs__tabs-detail .tab-content__text article span {
          font-weight: 300;
          font-size: 14px; }
        .detail-tabs__tabs-detail .tab-content__text article ul {
          list-style: disc; }
          .detail-tabs__tabs-detail .tab-content__text article ul li {
            font-weight: 300;
            font-size: 14px;
            margin-bottom: 13px; }

.experiences .page-intro {
  margin-bottom: 0; }
  .experiences .page-intro .container {
    padding: 0 calc(25px - 1%); }
  .experiences .page-intro .row {
    margin-bottom: 1%; }
    .experiences .page-intro .row__image {
      margin: 0 1%; }
      @media screen and (max-width: 767px) {
        .experiences .page-intro .row__image {
          display: none; } }
    .experiences .page-intro .row__text {
      width: 48%;
      margin-left: 1%; }
      @media screen and (max-width: 767px) {
        .experiences .page-intro .row__text {
          width: 100%;
          margin: 0; } }
.experiences__container {
  padding: 0 calc(25px - 1%); }
  .experiences__container__item {
    position: relative;
    float: left;
    width: 23%;
    margin: 1%;
    overflow: hidden;
    line-height: 0; }
    @media screen and (max-width: 767px) {
      .experiences__container__item {
        width: 48%; } }
    @media screen and (max-width: 400px) {
      .experiences__container__item {
        width: 100%;
        margin: 0 0 25px 0; } }
    .experiences__container__item__content {
      padding: 20px;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 5;
      background-color: rgba(0, 0, 0, 0.2); }
      .experiences__container__item__content h4 {
        font-weight: 400;
        letter-spacing: 2px;
        color: #ffffff;
        font-family: "Lato", sans-serif;
        text-align: center; }
    .experiences__container__item img {
      position: relative;
      width: 100%;
      z-index: 1; }
      .experiences__container__item img.bg {
        z-index: 3;
        position: absolute;
        width: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
    .experiences__container__item:hover img.bg {
      -webkit-transform: scale3d(1.1, 1.1, 1);
      transform: scale3d(1.1, 1.1, 1);
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

#request-info .content h2 {
  text-align: center;
  font-style: "Cinzel", serif; }

.press-area-container {
  margin-top: 100px; }

.press-area-intro article {
  text-align: center; }
  .press-area-intro article * {
    text-align: center;
    font-size: 16px; }
  .press-area-intro article p {
    margin-bottom: 25px; }

.press-wrapper .press-filters {
  text-align: center;
  margin-bottom: 60px; }
  .press-wrapper .press-filters .form {
    text-align: center; }
    .press-wrapper .press-filters .form p {
      display: inline-block;
      margin: 0 15px; }
    .press-wrapper .press-filters .form label {
      margin-right: 15px;
      font-weight: 300; }
    .press-wrapper .press-filters .form input[type="submit"] {
      font-weight: 300;
      border: 1px solid #b9b8b9;
      padding: 5px 15px;
      text-align: center;
      font-size: 14px;
      cursor: pointer;
      background-color: #ffffff;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .press-wrapper .press-filters .form input[type="submit"]:hover {
        background-color: #b9b8b9;
        color: #ffffff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease; }
    .press-wrapper .press-filters .form select {
      background: url(/www.grandhoteltremezzo.com/i/select-arrow-grey.png) no-repeat right center;
      background-color: transparent;
      padding: 0 25px 0 5px;
      border: 0;
      border-radius: 0;
      font-weight: 300;
      -moz-appearance: none !important;
      appearance: none !important;
      -webkit-appearance: none !important;
      min-height: 25px;
      border-bottom: 1px solid #b9b8b9; }
.press-wrapper .press-articles {
  max-width: 1300px;
  margin: 0 auto; }
  .press-wrapper .press-articles .press {
    float: left;
    width: 20%;
    text-align: center;
    padding: 15px 15px 35px 15px;
    position: relative;
    transition: all 0.55s ease 0s; }
    @media screen and (max-width: 840px) {
      .press-wrapper .press-articles .press {
        width: 33.33334%; } }
    @media screen and (max-width: 600px) {
      .press-wrapper .press-articles .press {
        width: 50%; } }
    @media screen and (max-width: 420px) {
      .press-wrapper .press-articles .press {
        width: 100%; } }
    .press-wrapper .press-articles .press .icon {
      opacity: 0;
      pointer-events: none;
      display: block;
      height: 100%;
      width: 100%;
      background: url(press-download.png) center 35% no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      transition: all 0.55s ease 0s; }
    .press-wrapper .press-articles .press .dati h5 {
      font-family: "Lato", sans-serif;
      margin-top: 5px;
      font-size: 10px;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      line-height: 1.3em;
      margin-bottom: 0;
      padding: 0;
      font-weight: 300; }
      .press-wrapper .press-articles .press .dati h5 em {
        font-weight: 400;
        font-family: "Lato", sans-serif;
        font-size: 12px; }
    .press-wrapper .press-articles .press .dati h3 {
      font-family: "Lato", sans-serif;
      margin-top: 5px;
      font-size: 16px;
      font-weight: 400;
      text-align: center;
      line-height: 1.3em;
      letter-spacing: 1px; }
  .press-wrapper .press-articles--press .press:hover img {
    filter: grayscale(100%);
    opacity: .3;
    transition: all 0.55s ease 0s; }
  .press-wrapper .press-articles--press .press:hover .icon {
    opacity: 1;
    transition: all 0.55s ease 0s; }

#offers-list .anchor {
  display: block;
  height: 140px;
  /*same height as header*/
  margin-top: -140px;
  /*same height as header*/
  visibility: hidden; }
#offers-list .offer {
  margin: 50px 0;
  border-bottom: 1px solid #dadada; }
  #offers-list .offer:last-child {
    border-bottom: 0;
    margin-bottom: 0; }
  #offers-list .offer__content {
    padding-bottom: 80px; }
    #offers-list .offer__content__row {
      position: relative; }
      #offers-list .offer__content__row--image .title {
        position: relative;
        padding: 25px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        float: left;
        width: 66%;
        margin-right: 2%; }
        @media screen and (max-width: 920px) {
          #offers-list .offer__content__row--image .title {
            width: 100%;
            margin: 0;
            float: none;
            min-height: 220px; } }
        #offers-list .offer__content__row--image .title h2 {
          color: #ffffff;
          font-family: "Lato", sans-serif;
          margin: 0;
          font-size: 30px;
          letter-spacing: 3px;
          font-weight: 400; }
      #offers-list .offer__content__row--image .offer-description {
        float: left;
        width: 32%;
        position: relative;
        border: 1px solid #e6e6e6; }
        @media screen and (max-width: 920px) {
          #offers-list .offer__content__row--image .offer-description {
            width: 100%;
            margin: 0;
            float: none;
            height: auto !important; } }
        #offers-list .offer__content__row--image .offer-description .description {
          position: absolute;
          width: 100%;
          z-index: 5;
          padding: 25px; }
          @media screen and (max-width: 920px) {
            #offers-list .offer__content__row--image .offer-description .description {
              position: relative;
              padding: 40px 25px 25px 25px; } }
          #offers-list .offer__content__row--image .offer-description .description h5 {
            font-weight: 700;
            font-family: "Lato", sans-serif;
            font-size: 14px;
            letter-spacing: 2px; }
          #offers-list .offer__content__row--image .offer-description .description *, #offers-list .offer__content__row--image .offer-description .description p {
            font-weight: 300;
            line-height: 1.6em; }
            #offers-list .offer__content__row--image .offer-description .description * strong, #offers-list .offer__content__row--image .offer-description .description p strong {
              font-weight: 400; }
        #offers-list .offer__content__row--image .offer-description .bg-img {
          width: 100%;
          position: relative;
          z-index: 1; }
          @media screen and (max-width: 920px) {
            #offers-list .offer__content__row--image .offer-description .bg-img {
              display: none; } }
      #offers-list .offer__content__row--details .offer-details {
        float: left;
        width: 66%;
        margin-right: 2%;
        padding: 80px 25px 25px 25px; }
        @media screen and (max-width: 920px) {
          #offers-list .offer__content__row--details .offer-details {
            padding: 40px 25px 25px 25px; } }
        @media screen and (max-width: 767px) {
          #offers-list .offer__content__row--details .offer-details {
            width: 100%;
            float: none;
            margin: 0; } }
        #offers-list .offer__content__row--details .offer-details h5 {
          font-weight: 700;
          font-family: "Lato", sans-serif;
          font-size: 14px;
          margin-bottom: 30px;
          letter-spacing: 2px; }
        #offers-list .offer__content__row--details .offer-details article {
          font-weight: 300;
          line-height: 1.6em;
          padding-right: 30px; }
          #offers-list .offer__content__row--details .offer-details article p, #offers-list .offer__content__row--details .offer-details article ul li {
            font-weight: 300;
            line-height: 1.6em; }
          #offers-list .offer__content__row--details .offer-details article ul > li:before {
            content: "";
            display: block;
            margin: 8px 0;
            width: 10px;
            height: 1px;
            background-color: #b0aeae; }
          #offers-list .offer__content__row--details .offer-details article ul > li:first-child:before {
            display: none; }
        #offers-list .offer__content__row--details .offer-details .col {
          float: left;
          width: 50%; }
      #offers-list .offer__content__row--details .offer-conditions {
        margin-top: 50px; }
        #offers-list .offer__content__row--details .offer-conditions h5.btn-accordion {
          cursor: pointer;
          color: #f08842;
          font-size: 12px;
          letter-spacing: 2px; }
        #offers-list .offer__content__row--details .offer-conditions__accordion {
          display: none; }
          #offers-list .offer__content__row--details .offer-conditions__accordion article p {
            font-weight: 300;
            line-height: 1.6em; }
      #offers-list .offer__content__row--details .offer-actions {
        float: left;
        width: 32%;
        padding: 80px 25px 25px 0;
        position: relative; }
        @media screen and (max-width: 920px) {
          #offers-list .offer__content__row--details .offer-actions {
            padding: 40px 25px 25px 0; } }
        @media screen and (max-width: 767px) {
          #offers-list .offer__content__row--details .offer-actions {
            width: 100%;
            float: none;
            padding: 40px 25px 25px 25px; } }
        #offers-list .offer__content__row--details .offer-actions a.action {
          font-weight: 700;
          display: block;
          margin-bottom: 30px;
          text-transform: uppercase;
          font-size: 17px;
          letter-spacing: 2px; }
          #offers-list .offer__content__row--details .offer-actions a.action.orange {
            color: #f08842; }
            #offers-list .offer__content__row--details .offer-actions a.action.orange:hover {
              color: #615e5e; }
        #offers-list .offer__content__row--details .offer-actions .hidden_box {
          display: none; }
          #offers-list .offer__content__row--details .offer-actions .hidden_box a.action {
            text-transform: lowercase;
            font-size: 14px; }
            #offers-list .offer__content__row--details .offer-actions .hidden_box a.action:first-child {
              margin-bottom: 10px; }

#contatti {
  text-align: center;
  max-width: 1100px; }
  @media screen and (max-width: 820px) {
    #contatti {
      font-size: 0; } }
  #contatti .contact-item {
    float: left;
    width: 25%;
    text-align: center;
    padding: 50px 2%; }
    @media screen and (max-width: 820px) {
      #contatti .contact-item {
        width: 50%;
        float: none;
        display: inline-block;
        vertical-align: top; } }
    @media screen and (max-width: 460px) {
      #contatti .contact-item {
        width: 100%;
        padding: 0 0 30px 0; } }
    #contatti .contact-item img.icon {
      width: 47px;
      margin-bottom: 15px; }
    #contatti .contact-item h4 {
      font-family: "Lato", sans-serif;
      color: #f08842;
      text-align: center;
      letter-spacing: 1px;
      font-weight: 400;
      font-size: 18px; }
    #contatti .contact-item p, #contatti .contact-item p a {
      text-align: center;
      line-height: 1.6em;
      font-weight: 300; }

#team-list {
  max-width: 1340px;
  margin-top: 90px; }
  #team-list img.profile {
    width: 100%;
    margin-bottom: 25px; }
  #team-list .team {
    float: left;
    width: 20%;
    padding: 15px; }
    @media screen and (max-width: 820px) {
      #team-list .team {
        width: 33.33334%; } }
    @media screen and (max-width: 690px) {
      #team-list .team {
        width: 50%; } }
    @media screen and (max-width: 440px) {
      #team-list .team {
        width: 100%; } }
    #team-list .team .personal-info {
      float: left;
      width: 80%;
      padding-right: 15px; }
      #team-list .team .personal-info h4 {
        font-size: 18px;
        font-family: "Lato", sans-serif;
        letter-spacing: 1px;
        font-weight: 400; }
      #team-list .team .personal-info p {
        color: #f08842;
        text-transform: uppercase;
        font-size: 12px; }
    #team-list .team .mail-info {
      float: left;
      width: 20%;
      text-align: right; }
      #team-list .team .mail-info a {
        line-height: 0; }
        #team-list .team .mail-info a img.ico-mail {
          width: 100%;
          max-width: 27px;
          opacity: 1;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          #team-list .team .mail-info a img.ico-mail:hover {
            opacity: 0.7;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            transition: all 0.3s ease; }

/* MAPPA */
#map-timing {
  width: 100%;
  margin: 0; }

#map-timing table img {
  max-width: 100%; }

#map-timing table td {
  padding: 2% 4%;
  color: #ffffff; }

#map-timing table {
  width: 100%;
  margin: 0 auto; }

#map-timing .map-table {
  float: left;
  width: 40%;
  text-align: center; }

#map-timing .timing-table {
  float: left;
  width: 60%;
  padding-left: 25px; }

#reserved-area {
  margin: 80px auto; }
  #reserved-area h3 {
    text-align: center;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 35px; }
  #reserved-area .container--small {
    width: 100%;
    max-width: 640px;
    margin: 0 auto; }
  #reserved-area .registration-form {
    width: 100%;
    max-width: 920px;
    margin: 0 auto; }
  #reserved-area .form p {
    text-align: center;
    font-weight: 300; }
    #reserved-area .form p label {
      font-weight: 300;
      width: 100%;
      display: block; }
    #reserved-area .form p.checkbox {
      text-align: center; }
      #reserved-area .form p.checkbox .checkbox {
        display: inline-block;
        width: auto;
        margin: 0 5px; }
    #reserved-area .form p.submit input[type="submit"] {
      display: inline-block;
      width: auto;
      padding: 10px 55px;
      text-transform: uppercase;
      border: 2px solid #f08842;
      color: #f08842;
      background-color: #ffffff;
      cursor: pointer; }
      #reserved-area .form p.submit input[type="submit"]:hover {
        color: #ffffff;
        background-color: #f08842; }
    #reserved-area .form p.textarea {
      margin: 30px 0; }
      #reserved-area .form p.textarea label {
        margin-bottom: 10px; }
      #reserved-area .form p.textarea textarea {
        width: 92%;
        height: 120px;
        border: 0;
        background-color: #efefef;
        border-radius: 0;
        padding: 8px; }
    #reserved-area .form p.sx {
      float: left;
      width: 50%; }
  #reserved-area .form select {
    background: url(/www.grandhoteltremezzo.com/i/select-arrow-grey.png) no-repeat right center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    width: 85%;
    font-weight: 300;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    min-height: 35px;
    border-bottom: 1px solid #b9b8b9; }
  #reserved-area .form .privacy {
    padding: 0 4%;
    margin-bottom: 40px; }
    #reserved-area .form .privacy label {
      display: block;
      text-align: center;
      font-weight: 300;
      margin-bottom: 10px; }
    #reserved-area .form .privacy .privacy-policy {
      padding: 0px; }
      #reserved-area .form .privacy .privacy-policy-content {
        background: #ffffff;
        padding: 10px;
        height: 100px;
        overflow: auto;
        border: 1px solid #b9b8b9;
        margin-bottom: 15px; }
        #reserved-area .form .privacy .privacy-policy-content * {
          font-size: 11px; }
  #reserved-area .registration-confirm p {
    text-align: center;
    margin-bottom: 40px; }
  #reserved-area .registration-confirm .button-link {
    text-align: center; }
    #reserved-area .registration-confirm .button-link a {
      display: inline-block;
      width: auto;
      padding: 10px 55px;
      text-transform: uppercase;
      border: 2px solid #f08842;
      color: #f08842;
      background-color: #ffffff;
      cursor: pointer; }
      #reserved-area .registration-confirm .button-link a:hover {
        color: #ffffff;
        background-color: #f08842; }
  #reserved-area .actions-area {
    text-align: center;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ccc; }
    #reserved-area .actions-area p.link {
      display: inline-block;
      margin: 0 15px;
      text-transform: uppercase; }
      #reserved-area .actions-area p.link a {
        font-weight: 300; }
  #reserved-area p.err {
    color: #ec1b1b;
    text-align: center; }
  #reserved-area .welcome {
    margin-top: -50px;
    text-align: center; }
    #reserved-area .welcome p {
      text-align: center; }
    #reserved-area .welcome a {
      text-transform: uppercase; }
  #reserved-area .titolo {
    font-weight: bold;
    text-transform: uppercase; }
  #reserved-area .area-download {
    overflow: hidden;
    margin-top: 20px;
    background: #f5f5f5;
    padding: 20px; }
    #reserved-area .area-download .lista-filtri {
      float: left;
      width: 20%; }
      #reserved-area .area-download .lista-filtri .filtro {
        display: block;
        margin-bottom: 10px; }
        #reserved-area .area-download .lista-filtri .filtro.active {
          color: #f08842; }
    #reserved-area .area-download .lista-file {
      width: 70%;
      margin-left: 10%;
      overflow: hidden; }
      #reserved-area .area-download .lista-file .tipi_file {
        border-bottom: 2px solid #F28739;
        margin-bottom: 20px; }
        #reserved-area .area-download .lista-file .tipi_file a {
          padding: 10px 15px;
          background: #ccc;
          color: #000;
          text-transform: uppercase;
          display: inline-block;
          margin-bottom: 0px;
          margin-right: 10px; }
          #reserved-area .area-download .lista-file .tipi_file a.active {
            background: #F28739;
            color: #fff; }
      #reserved-area .area-download .lista-file .folder {
        margin-bottom: 20px; }
        #reserved-area .area-download .lista-file .folder .nome-folder {
          background: #F28739;
          padding: 10px;
          color: #fff;
          text-transform: uppercase;
          font-weight: bold; }
      #reserved-area .area-download .lista-file .file {
        clear: left;
        overflow: hidden;
        padding: 15px 0px;
        border-bottom: 1px solid #ccc;
        position: relative; }
        #reserved-area .area-download .lista-file .file img {
          float: left;
          width: 44px; }
        #reserved-area .area-download .lista-file .file .info {
          float: left;
          width: 50%;
          margin-left: 20px; }
          #reserved-area .area-download .lista-file .file .info .nome {
            font-size: 16px;
            font-weight: bold; }
          #reserved-area .area-download .lista-file .file .info a {
            text-decoration: underline;
            position: absolute;
            bottom: 15px;
            right: 15px; }
        #reserved-area .area-download .lista-file .file.image img {
          float: left;
          width: 300px; }

#partners {
  text-align: center; }
  #partners img {
    margin: 20px;
    vertical-align: middle;
    width: 180px;
    padding: 10px; }
    #partners img.big {
      width: 200px; }

.sitemap .content {
  max-width: 980px; }
  .sitemap .content ul {
    list-style: disc; }
    .sitemap .content ul li, .sitemap .content ul li > a {
      text-transform: uppercase; }
    .sitemap .content ul.level_1 > li {
      margin-bottom: 20px; }
    .sitemap .content ul.level_2 {
      list-style: circle;
      margin-left: 40px; }
    .sitemap .content ul.level_3 {
      list-style: circle;
      margin-left: 80px; }

#gallery-ght {
  position: relative;
  margin-top: 80px; }
  #gallery-ght .gallery-row {
    font-size: 0; }
    #gallery-ght .gallery-row .gallery-col {
      width: 33.333334%;
      float: left; }
      #gallery-ght .gallery-row .gallery-col:last-child {
        width: 66.6666668%; }
        @media screen and (max-width: 767px) {
          #gallery-ght .gallery-row .gallery-col:last-child {
            width: 100%; } }
      @media screen and (max-width: 767px) {
        #gallery-ght .gallery-row .gallery-col {
          width: 100%; } }
    #gallery-ght .gallery-row .image-box {
      overflow: hidden;
      display: inline-block;
      line-height: 0;
      border: 5px solid #ffffff;
      vertical-align: top;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      position: relative;
      background-color: #000000; }
      #gallery-ght .gallery-row .image-box--n1 {
        height: 250px;
        width: 100%; }
      #gallery-ght .gallery-row .image-box--n2 {
        height: 500px;
        width: 100%; }
      #gallery-ght .gallery-row .image-box--n3 {
        height: 500px;
        width: 100%; }
      #gallery-ght .gallery-row .image-box--n4 {
        height: 250px;
        width: 25%; }
      #gallery-ght .gallery-row .image-box--n5 {
        height: 250px;
        width: 25%; }
      #gallery-ght .gallery-row .image-box--n6 {
        height: 250px;
        width: 50%; }
      @media screen and (max-width: 1370px) {
        #gallery-ght .gallery-row .image-box--n1 {
          height: 200px; }
        #gallery-ght .gallery-row .image-box--n2 {
          height: 400px; }
        #gallery-ght .gallery-row .image-box--n3 {
          height: 400px; }
        #gallery-ght .gallery-row .image-box--n4 {
          height: 200px; }
        #gallery-ght .gallery-row .image-box--n5 {
          height: 200px; }
        #gallery-ght .gallery-row .image-box--n6 {
          height: 200px; } }
      @media screen and (max-width: 1100px) {
        #gallery-ght .gallery-row .image-box--n1 {
          height: 170px; }
        #gallery-ght .gallery-row .image-box--n2 {
          height: 340px; }
        #gallery-ght .gallery-row .image-box--n3 {
          height: 340px; }
        #gallery-ght .gallery-row .image-box--n4 {
          height: 170px; }
        #gallery-ght .gallery-row .image-box--n5 {
          height: 170px; }
        #gallery-ght .gallery-row .image-box--n6 {
          height: 170px; } }
      @media screen and (max-width: 767px) {
        #gallery-ght .gallery-row .image-box--n1 {
          width: 75%; }
        #gallery-ght .gallery-row .image-box--n2 {
          height: 170px;
          width: 25%; }
        #gallery-ght .gallery-row .image-box--n3 {
          height: 170px;
          width: 100%; }
        #gallery-ght .gallery-row .image-box--n4 {
          width: 25%; }
        #gallery-ght .gallery-row .image-box--n5 {
          width: 25%; }
        #gallery-ght .gallery-row .image-box--n6 {
          width: 50%; } }
      #gallery-ght .gallery-row .image-box__video {
        position: relative;
        overflow: hidden;
        height: 100%;
        width: 100%;
        /*
        padding-top:56.25%;
        height:0;
        */ }
        #gallery-ght .gallery-row .image-box__video iframe.video__video {
          left: 0;
          top: 0;
          height: 100%;
          width: 100%;
          position: absolute; }
      #gallery-ght .gallery-row .image-box a.lightbox-link {
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 25;
        top: 0;
        left: 0; }
        #gallery-ght .gallery-row .image-box a.lightbox-link:hover {
          background-color: rgba(0, 0, 0, 0.5);
          mix-blend-mode: multiply; }
      @media screen and (max-width: 767px) {
        #gallery-ght .gallery-row .image-box--video {
          height: auto !important; }
          #gallery-ght .gallery-row .image-box--video .image-box__video {
            padding: 0;
            height: auto;
            display: block; }
            #gallery-ght .gallery-row .image-box--video .image-box__video iframe.video__video {
              position: relative;
              height: auto; } }
      @media screen and (max-width: 767px) {
        #gallery-ght .gallery-row .image-box--video .image-box__video {
          height: 170px;
          width: 100%; }
          #gallery-ght .gallery-row .image-box--video .image-box__video iframe.video__video {
            height: 170px; } }
    #gallery-ght .gallery-row--alt .gallery-col {
      width: 66.6666668%; }
      #gallery-ght .gallery-row--alt .gallery-col:last-child {
        width: 33.333334%; }
        @media screen and (max-width: 767px) {
          #gallery-ght .gallery-row--alt .gallery-col:last-child {
            width: 100%; } }
      @media screen and (max-width: 767px) {
        #gallery-ght .gallery-row--alt .gallery-col {
          width: 100%; } }
    #gallery-ght .gallery-row--alt .image-box--n1 {
      height: 500px; }
    #gallery-ght .gallery-row--alt .image-box--n2 {
      height: 250px;
      width: 25%; }
    #gallery-ght .gallery-row--alt .image-box--n3 {
      height: 250px;
      width: 25%; }
    #gallery-ght .gallery-row--alt .image-box--n4 {
      height: 250px;
      width: 50%; }
    #gallery-ght .gallery-row--alt .image-box--n5 {
      height: 250px;
      width: 100%; }
    #gallery-ght .gallery-row--alt .image-box--n6 {
      height: 500px;
      width: 100%; }
    @media screen and (max-width: 1370px) {
      #gallery-ght .gallery-row--alt .image-box--n1 {
        height: 400px; }
      #gallery-ght .gallery-row--alt .image-box--n2 {
        height: 200px; }
      #gallery-ght .gallery-row--alt .image-box--n3 {
        height: 200px; }
      #gallery-ght .gallery-row--alt .image-box--n4 {
        height: 200px; }
      #gallery-ght .gallery-row--alt .image-box--n5 {
        height: 200px; }
      #gallery-ght .gallery-row--alt .image-box--n6 {
        height: 400px; } }
    @media screen and (max-width: 1100px) {
      #gallery-ght .gallery-row--alt .image-box--n1 {
        height: 340px; }
      #gallery-ght .gallery-row--alt .image-box--n2 {
        height: 170px; }
      #gallery-ght .gallery-row--alt .image-box--n3 {
        height: 170px; }
      #gallery-ght .gallery-row--alt .image-box--n4 {
        height: 170px; }
      #gallery-ght .gallery-row--alt .image-box--n5 {
        height: 170px; }
      #gallery-ght .gallery-row--alt .image-box--n6 {
        height: 340px; } }
    @media screen and (max-width: 767px) {
      #gallery-ght .gallery-row--alt .image-box--n1 {
        height: 170px;
        width: 100%; }
      #gallery-ght .gallery-row--alt .image-box--n2 {
        width: 25%; }
      #gallery-ght .gallery-row--alt .image-box--n3 {
        width: 25%; }
      #gallery-ght .gallery-row--alt .image-box--n4 {
        width: 50%; }
      #gallery-ght .gallery-row--alt .image-box--n5 {
        width: 50%; }
      #gallery-ght .gallery-row--alt .image-box--n6 {
        height: 170px;
        width: 50%; } }

/*# sourceMappingURL=main.css.map */