@charset "utf-8";
.navbar,.navbar-nav {
  width:100%
}
.logo,
.navbar,
.top-boxes .firstbox-1 img {
  position:relative
}
.content-flex span.subtitle,
.content-flex span.title {
  align-content:center;
  display:block
}
body {
  background:url(../images/bg.jpg) center/100% 100% no-repeat
}
.extra-con {
  background:url(../images/header-bg.jpg) center top repeat-x
}
.navbar {
  background-color:#fff;
  border:1px solid #dadada;
  display:block;
  min-height:48px;
  left:0;
  border-radius:0;
  border-bottom:0;
  margin:0
}
.noshow {
  opacity: 0;
  display: none;
  visibility: hidden;
}
.logo,
.logo a {
  width:370px;
  height:103px
}
.main-container {
  max-width:950px;
  margin:0 auto;
  padding:0
}
.navbar-top {
  padding:0!important
}
.logo {
  margin:0 auto
}
.logo a {
  display:block;
  background:url(../images/depilazione-definitiva.jpg) center top no-repeat
}
.logo a:hover {
  background-position:center bottom
}
.navbar-default .navbar-nav>li {
  width:16.6%;
  font:bold 14px arial,verdana,helvetica;
  min-height:48px;
  position:relative;
  display:block
}
.navbar-default .navbar-nav>li>a {
  color:#000;
  text-align:center
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:hover {
  color:#e85517;
  background:0 0
}
.navbar-default .navbar-nav>li>a.prenota {
  background:#e85517;
  color:#fff;
  border-radius:6px;
  display:block;
  padding:5px 15px 2px;
  width:96px;
  margin:9px auto 0
}
.navbar-default .navbar-nav>li>a.prenota:hover {
  background:#e85517;
  color:#000
}
.topbackground {
  background:#ededed
}
.payoff {
  margin-top:20px;
  font:bold 22px arial,verdana,helvetica;
  color:#e75519;
  text-align:center
}
.payoff2 {
  margin-top:25px;
  font:bold 24px arial,verdana,helvetica;
  color:#ba0d1b;
  text-align:center
}
.top-boxes .firstbox-1 {
  margin-top:26px
}
.top-boxes .firstbox-1 p {
  position:absolute;
  top:0;
  margin:0 auto;
  text-align:center;
  color:#5e5e5e;
  font:18px arial,helvetica;
  padding:5px 0;
  width:100%;
  max-width:300px
}
.top-boxes .firstbox-1 p a {
  color:#5e5e5e;
  display:block;
  text-align:center;
  margin:0 auto
}
.top-boxes .firstbox-1 p a:hover {
  color:#e85517;
  text-decoration:none
}
.text-container {
  color:#797978;
  padding:15px 0 20px
}
.firstbox-2,
.rounded-cordnerdiv {
  color:#3a3939;
  border-radius:30px;
  text-align:center
}
.text-container h1,
.text-container h4 {
  color:#e85517;
  font:24px/22px arial,helvetica;
  padding:15px 0 5px
}
.text-container p {
  color:#5e5e5e;
  padding:5px 5px 5px 0;
  font:16px/22px arial,helvetica
}
.text-container p strong {
  font-weight:700
}
.text-container p a {
  color:#e85618;
  text-decoration:underline;
  font:16px/22px arial,helvetica
}
.text-container p a.approfondisci {
  color:#fff;
  background:#e85517;
  padding:10px 22px;
  font-size:14px;
  border-radius:4px;
  text-decoration:none
}
.text-container p a.approfondisci:hover {
  color:#e85517;
  background:rgb(232,85,23,.15)
}
.border-div {
  height:10px;
  background-color:rgba(231,85,25,.3);
  margin:10px auto
}
.leftsection-bottom a {
  display:block
}
.leftsection-bottom h2 {
  color:#333;
  font:24px/22px arial,helvetica;
  text-align:center;
  padding:20px 0 10px
}
.leftsection-bottom img {
  max-width:100%;
  margin:0 auto;
  display:block
}
.leftsection-bottom a img {
  margin-bottom:40px
}
.firstbox-2 {
  background:#ededed;
  min-height:310px;
  padding:0;
  overflow:hidden;
  box-shadow:0 -2px 1px #99999990
}
.firstbox-2 span {
  background:#fff;
  display:block;
  color:#333;
  font:20px/20px arial,helvetica;
  padding:7px 0 6px;
  margin-bottom:10px;
  width:100%
}
.firstbox-2 a {
  display:block;
  color:#444;
  font:bold 14px arial,verdana,helvetica;
  padding:.85em 0;
  text-decoration:none;
  text-transform:uppercase
}
.firstbox-2 a:hover {
  color:#333;
  text-decoration:underline
}
.firstbox-2 a.activeside,
.footermain a,
.links-line a:hover,
.rightbarTitle,
.text-container a.link {
  text-decoration:none
}
.leftinnerpage img,
img {
  max-width:100%
}
.rounded-cordnerdiv {
  background-color:rgba(244,244,244,.7);
  border:1px solid #ccc;
  padding:1% 10%;
  width:100%;
  margin:auto;
  display:block
}
.rounded-cordnerdiv span {
  color:#333;
  display:block;
  font:24px arial,vrdana;
  padding:10px 0 5px;
  text-decoration:none;
  text-align:center
}
.rounded-cordnerdiv p {
  color:#000;
  font:14px/18px arial,verdana;
  padding:5px 2px;
  text-align:center
}
.leftinnerpage h2 {
  font:20px/20px arial,verdana;
  padding:5px 0 3px
}
.innerright,
.leftinnerpage,
.rightsection-bottom {
  padding:0
}
.rightimg {
  display:block;
  margin:0 auto;
  text-align:center;
  max-width:100%
}
.rightbarTitle {
  color:#5e5e5e;
  display:block;
  font:600 20px arial,verdana;
  padding:20px 0 0
}
.rightsection-bottom h3 {
  color:#e85517;
  font:14px/20px arial,helvetica;
  padding:5px 0 10px
}
.rightsection-bottom p {
  color:#5e5e5e;
  line-height:20px;
  text-align:left
}
.rightsection-bottom p.small {
  color:#5e5e5e;
  font:12px/18px verdana,arial;
  text-align:left
}
.rightsection-bottom p a {
  color:#5e5e5e;
  font:16px/20px arial,helvetica;
  text-decoration:underline
}
.rightsection-bottom p a:hover {
  color:#e85618;
  background:0 0
}
.prenota a img {
  max-width:100%;
  display:block;
  margin:40px auto 10px
}
.footermain {
  background:#f5f5f5;
  border-top:1px solid #dadada;
  padding:20px 0;
  color:#5e5e5e;
  clear:both;
  margin-top:50px
}
.leftfooter,
.middlefooter {
  padding:10px 0
}
.footermain a {
  color:#5e5e5e;
  font:14px/15px arial,verdana
}
.newsletterBox {
  background:#fff;
  clear:both;
  float:left;
  margin:18px 0 0;
  min-height:30px;
  padding:4px;
  position:relative;
  width:100%
}
.button-submit {
  border:0;
  float:right;
  cursor:pointer;
  background:url(../images/submit-ok.png) center no-repeat;
  width:31px;
  height:31px
}
.right-footer {
  padding:10px 0;
  text-align:right
}
.right-footer a.credits {
  font-size:12px
}
.social {
  display:block;
  padding:0
}
.social li {
  list-style:none;
  display:block;
  float:right
}
.sociale li .facebook-scoail {
  background:url(../images/social-icons.png) center left no-repeat;
  display:block;
  width:35px;
  height:35px
}
.toplargeimage img {
  display:block;
  margin:26px auto 6px;
  max-width:100%
}
.links-line a {
  color:#e85618;
  font:14px/20px arial,helvetica;
  text-decoration:underline
}
.form-horizontal .control-label {
  margin-bottom:0;
  font:14px/20px arial,helvetica;
  padding-top:7px;
  text-align:left
}
.button-submit-form {
  background-color:#e85517;
  border:0 solid #909088;
  color:#fff;
  font-size:15px;
  border-radius:0;
  padding:5px 25px;
  position:relative;
  text-shadow:0 1px 1px #ededed;
  top:0
}
.form-control {
  background-color:#ededed;
  border:none;
  box-sizing:border-box;
  color:#434343;
  padding:9px;
  vertical-align:top;
  border-radius:0;
  box-shadow:none
}
.leftinnerpage p strong {
  color:#5e5e5e;
  font:bold 14px/20px verdana,arial
}
.firstbox-2 a.activeside {
  background-color:#fff;
  color:#e85517
}
.text-container h2 {
  font:600 22px/20px arial,verdana;
  padding:0 0 1px;
  color:#5e5e5e
}
.text-container h2 span {
  color:#e85517
}
.text-container a.link {
  background-color:#e85618;
  border-radius:5px;
  color:#fff;
  font:13px/20px arial,helvetica;
  left:3px;
  padding:2px 12px;
  position:relative;
  top:4px
}
.text-container h3 {
  font:16px/20px arial,verdana;
  padding:5px 0 3px;
  text-decoration:underline
}
.video-con-main-outer {
  position:fixed;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,.6);
  width:100%;
  height:100%
}
.labels,
.labelstel,
.video-con-main,
span.didascalia {
  position:absolute
}
.video-con-main {
  width:500px;
  height:340px;
  left:50%;
  right:50%;
  margin-left:-250px;
  margin-top:-170px;
  z-index:100;
  border-radius:10px;
  padding:20px 20px 50px;
  background:#fafafa;
  top:50%
}
.close-button {
  cursor:pointer;
  margin-top:10px;
  margin-bottom:10px;
  height:22px;
  display:block;
  clear:both;
  float:right;
  width:75px;
  background:url(../images/sprite.png) -1px -1px no-repeat
}
#showmobile {
  display:none
}
.labels {
  top:0;
  left:0
}
.labelstel {
  top:0;
  right:10px
}
.labelstel a {
  color:#e75519
}
.contactForm label.error {
  display:block;
  position:relative;
  top:8px;
  left:0;
  height:10px;
  line-height:2px;
  font-size:11px;
  text-align:right;
  color:red;
  font-weight:500
}
.contactDetails {
  width:310px;
  padding-top:15px
}
.fa.fa-facebook-square {
  font-size:30px;
  color:#3b5998
}
.content-flex {
  max-width:950px;
  margin:0 auto;
  padding:20px 0
}
.content-flex span.title {
  margin:10px 0 8px;
  font-size:30px
}
.content-flex h2,
.content-flex span {
  text-align:center;
  width:100%
}
.content-flex ul {
  list-style:none;
  display:flex;
  padding:0;
  justify-content:space-around
}
.content-flex li {
  width:100%;
  margin:5px 1px;
  padding:5px 0 15px;
  text-align:center;
  background-color:rgba(3,71,98,.1);
  border:thin solid rgba(3,71,98,.05)
}
.content-flex li .fa-2x {
  color:#ea0729;
  font-size:14px;
  padding-top:10px
}
.content-flex span.tsmall {
  font-size:.9rem;
  line-height:.8
}
span.didascalia {
  bottom:15px;
  right:15px;
  height:30px;
  z-index:1;
  color:#fff;
  font-size:1.5rem
}
.ba-slider {
  position:relative;
  overflow:hidden;
  width:100%;
  margin:15px auto auto
}
.ba-slider img {
  max-width:100%;
  display:block
}
.ba-slider .resize {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:5%;
  overflow:hidden
}
.handle {
  position:absolute;
  left:5%;
  top:1px;
  bottom:3px;
  width:2px;
  margin-left:-2px;
  cursor:ew-resize
}
.handle::after {
  position:absolute;
  top:50%;
  width:44px;
  height:44px;
  margin:-22px 0 0 -22px;
  content:'\2194';
  color:#fff;
  font-weight:700;
  font-size:30px;
  text-align:center;
  line-height:36px;
  border:1px solid #000;
  border-radius:50%;
  transition:.3s;
  box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.5),inset 0 60px 50px -30px #4682b4
}
.handle.draggable::after {
  width:48px;
  height:48px;
  margin:-24px 0 0 -24px;
  line-height:40px;
  font-size:30px
}
.mt-20 {
  margin-top:20px
}
.mt-50 {
  margin-top:50px
}
.text-container p.fs-22r {
  font-size:2.2rem;
  line-height:1.2
}
.gallery-section {
  padding:60px 0
}
.gallery-section h1 {
  color:#fff;
  font-size:2em
}
.gallery-section .gallery-box {
  padding:100px 15px;
  display:grid;
  grid-template-columns:repeat(4,auto);
  grid-auto-rows:16vw;
  grid-gap:1rem;
  grid-auto-flow:dense
}
.gallery-section .gallery-box .box {
  display:inline-block;
  max-width:100%;
  overflow:hidden;
  border-radius:15px 4px;
  box-shadow:0 4px 20px -4px rgba(0,0,0,.15);
  transition:.5s
}
.gallery-section .gallery-box .box:hover {
  box-shadow:0 4px 40px -4px rgba(0,0,0,.3)
}
.gallery-section .gallery-box .box.big {
  grid-row:span 2;
  grid-column:span 2
}
.gallery-section .gallery-box .box.horizontal {
  grid-column:span 2
}
.gallery-section .gallery-box .box.vertical {
  grid-row:span 2
}
.gallery-section .gallery-box .box img {
  object-fit:cover;
  width:100%;
  height:100%;
  transition:.5s
}
.gallery-section .gallery-box .box:hover img {
  transform:scale(1.2)
}
@media (max-width:991px) {
  .gallery-section .gallery-box {
    grid-template-columns:repeat(4,auto);
    grid-auto-rows:18vw
  }
}
@media (max-width:767px) {
  .gallery-section .gallery-box {
    grid-template-columns:repeat(3,auto)
  }
}
@media (max-width:575px) {
  .gallery-section .gallery-box {
    grid-template-columns:repeat(2,auto);
    grid-auto-rows:35vw
  }
}
@media screen and (min-width:769px) and (max-width:991px) {
  .top-boxes .firstbox-1 p {
    width:90%;
    font-size:16px
  }
}
@media screen and (max-width:768px) {
  .logo,
  .logo a {
    width:251px;
    height:70px
  }
  body {
    background:#fff
  }
  .navbar-header {
    max-width:100%
  }
  .container-fluid>.navbar-collapse,
  .container-fluid>.navbar-header,
  .container>.navbar-collapse,
  .container>.navbar-header {
    margin:0;
    max-width:100%
  }
  .navbar-nav {
    margin:0
  }
  .navbar-default .navbar-nav>li {
    width:100%;
    text-align:left
  }
  .right-footer {
    text-align:left
  }
  .social li {
    float:left
  }
  .innerright {
    padding-left:15px;
    padding-right:15px
  }
  .leftinnerpage img {
    margin:0 auto;
    display:block;
    text-align:center
  }
  .top-boxes .firstbox-1 {
    margin:26px auto 0
  }
  .text-container {
    padding:15px
  }
  .logo a {
    background-size:100% auto
  }
  .top-boxes .firstbox-1 img {
    width:100%
  }
  .top-boxes .firstbox-1 p {
    max-width:100%;
    left:0
  }
  #video-popup-button {
    display:none
  }
  #showmobile {
    display:block
  }
  .payoff {
    margin-top:18px;
    font:16px/22px arial,verdana,helvetica;
    color:#e75519;
    text-align:center
  }
}
@media only screen and (max-width:479px) {
  .labels {
    display:none
  }
  .labelstel {
    position:absolute;
    width:180px;
    top:85px;
    right:0;
    left:0;
    margin:0 auto;
    z-index:999
  }
  .leftfooter,
  .middlefooter,
  .right-footer,
  .social {
    text-align:center
  }
  .firstbox-2 {
    min-height:250px
  }
  .firstbox-2 a {
    padding:12px 0
  }
  .text-container h1,
  .text-container h4 {
    font:20px/24px arial,helvetica;
    padding:5px 0
  }
  .mt-50 {
    margin-top:0;
    border-top:1px solid #00000040
  }
  .content-flex span.title {
    font-size:16px;
    font-weight:600
  }
  .subtitle {
    font-size:1px;
    visibility:hidden
  }
  .content-flex li {
    padding:0 0 15px
  }
  .right-footer a.credits {
    padding-top:10px;
    border-top:1px solid #000
  }
}