@font-face { font-family: 'Ange Script'; src: url('/Fonts/Ange/Ange.woff2') format('woff2'), url('/Fonts/Ange/Ange.woff') format('woff'), url('/Fonts/Ange/Ange.ttf')  format('truetype'), url('/Fonts/Ange/Ange.svg#Ange') format('svg');}

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
*:focus {outline:0!important;}
html, body {text-rendering:optimizeLegibility; min-height:100%;}
body {position:relative; font-family: 'Source Sans Pro', sans-serif; overflow-x: hidden;}

/* GENERAL ATTRIBUTES */
    a, a:hover {text-decoration:none;}
    iframe {display:block; border: 0;}
    h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

    .default-button {border-radius: 0; font-size: 10pt; margin: 0; border: 0; padding: 12px 0px; width: 100%; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #fff; background-color: #f3af77; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
    .default-button:hover {background-color: #b73049; color: #fff; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
    .default-button img {width: 15px;}

    .default-button.button-inverted {background-color: #b73049;}
    .default-button.button-inverted:hover {background-color: #f3af77;}

    .default-button.invia {background-color: #b73049;}
    .default-button.invia:hover {background-color: green;}
    
/* HEADER */
    header {position: relative; height: 50vh; background-image: url(/assets/images/top/hotel.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat;}
    #home header {height: 100vh; background-image:none;}

    header>.container {position: relative; height: 100%;}

    #hotel header {background-image: url(/assets/images/top/hotel.jpg);}
    #camere header {background-image: url(/assets/images/top/camere.jpg);}
    #prezzi header {background-image: url(/assets/images/top/prezzi.jpg);}
    #dove-siamo header {background-image: url(/assets/images/top/dove-siamo.jpg);}
    #gallery header {background-image: url(/assets/images/top/gallery.jpg);}
    #news header {background-image: url(/assets/images/top/news.jpg);}
    #news_details header {background-image: url(/assets/images/top/news.jpg);}
    #contatti header {background-image: url(/assets/images/top/contatti.jpg);}

    /* navbar */
        #navbar {position: absolute; width: 100%; background-color: #0b2b52; border-radius: 0; border: 0; z-index: 40;}

        #navbar #box_menu {padding: 0;}
        #navbar #menu li a {position: relative; padding: 21px 15px 19px 15px; font-weight: 700; color: #fff; text-transform: uppercase; font-size: 9.5pt; letter-spacing: .7px; border-bottom: 1px solid transparent; opacity: .9;}
        #navbar #menu li a:hover, #navbar #menu li a:focus, #navbar #menu li.active a {background: transparent; border-top: 1px solid #f3af77; border-bottom: 0; top: -1px;}

        #navbar .navbar-header .navbar-brand {display: none;}

        #navbar .btn.book-now {float: right; border-radius: 7px; background-color: #b73049; color: #fff; font-weight: 700; font-size: 10pt; text-transform: uppercase; padding: 10px 40px; margin: 10px 0; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
        #navbar .btn.book-now:hover {background-color: green; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}

        /* top-bar */
            #top-bar {position: relative; padding: 30px 0; border-bottom: 1px solid #455e7b;}
            #top-bar .container {position: relative;}
            #top-bar .location {position: relative; display: block; float: left; color: #fff; opacity: .8; margin-top: 10px; text-decoration: none;}
            #top-bar .location p {margin-top: 15px; font-weight: 300; letter-spacing: .5px;}
            #top-bar .location p span {letter-spacing: 0;}
            #top-bar .meteo {position: relative; float: right; opacity: .8; text-align: right; color: #fff;}
            #top-bar .meteo p {margin-top: 5px; font-weight: 300; letter-spacing: .5px; font-size: 9pt;}
            #top-bar .meteo .degree {font-family: 'Playfair Display', serif; font-size: 20pt;}
            #top-bar .meteo .ico-meteo {filter: grayscale(100%); position:relative; right:-5px; height:35px;}
            #top-bar a.meteo:hover {color:#f3af77;}
            #top-bar .brand {position: absolute; width: 100%;}
            #top-bar .brand:before {content: '|'; position: absolute; left: 0; right: 0; font-size: 30pt; text-align: center; width: 100%; color: #fff; font-weight: 100; top:-55px; opacity: .8;}
            #top-bar .navbar-brand {display: block; float: none; width: 180px; height: auto; margin: 25px auto 0 auto; padding: 0;}
            
            /* langugage menu */
            #languageMenu {position: absolute; display: inline-block; width: 65px; height: 60px; top: 0; right: 0; background-color: #b73049; color: #fff; list-style-type: none; margin: 0; padding: 0;}
            #languageMenu a {display: block; color: #fff; text-decoration: none; font-weight: 700; text-align: center; width: 100%; padding: 20px 0;}
            #languageMenu .dropdown {position: static;}
            #languageMenu .dropdown-menu {min-width: unset; margin: 0; border: 0; border-radius: 0; box-shadow: none; left: unset; right: 0; padding: 0;}
            #languageMenu .dropdown-menu a {padding: 11.5px 0; text-transform: uppercase; color: #b73049; width: 65px;}
            #languageMenu .dropdown-menu>.active>a, #languageMenu .dropdown-menu>.active>a:focus, #languageMenu .dropdown-menu>.active>a:hover {background-color: #f3af77; color: #fff;}
            #languageMenu .dropdown-menu>li>a:focus, #languageMenu .dropdown-menu>li>a:hover {background-color: #b73049; color: #fff;}

        /* affix */
        @media (min-width: 992px) {
            #navbar.affix {position: fixed;}
            #navbar.affix #top-bar {display: none;}
            #navbar.affix .btn.book-now {display: none;}
            #navbar.affix #languageMenu {position: relative; float: right; right: -15px; height: 71px; width: 71px;}
            #navbar.affix #languageMenu a { padding-top: 24px;}
            #navbar.affix #languageMenu .dropdown-menu a {width: 71px; padding: 11.5px 0;}

            #navbar.affix .navbar-header .navbar-brand {display: block; width: 230px;}

            #navbar.affix #menu {float: right;}
            #navbar.affix #menu li a {padding: 25px 11px;}
            #navbar.affix #menu li a:hover, #navbar.affix #menu li a:focus, #navbar.affix #menu li.active a {border: 0; color: #f3af77; top: 0;}
        }

        /* main slider */
        #main-slider {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: transparent; z-index: -1;}
        #main-slider .owl-stage-outer, #main-slider .owl-stage, #main-slider .owl-item, #main-slider .item {width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
        #customDots {position: absolute; top: 40%; z-index: 35;}
        #customDots .owl-dot {width: 15px; height: 15px; border-radius: 50%; background-color: #fff; opacity: .5; margin-bottom: 12px; cursor: pointer;}
        #customDots .owl-dot.active {opacity: .9;}
        #customNav {position: absolute; z-index: 30; width: 100%;}
        #customNav .owl-prev {margin: 150px 20px 0 20px; cursor: pointer; float: left;}
        #customNav .owl-next {margin: 150px 20px 0 20px; cursor: pointer; float: right;}

    /* jumbotron */
        .megatron {position: absolute; width: 100%; background-color: transparent; padding: 0!important; margin: 0; left: 0;}
        .megatron h1 {position: relative; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 75pt; text-align: center; opacity: .9; background-position-x: -50%; color: rgba(0,50,199,1);
            background: -moz-linear-gradient(-45deg, rgba(0,50,199,1) 0%, rgba(0,50,199,1) 50%, rgba(214,113,242,1) 100%, rgba(214,113,242,1) 100%, rgba(167,99,211,1) 100%);
            background: -webkit-linear-gradient(-45deg, rgba(0,50,199,1) 0%,rgba(0,50,199,1) 50%, rgba(214,113,242,1) 100%,rgba(214,113,242,1) 100%,rgba(167,99,211,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0032c7', endColorstr='#a763d3',GradientType=1 );
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            z-index: 1;
        }
        .megatron h2 {position: relative; font-family: 'Ange Script'; color: #fff; font-size: 80pt; text-align: center; line-height: 20pt; z-index: 2; opacity: .85;}
    
/* MIDDLE */
    section {position: relative; padding: 70px 0;}
    h1.title {font-family: 'Playfair Display', serif; font-size: 40pt; color: #000; text-transform: uppercase; }
    h1.title span {font-family: 'Ange Script'; font-size: 70pt; color: #48A1DD; line-height: 75%; text-transform: none;}
    .title-icon {font-family: 'Montserrat', sans-serif;  text-align: center; margin-bottom: 15px;}
    .title-icon .content {display: inline-block;}
    .title-icon h3 {float: left; font-weight: 600; font-size: 12pt; text-align: center; line-height: 2.5; margin-left: 10px;}
    .title-icon span {display: block; height: 40px; width: 40px; background-color: #b73049; border-radius: 50%; float: left;}
    .title-icon span img {display: block; margin: 0 auto;}
    p.lead {font-family: 'Montserrat', sans-serif ;font-size: 9pt; font-weight: 600; line-height: 2; padding-right: 20%;}
    hr.sep {border-width: 2px; border-color: #000; width: 50px; clear: both;}
    hr.sep.left {margin-left: 0;}
    hr.sep.right {margin-right: 0;}
    a.contact-us {font-family: 'Playfair Display', serif; font-size: 14pt; color: #000; text-transform: uppercase;}
    a.contact-us img {position: relative; top: -2px; margin-left: 10px;}
    .ml-5 {margin-left: 5rem!important;}
    .image {position: relative; display: block;}
    .image span.enlarge {position: absolute; width: 40px; height: 40px; top: 25px; left: 25px; border-radius: 50%; background-color: #b73049;-webkit-box-shadow: 0px 0px 0px 7px rgba(183,48,73,0.7); -moz-box-shadow: 0px 0px 0px 7px rgba(183,48,73,0.7); box-shadow: 0px 0px 0px 7px rgba(183,48,73,0.7);}
    .image span.enlarge img {margin: 0 auto; display: block;}

    /* booking */
        #bookingContainer {position: relative; color: #fff; font-family: 'Playfair Display', serif;}
        #bookingContainer .content {position: absolute; right: 0; z-index: 2; top: -82px;}
        .buttonCollapse {background-color: #113663; font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; padding: 30px 0; font-size: 12pt; cursor: pointer;}
        .buttonCollapse img {margin-left: 10px; position: relative; top: -2px;}

        #box-booking {background-color: #0b2b52; color: #fff;}
        #box-booking .wrapper { padding: 50px 50px 50px 50px;}
        #box-booking .pre-title {font-family: 'Source Sans Pro', sans-serif; color: rgba(255,255,255,0.5); text-transform: uppercase; font-size: 9pt;}
        #box-booking .pre-title span {text-transform: none;}
        #box-booking h1.title {color: #f3af77; font-size: 22pt; text-transform: none; margin-top: 10px;}
        #box-booking hr.sep {border-color: #fff;}
        #box-booking p.lead {color: rgba(255,255,255,0.8); padding: 0; font-weight: 500;}
        #box-booking .input-group { position: relative; margin-bottom: 15px; border: .5px solid #585858; font-family: 'Montserrat', sans-serif; width: 100%; }
        #box-booking .input-group-addon {position: relative; width: 35px; padding-right: 0; padding-left: 0; background: transparent; border: 0; border-radius: 0; }
        #box-booking .input-group-addon img {margin: 0 auto; display: block;}
        #box-booking .input-group-addon:after {content: ''; position: absolute; width: 1px; height: 20px; right: 0; top: 7px; background-color: #585858;}
        #box-booking .form-control {border-radius: 0; padding: 9px 0; text-align: center; background-color: transparent; border: 0;  color: #fff; font-size: 8pt;}
        #box-booking .form-control:after {display: none;}
        #box-booking .form-control:focus {box-shadow: none;}
        #box-booking .default-button {padding: 8px 0;}

    /* section camere */
        #section-camere #camere-slider {position: relative; z-index: 0;}
        #section-camere #camereDots {padding: 10px 0 20px 0;}
        #section-camere #camereDots .owl-dot {display: inline-block; width: 10px; height: 10px; border: 1px solid #BE344E; border-radius: 50%; margin-right: 10px; cursor: pointer;}
        #section-camere #camereDots .owl-dot.active {background: #BE344E;}
        #section-camere #camere-price {position: absolute; bottom: -30px; z-index: 1; background: #BE344E; color: #fff; margin-left: 20px; padding: 15px 30px 20px 30px; font-weight: 600; letter-spacing: .5px; font-family: 'Playfair Display', serif; font-size: 20pt;}
        #section-camere #camere-price span {font-size: 60%;}

    /* section box */
        #section-box .box {position: relative; height: 250px; text-align:center;}
        #section-box .square {width: 40%; height: 100%; border: 1px solid #ccc; margin:0 auto;}
        #section-box .content {position: absolute; right: 10%; width: 80%; background-color: #fff;}
        #section-box .content h2 {font-family: 'Playfair Display', serif; font-size: 18pt; margin: 15px 0;}
        #section-box .content p.lead {padding: 0;}

    /* section hotel */
        #section-hotel {position: relative; background: url(/assets/images/home/hotel_bg.jpg) center 70% no-repeat; background-size: cover;}
        #section-hotel .sfum {position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(12,40,75,0.85);}
        #section-hotel .container {position: relative; z-index: 2;}
        #section-hotel .image {height: 350px;}
        #section-hotel .default-button {margin-top: 30px;}
        #section-hotel .content {padding-left: 18%;}
        #section-hotel h1.title {color: #fff;}
        #section-hotel h1.title span {color: #48A1DD;}
        #section-hotel .sep {border-color: #fff;}
        #section-hotel p.lead {color: #fff; opacity: .9;}
        #section-hotel .contact-us {color: #fff;}

    /* section località */
        #section-localita {background-color: #092240; font-family: 'Playfair Display', serif; }
        #section-localita h2 {color: #fff; font-weight: 600;}
        #section-localita h2 span {color: #f3af77;}
        #section-localita h2 img {margin-right: 15px;}
        #section-localita .default-button.button-inverted {position: absolute; right: 0; width: auto; padding-left: 30px; padding-right: 30px; top: 0;}

    /* section dicono */
        #section-dicono {background: url(/images/dicono_bg.png) center center no-repeat; background-size: cover;}
        #section-dicono h1.title {color: #fff;}
        #section-dicono h1.title span {font-family: inherit; font-size: inherit; text-transform: uppercase; color: #b73049;}
        #section-dicono .sep {border-color: #f3af77;}

        #section-dicono #dicono-slider::before {content: ",,"; position: absolute; left: 10%; top: 0; font-family: 'Playfair Display', serif; font-size: 90pt; color: #fff; font-style: italic; letter-spacing: -10px; -webkit-transform: rotate(185deg); -moz-transform: rotate(185deg); transform: rotate(185deg);}
        #section-dicono #dicono-slider::after {content: ",,"; position: absolute; right: 10%; top: 50%; font-family: 'Playfair Display', serif; font-size: 90pt; color: #fff; font-style: italic; letter-spacing: -10px; -webkit-transform: rotate(175deg) scale(-1, 1); -moz-transform: rotate(175deg) scale(-1, 1); transform: rotate(175deg) scale(-1, 1);}
        #section-dicono #dicono-slider {position: relative;}
        #section-dicono #dicono-slider p {color: rgba(255,255,255,0.9); font-family: 'Playfair Display', serif; font-style: italic; font-size: 14pt; padding: 0 20%; line-height: 1.8; margin-top: 40px;}
        #section-dicono #dicono-slider p.name {color: #f3af77; text-transform: uppercase; font-family: 'Montserrat', sans-serif; letter-spacing: 5px; font-size: 10pt; font-style: normal; font-weight: 600;}

    /* gallery */
        #gallery h1.title {font-weight: 700; font-size: 25pt; margin-top: 15px;}
        #gallery h1.title span {color: #b73049; font-family: inherit; font-size: 25pt;  text-transform: uppercase;}
        #gallery p.lead {padding: 0; margin-top: 30px;}

        #gallery .hover {position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(183, 48, 73, 0.8); color: #f3af77; z-index: 2; opacity: 0; -webkit-transition: .3s all; -moz-transition: .3s all; transition: .3s all;}
        #gallery .hover:hover {opacity: 1; -webkit-transition: .3s all; -moz-transition: .3s all; transition: .3s all;}
        #gallery .image span.enlarge {left: unset; right: 25px; background-color: #f3af77; -webkit-box-shadow: 0px 0px 0px 7px rgba(243, 175, 119, 0.7); -moz-box-shadow: 0px 0px 0px 7px rgba(243, 175, 119, 0.7); box-shadow: 0px 0px 0px 7px rgba(243, 175, 119, 0.7);}
        #gallery .description {position: absolute; width: 100%; color: #fff; font-family: 'Playfair Display', serif; text-align: center; letter-spacing: 1px;}
        #gallery .description .title {font-size: 16pt;}
        #gallery .description .desc {color: rgba(255,255,255,0.9);}

        #gallery .grid-sizer, .grid-item {width: 25%; height: 230px;}
        #gallery .grid-item {padding: 15px;}
        #gallery .grid-item a {height:100%;}
        #gallery .grid-item--width2 {width: 50%;}
        #gallery .grid-item--height2 {height: 460px;}
    /* meteo */
        #meteo #middle p.lead {padding: 0; margin:40px 0;}
    /* news */
        #news {background-color: #eeeeee;}
        #news h1.title {font-weight: 700; font-size: 25pt; margin-top: 15px;}
        #news h1.title span {color: #b73049; font-family: inherit; font-size: 25pt;  text-transform: uppercase;}
        #news p.lead {padding: 0; margin-top: 30px;}
        #news a.contact-us {margin-top: 25px; float: right;}

        #news .item .imgContainer {position: relative;}
        #news .item .imgContainer .fill-image {display: block; height: 300px; margin-left: -15px; margin-right: -15px;}
        #news .date {position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px 30px; color: #fff; text-transform: capitalize; line-height: 2.9;}
        #news .date>img {position: relative; top: -2px; margin-right: 10px;}
        #news .date.news {background-color: rgba(183,48,73,0.9);}
        #news .date.offerte {background-color: rgba(12,40,75,0.9);}
        #news .date .icon {float: right; display: block; border-radius: 50%; background-color: #f3af77; width: 40px; height: 40px;}
        #news .date .icon img {display: block; margin: 0 auto;}
        #news .max-height {padding: 0; margin-top: 20px; color: #000;}
        #news .text h2 {font-size: 22pt;}
        #news .text h5 {color: #1f1830; margin-top: 15px;}
        #news .text hr {border-color: #c3c5c8;}
        #news .text a {font-family: 'Playfair Display', serif; color: #000; float: right; font-size: 12pt;}

        #news_details h1.title {font-weight: 700; font-size: 25pt; margin-bottom: 15px;}
        #news_details .image .fill-image {display: block; height: 303px;}
        #news_details .indietro {margin-top: 70px; padding: 15px 0;}
        #news_details .hover {position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(183, 48, 73, 0.8); color: #f3af77; z-index: 1; opacity: 0; -webkit-transition: .3s all; -moz-transition: .3s all; transition: .3s all;}
        #news_details .hover:hover {opacity: 1; -webkit-transition: .3s all; -moz-transition: .3s all; transition: .3s all;}
        #news_details .image span.enlarge {left: unset; left: 25px; background-color: #f3af77; -webkit-box-shadow: 0px 0px 0px 7px rgba(243, 175, 119, 0.7); -moz-box-shadow: 0px 0px 0px 7px rgba(243, 175, 119, 0.7); box-shadow: 0px 0px 0px 7px rgba(243, 175, 119, 0.7);}
        #news_details .row-content {margin-top: 40px;}
        #news_details .text .content {padding-right: 10%;}
        #news_details .text h3 {font-family: 'Montserrat', sans-serif; font-size: 20pt; font-weight: 600; text-transform: uppercase;}
        #news_details .text h3.news {color: rgba(183,48,73,1);}
        #news_details .text h3.offerte {color: rgba(12,40,75,1);}
        #news_details .text p {font-size: 12pt; margin-top: 20px;}
        #news_details .title-icon span.news {background-color: rgba(183,48,73,0.9);}
        #news_details .title-icon span.offerte {background-color: rgba(12,40,75,0.9);}
        #news_details .title-icon h3 {text-transform: capitalize;}

    /* prezzi */
        #prezzi table.table tr th {border: 3px solid #fff; padding: 15px;}
        #prezzi table.table tr td {border: 3px solid #fff; padding: 15px; background: #eee; font-weight: 600; font-size: 12pt;}
        #prezzi table.table tbody {text-align: center;}
        #prezzi .periodo {vertical-align: top; font-weight: 300; font-size: 12pt; text-align: center;}
        #prezzi .periodo span {color: #b73049; font-weight: 700; text-transform: uppercase;}
        #prezzi .year {font-size: 50pt; text-align: center; background-color: #b73049; color: #fff;}
        #prezzi .details h3.lead {text-transform: uppercase; font-weight: 700; text-align: center;}
        #prezzi .details p.lead {margin: 0;}

    /* page */
        .page .box-title {text-align: center;}
        .page .box-title h1.title {font-size: 25pt; font-weight: 700;}
        .page p.lead {padding: 0; margin-top: 15px; margin-bottom: 60px;}
        .page .row.buttons {margin-top: 60px;}
        .page .row.buttons .default-button {width: 50%; float: right;}
        .page .row.buttons .default-button.invia {float: left;}

        .page #sliderDots {padding: 10px 0 20px 0;}
        .page #sliderDots .owl-dot {display: inline-block; width: 10px; height: 10px; border: 1px solid #BE344E; border-radius: 50%; margin-right: 10px; cursor: pointer;}
        .page #sliderDots .owl-dot.active {background: #BE344E;}

        /* hotel */
            #hotel .box-title, #camere .box-title {display: none;}
            #hotel .page p.lead, #camere .page p.lead {padding-right: 20%; margin-bottom: inherit;}

        /* dove siamo */
            #map {height: 400px;}
            #dove-siamo .page {padding-bottom: 0;}

        /* webcam */
            #webcam .webcam {display: block; height: 300px;}
            #webcam #middle .title {margin-top: 70px;}
            #webcam.de #middle .title {margin-top: 50px;}
            #webcam.fr #middle .title {margin-top: 50px;}
            #webcam #middle .box-title .title {margin-top: 0px;}
            #webcam .item:nth-child(1) {margin-bottom: 40px;}
        
    /* contatti */
        #section-contatti {background: #eeeeee;}
        #section-contatti h1.title {font-weight: 700; font-size: 25pt; margin-top: 15px; margin-bottom: 70px;}
        #section-contatti h1.title span {color: #b73049; font-family: inherit; font-size: 25pt;  text-transform: uppercase;}
        #section-contatti .form-custom {border-radius: 0; border: 0; color: #fff; background-color: #0b2b52; height: 40px; margin-bottom: 10px; font-size: 8pt; padding: 12px 20px; line-height: 1.42857143!important;}
        #section-contatti .form-custom:after {display: none;}
        #section-contatti .form-custom:focus {box-shadow: none;}
        #section-contatti .nice-select {float: none;}
        #section-contatti .input-group .form-custom {margin-bottom: 0;}
        #section-contatti .input-group .input-group-addon {color: #fff; border: 0; border-radius: 0!important;}
        /* #section-contatti .input-group .input-group-addon#name-addon, #section-contatti .input-group .input-group-addon#surname-addon {padding: 6px 14px;} */
        #section-contatti .input-group .input-group-addon#dal-addon, #section-contatti .input-group .input-group-addon#al-addon {padding: 6px 14px;}
        #section-contatti .input-group .input-group-addon#place-addon {padding: 6px 16px; color: #B58A60;}
        #section-contatti .input-group .input-group-addon#city-addon {padding: 6px 13.5px; color: #B58A60;}
        #section-contatti .input-group .input-group-addon#email-addon {padding: 6px 13px; color: #B58A60;}
        #section-contatti .input-group .input-group-addon#phone-addon {padding: 6px 14.5px; color: #B58A60;}
        #section-contatti textarea.form-custom {height: auto; max-width: 100%; min-width: 100%; min-height: 150px; font-size: 10pt; text-align: left; padding: 12px 15px;}
        #section-contatti #box_etabambini:first-child {padding-left: 0;}
        #section-contatti #box_etabambini:last-child {padding-right: 0!important;}
        #section-contatti .privacy {position: relative; margin-top: 30px; margin-bottom:20px;}
        #section-contatti .privacy a {color: #b73049;}
        #section-contatti .default-button {margin: 0;}
        #section-contatti h5 {text-align: center; font-size: 14pt; font-weight: 500; margin-bottom: 5px; font-family: 'Playfair Display', serif; text-transform: uppercase;}
        #section-contatti .no-padding-left {padding-left: 0!important;}
        #section-contatti .input-group { position: relative; margin-bottom: 15px; border: .5px solid #585858; font-family: 'Montserrat', sans-serif; width: 100%; }
        #section-contatti .input-group-addon {position: relative; width: 35px; background: #0b2b52; border: 0; border-radius: 0; }
        #section-contatti .input-group-addon:after {content: ''; position: absolute; width: 1px; height: 20px; right: 0; top: 10px; background-color: #585858;}

        /* checkbox styling */
            #section-contatti label {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
            #section-contatti input[type=checkbox].css-checkbox {position: relative; overflow: hidden; clip: rect(0 0 0 0); margin:-1px; padding:0; border:0; bottom: 0; width: 1px; height: 1px;}    
            #section-contatti input[type=checkbox].css-checkbox + label.css-label {padding-left:20px; height:15px; display:inline-block; line-height:15px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer;}
            #section-contatti input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -15px;}
            #section-contatti .css-label{ background-image:url(http://csscheckbox.com/checkboxes/dark-check-green.png);}
            #section-contatti .lite-green-check{background-image:url(http://csscheckbox.com/checkboxes/lite-green-check.png);}
            #section-contatti .lite-blue-check{background-image:url(http://csscheckbox.com/checkboxes/lite-blue-check.png);}
            #section-contatti .lite-gray-check{background-image:url(http://csscheckbox.com/checkboxes/lite-gray-check.png);}
            #section-contatti input[type=checkbox].css-checkbox.med + label.css-label.med {padding-left:22px; height:17px; display:inline-block; line-height:17px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer;}
            #section-contatti input[type=checkbox].css-checkbox.med:checked + label.css-label.med {background-position: 0 -17px;}
            #section-contatti input[type=checkbox].css-checkbox.sme + label.css-label.sme {padding-left:22px; height:16px; display:inline-block; line-height:16px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer;}
            #section-contatti input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{background-position: 0 -16px;}
            #section-contatti input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {padding-left:22px; height:20px; display:inline-block; line-height:20px; background-repeat:no-repeat; background-position: 0 0; font-size:15px; vertical-align:middle; cursor:pointer;}
            #section-contatti input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{background-position: 0 -20px;}

        /* nice select */
            .nice-select {position: static;}
            .nice-select .list {width: 100%; border-radius: 0; border: .5px solid #585858; background-color: #0b2b52; text-align: center;}
            .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #b73049;}

        /* placeholder fix */
            .placeholder {color: rgba(255,255,255,0.5)!important;}

        /* pagination */
            .pagination {text-align: center;}
            .pagination a {text-align: center; padding: 10px 15px; color: #0b2b52; font-size: 12pt; font-weight: 600; text-decoration: none; display: inline-block;}
            .pagination a:hover {color: #fff; background-color: #0b2b52;}
            .pagination span.active {display: inline-block; padding: 10px 15px; background-color: #b73049; color: #fff; font-size: 12pt; font-weight: 600;}


/* FOOTER */
    footer {background-color: #0b2b52;}

    footer #footer-top .logo {width: 70%; display: block; margin-top: 50px;}
    footer #footer-top .logo::before {content: ''; position: absolute; top: -70px; height: 100px; width: 1px; background-color: #fff; left: 35%;}
    footer #footer-top p {color: #d0d2d7; font-weight: 400; line-height: .8;}
    footer #footer-top p.lead {font-weight: 500; line-height: 2; font-family: 'Source Sans Pro', sans-serif; padding: 0; font-size: 10pt;}
    footer #footer-top .padding-right {padding-right: 30%;}
    footer #footer-top h1.title {color: #d0d2d7; font-size: 12pt;margin-bottom: 20px;}
    footer #footer-top .link {font-size: 14pt; font-family: 'Playfair Display', serif; margin-top: 30px; line-height: 1.7;}
    footer #footer-top .link a {color: #f3af77; -webkit-transition: .3s all; -moz-transition: .3s all; transition: .3s all;}
    footer #footer-top .link a:hover { -webkit-transition: .3s all; -moz-transition: .3s all; transition: .3s all;}
    footer #footer-top .link img {width: 18px; height: auto; margin-right: 5px;}
    footer #footer-top .gallery-footer {padding-right: 15%; margin-left: -5px;}
    footer #footer-top .gallery-footer .item {position: relative; width: 33.3333%; float: left; padding: 5px;}
    footer #footer-top .gallery-footer .item .hover {position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(183, 48, 73, 0.8); z-index: 1; opacity: 0; -webkit-transition: .3s all; -moz-transition: .3s all; transition: .3s all;}
    footer #footer-top .gallery-footer .item .hover span {display: block; position: absolute; width: 100%;}
    footer #footer-top .gallery-footer .item .hover span img {margin: 0 auto; display: block;}
    footer #footer-top .gallery-footer .item:hover .hover {opacity: 1;-webkit-transition: .3s all; -moz-transition: .3s all; transition: .3s all;}
    footer #footer-top .gallery-footer .item a {display: block; height: 60px;}

    footer .concept {border-top: 1px solid rgba(255,255,255,0.2); padding: 25px 0;}
    footer .concept p {color: #d0d2d7; margin: 0;}
    
    /* widget TP */
        #widgetTP {color: #ededee; text-align: right; padding:1px 0; font-family: 'Source Sans Pro', sans-serif!important; font-weight: 500!important; font-size: 10pt!important;}
        #newconcept {padding: 0!important; font-family: 'Source Sans Pro', sans-serif!important; font-weight: 500!important; font-size: 10pt!important; color: #d0d2d7; line-height: 1.42857143!important;}
        #newconcept a {color: #d0d2d7; font-family: 'Source Sans Pro', sans-serif!important; font-size:10pt!important; }
        #newconcept a#link_privacy {margin-right: 7px; font-weight: 600!important; padding-right:10px;}
        #newconcept br {display: none;}
        .conceptlink { color: #d0d2d7; font-family: 'Source Sans Pro', sans-serif!important; font-weight: 500!important; }

/* MODAL */
    .modal .modal-content {border-radius: 0;}
    .modal .close {font-size: 30pt;}
    .modal .title.modal-title {font-size: 20pt;}

    /* modal center */
    #dialog-confirm .modal-dialog {width:40%; display: inline-block; vertical-align: middle;}
    #dialog-error .modal-dialog, #dialog-privacy .modal-dialog {width:55%; display: inline-block; vertical-align: middle;}
    #dialog-error .modal-body, #dialog-confirm .modal-body, #dialog-privacy .modal-body { padding: 30px;}
    #dialog-privacy iframe {width:100%; height:500px;}
    #dialog-privacy, #dialog-error, #dialog-confirm {text-align: center; padding: 0!important;}
    #dialog-privacy::before, #dialog-error::before, #dialog-confirm::before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
    #dialog-privacy .modal-footer .btn, #dialog-error .modal-footer .btn, #dialog-confirm .modal-footer .btn {display: block; margin: 0 auto; width: 30%;}

/* DATEPICKER */
    .datepicker.dropdown-menu {border-radius: 0; font-family: 'Montserrat', sans-serif; border: .5px solid #585858; background-color: #0b2b52; color: #f3af77;}
    .datepicker.dropdown-menu thead tr:first-child {border-bottom: .5px solid #585858; color: #fff;}
    .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {color: #fff; background-color: #b73049;}
    .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {color: #fff; background-color: #b73049;}
    .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {background-color: transparent; color: #fff;}
    .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {background-color: #f3af77; color: #0b2b52;}
    .datepicker.dropdown-menu::before {display: none;}
    .datepicker.dropdown-menu::after {display: none;}

/* PSWP */
    .pswp__caption__center {text-align: center; text-transform: uppercase; font-family: 'Montserrat', sans-serif; letter-spacing: .5px; font-weight: 600; font-size: 12px; max-width: 500px;}

/* ROW FLEX */
    .row-flex {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .row-flex .content {height: 100%;}
    /* safari 7.1+ */
        ::-webkit-full-page-media, :future, :root .row-flex {display: block;}
        /* ::-webkit-full-page-media, :future, :root .row-flex .content {min-height: 200px;} */

@media (max-width:1299px) {
    body {border: 3px solid orange;}

    /* HEADER */
        /* top-bar */
            #top-bar .meteo {text-align: left;}

    /* MIDDLE */
        
    
    /* FOOTER */
    
}

@media (max-width:1199px) {
    body {border:3px solid green;}
    
    /* HEADER */
        /* jumbotron */
            .megatron h1 {font-size: 60pt;}
            .megatron h2 {font-size: 75pt;}
        

    /* MIDDLE */
        /* section hotel */
            #section-hotel .image {height: 420px;}

        /* section box */
            #section-box .square {width: 60%;}

        /* news */
            #news .text h2 {font-size: 18pt;}
        
    
    /* FOOTER */
        footer #footer-top .link {font-size: 12pt;}
        footer #footer-top .gallery-footer .item a {height: 52px;}
}

@media (max-width:991px) {
	body {border:3px solid blue;}
   
    /* HEADER */
        #navbar {position: fixed; -webkit-box-shadow: 0px 0px 10px; -moz-box-shadow: 0px 0px 10px; box-shadow: 0px 0px 10px;}

        #navbar .navbar-header {float: none; margin: 0; background-color: #b73049;}
        #navbar .navbar-brand {padding: 10px 0 40px 0;}
        #navbar .navbar-toggle {position: relative; display: block; float: left; background-color: #b73049; margin: 0; padding: 23px 15px; border-radius: 0; border: 0;}
        #navbar .navbar-toggle .icon-bar {background: #fff;}
        #navbar .navbar-collapse {border-top: 0; box-shadow: none; padding: 0; margin: 0;}
        #navbar .navbar-collapse.collapse {display: none!important;}
        #navbar .navbar-nav {float: none!important; margin: 30px 0;}
        #navbar .navbar-nav>li {float: none;}
        #navbar .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
        #navbar .navbar-collapse.collapse.in {display: block!important;}

        #navbar #menu li a {border: 0; text-align: center; padding: 15px;}
        #navbar #menu li a:hover, #navbar #menu li a:focus, #navbar #menu li.active a {border: 0; color: #f3af77; top: 0;}

        
        #navbar .btn.book-now {margin: 0 auto 60px auto; display: block; width: 200px; float: none;}
        
        #navbar #dynamic {width: 100%; padding: 0;}
        
        /* top-bar */
        #top-bar {border: 0;}
        #top-bar .meteo {text-align: right;}
        
        /* languageMenu */
            #navbar #languageMenu {top: 182px; display: block;}
            #navbar #box_menu #languageMenu {display: none;}
            #languageMenu .dropdown-menu a {width: 77px;}
        
    
    /* MIDDLE */

        /* booking */
            #bookingContainer {position: absolute; width: 100%;}
            #bookingContainer .content {position: relative; padding: 0;}
            #box-booking {position: absolute; height: auto; left: 0; right: 0;}

        /* section box */
            #section-box .square {width: 80%;}

        /* section hotel */
            #section-hotel .content {margin-bottom: 50px;}

        /* news */
            #news .item {margin-bottom: 30px;}
            #news p.lead {margin-bottom: 40px;}
            #news .max-height {margin-top: 0; padding: inherit;}
            #news .item .imgContainer {position: static;}
            #news .date {width: auto; left: 15px; right: 15px;}
            #news .date.news {background-color: rgba(183,48,73,1);}
            #news .date.offerte {background-color: rgba(12,40,75,1);}
            #news .date a {font-family: 'Playfair Display', serif; color: #fff; float: right; font-size: 10pt; letter-spacing: .5px;}

        /* webcam */
            #webcam #middle .title {margin-top: 0px; margin-bottom: 20px;}
            #webcam.de #middle .title {margin-top: 0px; }
            #webcam.fr #middle .title {margin-top: 0px; }
        

    /* FOOTER */
        footer #footer-top h1.title {margin-top: 30px;}
        footer #footer-top .gallery-footer {padding-right: 30%;}
        footer #footer-top .padding-right {padding: 0;}
        
}

@media (max-width:767px) {
    body {border:3px solid red;}
    
    .default-button {margin-bottom: 10px;}
    .default-button.invia {margin-bottom: 0;}
    
    /* HEADER */
        /* megatron */
            .megatron h1 {font-size: 45pt;}
            .megatron h2 {font-size: 60pt;}

    /* MIDDLE */
        /* section box */
            #section-box {padding: 0;}
            #section-box .box {height: auto;}
            #section-box .square {display: none;}
            #section-box .content {position: static; text-align: center; width: 100%; background-color: #b73049; color: #fff; padding: 50px 0; margin-bottom: 15px;}
            #section-box .content img.visible-xs {display: inline-block!important;}
            #section-box .content p.lead {padding: 0 15px;}

        /* section localita */
            #section-localita h2 {text-align: center; font-size: 16pt;}
            #section-localita .default-button.button-inverted {position: static; display: block; margin: 30px auto 0 auto;}

        /* section hotel */
            #section-hotel .image {height: 260px;}
            #section-hotel .content {padding-left: 12%;}

        /* gallery */
            #gallery {padding-bottom: 15px;}
            #gallery .grid-sizer, .grid-item {width: 50%;}
            #gallery .image span.enlarge {width: 30px; height: 30px;}
            #gallery .image span.enlarge img {width: 10px;}
            #gallery .grid-item--width2 {height: 460px;}

        /* news */
            #news {padding-bottom: 0px;}
            #news .newsTitle {text-align: center;}
            #news p.lead {margin-bottom: 20px;}
            #news a.contact-us {margin-top: 0; margin-bottom: 40px; float: none; display: block;}
            #news .max-height {margin-top: 20px;}
            #news .text h2 {font-size: 14pt;}
            #news .text h5 {font-size: 10pt;}
            #news .text hr, #news .text a {display: none;}
            #news .item .imgContainer .fill-image {height: 200px;}

            #news_details .text p {margin-bottom: 40px;}

        /* prezzi */
            #prezzi .periodo {background-color: #092240; color: #fff; font-weight: 700;}
            #prezzi .voce {background-color: #f3af77!important; color: #092240;}
            #prezzi .details {text-align: center;}

        /* page */
            .page .row.buttons .default-button {float: none; width: 100%;}
        /* meteo */
			#meteo #middle {text-align:center;}

    /* FOOTER */
        footer .concept p {margin-bottom: 25px; text-align: center;}

        footer #footer-top {text-align: center; padding: 70px 0 30px 0;}
        footer #footer-top .logo {margin: 20px auto 0 auto; width: 30%;}
        footer #footer-top .logo::before {height: 70px; left: 50%;}
        footer #footer-top .link.visible-xs {display: inline-block!important; padding: 0px; background-color: #f3af77; width: 55px; height: 55px;}
        footer #footer-top .link.visible-xs img {display: block; margin-right: auto; margin-left: auto; width: auto;}
        
        #widgetTP {text-align: center;}
        #newconcept {text-align: center!important;}
        
}

@media (max-width:600px) {
    body {border:3px solid blue;}

    h1.title {font-size: 30pt;}
    h1.title span {font-size: 40pt;}

    /* HEADER */
        /* navbar */
            #navbar .navbar-nav {margin: 15px 0;}
            #navbar #menu li a {padding: 11px;}
            #navbar .btn.book-now {margin-bottom: 40px;}
            #navbar .navbar-brand {width: 120px;}

        /* jumbotron */
            .megatron h1 { font-size: 32pt;}
            .megatron h2 { font-size: 38pt;}

        /* languageMenu */
            #navbar #languageMenu {top: 120px;}

        /* top-bar */
            #top-bar {padding: 0;}
            #top-bar .meteo {display: none;}
            #top-bar .location {display: none;}
            #top-bar .brand {position: relative;}

        /* main-slider*/
            #customDots {display: none;}

        /* gallery */
            #gallery h1.title {font-size: 16pt;}
            #gallery h1.title span {font-size: 16pt;}
            #gallery p.lead {margin-top: 10px; line-height: 1.5;}

            #gallery .grid-item {padding: 10px;}
            #gallery .grid-sizer, .grid-item {height: 180px;}
            #gallery .grid-item--height2 {height: 180px;}
            #gallery .grid-item--width2 {height: 180px;}
            #gallery .description .title {display: inline-block; font-size: 12pt;}
            #gallery .description .desc {font-size: 9pt;}
            #gallery .image span.enlarge {display: none;}
       

    /* MIDDLE */
        section {padding:50px 0;}
        /* dicono section */
            #section-dicono {padding-bottom: 50px;}
            #section-dicono #dicono-slider p {font-size: 11pt;}
            #section-dicono #dicono-slider::before {left: 3%;}
            #section-dicono #dicono-slider::after {right: 3%;}

        /* news */
            #news .text h2 {font-size: 10pt; font-weight: 700;}
            #news .text h5 {font-size: 8pt;}
            #news .item .imgContainer .fill-image {height: 180px;}
        
            
    /* FOOTER */
        
    
    /* MODAL CENTER */
		#dialog-error .modal-dialog, #dialog-privacy .modal-dialog, #dialog-confirm .modal-dialog {width: 90%;}
		#dialog-privacy iframe {height: 300px;}
}

@media (max-width:439px) {
    body {border:3px solid green;}

    h1.title {font-size: 20pt;}
    h1.title span {font-size: 30pt;}
    p.lead {font-size: 8pt;}

    /* HEADER */
        /* navbar */
            #navbar #menu li a {padding: 6px; font-size: 9pt;} 
            #navbar .navbar-brand {padding: 11px 0; width:150px; margin-top: 0;}

        /* languageMenu */
            #navbar #languageMenu {top: 79px;}

        /* jumbotron */
            .megatron h1 { font-size: 25pt;}
            .megatron h2 { font-size: 30pt;}
       
            .buttonCollapse {padding:15px 0;}
            #bookingContainer .content {top:-40px;}

    /* MIDDLE */
        #section-contatti h1.title {font-size:19pt;}
        /* section box */
            #section-box .content {padding: 25px 0;}

        /* gallery */
            #gallery .grid-item {padding: 5px;}
            #gallery .grid-sizer, .grid-item {height: 140px;}
            #gallery .grid-item--height2 {height: 140px;}
            #gallery .grid-item--width2 {height: 140px;}
        
        /* news */
            #news .date {font-size: 8pt;}
            #news .date a {font-size: 8pt;}

            #news_details h1.title {font-size: 20pt;}
            #news_details .text h3 {font-size: 15pt;}

        /* prezzi */
            #prezzi .year {font-size: 35pt;}
            #prezzi .periodo {font-size: 11pt;}
            #prezzi table.table tr td {font-size: 11pt; padding: 12px;}
    
    /* FOOTER */    
        #newconcept a#link_privacy {border: 0; padding: 0; margin: 0;}
        #newconcept br {display: block;}
        
}

@media (max-width: 991px) and (orientation: landscape) {
    #top-bar {height: 0; padding: 0;}
    #top-bar .navbar-brand {width: 100px; margin-top: 10px; z-index: 1;}
    #top-bar .meteo {display: none;}
    #top-bar .location {display: none;}
    #top-bar .brand {position: relative;}
    #top-bar .brand:before {display: none;}

    #navbar .navbar-brand {padding: 5px 0 20px 0;}
    #navbar #languageMenu {top: 0px; z-index: 2;}
    #navbar #box_menu {margin: 10px 0 20px 0;}
    #navbar .navbar-nav {margin: 15px 0;}
    #navbar .navbar-nav>li {width: 50%;float: left;}
    #navbar .navbar-nav>li:nth-child(3)::after {content: ''; clear: both; float: none;}
    #navbar #menu li a {padding: 7px 0;}
    #navbar #menu::after {clear: none!important;}
    #navbar .btn.book-now {width: 50%; float: left; background-color: transparent; color: green; margin-bottom: 0px;}
}

 body {border:0!important;}