@font-face {
    font-family: 'miradorbold_demo';
    src: url('../assets/font/rene_bieder_-_mirador_bold_demo-webfont.eot');
    src: url('../assets/font/rene_bieder_-_mirador_bold_demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/font/rene_bieder_-_mirador_bold_demo-webfont.woff2') format('woff2'),
         url('../assets/font/rene_bieder_-_mirador_bold_demo-webfont.woff') format('woff'),
         url('../assets/font/rene_bieder_-_mirador_bold_demo-webfont.ttf') format('truetype'),
         url('../assets/font/rene_bieder_-_mirador_bold_demo-webfont.svg#miradorbold_demo') format('svg');
    font-weight: bold;
    font-style: normal;

}
.navbar-dark .navbar-toggler-icon {
    background-image: url(../img/hamburger.svg); 
}
.navbar-toggler-icon {width: 2em;}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
@font-face {
    font-family: 'miradorbook_demo';
    src: url('../assets/font/rene_bieder_-_mirador_book_demo-webfont.eot');
    src: url('../assets/font/rene_bieder_-_mirador_book_demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/font/rene_bieder_-_mirador_book_demo-webfont.woff2') format('woff2'),
         url('../assets/font/rene_bieder_-_mirador_book_demo-webfont.woff') format('woff'),
         url('../assets/font/rene_bieder_-_mirador_book_demo-webfont.ttf') format('truetype'),
         url('../assets/font/rene_bieder_-_mirador_book_demo-webfont.svg#miradorbook_demo') format('svg');
    font-weight: normal;
    font-style: normal;

}
p a:hover {
	text-decoration: underline;
}
.messaggio-form {}
.ekko-lightbox-nav-overlay a span {font-family: 'Montserrat', sans-serif; color:#1d1d1b;} 
.modal-content {border-radius: 0; border:0;}
.modal-header {border-bottom: 0;}
.modal-body {padding-top: 0;}
.modal-header .close span {display: none;}
.modal-header .close:hover {opacity: 0.6;}
.modal-header .close {
background: url(../img/close.svg) center no-repeat #fff;
    box-sizing: content-box; background-size: 18px; opacity: 1;
  padding: 0;
    width: 18px;
    margin: 0;
    height: 18px;}
.modal-header {align-items: center;}
.modal-header .close:focus {border:0; outline: none;}
header h5:after, .elenco_box h4:after, form h4:after, #attivita header h3:after, #prezzi header h3:after {display:block; margin:40px auto 70px auto; content: ''; width: 70%; height: 18px; background:url("../img/segno.svg") no-repeat center; background-size: contain;}
.elenco_box h4:after {width: 100%;}
.mete header h5:after {background:url("../img/segno-white.svg") no-repeat center; background-size: contain;}
.elenco_box h4:after, form h4:after {background:url("../img/segno.svg") no-repeat center; height: 16px; margin:40px auto 50px auto;}
.modal-backdrop.show {
    opacity: .9;
}
.modal-backdrop {
    background-color: #1d1d1b;
}

h1, h2, h3, h4, h5 {font-family: 'miradorbold_demo'; font-weight: bold; text-transform: lowercase;}
h4 {
    font-size: 3rem;
    font-weight: normal;
}
h4.modal-title {font-size: 1rem;}
.arancio {color:#eb7a49;}
.arancio_bg {background:#eb7a49;}
.bianco {color: #fff;}
h4 strong {font-weight: bold;}
body {font-family: 'Montserrat', sans-serif; color:#1d1d1b;}

/* GENERAL SETTINGS */

.link {display: inline-block; text-decoration: underline;}

#concept {font-size:0.7rem; text-transform:uppercase; letter-spacing:1px;}
#concept a {display:inline-block;}
#concept a:hover {text-decoration: underline;}

.no_padd {padding:0 !important;}
section.no_padd:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:60px; background:#eb7a49; z-index:15;}
#eapps-instagram-feed-1 {z-index:10;}

/*.alert_cookie {background: rgba(255,255,255,1); color:#000; font-size:11px; font-family: 'Poppins', sans-serif; z-index:15;}*/
.alert_cookie a {display:inline-block;}
.alert_cookie p {margin:7px 0 !important; font-size: 12px;}
#iubenda-cs-banner {
    bottom: 0px !important;
    left: 0px !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 99999998 !important;
    background:rgba(0,0,0,0.6);
  }
  .iubenda-cs-rationale {
    position: relative;
	width:80%;
    margin: 0 auto;
  }
  .iubenda-banner-content > p {
    font-family: 'Poppins', sans-serif;
    line-height: 1.5;
  }
  .iubenda-cs-close-btn {
    margin:0;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
  }
  .iubenda-cs-cookie-policy-lnk {
    text-decoration: underline;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
  }



.container {position:relative;}
.container-fluid {position:relative; padding:0; margin:0; z-index:1;}
.row {margin:0 0 4em 0;}
footer form .row {margin:0; padding:0 0 30px 0;}
.row.last {margin-bottom:0;}
header {position:relative;}
#top_top {overflow:hidden;}
header h5, ul.elenco_box li p {font-size:15px; letter-spacing: 3px; margin-top:50px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; width: 70%;
    margin-left: auto;
    margin-right: auto;
    line-height: 28px;}
header p {margin-top:50px; line-height: 35px; margin-bottom: 40px;}
.down {top: 150px;}
.up {top: 1800px;}
.hideme {opacity:0;}
.giallo {background:#eb7a49; color:#1d1d1b;}
span.giallo,
span.grigio {padding:0 10px;}
.grigio {background:#ccc; color:#343a40;}
iframe {border:0; width:100%;}
.h3, h3 {font-size: 5.5rem;}
ul.elenco_box li h3 {font-size: 4.5rem;}
select { border:0; color:#fff !important; border:0 !important;}

.my-img a {display: inline-block; margin: 10px; border: 2px solid #CCC;}
.my-img a:hover {border: 2px solid #45AFFF;}    
.modal-lg {width: 86%;}
.modal-body {overflow: auto; max-height: auto;}

.ekko-lightbox-nav-overlay a {text-align:left;}


a {text-align: center; color:#eb7a49; font-weight: bold; text-decoration: none; position: relative; z-index: 1; margin: 0 auto; display: block;}
a:hover {color:#1d1d1b; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; text-decoration:none;}
.iubenda-banner-content a {display:inline-block;}
.btn, .btn2 {display:inline-block; letter-spacing: 1.5px; background:#1d1d1b; font-size: 0.8rem; padding: 1.200rem 1.800rem; color:#fff; border:3px solid #1d1d1b; font-weight:bold; border-radius:0; text-transform:uppercase; white-space: normal;}
.btn2 {border:3px solid #fff;}
.btn:hover {background:none; color:#1d1d1b; text-decoration: none;}
.btn2:hover {background: #fff; color:#1d1d1b; text-decoration: none;}
.btn.btn-outline-default {background:none; width: auto; color:#1d1d1b; font-size: 0.8rem; padding: 1.200rem 1.800rem; border:3px solid #1d1d1b; font-weight:bold; border-radius:0; text-transform:uppercase;}
	.btn.btn-outline-default.bianco {border:3px solid #fff; color:#fff;}
.btn.btn-outline-default:hover {background:#1d1d1b; color:#fff;}
	.btn.btn-outline-default.bianco:hover {background:#fff; color:#1d1d1b;}
	
.jumbotron {position:relative; margin-bottom: 0; text-align: center; height: 90vh; padding:0; background:none; text-transform:uppercase; box-shadow:none; z-index:2;}
.parallax .jumbotron {height: auto; padding:150px 0;}
.jumbotron .logo {position:relative; top:0; /*-ms-transform: translateY(-50%); transform: translateY(-50%);*/ width: 100%; height: 100%; padding:1px 0;}
.parallax .jumbotron .logo {-ms-transform: translateY(0%); transform: translateY(0%); padding:1px 0;}
.jumbotron .logo:before {content:''; position: absolute; top:3%; /*-ms-transform: translateY(-50%); transform: translateY(-50%);*/ margin-left:0; /*max-width:746px;*/ left:-5%; width: 100%; height: 97%; z-index: 0;}
.jumbotron h1 {position:absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:1; text-indent:-9999px; width: 400px; height: 91px; margin:0 auto; background:url("../assets/Pause_logo-scritta.svg") no-repeat;}
.summer .jumbotron .logo:before {background:url("../assets/figura-summer.png") no-repeat center; background-size: 746px; animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;}


/*.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
    float:left;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}
.swing img {
    border: 5px solid #f8f8f8;
    display: block;
}
.swing:after{
    content: '';
    position: absolute;  
    width: 20px; height: 20px;  
    border: 1px solid #999;
    top: -10px; left: 50%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
.swing:before{
    content: '';
    position: absolute;
    width: 5px; height: 5px;
    top: -14px;left: 54%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #1d1d1b;
}*/
 
@keyframes swing {
    0% { transform: rotate(3deg); }
    100% { transform: rotate(-3deg); }
}
.logo-messaggio img {position:relative; margin:0 auto; width: 100%; max-width:600px; -ms-transform: translateX(-5%); transform: translateX(-5%); height: auto; display: block;}
.logo-messaggio h1 {margin-bottom: 0;}
.jumbotron h4 {position:absolute; bottom:15%; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); z-index:1; letter-spacing: 2px; font-size: 15px; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; margin:197px auto 50px auto;}
.jumbotron .logo p {text-transform: lowercase;  margin-bottom: 40px;}
.grigio .jumbotron {color:#343a40;}
.parall .jumbotron {padding-bottom:10rem;}
.jumbotron .h1-reponsive {font-size:98pt; line-height:74px; font-weight:bold;}
.jumbotron strong {color:#eb7a49;}
.parallax .jumbotron strong {color:#1d1d1b;}

section {position:relative; padding:8em 0;}
	section#mappa {padding:8em 0 0 0;}
section.parallax {border-top:1px solid #fff; border-bottom:1px solid #fff; padding: 0;}
.contenuti {background:#fff;}
.messaggio-form .contenuti {background:none;}
.texture {position:absolute; bottom:-15em; z-index:2;}
.texture.right {right:0; width:35%;}
footer .texture.right {bottom:inherit; top:-15em;}
.texture.left {left:0; width:35%;}
p u {letter-spacing:3px;}

table, .table {font-weight:normal; margin-bottom: 50px !important;}
.table td, .table th {vertical-align: middle;}


/* TOP */

.bg {position:absolute; top:0; left:0; background: #fff; width: 100%; height: 100%; opacity:0.85;}
.show2 {opacity: 1; background: #fff; box-shadow: 5px 0 10px rgba(0,0,0,0.1);}
.summer .show2 {background: #eb7a49;}
/*.transition {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}*/
.fixed {position: fixed; bottom: -2px; left: 0; width: 100%; overflow: hidden; z-index:10;}

.navbar-brand {position:relative; top:5px; display:inline-block; width: 110px; height: 27px; padding:0; margin-right: 0; background:url("../assets/Pause_logo-scritta.svg") no-repeat; background-size:contain; text-indent: -9999px;}

#top {position:relative; z-index:20;}
#menu {box-shadow:none; padding:30px 60px;}
#menu ul {}
#menu ul li {display:flex; align-items: center; text-transform: uppercase; letter-spacing: 4px; padding-left:20px; padding-right:20px;}
#menu ul li a {color:#1d1d1b; letter-spacing:2px; line-height: 21px; font-size: 13px; font-weight: 700; font-size: 0.72rem; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
#menu ul li a.sel img {opacity:0.5;}
#menu ul li a .fa {font-size: 1.2rem;}
#menu ul li a:hover {opacity: 0.8;}


.back-to-top, .tel {display: none; position: fixed; bottom:120px; left:0; padding:20px 25px; display: inline-block; box-sizing: border-box; width: 65px; height: 65px; background: none; margin:0; z-index:100; color: #1d1d1b; background-color: #fff; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
.back-to-top i, .tel i {position:absolute; top:50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); font-size: 30px; line-height: 30px;}
.back-to-top:hover {bottom:130px;}
.tel {bottom:210px; background: #eb7a49;}
.tel:hover {bottom:220px;}

#booking {display:block; position:absolute; font-weight:normal; font-size: 0.8rem; top:-1px; height:100%; color: #1d1d1b; width:auto; text-align:left; right:0; background: #eb7a49; text-shadow:none; letter-spacing: 3px; padding:0 5em 0 8em; display: block;}
#booking:before {content:''; position:absolute; top:50%; left:0; width: 100px; height: 100px; background: #fff; -ms-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg);}
#booking span {display:block; font-weight:700; position:relative; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%);}
 transform: translateY(-50%);#booking.confermaInvioMail {background:url("../img/freccia-ok.png") no-repeat;}
#booking.erroreInvioMail {background:url("../img/freccia-no.png") no-repeat;}
#booking:hover {background:#fff; color:#1d1d1b;}
#booking {background: #fff; padding-left: 8em; padding-right: 5em; color: #1d1d1b; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#booking:hover {padding-left: 10em; padding-right: 7em;}
.top-fixed #booking:before {background: #eb7a49;}

#carousel-example-2 {position:relative; z-index:1;}
#carousel-example-2.carousel .carousel-control-prev-icon,
#carousel-example-2.carousel .carousel-control-next-icon {background-image:none; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent;}
#carousel-example-2.carousel .carousel-control-prev-icon {border-right: 25px solid #fff;}
#carousel-example-2.carousel .carousel-control-next-icon {border-left: 25px solid #fff;}
#carousel-example-2 .carousel-control-next, #carousel-example-2 .carousel-control-prev {opacity:1;}
#carousel-example-2 .carousel-indicators {display:none;}
#carousel-example-2 .carousel-control-prev, #carousel-example-2 .carousel-control-next, #carousel-example-2 .carousel-inner, #carousel-example-2 .carousel-item, #carousel-example-2 .carousel-caption {z-index:2;}
#carousel-example-2 .carousel-control-prev, #carousel-example-2 .carousel-control-next {right:25%; left:inherit; bottom:30%; top:inherit; margin:0; padding:20px; width:auto; height:auto !important;}
#carousel-example-2 .carousel-control-next {right:22%;}
#carousel-example-2 .carousel-inner {overflow:visible;}
#carousel-example-2 .carousel-caption {bottom:20%;}
#carousel-example-2 .carousel-control-next:focus, #carousel-example-2 .carousel-control-next:hover, #carousel-example-2 .carousel-control-prev:focus, #carousel-example-2 .carousel-control-prev:hover {opacity: .5;}

/* CONTENT */

.fascia {position:absolute; bottom:0; left:0; width: 100%; padding:50px 0; color:#fff; z-index:2;}
.fascia:before {content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0.4; background: #1d1d1b; z-index:0;}



ul.elenco_box {padding:0; display: flex; flex-wrap: wrap;}
ul.elenco_box li {display:block; width:50%; margin:0; padding:0;}
ul.elenco_box#tasti li {display:block; width:33.3%;}
ul.elenco_box li p {position:relative;z-index: 3;}
ul.elenco_box li a {position:relative; height: 100%; padding:100px 40px; color:#fff; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
ul.elenco_box.elenco_app li a {padding:200px 40px;}
ul.elenco_box li a::before,
section#prices:before {content: ""; position:absolute; bottom:0; left:50%; margin-left:-45px; z-index:2; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #fff;}
ul.elenco_box.elenco_app li a:after {content: ""; position:absolute; bottom:0; left:0; z-index:2; width: 100%; height: 100%; background: #eb7a49; opacity: 0.7; z-index: 1;}
section#prices:before {bottom:inherit; top:0;}
ul.elenco_box li:nth-child(2) a::before,
section#prices:before {bottom:inherit; top:0; border-bottom:0; border-top: 40px solid #fff;}
ul.elenco_box li h3,
ul.elenco_box li h3 strong {position:relative; font-weight:700; letter-spacing:0; z-index: 3;}
i {font-weight:none; letter-spacing:3px;}
ul.elenco_box li h3 span,
ul.elenco_box li h3 p,
ul#tasti li i,
#feedback i,
#feedback strong,
footer form i.fa {position:relative; display:block; font-size:80px; z-index: 3;}

ul.elenco_box li#app01 a {background:url("../assets/app/app1.jpg") no-repeat; background-size:cover;}
ul.elenco_box li#app02 a {background:url("../assets/app/app2.jpg") no-repeat; background-size:cover;}
ul.elenco_box li a:hover:after {opacity: 0.10; background: #1d1d1b}
ul.elenco_box li a:after {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}

#box_offerte {background:#fff;}

/*  bojan   */
#map{width: 100%; height: 850px; margin-left: auto; margin-right: auto;}
#prezzi a.nav-link{color: #eee; font-size: 0.8rem; letter-spacing: 1.5px; text-transform: uppercase;}
#prezzi a.nav-link:hover {text-decoration: underline;}

ul#tasti {margin-bottom:-8em;}
ul#tasti li {}
ul#tasti li i, #feedback i, footer form i {margin-bottom:40px;}
ul#tasti li:nth-child(2) {position:relative;background:#eb7a49;}
ul#tasti li a {color:#1d1d1b; font-weight:normal;}
ul#tasti li a:hover {opacity: 1;}
ul#tasti li h3 {font-weight:normal;}

footer {position:relative;}
footer .row {padding:8em 0;}
footer .bar {background-color:#ccc; padding:3em 0;}
footer .nav {text-transform:uppercase; letter-spacing: 2px; font-size: 0.8rem;}
footer .nav a {opacity:0.6; font-weight:normal;}
footer .nav a:hover {opacity:0.9;}
footer div {position:relative;}

footer form {position:absolute; top:-49em; left:0; width:100%; padding:3em; z-index:3;}
.messaggio-form footer form {position:relative; top:0;}
footer form h4 {margin-bottom: 1.9rem;}
footer form input {}

.table {max-width: 1200px;}
.table-dark {background: #1d1d1b;}
.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #32383e; border:0 !important;
}

.form-control::placeholder {
  color:#1d1d1b;
  opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#1d1d1b;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
 color:#1d1d1b;
}
.form-group {margin-bottom: 1.5rem;}
.form-control {padding: 1.400rem 2.000rem; height: auto !important; font-size: 0.9rem; line-height: 1.5; color:#1d1d1b !important;
   border:0; border-radius:0;}
   .select-arrow {position: relative;}
   .select-arrow:after {pointer-events: none; position:absolute; top:0; right: 0; content:''; width: 60px; height: 100%; background:url("../img/arrow-down.svg") center no-repeat #fff; background-size: 20px;

   }
footer #freccia_footer {position:absolute; top:-31px; left:0; width:100%; height:31px; background:url("../img/freccia-footer.png") no-repeat; background-position-y: top; background-position-x: center;}

@media (min-width: 768px) {

    /* show 3 items */
    #carouselExample .carousel-inner .active,
    #carouselExample .carousel-inner .active + .carousel-item,
    #carouselExample .carousel-inner .active + .carousel-item + .carousel-item  {
        display: block;
    }
    
    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    #carouselExample .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    
    #carouselExample .carousel-inner .carousel-item-next,
    #carouselExample .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
    
    #carouselExample .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        /*right: -25%;*/ right:0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* left or forward direction */
    #carouselExample .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carouselExample .carousel-item-next.carousel-item-left + .carousel-item,
    #carouselExample .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    #carouselExample .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    
    /* farthest right hidden item must be abso position for animations */
    #carouselExample .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    
    /* right or prev direction */
    #carouselExample .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carouselExample .carousel-item-prev.carousel-item-right + .carousel-item,
    #carouselExample .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    #carouselExample .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
	
	
}

#carousel-example-2 .carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#carouselExample .row, #carouselExample {margin:0 !important;}
#carouselExample .carousel-item.active {}
#carouselExample .text-event {position:absolute; top:0; left:0; width:100%; height:100%; padding:30px; text-align:left; letter-spacing:0; z-index:2;}
#carouselExample a {display:block; overflow:hidden; color:#fff;}
#carouselExample a img {position:relative; width:100%; height:auto; z-index:1;}
#carouselExample .data {color:#1d1d1b;}
#carouselExample .data p {position:absolute; bottom:20px; right:20px; text-align:right; margin:0; line-height:20px;}
#carouselExample .data p strong {font-size: 1.7rem; line-height:32px;}
#carouselExample .data:before {content:""; position:absolute; bottom:0; right:0; border-top: 170px solid transparent; border-right: 170px solid #fff;}
#carouselExample .carousel-item.ogni .data:before {border-right: 170px solid #ccc;}

#carouselExample .carousel-inner {padding:0;}
#carouselExample .carousel-control-prev, #carouselExample .carousel-control-next {top:-80px; bottom:inherit; color:#1d1d1b; opacity:1; width:25px;}
#carouselExample .carousel-control-next-icon, #carouselExample .carousel-control-prev-icon {background:none; border-top: 25px solid transparent; border-bottom: 25px solid transparent; width:25px;}
#carouselExample .carousel-control-next-icon {border-left: 25px solid #1d1d1b;}
#carouselExample .carousel-control-prev-icon {border-right: 25px solid #1d1d1b;}
#carouselExample .carousel-control-next-icon:hover {border-left: 25px solid #eb7a49;}
#carouselExample .carousel-control-prev-icon:hover {border-right: 25px solid #eb7a49;}
#carouselExample .carousel-control-next {right:15px;}
#carouselExample .carousel-control-prev {left:inherit; right:55px;}


 /* Bootstrap Lightbox using Modal */

#profile-grid { overflow: auto; white-space: normal; } 
#profile-grid .profile { padding-bottom: 40px; }
#profile-grid .panel { padding: 0 }
#profile-grid .panel-body { padding: 15px }
#profile-grid .profile-name { font-weight: bold; }
#profile-grid .thumbnail {margin-bottom:6px;}
#profile-grid .panel-thumbnail { overflow: hidden; }
#profile-grid .img-rounded { border-radius: 4px 4px 0 0;}


.messaggio-form #info {margin-bottom: 0em !important;}



@media only screen and (min-width:1200px) {
  .container, .elenco_box, table.table {margin:0 auto;}
  .elenco_box#tasti {max-width: 100%;}
  .elenco_box#tasti {max-width: 100%; display: flex;}
}



/* Extra large devices (large laptops and desktops, 1200px and down) */
@media only screen and (max-width:1820px) {
	.texture {bottom:-8em; width:30%;}
	
	/*#carousel-example-2 .carousel-caption {bottom:5%;}*/
	#carousel-example-2 .carousel-control-prev, #carousel-example-2 .carousel-control-next {right: 15%;}
	#carousel-example-2 .carousel-control-next {right: 10%;}
	#info {margin-bottom: 9em;}
}

@media only screen and (max-width:1400px) {
	ul.elenco_box li a {padding: 80px 40px;}
	.texture {bottom:-10em; width:35%;}
	.jumbotron .h1-reponsive {font-size:75pt; line-height:60px;}
.h3, h3 {font-size: 4.5rem;}
ul.elenco_box li h3 {
    font-size: 4rem;
}
#booking:before, #booking:after {content:''; display:inline-block; position:absolute; left: 0; width: auto !important; height: auto !important; border-left:40px solid transparent; border-right:40px solid #eb7a49; border-bottom:40px solid transparent; z-index: 10;}
#booking:before {top:0; -ms-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
    -webkit-transform: translate(-100%, 0%); background: none !important;}
    #booking:after {bottom:0; border-left:0px solid transparent; -ms-transform: translate(-100%, 0%) rotate(90deg);
    transform: translate(-100%, 0%) rotate(90deg);
    -webkit-transform: translate(-100%, 0%) rotate(90deg);}
#booking {padding-left: 7em;}
#booking {
      display: block;
      position: fixed !important;
      font-weight: normal;
      font-size: 0.8rem;
      top:0;
      margin-top: 0;
      bottom: auto;
      height: auto;
      color: #1d1d1b;
      width: auto;
      text-align: left;
      right: 0;
      background: #eb7a49;
      text-shadow: none;
      letter-spacing: 2.5px;
      padding: 1.8em 1.5em;
      display: block;
      overflow:visible !important;
  }
  #booking:hover {padding-left: 3.5em; padding-right: 3.5em;}
  .top-fixed #booking {background: #eb7a49; overflow:hidden;}
  .top-fixed #booking:before {
}
  #booking span {
    display: block;
    font-weight: 700;
    position: relative;
    top: 0%;
    -ms-transform: translateY(-0%);
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
}
    ul.elenco_box#tasti li {
    display: block;
    width: 100%;
}
}


/* Extra large devices (large laptops and desktops, 1200px and down) */
@media only screen and (max-width:1200px) {
	.texture {width:40%;}
	.jumbotron .h1-reponsive {font-size:65pt; line-height:50px;}
  .tasti_section .row {margin-bottom: 0;}
ul.elenco_box li h3 {
    font-size: 3.5rem;
}
.contenuti#appartamenti {padding-bottom:0;}
#info h4 {
    font-size: 2rem;
}
footer form {padding: 3em 2em;}
}



/* Large devices (laptops/desktops, 992px and down) */
@media only screen and (max-width:991px) {
.jumbotron h4 {bottom: 15%;}
  .h3, h3 {
    font-size: 4rem;
}
#info h4 {
    font-size: 1.8rem;
}
#menu {z-index: 15;}
.back-to-top, .tel {z-index: 10;}
	section {padding:4em 0;}
	section#mappa {padding:4em 0 0 0;}
	.navbar-brand {margin:0; padding:0;}

  
	
	.navbar-dark .navbar-toggler {border:0; color: rgba(255,255,255,1);}
  .navbar-dark .navbar-toggler:focus {outline: none;}
	.navbar-dark .navbar-toggler-icon {opacity:1;}

  .back-to-top, .tel {padding: 15px 20px;}
	
	.jumbotron .h1-reponsive {font-size:45pt; line-height:30px;}
	#navbarNav {margin-top:20px; margin-bottom:10px; padding:15px 0;}
	ul.elenco_box li {float:none; width:100%; margin-bottom:40px; padding:0;}
	ul.elenco_box li a {padding:80px 40px;}
	ul#tasti li a {padding:40px;}
	ul#tasti.elenco_box li:nth-child(3) a::before, ul#tasti.elenco_box li:nth-child(1) a::before {display:none;}
	ul#tasti li a {padding:40px;}
	ul#tasti li:nth-child(3) a {padding:40px 40px 0 40px;}
	ul#tasti li:nth-child(1) a {padding:0 40px 40px 40px;}
	ul#tasti {margin-bottom:4em;}
	ul#tasti li:nth-child(2) {bottom:inherit;}
	ul#tasti.elenco_box li {margin-bottom:0;}
	ul.elenco_box li:nth-child(2) a::before {bottom:0; top:inherit; border-bottom: 30px solid #fff; border-left: 30px solid transparent;
    border-right: 30px solid transparent; border-top:0;}
	footer .row {padding:0 0 4em 0;}
	ul.elenco_box li h3 span, ul#tasti li i, #feedback i, #feedback strong, footer form i.fa {font-size:60px;}
	/*#carouselExample .data p {bottom:12px; right:12px; line-height:22px;}
	#carouselExample .text-event {padding:12px;}*/
	#carouselExample .text-event {padding:10px; line-height: 18px;}
	#carouselExample .data:before {border-top: 120px solid transparent; border-right: 120px solid #fff;}
	#carouselExample .carousel-item.active .data:before {border-right: 120px solid #eb7a49;}
	#carouselExample .carousel-item.ogni .data:before {border-right: 120px solid #ccc;}
	.h4, h4 {font-size:2rem;}
	#carouselExample .data p strong {font-size: 1.2rem; line-height: 22px;}
	#carouselExample .data p {bottom: 10px; right: 10px; width:60%;}
	#carouselExample .data {line-height:18px;}
	#carouselExample .text-event p {width:70%; font-size: 0.8rem;}
	.parall .jumbotron {padding-bottom: 13rem;}
		ul.elenco_box li a::before, section#prices:before {margin-left: -30px; border-bottom: 30px solid #fff; border-left: 30px solid transparent;
    border-right: 30px solid transparent;}

  

}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width:767px) {
		body {font-size: 0.9rem;}
  .h3, h3 {
      font-size: 3rem;
  }
  #map{height: 550px;}
  header h5:after, .elenco_box h4:after, form h4:after, #attivita header h3:after, #prezzi header h3:after, .elenco_box h4:after {width: 250px; height: 18px; margin: 40px auto 50px auto;}
  ul#tasti li:nth-child(3) a {
    padding: 40px;
}
  ul.elenco_box li h3 {
      font-size: 3rem;
  }
  ul#tasti {
    margin-bottom: 0em;
}
	.hideme {opacity:1;}
	select option {}
	.btn {width:100%;}
	.col-md-4:nth-child(1) .btn {margin-bottom:40px;}
	.fascia {padding:30px 0 80px 0;}
	.fascia .text-right {text-align:center !important;}
		
	.parall {text-align:center;}
	.parall .container {padding-left:40px; padding-right:40px;}
	.parall .text-left,
	#mappa .text-left	{text-align:center !important;}
	
	/*.fixed {position:relative;}*/
	.bg {opacity:1; }
	#top.container {padding:0; width:100%; max-width:100%;}
	
	#menu ul {background:none; margin-top:0;}
	

#menu {
    box-shadow: none;
    padding:0;
}

.summer .jumbotron .logo:before {/*top:50%; left:50%; -ms-transform: translate(-55%, -50%); transform: translate(-55%, -50%); max-width: 600px;*/ background:url("../assets/figura-summer.png") no-repeat center center; background-size: contain;  width: 100%; height: 100%;}
.jumbotron h1 {
    position: absolute;
    z-index: 1;
    top:48%;
    left:50%;
    -ms-transform: translateY(-50%); transform: translateY(-50%);
    -ms-transform: translateX(-50%); transform: translateX(-50%);
    text-indent: -9999px;
    width: 360px;
    height: 85px;
    margin: 0 auto;
    background: url(../assets/Pause_logo-scritta.svg) no-repeat;
}

.jumbotron h4 {
    margin: 0 auto;
    position: absolute;
    left: 50%;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 25px;
    -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%);
}
  
	
	.texture, .texture.right, .texture.left {bottom:-7em; width:50%;}
	.parall .texture {z-index:1;}
	.jumbotron {margin-bottom:0; padding:0; height: 700px;}
	.parall .jumbotron {padding-bottom:15rem;}
	.jumbotron .h1-reponsive {font-size:33pt; line-height:33px;}
	
	
	.carousel-caption {right: 10%; left: 10%;}
	#carousel-example-2 .carousel-control-prev, #carousel-example-2 .carousel-control-next {display:none;}
	#carouselExample .carousel-control-prev, #carouselExample .carousel-control-next {}
	/*#carouselExample .data:before {border-top: 130px solid transparent; border-right: 130px solid #fff;}
	#carouselExample .carousel-item.active .data:before {border-right: 130px solid #eb7a49;}
	#carouselExample .data p {bottom:25px; right:25px; line-height:22px;}
	#carouselExample .text-event {padding:25px;}*/
	#carouselExample .data:before {border-top: 170px solid transparent; border-right: 170px solid #fff;}
	#carouselExample .carousel-item.active .data:before {border-right: 170px solid #eb7a49;}
	#carouselExample .carousel-item.ogni .data:before {border-right: 170px solid #ccc;}
	#carouselExample .text-event {padding: 30px; line-height: 32px;}
	#carouselExample .text-event p {width:100%; font-size: 1rem;}
	#carouselExample .data p strong {font-size: 1.7rem; line-height: 32px;}
	#carouselExample .data p {bottom: 10px; right: 10px;}

	
	.contenuti .container {position:relative; z-index:2;}
	/*.contenuti header h3, .contenuti header p {background:#fff; display:inline-block; padding:0 10px;}*/
	
	footer .bar {display:none;}
	footer form {position:relative; top:0; margin-top:80px; padding: 2em;}
	footer .row {padding:4em 0;}
	iframe {margin-top:2em;}
	.back-to-top, .tel {padding:12px 15px;}
.back-to-top i, .tel i {font-size: 1.7rem;}

	header h5, ul.elenco_box li p {
	    font-size: 13px;
	    letter-spacing: 2px;
	    line-height: 25px;
	}
	header p {
	    line-height: 29px;
	}
	header h5, ul.elenco_box li p {margin-top: 40px;}
	header p {
	    margin-top: 20px;
	    margin-bottom: 50px;
	}
	ul.elenco_box li a {
    padding: 80px 20px;
}
.bg {background: none;}
.summer .show2 {
    background: none;
}

.navbar-dark .navbar-toggler {padding: 0;}
#navbarNav.navbar-collapse {background: #fff; margin:0; padding-top: 30px; padding-bottom: 30px;}
.navbar-brand {
    background: url(../assets/Pause_logo-scritta.svg) #fff no-repeat;
    box-sizing: content-box;
    border: 20px solid #fff;
}
.navbar-dark .navbar-toggler-icon {
    background: url(../img/hamburger.svg) center no-repeat #fff;
    border: 20px solid #fff;
    box-sizing: content-box;
}
}

/* BJN */
.card {
    background: #1d1d1b;
    border: 0px solid #dd2476;
    margin-bottom: 2rem;
    margin-top: 2rm;
  }

/* END BJN */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width:576px) {
	.texture, .texture.right, .texture.left {bottom:-6em;}
	#top {position:relative; width:100%; max-width: inherit;}
	#carousel-example-2 {position:relative;}
  .jumbotron {height: 100vh; min-height: 600px;}
	/*.jumbotron .h1-reponsive {font-size: 27pt; line-height: 14px;}*/
	.navbar {align-items: flex-start;}
  
  #feedback .border-left, #feedback .border-right {border:0 !important;}
	#feedback .container-fluid .row div:nth-child(2) {border-top: 1px solid #dee2e6!important; border-bottom: 1px solid #dee2e6!important; margin:40px auto; padding:40px 0; width:90%;}
	
	#carouselExample .data p {bottom:25px; right:25px; line-height:22px;}
	#carouselExample .text-event {padding:25px;}
	#carouselExample .data:before {border-top: 180px solid transparent; border-right: 180px solid #fff;}
	#carouselExample .carousel-item.active .data:before {border-right: 180px solid #eb7a49;}
	#carouselExample .carousel-item.active .data:before {border-right: 180px solid #eb7a49;}
	table span {display:block;}
	
	.summer .jumbotron .logo:before {/*max-width: 400px;*/}
  .jumbotron h1 {
    top:41%;
    width: 280px; height: 64px;
}
.jumbotron .logo {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-60%);
    transform: translateY(-60%);
    height: 70%;}
}

@media only screen and (max-width:441px) {
  #prezzi a.nav-link{display: none;}
  .back-to-top, .tel {right: auto; left: 0;}
  ul.elenco_box li h3 {
      font-size: 2.4rem;
  }
  .h3, h3 {
      font-size: 2.8rem;
  }
  .jumbotron h1 {
    top:47%;
    width: 240px; height: 55px;
}
}
@media only screen and (max-width:375px) {
  ul.elenco_box li h3 {
      font-size: 2.4rem;
  }
  .h3, h3 {
      font-size: 2.4rem;
  }
  .jumbotron h1 {
    top:47%;
    width: 200px; height: 45px;
}
}
@media only screen and (max-width:320px) {
  .jumbotron h1 {
    top:47%;
    width: 180px; height: 41px;
}
ul.elenco_box li h3 {
      font-size: 1.9rem;
  }
}

@media only screen and (max-height:750px) {
  header#top_top, header#top_top .jumbotron {}
}

@media only screen and (max-height:450px) {
	.texture, .texture.right, .texture.left {width:40%;}
	.navbar-brand img {height:50px;}
	.parall .texture.left {z-index:2;}
	.back-to-top, .tel {display:none;}
}
@media only screen and (max-height:350px) {
  #navbarNav.navbar-collapse {
      max-height: 150px;
      overflow: auto;
  }
}