repeat/* Bootstrap XL */

@media (min-width: 1200px) {
  .container {
    max-width: 1140px; } }
@media (min-width: 1590px) {
  .container {
    max-width: 1560px; } }


@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }


.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5,
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10,
.col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1; }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13; }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5; }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6; }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7; }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8; }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9; }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10; }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11; }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12; }

  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.33333%; }
  .offset-xl-2 { margin-left: 16.66667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333%; }
  .offset-xl-5 { margin-left: 41.66667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333%; }
  .offset-xl-8 { margin-left: 66.66667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333%; }
  .offset-xl-11 { margin-left: 91.66667%; }
  }





html, body {font-family: 'Montserrat', sans-serif;height: 100%;margin: 0;color:#2c2c29}
h1, h2, h3, h4, h5, h6,
.menu_top, .menu_top_sub {
  font-family: 'Playfair Display', serif;
}
p {color:#2c2c29}

.button {
  color:#fff;
  font-size:18px;
  padding: 15px 30px;
  background: #98814e;
  transition: opacity .3s ease-in-out
}
.button:hover {color:#fff;opacity: .7;text-decoration: none;}
.button2 {
  color:#98814E;
  font-size:18px;
  padding: 15px 30px;
  background: #fff;
  transition: opacity .3s ease-in-out
}
.button2:hover {color:#98814E;opacity: .7;text-decoration: none;}

/* ==== TOGGLE MENU ==== */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    text-transform: uppercase;
    background-color: rgba(0,0,0,.8);
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
    text-align: center;
}


.sidenav ul {list-style:none;padding: 0;text-align: center;}
.sidenav li {border-bottom: #fff 1px dotted;}
.sidenav li:first-child {border-top: #fff 1px dotted;}

.sidenav a {
    padding: 8px;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    display: block;
    transition: all 0.3s ease-in-out;
    white-space:nowrap;
}

.sidenav a:hover {background-color: #98814e;color:#fff}
#menu_mobile .current-menu-item a {background-color: #98814e;color:#fff}

.sidenav .closebtn {
position: absolute;
top: 3px;
right: 5px;
font-size: 36px;
padding: 0 8px;
}

#menu_mobile_toggler {margin-top:7px;font-size: 23px;cursor: pointer;opacity:0}
#menu_mobile_toggler span{font-size: 14px;text-transform: uppercase;font-weight: bold;}


/* ==== HEADER ==== */

#header_top {
  z-index:1000;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  padding-top:20px;padding-bottom:20px;height:200px
}
header {display:inline;text-transform: uppercase;}
header a {color:#fff;font-size: 14px;transition: opacity .3s ease-in-out}
header a:hover {opacity: .4;color:#fff;text-decoration: none;}

#logo, #menu_top_sub, #menu_top, #menu_mobile_toggler {transition: all 0.4s;}

#menu_mobile_toggler {color:#fff;text-align: right;}
#lang, #menu_top {margin-bottom:26px;}
#lang, .menu {text-align: right}
#lang a {color: #98814e;margin-left:15px;font-weight: bold}
#lang span {border-left: #fff 1px dotted; margin:0 10px 0 15px}
#book_now {background: #98814e;color:#fff !important;padding: 5px 10px}
#menu_top ul, #menu_top_sub ul {margin:0;padding:0}
#menu_top li, #menu_top_sub li {display: inline;padding:0 0 0 15px;font-weight: bold;}
#menu_top_sub li a {color:#edd29b}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide {background-position: center !important;background-size: cover !important;}
.swiper-pagination .swiper-pagination-bullet,
.swiper-pagination-blogs .swiper-pagination-bullet {
  margin: 20px 3px;
  width: 13px;
  height: 13px;
  background: #fff;
  opacity: 1;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
}
.swiper-pagination .swiper-pagination-bullet-active,
.swiper-pagination-blogs .swiper-pagination-bullet-active {background: #98814e !important;}

#featured_page {
  height:100%;
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 20%;
  }
.page-template-page-contacts, .page-template-page-privacy {height:auto;}
#featured_page_int {max-width: 90%;align-self: flex-end}
.page-template-page-contacts #featured_page_int,
.page-template-page-privacy #featured_page_int {display:none}
#featured_page_int h2 {
  font-size:40px;
  color:#fff;
  text-transform: none;
  margin-bottom:1em;
  text-shadow: 0px 0px 10px #000000;
}
#featured_page_int a {
  font-size:25px;
  color:#98814e;
  background: rgba(255, 255, 255, .7);
  padding:10px 30px
}

/* ==== FOOTER ==== */

footer {background: #B3B3B3}
#footer_int_sx {background: url("../img/fregio_footer_sx.png") no-repeat top left;background-size: contain;}
#footer_int_dx {background: url("../img/fregio_footer_dx.png") no-repeat top right;background-size: contain;}
#loghi_partners {margin:35px 0}
#loghi_partners img {margin:0 15px}
footer p {font-size:15px;color:#333}
footer p a {
  font-size:15px;
  color:#333;
  transition: color .3s ease-in-out;
  text-decoration: underline;
}
footer p a:hover {color:#000;}

#social_icons {padding:40px 0}
#social_icons i {
  background:#5f5f5f;
  margin:0 5px;
  padding: 9px 7px;
  border-radius: 50%;
  color:#B3B3B3;
  transition: background-color .3s ease-in-out;
  width: 35px;
  height: 35px;
  font-size: 16px;
}
#social_icons i:hover {background-color:#333}

/* ==== RETURN TO TOP ====*/

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.6);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    border-radius: 35px;
    transition: all 0.3s ease;
    z-index:10000;
    border:#fff 2px solid;
    display: none
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 14px;
    top: 11px;
    font-size: 19px;
    transition: all 0.3s ease;
}
#return-to-top:hover {background: rgba(0, 0, 0, 0.3);}
#return-to-top:hover i {color: #fff;top: 5px;}



/* ==== HOME ==== */
.section1_home {margin: 3.5em 0}
.section1_home h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_home p {font-size:18px;font-weight:400}
.section1_home hr {content: '';width: 10%;border-bottom: solid 1px #98814e;}

.section2_home {
  margin-top: 3em;
  margin-bottom: 4em;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 500px;
  background-position: center !important;
}
.section2_home::before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.3);
    width: 100%;
    height: 500px;
}
.section2_home h2 {color:#fff;font-size:36px;text-shadow: 0px 0px 4px #000000;}
.section2_home p {color:#fff;font-size:20px;text-shadow: 0px 0px 4px #000000;margin: 2.5em 0}
.section2_home p a {color:#fff;text-decoration: underline;}
.section2_home p a:hover {color:rgba(255,255,255,.7);text-decoration: none;}

.section3_home {margin-bottom:4em}
.section3_home img {width: 100%;height:auto;transition: filter .3s ease-in-out}
.section3_home img:hover {filter: brightness(.6);}.section3_home h4 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size:22px;
  color:#333;
  font-style: italic;
  background: #dfdfdf;
  padding: 20px 10px;
}
.section3_home h4:before,
.section3_home h4:after {content: '';border-top: 1px solid #5e4f30;margin: 0 15px 0 0;flex: 1 0 15px;}
.section3_home h4:after {margin: 0 0 0 20px;}

.section4_home {
  margin-top: 3em;
  margin-bottom: 3em;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 500px;
  background-position: center !important;
  background-attachment: fixed !important;
  color:#fff
}
.section4_home::before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 500px;
}
.section4_home h2 {color:#98814e;font-size: 44px}
.section4_home p {color:#fff;font-size: 18px;margin: 1em 0 .5em 0}
.section4_home hr {content: '';width: 10%;border-bottom: solid 1px #98814e;margin-bottom: 5em;}
.section4_home p a {color:#fff;text-decoration: underline;}
.section4_home p a:hover {color:rgba(255,255,255,.7);text-decoration: none;}

.section5_home {margin-top: 3em;margin-bottom:5em}
.section5_home h2 {color:#98814e;font-size: 44px}
.section5_home p {font-size: 18px;margin: 1em 0 .5em 0}
.section5_home hr {content: '';width: 10%;border-bottom: solid 1px #98814e;margin-bottom: 3em;}
.section5_home .wiper-wrapper {display:flex;}
.section5_home .swiper-slide {cursor: pointer;height: auto !important;padding-top:28%;border:#98814e 10px solid }
.section5_home .swiper-container-camere {position:relative;overflow:hidden}
.section5_home .swiper-button-prev,
.section5_home .swiper-button-next {background: #98814e}
.section5_home .swiper-button-prev {left: 0px;}
.section5_home .swiper-button-next {right: 0px;}
.section5_home .swiper-slide h4 {
  display:block;
  background:rgba(0,0,0,.5);
  text-align:center;
  padding:5px 0;
  color:#fff;
  margin: 0;
}
.section5_home .swiper-slide h4 a {color:#fff;transition:opacity .3s ease-in-out;font-size: 30px}
.section5_home .swiper-slide h4 a:hover {opacity:.3;text-decoration: none;}


/* ==== PHILOSOPHY ==== */

.section1_philosophy {margin: 3.5em 0}
.section1_philosophy h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_philosophy p {font-size:18px;font-weight:400}
.section1_philosophy hr {content: '';width: 10%;border-bottom: solid 1px #98814e;}

.section2_philosophy {margin-bottom:4em}
.section2_philosophy img {width: 100%;height:auto;transition: filter .3s ease-in-out}
.section2_philosophy img:hover {filter: brightness(.6);}
.section2_philosophy h4 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size:22px;
  color:#333;
  font-style: italic;
  background: #dfdfdf;
  padding: 20px 10px;
}
.section2_philosophy h4:before,
.section2_philosophy h4:after {content: '';border-top: 1px solid #5e4f30;margin: 0 15px 0 0;flex: 1 0 15px;}
.section2_philosophy h4:after {margin: 0 0 0 20px;}

.section3_philosophy {
  margin-top: 3em;
  margin-bottom: 3em;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 600px;
  background-position: center !important;
  background-attachment: fixed !important;
  color:#fff
}
.section3_philosophy::before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 600px;
}
.section3_philosophy h2 {color:#98814e;font-size: 44px}
.section3_philosophy p {color:#fff;font-size: 18px;margin: 1em 0 .5em 0}
.section3_philosophy hr {content: '';width: 10%;border-bottom: solid 1px #98814e;margin-bottom: 5em;}
.section3_philosophy a {
  color:#fff;
  font-size:18px;
  padding: 15px 30px;
  background: #98814e;
  transition: opacity .3s ease-in-out
}
.section3_philosophy a:hover {opacity: .7;text-decoration: none;}

.blocco_latest_blogs {margin-top:3em;margin-bottom:5em}
.blocco_latest_blogs h2 {color:#98814e;font-size: 44px}
.blocco_latest_blogs hr {content: '';width: 10%;border-bottom: solid 1px #98814e;margin-bottom: 2em;}
.blocco_latest_blogs .swiper-container-latest-blogs .swiper-slide {height:540px}
.latest_blogs_int {background: rgba(0,0,0,.6);padding:15px}
.latest_blogs_int h3 {color:#98814e;font-size: 30px}
.latest_blogs_int p {color:#fff;font-size: 14px}
.latest_blogs_int a {
  color:#98814e;
  font-size: 14px;
  padding:10px;
  border-top:#98814e 1px solid;
  border-bottom:#98814e 1px solid;
  transition: color .3s ease-in-out
}
.latest_blogs_int a:hover {color:#fff;text-decoration: none;}

/* ==== POSITION ==== */

.section1_position {margin: 3.5em 0}
.section1_position h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_position p {font-size:18px;font-weight:400}
.section1_position hr {content: '';width: 10%;border-bottom: solid 1px #98814e;}

.section2_position {
  margin-top: 3em;
  margin-bottom: 3em;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 600px;
  background-position: center !important;
  background-attachment: fixed !important;
  color:#fff
}
.section2_position .d-flex {justify-content: center;}
.section2_position a {
  color:#fff;
  font-size:26px;
  text-transform: uppercase;
  padding: 30px 45px;
  background: #98814e;
  transition: opacity .3s ease-in-out
}
.section2_position a:hover {opacity: .7;text-decoration: none;}
.section3_position {margin-bottom: 3em;}

.section4_position {
  margin-top: 3em;
  margin-bottom: 4em;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 600px;
  background-position: center !important;
}
.section4_position::before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    height: 600px;
}
.section4_position h2 {color: #98814e;font-size:36px;text-shadow: 0px 0px 4px #000000;}
.section4_position h3 {
  font-size:28px;
  color:#98814e;
  font-weight:400;
  text-shadow: 0px 0px 4px #000000;
  margin-bottom:20px
}
.section4_position i {margin-right:10px}
.section4_position {color:#fff;text-shadow: 0px 0px 4px #000000}
.section4_position p {color:#fff;font-size:20px;text-shadow: 0px 0px 4px #000000;margin: 1em 0}
.section4_position hr {content: '';width: 10%;border-bottom: solid 1px #98814e;margin-bottom: 2em;text-shadow: 0px 0px 4px #000000;}
.section4_position ul {color:#fff;font-size:20px;margin:0;padding:0 0 0 15px}

/* ==== GALLERY ==== */

.section1_gallery {margin: 3.5em 0}
.section1_gallery h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_gallery p {font-size:18px;font-weight:400}
.section1_gallery hr {content: '';width: 10%;border-bottom: solid 1px #98814e;}

.section2_gallery {margin: 0 0 3.5em 0}
.section2_gallery h2 {color: #98814e;font-size:32px;margin-bottom:20px}
.section2_gallery img {transition: opacity .3s ease-in-out;margin-bottom:30px;width:100%;border: #98814e 5px solid;}
.section2_gallery img:hover {opacity: .5;border: #333 5px solid}

.section2_gallery .modal-dialog {max-width: 1024px;margin: 30px auto;}
.section2_gallery .modal-body {position:relative;padding:0px;}
.section2_gallery .close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

.section3_gallery {margin: 0 0 3.5em 0}
.section3_gallery h2 {color: #98814e;font-size:32px;}
.section3_gallery .tab-pane {padding-top:20px}
.section3_gallery .nav-tabs a {
    color: #333;
    font-size: 20px;
    font-family: 'Playfair Display', serif;
    border-bottom: #98814e 1px solid;
}
.section3_gallery .nav-tabs .nav-link.active,
.section3_gallery .nav-tabs a:hover {
    color: #98814e;
    border-color: transparent transparent #98814e;
    border-bottom: #98814e 4px solid;
}
.section3_gallery img {transition: opacity .3s ease-in-out;margin-bottom:30px;border: #98814e 5px solid;}
.section3_gallery img:hover {opacity: .5;border: #333 5px solid}

.section4_gallery {margin: 0 0 3.5em 0}
.section4_gallery h2 {color: #98814e;font-size:32px;margin-bottom:20px}
.section4_gallery .col-12 {padding:0}
.section4_gallery .sbi_photo_wrap {margin: 15px}
.section4_gallery .sbi_photo {transition: opacity .3s ease-in-out;width:100%;border: #98814e 5px solid;}
.section4_gallery .sbi_photo:hover {opacity: .5;border: #333 5px solid}


/* ==== ROOMS ==== */

.section1_rooms {margin: 3.5em 0}
.section1_rooms h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_rooms p {font-size:18px;font-weight:400}
.section1_rooms hr {content: '';width: 10%;border-bottom: solid 1px #98814e;}

.section2_rooms h2,
.section3_rooms h2 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom:3em}
.section2_rooms h2:before, .section3_rooms h2:before {margin-right: 20px;}
.section2_rooms h2:after, .section3_rooms h2:after {margin-left: 20px;}
.section2_rooms h2:before, .section2_rooms h2:after,
.section3_rooms h2:before, .section3_rooms h2:after {
    content: '';
    width: 15%;
    height: 1px;
    background: #98814e;
    display: inline-block;
    vertical-align: middle;
}


.rooms-list {margin-bottom: 5em;}
.rooms-list h3 {
  font-size:28px;
  text-transform: uppercase;
  color:#98814e;
  font-weight:400;
  border-bottom: #98814e 1px solid;
  margin-bottom: 15px
}
.rooms-list h4 {
  font-size:24px;
  text-transform: uppercase;
  color:#98814e;
  font-weight:400;
  margin-bottom: 15px
}
.rooms-list hr {border-bottom: #98814e 1px solid;}
.rooms-list .testo_servizio {font-size:12px;margin-top:5px}
.rooms-list .rooms-list-text .img-fluid {max-width: 40%}
.rooms-list .book_now a {
  text-decoration: none;
  color:#fff;
  background: #98814e;
  padding: 10px;
  transition: opacity .3s ease-in-out
}
.rooms-list .book_now {margin-top: 20px}
.rooms-list .book_now a:hover {opacity: .6}
.rooms-list .rooms-list-image {border: #98814e 7px solid;}
.rooms-list .swiper-slide {height:400px}


.section4_rooms {
  margin-top: 2em;
  margin-bottom: 4em;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 500px;
  background-position: center !important;
  background-attachment: fixed !important;
  color:#fff
}
.section4_rooms::before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 500px;
}
.section4_rooms h2 {color:#98814e;font-size: 44px}
.section4_rooms p {color:#fff;font-size: 18px;margin: 1em 0 .5em 0}
.section4_rooms hr {content: '';width: 10%;border-bottom: solid 1px #98814e;margin-bottom: 5em;}
.section4_rooms p a {color:#fff;text-decoration: underline;}
.section4_rooms p a:hover {color:rgba(255,255,255,.7);text-decoration: none;}


/* ==== BLOG ==== */

.main-blog {margin-bottom:3em}

.section1_blogs {margin: 3.5em 0}
.section1_blogs h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_blogs p {font-size:18px;font-weight:400}
.section1_blogs hr {content: '';width: 10%;border-bottom: solid 1px #98814e;}

.main-blog #menu_categorie {margin:0 0 3em 0}
.single .main-blog #menu_categorie {margin: 3em 0;}
.main-blog #menu_categorie ul {padding:0; margin:0}
.main-blog #menu_categorie li {display: inline-block}
.main-blog #menu_categorie li a {
  padding:10px 20px;
  margin:0 20px;
  background: #ebebeb;
  font-size:20px;
  color: #98814e;
  transition: opacity .3s ease-in-out
}
.main-blog-left-post {margin-bottom: 3em}
.main-blog-left-post img {border: #98814e 5px solid;}
.main-blog #menu_categorie li a:hover {opacity: .6; text-decoration: none;}
.main-blog-left-post .post-categories {
  text-align: center;
  margin:0;
  padding:0;
  list-style: none;
  background: #98814e;
  padding: 0 0 5px 0
}
.main-blog-left-post .post-categories li a {color:#fff;transition: opacity .3s ease-in-out}
.main-blog-left-post .post-categories li a:hover {opacity: .6;text-decoration: none}
.main-blog-left-post .data-post {font-size:13px}
.main-blog-left-post h2 a {font-size:24px;color:#98814e;transition: opacity .3s ease-in-out}
.main-blog-left-post h2 a:hover {opacity: .6;text-decoration: none;}

.post-blog-pagination {margin:0 0 3em 0;padding-top:15px;border-top: #ccc 1px solid}
.post-blog-pagination ul {margin:0;padding:0;list-style: none;color:#666}
.post-blog-pagination a, .post-blog-pagination .current {margin:0 5px;}
.post-blog-pagination li a {
  color:#98814e;
  font-size:18px;
  transition: color .3s ease-in-out
}
.post-blog-pagination li a:hover {color:#666;}

.main-blog-right h3 {
  font-size:28px;
  color:#98814e;
  border-bottom: #98814e 1px solid;
  margin-top: .7em;
  margin-bottom: .5em
}
.main-blog-right .first_sidebar {margin-top: 0}
.main-blog-right ul {list-style:none;padding:0;margin:0}
.main-blog-right i {width:25px}
.main-blog-right a {color:#333;transition: color .3s ease-in-out;text-decoration: none}
.main-blog-right a:hover {color:#999}
.main-blog-right-last-post {margin-bottom: 15px}
.main-blog-right-last-post img {border: #98814e 1px solid}
.main-blog-right-last-post h4 {margin-left:5px;font-size:13px}
.main-blog-right-last-post h4 a {color:#98814e;transition: opacity .3s ease-in-out}
.main-blog-right-last-post h4 a:hover {opacity: .6}

.main-blog-left h2 {font-size:36px;color:#98814e}
.main-blog-left p {font-size:18px;text-align: justify}
.addtoany_content {text-align: right;}


/* ==== COME ARRIVARE ==== */

.section1_comearrivare {margin: 3.5em 0}
.section1_comearrivare h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_comearrivare ul, .section1_comearrivare p {font-size:18px;font-weight:400}
.section1_comearrivare hr {content: '';width: 10%;border-bottom: solid 1px #98814e;}
.section1_comearrivare h3 {font-size:30px;text-transform: uppercase;color:#98814e;font-weight:400;margin-top:1.5em}
.section1_comearrivare i {margin-right:10px}
.section1_comearrivare h4 {font-size:26px;color:#98814e;font-weight:400;margin-top:1em}
.section1_comearrivare a {color:#98814e;transition: color .3s ease-in-out}
.section1_comearrivare a:hover {color:#666;text-decoration: none;}


/* ==== SERVICES ==== */

.section1_services {margin: 3.5em 0}
.section1_services h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_services p {font-size:18px;font-weight:400}
.section1_services hr {content: '';width: 10%;border-bottom: solid 1px #98814e;}

.section2_services {margin-bottom:4em}
.section2_services img {width: 100%;height:auto;transition: filter .3s ease-in-out}
.section2_services img:hover {filter: brightness(.6);}
.section2_services h4 {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size:22px;
  color:#333;
  font-style: italic;
  background: #dfdfdf;
  padding: 20px 10px;
}
.section2_services h4:before,
.section2_services h4:after {content: '';border-top: 1px solid #5e4f30;margin: 0 15px 0 0;flex: 1 0 15px;}
.section2_services h4:after {margin: 0 0 0 20px;}

.section3_services {
  margin-top: 3em;
  margin-bottom: 3em;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 500px;
  background-position: center !important;
  background-attachment: fixed !important;
  color:#fff
}
.section3_services::before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 500px;
}
.section3_services h2 {color:#98814e;font-size: 44px}
.section3_services p {color:#fff;font-size: 18px;margin: 1em 0 .5em 0}
.section3_services hr {content: '';width: 10%;border-bottom: solid 1px #98814e;margin-bottom: 5em;}
.section2_home p a {color:#fff;text-decoration: underline;}
.section2_home p a:hover {color:rgba(255,255,255,.7);text-decoration: none;}

.section4_services .container-fluid {padding-right: 0;padding-left: 0;}
.content_section4 {margin-bottom:3em;background-size: cover !important}
.content_int_section4 {background: rgba(0,0,0,.6);padding:25px 65px;height:350px}
.section4_services h2 {color:#98814e;font-size: 38px}
.section4_services p {color:#fff;font-size: 18px;margin: 1em 0 .5em 0}
.section4_services p a {color:#fff;text-decoration: underline;}
.section4_services p a:hover {color:rgba(255,255,255,.7);text-decoration: none;}



/* ==== SKY TERRACE ==== */

.section1_skyterrace {margin: 3.5em 0}
.section1_skyterrace h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_skyterrace p {font-size:18px;font-weight:400}
.section1_skyterrace hr {content: '';width: 10%;border-bottom: solid 1px #98814e;}

.section2_skyterrace img,
.section2_restaurant img {height: 500px;width: auto;}
.section2_skyterrace .swiper-pagination-bullet,
.section2_restaurant .swiper-pagination-bullet {
    margin: 20px 3px;
    width: 13px;
    height: 13px;
    background: #fff;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
}
.section2_skyterrace .swiper-pagination-bullet-active,
.section2_restaurant .swiper-pagination-bullet-active {background: #98814e !important;}


.section3_skyterrace {margin-top: 3.5em}
.section5_skyterrace {margin-bottom: 3.5em}

.section3_skyterrace h3,
.section4_skyterrace h3,
.section5_skyterrace h3 {
  font-size:28px;
  text-transform: uppercase;
  color:#98814e;
  font-weight:400;
  border-bottom: #98814e 1px solid;
  margin-bottom: 15px
}
.section3_skyterrace hr,
.section4_skyterrace hr,
.section5_skyterrace hr {border-bottom: #98814e 1px solid;}

.section3_skyterrace .container-fluid,
.section4_skyterrace .container-fluid,
.section5_skyterrace .container-fluid {padding:0}

.section3_skyterrace p,
.section4_skyterrace p,
.section5_skyterrace p {padding:0 20px}

.section3_skyterrace p a,
.section4_skyterrace p a,
.section5_skyterrace p a  {color:#2c2c29;text-decoration: underline;}
.section3_skyterrace p a:hover,
.section4_skyterrace p a:hover,
.section5_skyterrace p a:hover {color:rgba(44,44,41,.7);text-decoration: none;}

.section6_skyterrace {background: #98814e;color:#fff;padding:2em 0;margin-bottom: 3.5em}
.section6_skyterrace hr {content: '';width: 10%;border-bottom: solid 1px #fff;}
.section6_skyterrace h2 {
  font-size:32px;
  text-transform: uppercase;
  font-weight:400;
  margin-bottom: 15px
}
.section6_skyterrace p {font-size:18px;color:#fff;margin: 2em 0}
.section6_skyterrace p:last-child {margin-bottom: 0}
.section6_skyterrace p a {color:#fff;text-decoration: underline;}
.section6_skyterrace p a:hover {color:rgba(255,255,255,.7);text-decoration: none;}


/* ==== RESTAURANT ==== */

.section1_restaurant {margin: 3.5em 0}
.section1_restaurant h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_restaurant p {font-size:18px;font-weight:400}
.section1_restaurant hr {content: '';width: 10%;border-bottom: solid 1px #98814e;}

.section3_restaurant {margin: 3.5em 0}
.section3_restaurant h3 {
  font-size:28px;
  text-transform: uppercase;
  color:#98814e;
  font-weight:400;
  border-bottom: #98814e 1px solid;
  margin-bottom: 15px
}
.section3_restaurant hr {border-bottom: #98814e 1px solid;}
.section3_restaurant .container-fluid {padding:0}
.section3_restaurant p {padding:0 20px}

.section4_restaurant {background: #98814e;color:#fff;padding:2em 0;margin-bottom: 3.5em}
.section4_restaurant hr {content: '';width: 10%;border-bottom: solid 1px #fff;}
.section4_restaurant h2 {
  font-size:32px;
  text-transform: uppercase;
  font-weight:400;
  margin-bottom: 15px
}
.section4_restaurant p {font-size:18px;color:#fff;margin: 2em 0}
.section4_restaurant .small {font-size:14px;color:#fff}
.section4_restaurant a {color:#fff;text-decoration: underline;}
.section4_restaurant a:hover {text-decoration: none;}
.section4_restaurant label {display: block}
.section4_restaurant input[type="text"],
.section4_restaurant input[type="email"],
.section4_restaurant textarea {
  color:#333;
  padding:3px;
  border: none;
  width:100%;
  transition: background-color .3s ease-in-out
}
.section4_restaurant input[type="text"]:hover,
.section4_restaurant input[type="email"]:hover,
.section4_restaurant textarea:hover,
.section4_restaurant input[type="text"]:focus,
.section4_restaurant input[type="email"]:focus,
.section4_restaurant textarea:focus {background-color: #edd29b}
.section4_restaurant input[type="submit"] {
    color: #98814e;
    font-size: 18px;
    padding: 10px 40px;
    background: #fff;
    transition: opacity .3s ease-in-out;
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    border: none
}
.section4_restaurant input[type="submit"]:hover {opacity: .6}


/* ==== CONTACTS==== */

.section1_contacts {margin: 3.5em 0}
.section1_contacts h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400}
.section1_contacts p {font-size:18px;font-weight:400}
.section1_contacts hr {content: '';width: 10%;border-bottom: solid 1px #98814e;margin-bottom:3.5em}
.section1_contacts a {color:#98814e;transition: opacity .3s ease-in-out}
.section1_contacts a:hover {opacity: .7;text-decoration: none;}
.section1_contacts .small {font-size:13px;color:#333}
.section1_contacts .small a {color:#333;text-decoration: underline;}
.section1_contacts .small a:hover {text-decoration: none;}
.section1_contacts label {display: block}
.section1_contacts input[type="text"],
.section1_contacts input[type="email"],
.section1_contacts input[type="tel"],
.section1_contacts textarea {
  color:#333;
  padding:3px;
  width:100%;
  border: #ccc 1px solid;
  transition: all .3s ease-in-out
}
.section1_contacts input[type="text"]:hover,
.section1_contacts input[type="email"]:hover,
.section1_contacts input[type="tel"]:hover,
.section1_contacts textarea:hover {border: #98814e 1px solid;}
.section1_contacts input[type="text"]:focus,
.section1_contacts input[type="email"]:focus,
.section1_contacts input[type="tel"]:focus,
.section1_contacts textarea:focus {background: #edd29b}
.section1_contacts input[type="submit"] {
  color:#fff;
  font-size:18px;
  padding: 10px 30px;
  background: #98814e;
  text-transform: uppercase;
  float: right;
  display: inline-block;
  cursor: pointer;
  transition: opacity .3s ease-in-out;
  border:none
}
.section1_contacts input[type="submit"]:hover {opacity: .7;text-decoration: none;}

.section2_contacts {margin-bottom: 3.5em}


/* ==== PRIVACY ==== */

.section1_privacy {margin: 3.5em 0}
.section1_privacy h1 {font-size:32px;text-transform: uppercase;color:#98814e;font-weight:400;margin-bottom: .8em}
.section1_privacy p {font-size:18px;font-weight:400}
.section1_privacy hr {content: '';width: 10%;border-bottom: solid 1px #98814e;margin-bottom:1.5em}

#cookie-law-info-bar {font-size: 14px;font-weight: 400;padding: 5px 0;}
.cli-plugin-button {font-size: 14px !important}