/*
Theme Name: ALFA IMPIANTI
Theme URI:
Author: Claudio Nasuelli
Author URI:
Description: Starter Theme with font Awesome and Bootstrap 4
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: nx

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.admin-bar .navbar{top:32px;}

/* General
-------------------------------------------------------- */

body{
display: flex;
min-height: 100vh;
flex-direction: column;
padding-top: 0px;
font-family: 'Montserrat';
}
/*body.navbar-transparent{padding-top: 0px;}*/

/*body.fixed-top-2 {
    margin-top: 56px;
}

body.sticky-top {
    padding-top: 56px;
}*/

.main-content {
flex:1 0 auto;
min-height:0.01px;
}

a{color:#064890}


/* Helpers
-------------------------------------------------------- */

.margin-bottom{ margin-bottom: 40px;}

.animate{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.seo-title {
    position: absolute;
    top: -1000px;
}

/*
PHONESBAR
*/
.phonebar{
  background: transparent;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  z-index: 1000;
  text-align: center !important;
}
.cellularebar{
  background: rgba(255,255,255, 0.5);
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  z-index: 1000;
  text-align: center !important;
}
.spx {padding: 6px;}

.giustificato {
    text-align: justify !important;
}

.numerobox{font-size: 26px;}

.pmeno{padding: 12px!important;}

.display-4 {
    color: #064890;
    font-size: 48px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 100px!important;
}

/*.home.is-scrolled .phonebar{display: flex!important;}*/


/* Buttons
-------------------------------------------------------- */
.btn-outline-light{text-transform: uppercase; font-size: 16px; padding: 15px 30px;}
.btn-outline-light:hover{
  border: 1px solid transparent; font-weight: bold;
  background: rgba(255,255,255, 0.5); color:#000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;

}

.ilrosso { color: #fff; background-color: red; border-color: red;}
  .ilrosso:hover{ color: red; background-color: #fff; border-color: red;}

  .ilblu { color: #fff; background-color: #064890; border-color: #064890;}
    .ilblu:hover{ color: #064890; background-color: #fff; border-color: #064890;}

    .pulsanteslider { color: #064890; background-color: #fff; border-color: #064890; font-weight: bold; padding: 6px; font-size:11px;}
      .pulsanteslider:hover{ color: #fff; background-color: #064890; border-color: #064890; font-weight: bold; padding: 6px; font-size:11px;}

    .ilblue { color: #064890; background-color: #fff; border-color: #064890; font-weight: bold;}
      .ilblue:hover{ color: #fff; background-color: #064890; border-color: #064890; font-weight: bold;}

      .ilblupieno { color: #fff; background-color: #064890; border-color: #064890;}
        .ilblupieno:hover{ color: #064890; background-color: #fff; border-color: #064890;}

    .centriamo{align: center;}

    .riduciamo{font-size: 12px;}

    .coloriamoblu{color: #064890;}


.btn-primary{
  text-transform: uppercase;font-size: 16px;padding: 15px 30px;
  border: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03c4b4+0,85bc0d+100 */
  background: #03c4b4; /* Old browsers */
  background: -moz-linear-gradient(left, #03c4b4 0%, #85bc0d 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #03c4b4 0%,#85bc0d 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #03c4b4 0%,#85bc0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03c4b4', endColorstr='#85bc0d',GradientType=1 ); /* IE6-9 */
}
.btn-primary:hover{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#039e9b+0,11d7ff+100 */
  background: #039e9b; /* Old browsers */
  background: -moz-linear-gradient(left, #039e9b 0%, #11d7ff 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #039e9b 0%,#11d7ff 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #039e9b 0%,#11d7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#039e9b', endColorstr='#11d7ff',GradientType=1 ); /* IE6-9 */
}


/* Utilities
-------------------------------------------------------- */
.trattino{
width: 100px;
height: 4px;
margin-bottom: 20px;
background: #064890; /* Old browsers */
}
.tratred{height: 10px; width:200px; margin:20px auto; background: red;}
.tratblu{height: 10px; width:200px; margin:20px auto; background: #064890;}

.titolisezioni h2{ color: #064890; font-size: 44px; font-weight: bold; text-transform: uppercase;}
.card-header {background: #064890; border-bottom: 1px solid #064890; color: #fff;}
.faqrisposta {font-weight: bold; text-transform: uppercase; color: #064890;}
.faqtitolo {font-weight: bold; text-transform: uppercase; color: #fff; font-size: 33px;}
.faqtitolo:hover {font-weight: bold; text-transform: uppercase; color: #fff;}

.mappa{width: 100%; height: 400px;}

.xnoi .box {
    color: #064890;
    border-radius: 4px;
    border-bottom: solid 10px #064890;
    background: #fff;
    margin: 10px;
    padding-top: 23px;
}
.xnoi .box h4{font-weight: bold;}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.w-100 {
    width: 100% !important;
    margin-top: 80px;
}

.w-home {
    width: 100% !important;
    margin-top: 80px;
}

.bordino{border: solid 10px #064890;}

.bigmail{font-size:80px;}

/* Contatti
---------------------------------------------- */
p.modulo input{border-radius: 3px; color: #4A4343; font-size: 16px; width: 100%; background: #ddd;}
p.modulo textarea {border-radius: 3px; color: #4A4343; font-size: 16px; width: 100%; background: #ddd;}

/* Menu
---------------------------------------------- */
.navbar-transparent .bg-primary {box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.59); background: #fff !important;}
.navbar-transparent .bg-secondary {box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.59); background: #fff !important;}

.page .bg-primary {box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.59); background: #fff !important;}
.single .bg-secondary {box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.59); background: #fff !important;}

.single-icone_prodotti .bg-primary {box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.59); background: #fff !important;}
.single-icone_prodotti .bg-secondary {box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.59); background: #fff !important;}

.single-servizi .bg-primary {box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.59); background: #fff !important;}
.single-servizi .bg-secondary {box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.59); background: #fff !important;}


/*
.bg-faded{ background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(6,72,144,1) 50%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(6,72,144,1) 50%);
background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(6,72,144,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#064890",GradientType=1);   padding:0px;}*/

.push-right{flex-direction: row;}

/*.nav-link{text-transform: uppercase; font-size:18px; font-weight: bold; padding-top:0px; padding-bottom: 0px; color: #fff !important; display: inline; line-height: 10px; white-space: nowrap;}*/


.nav-link{
      color: #064890!important;
      padding: 5px 6px;
      margin-right: 23px;
      margin-left: 6px;
      /*border-radius: 3px; */
      line-height: 48px;
      display: inline-block;
      font-weight:bold;
      font-family:'Open Sans Condensed', 'Open Sans Condensed', sans-serif;
      font-size:19px;
}

.nav-link:hover {
background-color: #064890;
color: #fff!important;
  }


/*.nav-link:hover {
    color: #064890 !important;
    border: 0px solid #dbff00;
    background-color: #dbff00;
    border-radius: 30px;
    font-weight: bold;
    padding-bottom: 8px;
    padding-top: 8px;
    display: inline-block;
}*/

/*
.nav-link:hover {
display: inline-block;
background: #dbff00;
color: #064890!important;
padding: 8px 20px 12px 25px;
font-weight: bold;
text-shadow: none;
border-radius: 30px;
}*/


.form-control{background: transparent; border: 3px solid #064890;;font-size: 16px; font-weight: bold;}
.icon-search{color: #064890;!important; background: transparent; border: none; font-size: 26px; margin-right: 10px; font-weight: bold;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #064890;!important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #064890;!important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #064890;!important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #064890;!important;
}

.navbar-social a{text-transform: uppercase; font-size:20px; font-weight: bold; padding-top:0px; color: #064890 !important; display: block; line-height: 40px; white-space: nowrap; margin-right: 10px!important;}

/*.navbar-alfa a{float: right; text-transform: uppercase; font-size:20px; font-weight: bold; padding-top:0px; color: #064890 !important; display: block; line-height: 40px; white-space: nowrap; margin-right: 10px!important;}
.navbar-tel {float: left; padding-top:0px; margin-right: -10px;}*/


.dropdown-menu {
    font-weight:bold;
    font-family:'Open Sans Condensed', 'Open Sans Condensed', sans-serif;
    font-size:16px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    color: #064890;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 3px solid #064890;
    box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.59);
}

/* Colori finestra menu aperta
---------------------------------------------- */
.dropdown-item{color:#064890;}
.dropdown-item:focus,
.dropdown-item:hover {
 color:#fff;
 text-decoration:none;
 background-color:#064890;
}
.dropdown-item.active,
.dropdown-item:active {
 color:#fff;
 text-decoration:none;
 background-color:#064890;
}

/* Sliders
---------------------------------------------- */
.carousel
.carousel-inner,
.carousel-item{min-height: 100vh;}
.carousel-item img {object-fit: cover;}
.slider-big h3{font-size: 60px; font-weight: bold;  text-transform: uppercase; text-shadow: 3px 3px 8px #000;}

.carousel-text p{text-shadow: 3px 3px 8px #000;}

/*.slider-big h3{font-size: 44px; font-weight: bold; max-width: 100%; padding-bottom: 33px;}*/
.slider-big .carousel-text{font-weight: bold; font-size: 33px; max-width: 100%; padding: 10px; font-family:'Open Sans Condensed', 'Open Sans Condensed', sans-serif;}
.slider-big .carousel-caption{width: 100%; left:0; right:0; padding-bottom: 0px;} /*padding-bottom: 33px;*/
/*.slider-sfondo{background: rgba(6,72,144,.6);}
.slider-sfondo{background: rgba(81, 162, 0, 0.6);}
.slider-sfondo{background: rgba(0, 65, 150, 0.43);}*/
.slider-sfondo{background: rgba(0, 65, 150, 0.24);}
/*.alziamoci{padding-bottom:130px;}*/
.alziamoci{padding-bottom:0px;}
.telhome{margin-bottom: 0px;}




/* ANIMAZIONI CAROSELLO
---------------------------------------------- */

.carousel-animation .carousel-item {
    transform: none;
}
.carousel-animation .carousel-item-left {
    animation-name: bounceInRight;
    animation-duration: .65s;
}
.carousel-animation .carousel-item-left.active {
    transform: translate(0, 0);
    animation-name: bounceOutLeft;
}
.carousel-animation .carousel-item-right {
    animation-name: bounceInLeft;
    animation-duration: .65s;
}
.carousel-animation .carousel-item-right.active {
    transform: translate(0, 0);
    animation-name: bounceOutRight;
}




/* Pulsante
---------------------------------------------- */
.vf { color: #fff; background-color: #12af00; width: auto; font-size: 18px; font-weight: bold; text-transform: uppercase!important;}
.vf:hover{ color: #12af00; background-color: #fff; width: auto; font-size: 18px; font-weight: bold; text-transform: uppercase!important;}

.bn { color: #fff; background-color: #004196; width: auto; font-size: 18px; font-weight: bold;}
.bn:hover{color: #004196; background-color: #daff00; width: auto; font-size: 18px; font-weight: bold;}

/* ! -- Mail button */

.tel-button {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
    font-size: 30px;
    background: #004196;
    color: #fff;

    bottom: 10px;
    right: 10px;
    z-index: 99999;
}

.tel-button:hover{
  background: #daff00;
  color: #004196;
}

.what-button {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 100px;
    font-size: 30px;
    background: #12af00;
    color: #fff;

    bottom: 10px;
    right: 10px;
    z-index: 99999;
}

.what-button:hover{
  background: #fff;
  color: #12af00;
}

/* Focus
---------------------------------------------- */
.focuses{margin-top:40px; margin-bottom:40px}
/*.focuses{margin-top: -55px; margin-bottom:40px;}*/
.focus {margin-bottom: 20px; text-align: center; }
.focus h3 {font-size: 18px; font-weight: bold; text-transform: uppercase;}
.focus h3 a{color:#064890; text-transform: uppercase;}
.focus .text-link{font-size: 12px;color:#064890; font-weight: bold; text-transform: uppercase;}
.focus .iconalfa{margin-bottom: 12px; align: center;}
.focus img{margin-bottom: 12px; align: center;}


/* Two Columns (pre-evidenza)
---------------------------------------------- */
.two-columns{margin-top: 80px}
.two-columns-title{font-size: 40px;color:#064890; font-weight: bold;line-height: 42px}
.two-columns p{font-weight: 300;}


/* Card
-------------------------------------------------------- */
.card-cover{border-radius:0;min-height: 250px;padding:0px;position: relative; margin: 23px;}
.card-cover a{color:#fff; text-decoration: none;}
.card-cover .servizio-title{transition: 0.6s;font-size: 23px;text-transform: uppercase; font-weight: bold; text-align: center; margin-top:170px; color: #fff !important;background: #064890;padding: 10px 10px 10px 10px;}
.card-cover .servizio-title:hover {transition: 0.6s;background: #daff00; color: #064890 !important;}








/* Two Blockquote
-------------------------------------------------------- */
.two-blockquote{margin-top: 100px; margin-bottom: 100px;}
.two-blockquote p{font-weight: 300;}

.two-blockquote blockquote{ border-left: 10px solid #dbff00; padding-left: 20px;}
.two-blockquote blockquote strong{font-size: 40px; font-weight: bold;}
.two-blockquote blockquote:nth-child(1){ border-left: 10px solid #dbff00; padding-left: 20px;}


/* Testimonilas
-------------------------------------------------------- */
.testimonials blockquote{font-size: 44px;color:#4A4343;font-weight: bold;line-height: 46px;}
.testimonials a{font-weight: bold;}
.testimonials blockquote:before{
  content: "\201c";
  font-size: 150px;
  position: absolute;
  top:-20px;
  left: -50px;
  font-family: georgia;
  color:#ddd;
}

/* Call to action box
-------------------------------------------------------- */

.call-to-action-box{text-align: center;padding: 200px 0}
.cta-title {font-size: 55px;font-weight: bold;}
.cta-text{font-weight: 300;max-width: 700px; margin: 0 auto;}

.prodotti-title {font-size: 55px;font-weight: bold; color:#064890;}

.menu-title {
    color: #333;
    font-size: 21px;
    font-weight: bold;
    text-transform: none;
    margin: 10px 0;
    padding-left: 15px;
    position: relative;
}
/*.menu-title::before {
    content: "";
    background: #064890;
    width: 8px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 5px;
}*/


/* Card News
-------------------------------------------------------- */
.card-news {border:0;}
.card-news .card-meta a{text-transform: uppercase;font-weight: bold;}
.card-news .card-title{color:#064890;font-size: 26px;font-weight: bold;}
.card-news a:hover{text-decoration: none;}
.card-news .card-text{font-weight: 300}
.card-news .card-info{border-top:1px solid #ddd; color:#064890;padding-top: 10px;font-size: 12px;}
.testoart {color: #064890; text-align: justify;}



 /* ------------------------------------------------------------------------- *
       /* 2.6 Footer */
       /* ------------------------------------------------------------------------- */
       .footer { margin: 0; width: 100%; background: #e3e3e3; color: #064890;}
       .footer p{margin: 0; font-size: 14px; color: #064890;}


       .footer a{color:#064890!important;}

       .footer hr{border-color:#064890;;margin-bottom: 5px;}
       .footer .container{ padding: 20px; }

       .footer__logo{width:100px;height: auto;}
       .footer__menu{list-style-type: none;padding: 0;margin: 5px 0 0 0; margin-top: 23px; text-align: right;}
       .footer__menu li{display: inline-block;vertical-align: top; text-transform: uppercase;}
       .footer__menu li a{padding: 10px;}
       .footer__menu li ul{font-size: 12px; margin-top: 10px;padding: 0;}
       .footer__menu li ul li{display: block;}

       .footer__social{margin-right: 0px;}
       .footer__social{list-style-type: none;padding: 0;margin: 20px 0 15px 0;}
       .footer__social li{display:inline-flex;}
       .footer__social li a{padding: 10px 10px 10px 0;font-size: 22px;}

       .footer__bottom{background: #e3e3e3; padding-top: 5px;}

       .alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
       .alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }

       .pre-footer ul{list-style-type: none; padding: 0;}
       .pre-footer ul li a{padding: 4px;display: block;color:#064890;;font-size: 18px;margin-bottom: 15px;}
       .pre-footer ul li a:hover{color:#064890;}






       /* Pulsante commenti
       ---------------------------------------------- */
     .btn-primary { color: #fff; background-color: #333; border-color: #333;}
       .btn-primary:hover{ color: #333; background-color: #fff; border-color: #333;}





/* Comments
---------------------------------------------- */

#comments{margin-bottom: 40px;}
.comments{padding-top: 40px;}
.comments textarea {width: 100%;}
.comments label {min-width: 80px;}
.comments ul,
.comments ol{list-style-type: none;}
.comment-author img{border-radius: 999px}

.comment .reply{border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 10px;}

/* Input & textarea
---------------------------------------------- */
input,
textarea{padding: 5px 10px; border: 1px solid #ccc;}

/* Widgets
---------------------------------------------- */
.widget_search .screen-reader-text{display: block;}
.widget_search #s{width:70%;float:left;}
.widget_search #searchsubmit{width:30%;float:left;background: #fff;}



/* Pagination
---------------------------------------------- */
.pagination{margin-bottom: 40px;}
.page-numbers{display: inline-block; padding: 10px 15px; border: 1px solid #ddd; margin-right: 4px;}


/* ----------------------------------------------
Risoluzione desktop normale
-------------------------------------------------*/
@media (min-width:1024px){
.tel-button, .what-button {display: none;}
.telhome{display: none!important;}
}

/* ----------------------------------------------
Risoluzione desktop più piccola
-------------------------------------------------*/
@media (max-width:1024px){
  .telhome{display: none!important;}
  .carousel-item{min-height: 700px;}
  .tel-button, .what-button {display: none;}
.navbar-branding img {width: 93%!important;}
.navbar-social img {flex-direction: row; width: 60%!important;}
.focus h3 {font-size: 14px; font-weight: bold; text-transform: uppercase;}
.slider-big h3{font-size: 23px; font-weight: bold; padding: 12px;}
.bn, .vf{margin-bottom: 6px;}
/*.iconalfa img{padding:16px;}
.iconalfa h3{font-size:9px;}*/
}


/* ----------------------------------------------
Tablet
-------------------------------------------------*/
@media (max-width:998px){
  .telhome{display: none!important;}
  .focuses{margin-top: -323px!important; margin-bottom:40px;}

/*.focuses{margin-top: -390px!important; margin-bottom:40px;}*/

.faqrisposta {font-size: 23px; font-weight: bold; text-transform: uppercase; color: #064890;}

.chiamate{display: none!important;}
.cta-title{font-size: 23px;font-weight: bold;}
.navbar-social {flex-direction: row; align: center;}
.form-control{flex-direction: row;}
.icon-search {flex-direction: row;}
.navbar-tel{margin: 10px 10px 10px 10px;}
.slider-big h3{font-size: 33px; font-weight: bold; padding: 12px;}
.bn, .vf{margin-bottom: 6px; font-size: 18px;}
.bn:hover{margin-bottom: 6px; font-size: 18px;}
.vf:hover{margin-bottom: 6px; font-size: 18px;}
/*.iconalfa img{padding:0px;}
.iconalfa h3{font-size:12px;}*/

#toggle {
  display: block;
  width: 35px;
  height: 30px;
  margin: 30px 1px 1px 10px;
  /*margin: 30px auto 10px;*/
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 5px;
  background-color: #064890;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #header {
  opacity: 1;
  visibility: visible;
}

}
/*
@media (max-width: 998px) and (min-width: 898px){
.focus{width: calc(70% - 270px);

}*/



/* ----------------------------------------------
Smartphone
-------------------------------------------------*/
@media (max-width:767px){

.slider-big {margin-bottom: -260px!important;}
.carousel-item  {min-height: 300px; margin-top:60px; margin-bottom: 3px; background-position: no-repeat;}
 .carousel-text{margin-bottom: -50px;}
.telhome{display:inherit!important;}

 .carousel-inner{margin-top: -25px;}

.pulsanteslider{font-size: 8px; padding: 6px;}

.slider-big h3{font-size: 18px; font-weight: bold; text-transform: uppercase;}

.margin-bottom{ margin-bottom: 16px;}

.w-100 {
    width: 100% !important;
    margin-top: 50px;
}

.w-home {
    width: 100% !important;
    margin-top: 0px;
}

.faqtitolo {font-weight: bold; text-transform: uppercase; color: #fff; font-size: 19px;}

.divider-right p{font-size: 16px;}

.focuses{margin-top: -100px!important; margin-bottom:40px;}
.slider-big .carousel-text {font-weight: bold;font-size: 18px;}
/*.focuses {transform: translateY(-23%);}*/
.nofreccia{display: none!important;}
  .bn, .vf{display: none;}
  .tel-button, .what-button {display: inline!important; margin-bottom: 0px!important; margin-top: 0px!important;}
.alziamoci{padding-bottom:0px!important;}
.navbar-brand img{width:180px;}
.slider-sfondo{margin-bottom: 33px; font-size: 16px!important;}
.jumbotron {background-attachment:scroll!important;}
.titolisezioni h2{font-size: 28px;}
.prodotti-title {font-size: 28px;font-weight: bold; color:#064890;}
.navbar-tel{margin-left:20%!important}
.form-inline{float:left;}
.navbar-alfa{float:right;}
.form-inline{margin-right: 0px; width: 60%;}
/*.slider-big h3{font-size: 23px; font-weight: bold; padding: 0px;}*/
.navbar-social a{text-transform: uppercase; font-size:20px; font-weight: bold; padding-top:0px; color: #fff !important; display: block; line-height: 40px; white-space: nowrap; margin-right: 3px!important;}
.focus h3 {font-size: 14px; font-weight:bold; text-transform: uppercase;}
.nav-link{font-size: 18px;}
.phonebar{
  background: rgba(255,255,255, 0.5);
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  z-index: 1000;
  text-align: center !important;
}
.cellularebar{
  background: rgba(255,255,255, 0.5);
  border-top: 3px solid #064890;
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  z-index: 1000;
  text-align: center !important;
}

/*
.bn{margin-bottom: 6px; font-size: 16px; margin-left: 0px; margin-right: 0px;}
.bn:hover{margin-bottom: 6px; font-size: 16px; margin-left: 0px; margin-right: 0px;}
.vf{margin-bottom: 6px; font-size: 14px; margin-left: 0px; margin-right: 0px;}
.vf:hover{margin-bottom: 6px; font-size: 14px; margin-left: 0px; margin-right: 0px;}*/
#toggle {
  display: block;
  width: 35px;
  height: 30px;
  margin: 30px 1px 1px 10px;
  /*margin: 30px auto 10px;*/
}

#toggle span:after,
#toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
}
#toggle span:after{
  top: 9px;
}
#toggle span {
  position: relative;
  display: block;
}

#toggle span,
#toggle span:after,
#toggle span:before {
  width: 100%;
  height: 5px;
  background-color: #064890;
  transition: all 0.3s;
  backface-visibility: hidden;
  border-radius: 2px;
}

/* on activation */
#toggle.on span {
  background-color: transparent;
}
#toggle.on span:before {
  transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
  transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #header {
  opacity: 1;
  visibility: visible;
}

}




/* general wordpress style
---------------------------------------------- */
.post img{max-width: 100%; height: auto}




/* WordPress Core Styles
-------------------------------------------------------------- */
.gallery-caption {padding: 5px; font-size:10px;}

.bypostauthor{border-left: 3px solid #ddd; padding-left: 20px;}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}