html {font-size: 16px;}
body {font-family:'Lato'; font-style: normal; font-weight: 400;font-size: 1.125rem;}
.logo-bar {background-color:rgba(0,0,0,1) !important;}

a, a:visited {color:#fe0000;}
a:hover, a:active {color:#fe0000;}

.logotype {width:240px; margin-top: 18px; margin-bottom: 18px;}

h1, h2, h3, h4, h5, h6, h7 {font-family:Lato; font-style: normal; font-weight: 400;}
h1 {font-size: 3em; }
h2 {font-size: 2.25em; }
h3 {font-size: 32px; }
h4 {font-size: 28px; }
h5 {font-size: 21px; }
h6, h7 {font-size: 18px; }
footer {background-color:#000000;margin-top:0px;padding-top:30px;padding-bottom:25px; font-size:1rem; color:#ffffff;}
footer > a, footer a {color:#ffffff;}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {color:#ffffff;}
footer h4, footer h3 {font-size:1.125rem;}

.top-strip {background-color:#fe0000;color:#ffffff;font-size:0.75rem; text-align:center; min-height: 32px;}
.top-strip a, .top-strip b, .top-strip strong {color:#ffffff;}

ul.top-social-links { }
.top-social-links > li {line-height:16px;}
.top-social-links > li > a {font-size:1rem; width:32px; height:32px;}

.main-nav .menu, .main-nav .menu ul {font-family:'Lato'; font-style: normal; font-weight: 400; font-size: 20px; line-height: px; margin-top:30px; }
.main-nav .menu,.main-nav .menu ul {margin:20px 0 px 0;font-size:20px;}
.main-nav .menu li {line-height:32px;}
.main-nav .menu li a {color:#ffffff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.main-nav .menu li.active a, .main-nav .menu li a:active, .main-nav .menu li a:focus, .main-nav .menu li a:hover {color:#000000; background-color:#ffffff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.main-nav .menu > li > a {font-size:20px;margin:20px 5px; padding:5px 5px 5px 5px;background-color:rgba(0,0,0,1);}
.main-nav .menu li li+li a {padding-top:10px;}

.main-nav .menu li li a {background-color:#000000;color:#ffffff;}
.main-nav .menu li li a:hover {background-color:#ffffff;color:#000000;}

.nav-button {background-color:#ffffff; color:#ffffff; margin-top:20px;margin-right:20px;}
.nav-button.open {background-color:#ffffff;color:#fe0000;}
.main-nav.nav-tablet {background:#ffffff;}
/*.main-nav.nav-tablet .menu > li > a, .main-nav.nav-tablet .menu li li a,.main-nav.nav-tablet .menu li.active a, .main-nav.nav-tablet .menu li a:active {color:rgba(255,255,255,1); background-color: ;}*/
.main-nav.nav-tablet .menu > li > a, .main-nav.nav-tablet .menu li li a {color:#000000; }
.main-nav.nav-tablet .menu li.active a, .main-nav.nav-tablet .menu li a:active, .main-nav.nav-tablet .menu > li > a:hover, .main-nav.nav-tablet .menu > li > a:active,.main-nav.nav-tablet .menu li li a:hover, .main-nav.nav-tablet .menu li li a:after,.main-nav.nav-tablet .menu li a:focus, .main-nav.nav-tablet .menu li a:hover {color:#fe0000;/*ADD*/ background-color: ;}
.main-nav.nav-tablet .menu li li a:hover {background-color:#ffffff;color:#fe0000;}
.main-nav .menu li ul {top:30px; background:#000000;}
.main-nav .menu li li a {font-size:20px; line-height:32px;}

	.social-links > li > a {color:rgba(104,104,104,1);}

.bottom-line {background-color:#000000;color:#ffffff;font-size:px;padding:12px 0;border-top:0px solid #000;}
.bottom-line a {color:#ffffff;}

/* CUSTOM CSS */
h3.sat-titolo {
  position: relative;
  text-align: center;
}

h3.sat-titolo span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 5;
}

h3.sat-titolo:before {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}
h3.sat-titolo:before {
  left: 0;
}
.isdn-title {font-size: 36px;color: #fff!important;padding-bottom:40px;}
.riga {background-color: rgba(0,0,0, 0.4);padding:5px;color:#fff!important;}
.white {color: #fff!important;}
.rosso {color: #fe0000!important;}
h3.nero a {color: #000!important;}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0px!important;
}

.vc_btn3.vc_btn3-color-pink.vc_btn3-style-modern {
    color: #fff!important;
    border-color: #fff!important;
    background-color: #000000!important;
}
.vc_btn3.vc_btn3-color-violet.vc_btn3-style-modern {
    color: #000000!important;
    border-color: #fff!important;
    background-color: #ddd!important;
}

.bloccotesto {
    padding: 20%;
    display: flex;
    }
    .bloccotestolargo {
    padding: 10%;
    display: flex;
    }
.bloccotestosopra {
    padding: 10%;
    display: flex;
    }
.bloccoimmagine {padding:300px 0;}


.pulsantegrigio {padding-left: 20%;}
.pulsantegrigio a {
    display: inline-block;
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 18px;
    margin: 10px 0; 
    border: 1px solid white;
}
.pulsantegrigio a:hover {
    display: inline-block;
    background-color: white;
    color: #000000;
    border: 1px solid white;
}



.pulsantegrigiochiaro {padding-left: 20%;}
.pulsantegrigiochiaro a {
    display: inline-block;
    background-color: transparent;
    color:  #000000;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 18px;
    margin: 10px 0; 
    border: 1px solid #000000!important;
}
.pulsantegrigiochiaro a:hover {
    display: inline-block;
    background-color: #000000;
    color: #fffc;
    border: 1px  #fff;
}

.pulsantecontattaci, .pulsantechisiamo, .pulsantechisiamoscuro {padding-left:0; margin-top:25px;}
.pulsantechisiamo a {
    display: inline-block;
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 18px;
    margin: 10px 0; 
    border: none!important;
}
.pulsantecontattaci a {
    display: inline-block;
    background-color: #fff;
    color: #fe0000;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 25px;
    margin: 10px 0; 
    border: none!important;
}
.pulsantechisiamo a:hover {
    display: inline-block;
    background-color: white;
    color: #000;
    border: 1px solid white;
}
.pulsantecontattaci a:hover {
    display: inline-block;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    
    border: none!important;
}
.pulsantechisiamoscuro a {
    display: inline-block;
    background-color: transparent;
    color: #000000;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 18px;
    margin: 10px 0; 
    border: none!important;
}
.pulsantechisiamoscuro a:hover {
    display: inline-block;
    background-color: #000;
    color: #fff;
    border: none;
}
.pulsantequal {padding-left:40%; margin-top:25px;}

.pulsantequal a {
    display: inline-block;
    background-color: transparent;
    color: #000000;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 18px;
    margin: 10px 0; 
    border: 1px solid #000000!important;
}
.pulsantequal a:hover {
    display: inline-block;
    background-color: #000000;
    color: #fff;
    border: 1px solid white;
}

.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern {
    color: #000000!important;
    border-color: #000000!important;
    background-color: #fff!important;
}
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-modern:hover {
    color: #fff!important;
    border-color: #000000!important;
    background-color: #000000!important;
}
h1.viba-portfolio-entry-title.entry-title {
    margin: 50px 0;
font-size: 2em;
}
.linkbianco a {
    color: #fff!important;
    
}
.linkbianco a:hover  {
    color: #fff!important;
    
}
.linkgrigio a:hover  {
    color:#000000!important;
    
}
.linkgrigio a  {
    color: #000000!important;
    
}
.fontgrande   {
    font-size: 1.15em;!important;
    
}
.linkfooter a, .linkfooter a:hover, .linkfooter a:focus  {
    color: #b35b4c!important;
    
}
#certificazioni {
    float: left;
    width: 100%;
}




/* RESPONSIVE */
@media only screen and (max-width: 979px) {
 .imgmobile {min-height:250px !important; }
    .spaziomobile {padding: 35px;}
    .pulsantegrigio, .pulsantegrigiochiaro {padding-left: 0px!important;}
    .bloccoimmagine {padding:125px 0;}
.viba-portfolio .viba-portfolio-title a {
    font-size:16px;
    }
.viba-portfolio-categories span {
    font-size:10px;
    }

}

@media only screen and (min-width: 1200px) {
  
.bloccotesto {
    padding: 20%;
    display: flex;
    }
    .bloccotestolargo {
    padding: 10% 10%;
    display: flex;
    }
}
@media only screen and (min-width: 2500px) {
  
.bloccotesto {
    padding: 15% 10%;
    display: flex;
    }
    .bloccotestolargo {
    padding: 0 10%;
    display: flex;
    }
}
footer > a, footer a {
    color: #ffffff!important;
}
.bianco {
    color: #ffffff!important;
}
body {
    color: #000!important;
}
.nav-button:before {
    font-family: FontAwesome;
    color: #000;
}
pulsantechisiamobianco a {
    display: inline-block;
    background-color: #000!important;
    color: #fff!important;
    text-decoration: none;
    padding: 8px 20px;
    font-size: 18px;
    margin: 10px 0; 
    border: none!important;
}
.to-top {
    background-color: #000;}
    
    .pulsanterosso a {
    display: inline-block;
    background-color: transparent;
    color: #fe0000;
    text-decoration: none;
    padding: 20px 20px;
    font-size: 32px;
    margin: 10px 10px; 
    border: 1px solid #fe0000;
}
.pulsanterosso a:hover {
    display: inline-block;
    background-color: #fe0000;
    color: #fff;
    font-size: 32px;
    border: 1px solid #fe0000;
        padding: 20px 20px;

}
h3  {
    color: #000!important;
}
@media only screen and (max-width: 979px) {
    
    .main-nav .menu > li > a {
    font-size: 20px;
    margin: 20px 5px;
    padding: 5px 5px 5px 5px;
    background-color: #fff!important;
    color:#000;
    }
.main-nav .menu li li a {
    background-color: #fff!important;
    color:#000;
}   
} 
 @media (min-width: 768px) and (max-width: 1024px)   {
    
    .main-nav .menu > li > a {
    font-size: 20px;
    margin: 20px 5px;
    padding: 5px 5px 5px 5px;
    background-color: #fff!important;
    color:#000;
    }
.main-nav .menu li li a {
    background-color: #fff!important;
    color:#000;
}   
} 
/* FILTRI PORTFOLIO */
.vp-style-portfolio .viba-portfolio-filter a, .vp-style-portfolio .viba-portfolio-filter .vp-filter-button {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    background: #fe0000;
    color: #fff;
}
.vp-style-portfolio .viba-portfolio-filter a:hover, .vp-style-portfolio .viba-portfolio-filter .vp-filter-button {
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    background: #fe0000;
    color: #000;
}

/* VIBA */
.viba-portfolio-owl .owl-buttons div {
    
    color: #fff;
    background: #fe0000;
}
.viba-portfolio-owl .owl-buttons div:hover {
    
    color: #000;
    background: #fe0000;
}


.nav-button:before {
    font-family: FontAwesome;
    color: #fff;
}
.nav-button {
    background-color: #000000;
   }
   
   .main-nav .menu > li > a {
    font-size: 16px;
    
}