/*
COLORI Villa Sofia Eventi
GIALLO = #e8d877 oppure rgb(232,216,119)
GRIGIO SCURO = #888686
GRIGIO CHIARO = #b4b4b4 oppure rgba(180,180,180,1)
*/
/* html {
  scroll-behavior: smooth;
} */
.wrapper {
   overflow-x: hidden;
}

.margineNeg {
  margin-top: -6px;
}

a{
  color:#888686;
}
body {
  font-family: 'HurmeReg', sans-serif;
  color:#050505;
  font-size: 1.2rem;
}

.bck{
  background-color: transparent;
  border-color: transparent;
  
}

.cn-button.bootstrap {
  background-color: #e8d877!important;
}

.bck.bckstrutloaded {
  
  /* border-color: red; */
  /* background-color: #ccc; */
 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
 
 /* height: 100vh;
 width: 100vw; */

}
/* .bck.bckstrutloaded1 {

 -webkit-transition: all 1s ease-in-out;
 -moz-transition: all 1s ease-in-out;
 -o-transition: all 1s ease-in-out;
 transition: all 1s ease-in-out;
 background:  url('/esteel/wp-content/uploads/esteelimgs/copertura-proj.png') no-repeat center top;;
} */
.backtitlesezleft{
  background-color: rgba(232,216,119,0.5);
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  max-width: 100%;
}
.backtitlesezright{
  background-color: rgba(232,216,119,0.5);
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  max-width: 100%;
}
.bckimgsez{
  /* padding: 13px 40px 9px 40px;  */
  
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* width: 50%; */
}
.font-1-rem{
  font-size: 1rem;
}
.font-1-4-rem{
  font-size: 1.4rem;
}
.font-1-6-rem{
  font-size: 1.6rem;
}
.font-1-8-rem{
  font-size: 1.8rem;
}
.font-2-rem{
  font-size: 2rem;
}
.font-3-rem{
  font-size: 3rem;
}

.frontlightgrey{
  color:#b4b4b4;
}
.frontdarkgrey{
  color:#888686;
}
.frontyellow{
  color: #e8d877;
}
.frontblack{
  color: #000;
}
.backyellow{
  background-color: #e8d877;
}
.backdarkgrey{
  background-color:#888686;
}
.backlightgrey{
  background-color:#b4b4b4;
}
#wpcf7-f70-o1 label{
  color: #000;
  font-family: 'Bilbo', cursive;
  font-size:1.4rem;
}
#wpcf7-f70-o1 input{
  color: #000;
  font-family: 'Bilbo', cursive;
  font-size:1.4rem;
  text-transform: uppercase;
}

.font-bilbo{
  font-family: 'Bilbo', cursive;

}
#barralingua{
  min-width: 5rem!important;
}
.border-left{
  border-left: 1px solid #000;
}
/* .test::before{
  
  content: '';
  z-index: -1;
  width: 100%;
  height: 100%;
  position:absolute; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
} */
.blur {
  /* background: rgba(255, 255, 255, 0.2);  */
  background:rgba(232,216,119,0.5);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  /* height: 100vh; */
  width: 50%;
  border:1px solid rgb(232,216,119);
}

.paginaInterna {
  padding-top: 8%;
}

.altezzaLogoMenu {
  height: 30px;
  margin-left: 20px;
  margin-top: 14px;
}
#menu-menu-1 li a{
  color: #888686;
  text-transform: uppercase;
  font-weight: 600;
}
.topnav {
/* -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; */
background: white;
position: fixed; 
/* width:80%; */
margin: auto;
/* left: 10%; */
top: 0; 
z-index: 999;

}
.secondarytopnavrow{
  margin-top: 0px;
}
.secondarytopnav{
  
  /* -webkit-border-top-right-radius:20px;
  -webkit-border-top-left-radius:20px;

  -moz-border-top-right-radius:20px;
  -moz-border-top-left-radius:20px;
  
  
  border-top-right-radius: 20px;
  border-top-left-radius: 20px; */

}
.navbar-vsofia{
  top:35px;
}
.scrollbutton{
  position: absolute;
  bottom: 110px;
  /* left: 50%; */
  right:5%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
  letter-spacing: .1em;
  text-decoration: none;
  transition: opacity .3s;
}
.scrollbutton:hover{
  opacity: .5;
}



.carousel-inner a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
.carousel-inner a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.titolo-slider{
  font-family: 'Bilbo', cursive;
  font-size: 3rem;
  color:#888686  ;
  text-shadow: 1px 3px 3px #000;
}
.descrizione-slider{
  color:#888686  ;
  text-shadow: 1px 1px 0px #000;
  font-size: 1.8rem;
}
ul.navbar-nav li {
  margin: 0;
  border: 0;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  border-left: 1px solid #000;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-user-select: none;
  perspective: 500px;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  cursor: pointer;
  z-index: 5000;
  transition: 0.4s;
}
/* ul.navbar-nav li:hover{
  background-color: #e8d877;
} */
ul.navbar-nav li a:hover{
  text-decoration: none;
}

ul.navbar-nav{
  height:100px;
}


/* .navbar{border:0;border-radius:0;}
ul.navbar-nav{border-right:1px solid #84B6D0;}
ul.navbar-nav li a{border-left:1px solid #84B6D0;color:#fff; }
.navbar-light .navbar-nav>li>a,.navbar-light .navbar-nav>li>a:focus, .navbar-light .navbar-nav>li>a:hover{color:#fff;}
.navbar-light .navbar-nav>li>a:hover{background:#022E44;} */



.navbar-light .navbar-nav .active > .nav-link {
  /* color:rgba(255,255,255,1); */
  color:rgba(0,0,0,1);
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.nav-link:hover {
  text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link {
  color:rgba(0,0,0,1);
  height:100%;
}
/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}
/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-down .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
.carousel-item {
  /* height: calc(100vh - 32px); */
height: 100vh; 
min-height: 350px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.carousel-caption {
  left: 25%!important;
}
.carousel-caption-head {
  position: absolute;
  right: 15%;
  /* bottom: 20px; */
  left: 15%;
  z-index: 10;
  top: 250px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
.logoonslider{
  width:10%;
  height:auto;
  position:absolute;
  z-index:999;
  top:45px;
  right:20px;
}
.head-image {
  /* height: calc(100vh - 32px); */
/* height: 100vh;  */
min-height: 500px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

h1 {
  font-size: 4.5rem;
  font-family: 'HurmeBold';
  text-transform: uppercase;
  margin-top: 1rem;
}

h2 {
  font-size: 3.5rem;
  font-family: 'HurmeBold';
  margin-bottom: 1rem;
}

h3 {
  font-family: 'HurmeBold';
  margin-bottom: 3rem;
  margin-top: 2rem;
  font-size: 2.5rem;
  text-transform: uppercase;
}
hr.dashed {
  border-top: 2px dashed #999;
}

hr.dotted {
  border-top: 2px dotted #999;
}

hr.solid {
  border-top: 2px solid #999;
}
hr.solid-black {
  border-top: 2px solid #000;
}

hr.hr-text {
position: relative;
  border: none;
  height: 1px;
  background: #999;
}

hr.hr-text::before {
  content: attr(data-content);
  display: inline-block;
  background: #fff;
  font-weight: bold;
  font-size: 0.85rem;
  color: #999;
  border-radius: 30rem;
  padding: 0.2rem 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.the-content-home p{
  font-family: 'Bilbo', cursive;
  font-size: 1.6rem;
}
.titleGrande {
  font-size: 2rem;
  margin-bottom: 2rem;
  margin-top: 1.5rem;
}

.paginaInterna h3 {
  text-align: left!important;
}

.double-border {
  /* background-color: #ccc; */
  border: 2px solid #000000;
  padding: 2em;
  /* width: 16em;
  height: 16em; */
  position: relative;
  margin: 0 auto;
}
.double-border:before {
  background: none;
  border: 4px solid #000000;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  pointer-events: none;
}


.logoTelefono {
  height: 50px;
}

.linkNero {
  color:black;
  font-size: 1.6rem;
  margin-left: 2.3rem;
  display: inline-block;
}

.altezzaServizio {
  height: 18rem;
  margin: auto;
  display: block;
}

.titoloInterno {
  font-family: 'HurmeBold';
}

.contatti {
  font-size: 2rem;
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

.topBg {
  width: 100%; height: 100%;
background: url('../content/img/sfondo.png') no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding-top: 10%;
}


.altezzaLogo {
 height: 50px;
 margin-top: 2rem;
margin-bottom: 1rem;
}

.interno {
  padding-left: 2rem;
  padding-right: 2rem;
}

footer {
  background: #383838;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  color:white;
}

.linkBianco {
  color:white;
}
.linkBianco:hover {
color:white;
text-decoration: underline;
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
  background-color: white;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {

background-color:  white;

}
.image-sez-struttura{
  color: #000000;
  font-size: 1em;
}
.itemm {
  width: 600px;
  height: 400px;
  margin: 40px auto;
  padding-top: 50px;
  text-align: center;
  color: #000000;
  font-size: 1em;
}
.item-sez-struttura{
  padding-top: 50px;
  text-align: center;
  color: #000000;
  font-size: 1em;
  margin-left: -200px;
  max-width: 50%;
}
.item-sez-struttura-toright{
  padding-top: 50px;
  text-align: center;
  color: #000000;
  font-size: 1em;
  margin-left: 470px;
  max-width: 50%;
  z-index: 999;
}
/* .item-sez-struttura-toright{
} */
.descrclass{
  bottom:10%;
  position: absolute;
}
.titolo_sezione{
  position: absolute;
}

.circle-border {
  width: 150px;
  height: 101px;
  border-radius: 50%;
  top: -52px;
  position: absolute;
  margin: 0 auto;
  left: 0px;
  right: 0;
  border: 2px solid #e8d877;
  z-index: 996;
}
.circle {
  width: 146px;
  height: 97px;
  background: black;
  border-radius: 50%;
  top: 0px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 30px;
  line-height: 87px;
  z-index: 999;
}

.divider-1 {
  margin:10px auto 90px auto;
  width:900px; 
  max-width: 100%;
  position:relative;
}

.divider-1-mask { 
    overflow:hidden; height:20px; 
}

.divider-1-mask:after { 
      content:''; 
      display:block; margin:-25px auto 0;
      width:100%; height:25px;  
        border-radius:125px / 12px;
       box-shadow:0 0 8px #888686;
}
.divider-1 span {
    width:50px; height:50px; 
    position:absolute; 
    bottom:100%; margin-bottom:-25px;
    left:50%; margin-left:-25px;
    border-radius:100%;
   box-shadow:0 2px 4px #888686;
    background:#fff;
}
.divider-1 i {
    position:absolute;
    top:4px; bottom:4px;
    left:4px; right:4px;
    border-radius:100%;
    border:1px dashed #888686;
    text-align:center;
    line-height:40px;
    font-style:normal;
     color:#888686;
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #ffffff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e8d877;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}



@media screen and (min-width:1300px) {

}


@media screen and (max-width: 767px) {
  .contatti-content p{
    text-align: center;
  }  
  .item-sez-struttura-toright{
    padding-top: 0;
    padding-bottom:0!important;
    margin-bottom:1rem;
    margin-top:0;
    width: 100%!important;
    max-width: 100%!important;
    margin-left: auto;
  }
  .backtitlesezright{
    max-width: 100%;
    width: 100%;
  }
  .font-1-4-rem{
    font-size: 1.1rem;
  }
  .font-1-6-rem{
    font-size: 1.3rem;
  }
  .the-content-home p{
    font-size: 1.3rem;
  } 
  .rowVSofiaTitle .font-3-rem{
    font-size: 2rem;
  }
  ul.navbar-nav {
    /* height: 180px; */
    height: 100%;
}

  .carousel-item {
    height: 50vh; 
  }

  .titolo_sezione{
    position: relative;
  }
  .item-sez-struttura{
    margin-left: auto;
    max-width: 100%;
    padding-top: 0px;
    width: 100%!important;
  }
  
  .descrclass{
    bottom:auto;
    position: relative;
  }
  .topnav i a {
    font-size: 1rem;
  }
  /* .topnav {
    position: static;
    width:100%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  } */
  .altezzaLogoMenu {
    display: block;
    margin: auto;
  }

  .hamburger {
    display: block;
    margin: auto;
  }
  .bcktestimg{
    padding: 5px 15px 5px 15px; 
  }
  .navbar-vsofia {
    top: 53px;
}
.logoonslider {
  width: 30%;
  margin-top: 30px;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  #menu-menu-1 li a {
    margin-left: 5px;
    margin-right: 5px;
  }
  .item-sez-struttura{
    padding-top: 0;
    padding-bottom:0!important;
    margin-bottom:1rem;
    margin-top:0;
    width: 90%!important;
    max-width: 90%!important;
    margin-left: auto;
  }
  .item-sez-struttura-toright{
    padding-top: 0;
    padding-bottom:0!important;
    margin-bottom:1rem;
    margin-top:0;
    width: 90%!important;
    max-width: 90%!important;
    margin-left: 0;
  }

  .item-sez-struttura h3,.item-sez-struttura-toright h3{
    margin-top:20px;
    margin-bottom:1rem!important;
    font-size: 2rem;
    padding: 0.5rem!important;
  }
  .item-sez-struttura-toright.titolo_sezione{
    position: relative;
  }
  .font-1-6-rem{
    font-size: 1.2rem;
  }
  .descrclass{
    position: relative;
    bottom:auto;
  }
  .descrclass p{
      padding-left: 0!important;
      padding-right: 0!important;
  }
  .backtitlesezright{
    max-width: 65%;
  }
  .backtitlesezleft{
    max-width: 55%;
  }
  .contatti-content p{
    text-align: center;
  }  
}
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .item-sez-struttura-toright{
      padding-top: 0;
      padding-bottom:0!important;
      margin-bottom:1rem;
      margin-top:0;
      width: 90%!important;
      max-width: 90%!important;
      margin-left: 0;
    }   
    .item-sez-struttura{
      padding-top: 0;
      padding-bottom:0!important;
      margin-bottom:1rem;
      margin-top:0;
      width: 90%!important;
      max-width: 90%!important;
      margin-left: auto;
    }
}