/*
	Theme Name: PPMD Framework
	Template: ppmd
	Author: Piupermenodiviso
	Theme URI: http://piupermenodiviso.it
	Description: Wordpress alla massima potenza
	Version: 0.4
*/

/*------------------------------------*\
    SUPERBANNER
\*------------------------------------*/
#superbanner-mobile, #superbanner {display:none;} /* nascosto di default */
#superbanner.sbstart {display:block;} /* visibile senza cookie (mai chiuso) */
@media(max-width:960px){ #superbanner-mobile.sbstart {display:block;} #superbanner.sbstart {display:none !important;} }
#superbanner-mobile {margin-left: 0; margin-right: 0;}
.opn {background: rgb(15, 76, 156);color:white; padding: 3px 10px 7px 12px;
    border-radius: 0 0 20px 20px ;}
#superbanner {position:fixed; bottom:0; left:15px; z-index:10000; width:350px; background:white;}
@media(max-width:960px){ #superbanner-mobile-toggle {position:absolute; top:0; right:0; padding:10px 13px; z-index:10001; opacity:0; animation:sbfadein 0.3s forwards; animation-delay: 0.7s;} }
#superbanner-toggle {position:fixed; left:320px; bottom:330px; padding:10px 13px; z-index:10001; cursor:pointer; opacity:0; animation:sbfadein 0.3s forwards; animation-delay: 0.7s;}
@keyframes sbfadein { from {opacity:0;} to {opacity:1;} }
#superbanner-toggle.chiuso, body.superbanneroff #superbanner-toggle.sbstart {left:0;}
body.superbanneroff #superbanner-toggle.sbstart .cls, body.superbanneroff #superbanner-mobile-toggle.sbstart .cls {display:none !important;}
body.superbanneroff #superbanner-toggle.sbstart .opn, body.superbanneroff #superbanner-mobile-toggle.sbstart .opn {display:block !important;}
#superbanner-toggle.chiuso .cls, #superbanner-mobile-toggle.chiuso .cls {display:none;}
#superbanner-toggle.chiuso .opn, #superbanner-mobile-toggle.chiuso .opn {display:block !important;}

@media(min-width:960px){
.opn {
    background: rgb(15, 76, 156);
        color:white;
    padding: 3px 10px 7px 12px;
    border-radius: 0 20px 20px 0;
	margin-left: 0px !important;}}

 /* widget */
.widget-content #superbanner-mobile, .widget-content #superbanner {display:block;}
.widget-content #superbanner-mobile {display:none !important;}
.widget-content #superbanner {position:relative; bottom:inherit; left:inherit; z-index:inherit; width:100%; background:white;}

/* --- NASCONDE SUPERBANNER--- */
#superbanner, #superbanner-mobile, #superbanner-toggle, #superbanner-mobile-toggle, .header-sotto {display:none !important;} 

/*------------------------------------*\
    HEADER
\*------------------------------------*/

.header {
    width: 100%;
	float:left;
    background: #fff;
}

.header.trasparente {
    position: absolute;
    z-index: 100;
    background:none;
}

.header.fixed {
    z-index: 100;
	position: fixed;
}

.header-holder {
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.header.fullwidth .header-holder {
    max-width: 100%;
    width: 95.5%;
    margin: 0 auto;
    position: relative;
}

/* -- MENU STICKY -- */
.header.attivo {	
    position: fixed;
    z-index: 100;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    background: rgba(255, 255, 255, .95);
	transition: all 0.4s;
}


/* -- MENU BURGER -- */
.menumobile {display:none; float: left; height:55px; width:55px; padding: 10px 10px 7px 20px; margin-right: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.menumobile hr {height:2px; border:0; background:#333; transition:all 0.4s;}
.menumobile hr:nth-child(2) {transition:all 0.1s;}
.menumobile:not(.aperto) {padding-top: 13px;}
.menumobile:not(.aperto) hr {margin-top: 5px; margin-bottom: 5px;}
.menumobile.aperto hr:first-child {transform: rotate(45deg); transform-origin: left; width:28px;}
.menumobile.aperto hr:nth-child(2) {visibility: hidden;}
.menumobile.aperto hr:last-child {transform: rotate(-45deg); transform-origin: center; margin-left: -5px; margin-top: -9px; margin-left: -4px; width: 28px;}
.menumobile:after {content: 'menu'; font-size: 9px; text-transform: uppercase; position: absolute; top: 38px; color:#333;}
/* --- */


.logo {
    padding-top:15px;
    float: left;
}

.logo-img {
    max-width: 350px;
    margin-bottom: 0;
}

.nav {
    float: right;
}

.nav .menu-item {
    display: block;
    float: left;
    padding: 10px;
}
.nav .menu-item a {
    color: #222;
    font-weight: 500;
    text-decoration: none;
}

.nav .sub-menu {
    width: 250px;
	padding-left:0;
    position: absolute;
    z-index: 1000;
    padding-top: 4px;
    margin-left: -15px;
    display: none;
}
.nav .sub-menu li {
	width: 100%;
	float: left;
}

.nav .menu-item-has-children:hover .sub-menu, .nav .sub-menu:hover {
    display: block;
}

.header.sticky {
	position: fixed;
    top: 0;
    z-index: 100;
}
#header-toolbar {width: 60%;float: right; background-color: #aebbe633;}
#header-toolbar ul {margin-top:0; float:right; margin-bottom:0;} 										 
#header-toolbar li {font-family: 'encode sans', sans-serif;}													   

#header-one ul, #header-two ul {margin-top:24px;}
#header-one li, #header-two li {padding: 13px 0; font-family: 'encode sans', sans-serif;}

#header-one li a, #header-two li a  {
    font-size: 16px;
    font-weight: 300;
    padding: 4px 9px;
	color:#1f191a;
}


#header-one li a::before {
    position: absolute;
    background: #184f88;
    width: 4px;
    height: 4px;
    content: "";
    bottom: -89px;
    margin-left: -8px;}

.sub-menu li a::before{
	display:none;
}

#header-one .sub-menu, #header-two .sub-menu {background: whitesmoke; z-index: 10000;}
#header-one .sub-menu li, #header-two .sub-menu li {padding:0 15px;}
#header-one .sub-menu li a, #header-two .sub-menu li a {font-size:15px;}
#header-one ul.sub-menu {
    margin-top: 10px;
}

#header-mobile {float:right;}

#header-three {width:100%; max-width:1240px; margin:0 auto; padding-top:5px; border-top: 1px solid #e2e2e2; float: none;}
#header-three>ul {padding: 0;}
#header-three>ul>li {
    font-size: 18px;
    font-weight: 400;
    padding-right: 15px !important;
    padding-left: 15px !important;
    text-transform: uppercase;
}
#header-three>ul>li:first-child {padding-left:12px;}
#header-three ul {margin-top:0; margin-bottom:0;}

.menutitolo {
    float: left;
	margin-left:1.8%;
    padding: 10px;
    font-weight: 500;
    color: white;
    text-decoration:none;
    letter-spacing:1px;
}

#header-mobile .col {display:none;}

#header-mobile li {
    padding-left: 20px;
    padding-right: 20px;
}

#header-mobile li a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14.5px;
    font-weight: 500;
    letter-spacing: 0.1em;
}

#header-mobile li.current-menu-item a {color:#F7AC13;}

.attivo #header-mobile li a {color:white;}
.attivo #header-mobile li.current-menu-item a {color: #F7AC13;}

#header-mobile ul {margin:0;}

#header-mobile ul, #header-mobile li, #header-mobile a {
    display: block;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

#header-mobile .menu-item-has-children>a {
    width: 80%;
}

#header-mobile .menu-item-has-children>span.freccia {
    width: 20%;
	float:right;
    text-align: center;
	background:whitesmoke;
}

#header-mobile>ul>li>.sub-menu, #header-mobile>ul>li>.sub-menu .sub-menu {
    display: none;
}

#header-mobile>ul>li>.sub-menu.open, #header-mobile>ul>li>.sub-menu .sub-menu.open {
    display: block;
    position: relative;
}


@media(max-width:1500px){
  #header-mobile li {
      padding-left: 28px;
      padding-right: 0;
  }
  #header-mobile li a {
      font-size: 13px;
  }
}


@media(max-width:1350px){
  #header-mobile li {
      padding-left: 20px;
      padding-right: 0;
  }
}

@media(max-width:960px){

#header-mobile ul  {
    padding: 0px !important;
}}


#header-three {
    height: 65px;
}

.numeroverde {padding:0 !important;}
.numeroverde img {width:130px; margin-top:12px; margin-left: 12px;}


#header-one .icosocial img {width:22px;}


/* -- TESTATA LOGO CENTRALE -- 

#header-one li, #header-two li {
    padding: 35px 0 15px 0;
}

#header-one {
    float: left;
}

#header-one, #header-two {
    width: calc(50% - 135px);
    box-sizing: border-box;
}

#header-one li a {
    padding: 0 15px;
}

#header-one li a, #header-two li a {
    letter-spacing: 0.025em;
    transition: all 0.4s;
}

#header-two li.fb a {
    padding: 0;
}

#header-contatti ul, #header-one>ul {padding-left: 20px;}
#header-toolbar ul {padding-left: 0; padding-right: 20px;}
#header-two>ul {float:right; padding-left: 0; padding-right: 20px; margin-bottom: 0;}
*/


/* -- NUOVO GIGAMENU -- */

#header-one .gigamenu>.sub-menu {
    position: absolute;
    left: 15px;
    width: 100%;
    height: 300px;
    background: whitesmoke;
}

#header-one .gigamenu .col {
    width: 33%;
    float: left;
    box-sizing: border-box;
}

#header-one .gigamenu .col .sub-menu {
    width: 33%;
	margin: 0;
    position:relative;
}


#header-one .gigamenu.quattro .col, #header-one .gigamenu.quattro .col .sub-menu {width: 25%;}

#header-one .gigamenu .col>a {
	height: 0;
    visibility: hidden;
}

#header-one .gigamenu a {padding:8px;}

#header-one .gigamenu .col .sub-menu a, #header-one .sub-menu li a {display:block; width:275px; padding:7px; font-size:15px; font-weight:400; color: #012942;}

#header-one .gigamenu .col .mega>a {
    font-weight: 400;
    border-bottom: 1px solid #ddd;
    background: #eee;
}

.sotto a {
    font-size: 17px;
    padding: 7px 0 7px 10px;
    letter-spacing: 0.01em;
}

.sopra a {
    border-top: 1px solid #ddd;
}



/*------------------------------------*\
    PAGINE REGOLE GENERALI
\*------------------------------------*/

body {background:white;}

.wrapper {
	max-width:1200px;
	width:95%;
	margin:0 auto;
	position:relative;
	clear:both;
}

#super .vc_row {
	/*
    max-width: 1280px;
    width: 95%;
    margin: 0 auto !important;
	*/
    margin-left: 0;
    margin-right: 0;
}

main.pagina-sidebar-destra {
	float: left;
	width: 78%;
}

main.pagina-sidebar-destra ~ aside.sidebar {
	float: right;
	width: 22%;
}

main.pagina-sidebar-sinistra {
	float: right;
	width: 78%;
}

main.pagina-sidebar-sinistra ~ aside.sidebar {
	float: left;
	width: 22%;
}

@media only screen and (max-width:960px) {
  #super main, #super aside {width:100%;}
}

.pagetitle {
    background: whitesmoke;
}

.pagetitle .wrapper {
    padding: 15px;
    padding-left: 60px;
}

.nascosto {display:none;}

@media(min-width:1024px){

	.cinquantacinque {width:55%;}
	.sessanta {width:60% !important;}
	.sessantacinque {width:65%;}
	.quarantacinque {width:45%;}
	.quaranta {width:40% !important;}
	.trentacinque {width:35%;}

	.trecolonnecss {
			padding: 15px;
			-webkit-column-count: 3;
			-moz-column-count: 3;
			column-count: 3;
			-webkit-column-gap: 40px;
			-moz-column-gap: 40px;
			column-gap: 40px;
			-webkit-column-rule: 1px solid lightgrey;
			-moz-column-rule: 1px solid lightgrey;
			column-rule: 1px solid whitesmoke;
	}

	.duecolonnecss {
			padding: 15px;
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
			-webkit-column-gap: 40px;
			-moz-column-gap: 40px;
			column-gap: 40px;
			-webkit-column-rule: 1px solid lightgrey;
			-moz-column-rule: 1px solid lightgrey;
			column-rule: 1px solid whitesmoke;
	}
	
}

/*-- patch visual composer --*/
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner {padding-top:0 !important;}
.wpb_raw_code {margin-bottom:0 !important;}
/*-- patch post grid su mobile --*/
@media(max-width:960px){
.vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {margin-right: 0 !important;}
.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {padding-right: 0 !important;}
}



/*------------------------------------*\
    ELEMENTI DELLE PAGINE
\*------------------------------------*/


/* -- Macroaree -- */

#super #macroaree.griglialarga .vc_row.vc_inner {
    max-width: 95vw;
	margin:0 auto;
}

#macroaree .vc_column-inner {
    padding: 10px 10px 0 10px;
}

#macroaree .wpb_raw_html {
    height: 60.1vh;
    margin-bottom: 20px;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
}

#macroaree .wpb_raw_html.small {
    height: 29vh;
    margin-bottom: 20px;
    box-sizing: border-box;
}

#macroaree .wpb_raw_html>.wpb_wrapper {
    height: calc(100% - 40px);
    padding: 20px;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.65) 100%);
    transition: all 0.8s ease-in;
}

#macroaree .wpb_raw_html a {
    position: relative;
    display: block;
    width: 100%;
    height: 99%;
    border: 2px solid transparent;
    transition: all 0.8s ease-in;
    padding: 20px;
    box-sizing: border-box;
}

#macroaree .wpb_raw_html a:hover {
    border-color: white;
}

#macroaree .wpb_raw_html a .testo {
    position: absolute;
    width: 83%;
    bottom: 10px;
    font-size: 14px;
    color: whitesmoke;
    text-shadow: 1px 1px 5px black, 1px 1px 10px black;
}

#macroaree h2, #macroaree h3 {
    font-size: 1.7vw;
    font-weight: 300;
    text-transform: uppercase;
    color: white;
    text-shadow: 1px 1px 5px black, 1px 1px 10px black;
    margin: 0 0 5px 0;
}

#macroaree p {margin:0;}

#macroaree .outdoor {
    background-position: left center;
}

/* -- Macroaree Post Grid -- */

#macroaree .vc_gitem-row-position-bottom {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
}

#macroaree .vc_gitem-post-data-source-post_title {
    margin-bottom: 5px;
}

#macroaree .vc_gitem-post-data-source-post_title h4 {
    font-size: 30px;
    color: white;
    margin-bottom: 0;
}

#macroaree .vc_gitem-post-data-source-post_excerpt {
    color: white;
}

#macroaree .vc_gitem-post-data-source-post_excerpt p {
    font-size: 15px;
}

#macroaree .vc_gitem_row .vc_gitem-col {
    padding-left: 20px;
    padding-right: 20px;
}

.vc_wp_posts.wpb_content_element .widgettitle {font-size:2em;}


#super .sezione {min-height:500px; background:#edf2f6;}
#super .sezione.titolo {min-height:500px; margin-bottom:0 !important; background-position: center !important;}
#super .sezione.introduzione {min-height:450px;}
#super .sezione .semigriglia>.vc_column-inner {max-width: 650px; padding: 4% 5%;}
#super .sezione .semigriglia.sx {display: block;}
#super .sezione .semigriglia.sx>.vc_column-inner {float: right; display: block;}

#super .sezione.titolo h1 {font-size:3em; font-weight:100; margin-bottom:15px; margin-top:0;}
#super .sezione.titolo h4 {font-size:1.5em; font-weight:300; max-width: 550px;}
#super .sezione.titolo h5 {font-size: 19px; font-weight: 400; margin-top:0; margin-bottom:0;}
#super .sezione.titolo p {font-weight:300; max-width: 500px;}
#super .sezione.introduzione h2 {margin-top:20px;}

#super .sezione.form h3 {
    font-weight: 100;
    font-size: 2.8em;
    line-height: 1.3em;
    margin-top: 20px;
    margin-bottom: 0;
}

@media (max-width:960px){
	#super h1:not(.tp-caption), #super .sezione.titolo h1 {font-size: 2.2em !important;}
	#super h2:not(.tp-caption), #super .sezione.form h3 {font-size: 2em !important;}
	#super .wpb_text_column h3 {font-size: 22px !important;}
	#super .sezione.titolo p, #super .sezione.titolo h4 {font-size: 1.2em !important;}
	#super .sezione.titolo {min-height: auto; background-position: right -20px !important; background-size: auto 210px !important; background-repeat:no-repeat;}
	#super .sezione.titolo {background-position: right -20px !important; background-size: auto 210px;}
	#super .sezione.titolo .vc_empty_space {height:100px;}
	#super .form {background-position: top left !important; background-repeat: no-repeat !important; background-size: auto 180px !important; padding-top: 90px;}
	#super .vc_row.vc_row-flex>.vc_column_container {min-height: 200px;}
}

#formsotto .dx {max-width:900px;}
#formsotto .dx .wpb_text_column {padding-left:5%; margin-bottom:0;}

/*------------------------------------*\
    COLONNE GALLERY
\*------------------------------------*/

@media (min-width:960px){

  .wpb_gallery.due-col .isotope-item {
      width: 49%;
      margin-right: 1% !important;
      margin-bottom: 1% !important;
      float: left;
  }
  
  .wpb_gallery.tre-col .isotope-item {
      width: 32.3%;
      margin-right: 1% !important;
      margin-bottom: 1% !important;
      float: left;
  }
  
  .wpb_gallery.quattro-col .isotope-item {
      width: 24%;
      margin-right: 1% !important;
      margin-bottom: 1% !important;
      float: left;
  }

}

/*-- colonne su mobile --*/
@media (max-width:960px){

  .wpb_gallery.due-col .isotope-item, .wpb_gallery.tre-col .isotope-item, .wpb_gallery.quattro-col .isotope-item {
      width: 100%;
      margin-right: 0 !important;
      margin-bottom: 1% !important;
  }

  .wpb_gallery.due-col-mob .isotope-item {
      width: 49%;
      margin-right: 1% !important;
      margin-bottom: 1% !important;
      float: left;
  }
  
  .wpb_gallery.tre-col-mob .isotope-item {
      width: 32.3%;
      margin-right: 1% !important;
      margin-bottom: 1% !important;
      float: left;
  }
  
  .wpb_gallery.quattro-col-mob .isotope-item {
      width: 24%;
      margin-right: 1% !important;
      margin-bottom: 1% !important;
      float: left;
  }

}



/*------------------------------------*\
    ARTICOLI E CUSTOM POST
\*------------------------------------*/

.single-post h1, .single-film h1 {
    border-bottom: 3px solid #184f88 !Important;
}

.single #correlati {display:none;}

.single-format-gallery #super.wrapper {width:100%; max-width:100%;}
article.format-gallery {margin-left: -15px; margin-right: -15px;}

.single .category, .single .date {display:none;}

article>a>img {max-width: 100%;}

.single-post.single-format-standard article, .single-film.single-format-standard article {
    background: whitesmoke;
	box-shadow: 0px 0px 0px #ddd;
}

.single-post.single-format-standard article>a:first-child, .single-film.single-format-standard article>a:first-child {
    display: block;
    width: 100%;
    max-height: 470px;
    overflow: hidden;
}

.single-post.single-format-standard .attachment-post-thumbnail, .single-film.single-format-standard .attachment-post-thumbnail {
    width: 100%;
}

.single-post.single-format-standard .single-body, .single-film.single-format-standard .single-body {
    width:90%;
	margin:0 auto;
}

.sidebar-widget li {
margin-bottom: 10px !important;
}

.single-post .wrapper {
    max-width: 1220px;
    width: 100%;
}

.single-format-standard article, .single-format-aside article {
    width: 83.5%;
    float: right;
    box-sizing: border-box;
}

.single-format-standard aside, .single-format-aside aside {
    width: 16.5%;
    float: left;
    margin-top: 60px;
    padding-right: 15px;
    box-sizing: border-box;
}

.single-post h1, .single-film h1 {
    text-decoration: none;
    color: #333;
    padding-bottom:10px;
    border-bottom:3px solid orange;
}

.date, .category {
    width: 100%;
    float: left;
}

#super .titoletto {margin-bottom:12px;}

.titoletto h3 {
    font-size:17px;
    font-weight:600;
    text-transform:uppercase;
    display:inline;
    padding-left:16px;
    border-left: 3px solid #ffa500;
}

.single .vc_gitem-post-data-source-post_excerpt {display:none !Important;}

.single .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #fff;
    background-color: #0d335a !important;}

.single .vc_btn3.vc_btn3-color-juicy-pink:hover{
    color: #fff;
    background-color: #0d335a;}



/*------------------------------------*\
	WOOCOMMERCE E SCHEDA PRODOTTO
\*------------------------------------*/

@media(max-width:960px){
    
    .archive.woocommerce .products {width: 100% !important;}
	.archive.woocommerce-page li.product {
        width: 40% !important;}
    .archive.widget-title {display: none;}
	
}




.price {display: none !important;}
.aside {float:left;}
body.archive.woocommerce #super.wrapper {
    max-width: 80%;}

aside.sidebar h3 {font-size:20px !important;}
aside.sidebar {
	float: left;
	width: 15%;
    background: white;
    padding:25px
}

.product {
    padding:10px !important;
  margin: 10px 5px !important;
}

.archive.woocommerce .products {
    width: 80% !important;
    padding:0px !important;
    float: right;
}

.product .woocommerce-product-details__short-description h2 {font-size: 1.8em !important; margin-bottom:10px;     margin-top: 0px !important;}
.product  .woocommerce-product-details__short-description h3 {font-size: 1.5em !important;}
.product h1 {    font-weight: 500; margin-bottom:10px !important;}
.product   .posted_in, .product  .tagged_as {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0.2em 0em;
}

.product  .posted_in:before, .product   .serie-product:before {
    content: '|';
    width: 12px;
    display: inline-flex;
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    color: #184F88;
    margin-right: 0.25rem;
}

.product .woocommerce-product-details__short-description ul  {
	    padding-left: 20px;}

.product.posted_in a, .product    .tagcloud a, .product  .serie-product a {
    /*border-radius: 20px;
    background-color: #f5f5f5;*/
    margin-bottom: 7px;
    display: inline-block;
    font-weight: bold !;
    line-height: 19px;
    color: #184F88;
    text-decoration: none;
    transition: all .45s;
}

.product  .woocommerce-product-details__short-description a {
    padding: 0.6rem;
    border-radius: 20px;
    background-color:#184F88;
    margin: 7px 0px 3px 0px;
    display: inline-block;
    font-weight: bold !;
    font-size: 0.8rem !important;
    line-height: 19px;
    letter-spacing: 1px;
    color: white;
    text-decoration: none;
    transition: all .45s;
}

#tab-title-shipping {display: none !important;}

.product  .woocommerce-product-details__short-description {margin-bottom: 20px;}
.product  div.summary {    margin-top: 10px !important;}


body.archive.woocommerce {
    background: whitesmoke;
}


body.archive.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background: white;
  
}

body.archive.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}


body.archive.woocommerce .pagetitle {background:white;}

.woocommerce .woocommerce-breadcrumb {
    margin: 10px 0;
}

.archive.woocommerce .products {
    width: 100%;

}

.products {padding:20px !important;}
.woocommerce-ordering {display:none !important;}

.wfpDescription {
    margin-top: 0;
    margin-bottom: 1.25rem;
    color: #001A52;
    font-size: 17px !important;
    line-height: 1.5;
    font-family: inherit;
    letter-spacing: 0.5px;
}

.wfpDescription:before {
    content: '|';
    width: 12px;
    display: inline-flex;
    font-weight: 500;
    font-size: 24px;
    line-height: 1;
    color: #001A52;
    margin-right: 0.25rem;
}


.woocommerce ul.products li.product .button {
    font-size: 14px;
    font-weight: normal;
    border-radius: 3px;
    left: auto;
    color: #ffffff;
    background-color: #97c03c;
}










/* Nasconde pulsante acquista quando è presente il tag "novendita" e visualizza il sostituto nel singolo prodotto */
.products .product_tag-novendita .add_to_cart_button, body.novendita form.cart, .bottonesostituto {display: none;}
body.novendita .bottonesostituto {
    display: inline-block;
    background: #8BC34A;
    color: white;
    padding: 15px 20px;
    border-radius: 5px;
}


/* Aspetto delle tab e post correlati */

.wc-tab h2, .related.products h2 {font-size: 1.8em;}

.wc-tab #nostre, .wc-tab #vostre {
    float: left;
    max-width: 48.5%;
}

.wc-tab #vostre {
    border-left: 1px dotted #ccc;
    padding-left: 2.5%;
}

.wc-tab .post {
    float: left;
    width: 23%;
    margin-right: 2.5%;
    background: #f9f9f9;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.07), 0 1px 10px 0 rgba(0,0,0,0.03), 0 2px 4px -1px rgba(0,0,0,0.05);
}

.wc-tab .post:last-child {
    margin-right: 0;
}

.wc-tab .post .desc {
    padding: 15px;
    height: 100px;
    font-size: 15px;
}

.wc-tab .post .desc h3 {
    margin: 0;
    font-size: 1.2em;
}

.wc-tab .post .desc h3 a {
    color: #76ab00;
}

.related.products {
    float: left;
    width: 100%;
    margin-top: 40px;
    background: whitesmoke;
}

/* Etichette categorie */
.wc-tab .post>a:before{position:absolute; padding:5px 10px; font-size:15px; color:white; text-shadow: 1px 1px 4px black; border-radius:0 0 15px 0;}
.wc-tab .post.category-le-nostre-realizzazioni>a:before {content:'Le nostre realizzazioni'; background:#97BF3B;}
.wc-tab .post.category-le-vostre-realizzazioni>a:before {content:'Le vostre realizzazioni'; background:#5aa1e3;}
.wc-tab .post.category-pc-gamer>a:before {content:'Pc Gamer'; background:red;}
.wc-tab .post.category-pc-ideale>a:before {content:'Pc Ideale'; background:purple;}
.wc-tab .post.category-curiosita>a:before {content:'Curiosità'; background:orangered;}
.wc-tab .post.category-soluzioni-brand>a:before {content:'Soluzioni per brand'; background:black;}

/* Aspetto della scheda tecnica */

#scheda_prod {
border: 0;
border-spacing: 0;
border-collapse: collapse;
empty-cells: show;
font-size: 100%;
}

#scheda_prod {
    width: 100%;
}

#scheda_prod tr:nth-child(even), .product-tabs.horizontal tr:nth-child(even), .product-tabs.horizontal li:nth-child(even) {
    background: #fff;
}

#scheda_prod tr:nth-child(odd), .product-tabs.horizontal tr:nth-child(odd), .product-tabs.horizontal li:nth-child(odd) {
    background: #fbfbfb;
}

#scheda_prod tr, .product-tabs.horizontal tr {
    border-bottom: 1px solid #ddd;
    color: #0083C0;
    font-size: 15px;
    line-height: 30px;
    text-transform: uppercase;
    padding-left: 5px;
}

#scheda_prod th, .product-tabs.horizontal th {
    padding-left: 5px;
    border-bottom: 2px solid #97c03c;
    color: #76ab00;
    font-size: 1.8em;
    padding-top: 28px;
    padding-bottom: 10px;
    background-color: white;
}

#scheda_prod caption, #scheda_prod th, #scheda_prod td {
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
}

#scheda_prod tr td:last-child {
    font-size: 0.9em;
    font-weight: 500;
}

#scheda_prod tr td, .product-tabs.horizontal tr td, .product-tabs.horizontal li {
    padding: 5px;
    font-size: 13px;
    color: #333;
    line-height: 20px;
    text-transform: none;
}

@media(max-width:960px){
#super .product .posted_in{margin-bottom:20px  !important; }
	.product_meta>span {width: 91% !important;}
	.woocommerce-Tabs-panel h2 {margin-top:20px;}
	.product .summary, .woocommerce-Tabs-panel h2 {padding:20px !important;}
	#super .product .woocommerce-product-details__short-description h2 {font-size: 1.5em !important; }
#super .product  .woocommerce-product-details__short-description h3 {font-size: 1.2em !important;}
}




/*------------------------------------*\
	TIPOGRAFIA
\*------------------------------------*/

body {font-size:16px; font-family:'encode sans', sans-serif; color:#444;}
p {font-size:16px; font-weight:300; line-height:1.6em;}
#super b, strong {font-weight: 600;}
a {text-decoration:none;}
h1, h2, h3, h4, h5, .nav li {font-family: 'Playfair Display', serif; color:#002841;}
h1 {font-size:2.7em !Important; font-weight:400;}
h2 {font-size: 1.6em; font-weight: 100; line-height: 1.3em;}
h3 {font-size: 1.5em; font-weight: normal; line-height: 1.3em; margin-top:0;}
h4 {font-size: 20px; font-weight: normal; line-height: 1.3em;}
h5 {font-size: 18px; font-weight: normal; text-transform: uppercase;}

#super ul li {
    line-height: 24px;
}


.blockquote {
	font-size:1.1em;
	margin-left:0;
	padding-left:40px;
    border-left: 3px solid #002841;
}

#super .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {font-family: inherit; font-weight: 500; font-size: 15px; margin: 0; line-height: 1.3;}

.vc_wp_categories h2 {
    font-size: 29px;
    color: #004580;
}

.vc_wp_categories ul {
    padding-left: 0;
    list-style-type: none;
}

.vc_wp_categories ul li {
    margin-bottom: 0.4em;
}

.vc_wp_categories a {
    color: #5bb745;
}

.vc_wp_categories a:before {
    content: '» ';
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.mobileon, .nav .menu-item.mobileon, #header-mobile {display:none;}
#formobile {background: white;}
#formobile h4 {padding-top: 40px; margin-bottom: 0; text-align: center; font-size: 1.8em; font-weight: 600;}
#formobile .wpcf7-form {padding: 20px;}
#formobile #form-contatti {padding: 0;}
#formobile #form-contatti h2 {margin-top: 0; text-align: center;}
#formobile .privacy a {color:#444 !important;}
@media only screen and (max-width:960px){
	.mobileon, .nav .menu-item.mobileon {display:block;}
	.mobileoff, .nav .menu-item.mobileoff {display:none;}
	.menumobile {display:block;}
    a.menutitolo:before {
      content: ' MENU ▾ ';
      font-weight: normal;
      letter-spacing: -0.02em;
      color: white;
 	}
    #header-toolbar {display:none;}
	.logo {max-width: 220px; padding-top: 0;}
	.logo-img {width: 100%;}
	.header {padding-top:0 !important; padding-bottom:0 !important;}
	.header-holder {width:100% !important;}
	#header-mobile, #header-three ul {width:100% !important; height:100vh; overflow:scroll; background:white; display:none;}
	#header-mobile {position: absolute; z-index: 1000; top: 65px; width:100% !important; height: calc(100vh - 110px); overflow:scroll; margin:0; padding-left:0;}
	#header-three ul {margin:0; padding-left:7px;}
	#header-mobile li, #header-three li {width: 100%; border-bottom:1px solid #eee;}
	#header-mobile li a {color:black !important;}
  	#header-mobile.temascuro, #header-three ul {background: rgba(0, 0, 0, 0.9);}
	#header-mobile.temascuro li, #header-three li {border-bottom: 1px solid #151515;}
	#header-mobile.temascuro li a, #header-three li a {color:white !important;}
	.header-sotto {display:none;}
	.vc_row.wpb_row.vc_inner.vc_row-fluid.trebox, .vc_row.wpb_row.vc_inner.vc_row-fluid.duebox  {padding-left: 20px; padding-right: 20px;}
	.separatore-obliquo {height:30px;}
	.copyright {padding-bottom: 50px !important;}
}

@media only screen and (max-width:768px) {
	.wrapper {width:100%; padding-top: 0;}
	.testatamobile .vc_column_container>.vc_column-inner {padding:0 !important;}
	#header-one, #header-two, .header-sotto {display:none;}
	.colfullwidth, .colfullwidth .vc_column-inner {padding-left: 0; padding-right: 0;}
	#super .duecolmobile>div {width:50%; float:left;}
	#super .duecolmobile .boximglink {height: 187px;}
	#super .duecolmobile .boximglink a {padding-top: 120px;}
	#super .duecolmobile .boximglink a h4 {font-size: 22px; line-height: 25px;}
	#super .duecolmobile .boximglink a h4:after {content: '❭'; position: absolute; left: 75%; top: 73%;}
	#super .forme .boximglink {background-size: 91%; background-repeat: no-repeat; background-position: top center; box-sizing: border-box; background-color: #ececec;}
	#super .forme .boximglink a h4 {width: 55%; background: linear-gradient(to right, rgb(236, 236, 236) 0%,rgba(255,255,255,0.85) 30%); font-size: 21px !important; color: rgb(121, 177, 62); font-weight: 400; border-radius: 20px;}
	#super .duecolmobile.forme .boximglink a h4 {color:#2563b1;}
	#super .duecolmobile.forme .boximglink a h4::after {left: 69%; top: 67%;}
	#mobtel {display:block !important; position: fixed; bottom: 0; z-index: 5000; width: 100%; background: rgba(34, 34, 34, 0.95); box-shadow: 0 -5px 12px rgba(0, 0, 0, 0.1);} 
	.joinchat__button {display:none !important;}
	#mobtel a {width:23.3%; height: 47px; padding-top: 13px; display:block; float:left; text-align:center; margin:0 auto; color:white; font-size: 16px; text-decoration: none;  box-sizing:border-box;}
	#mobtel a.cont {width:30.1%; box-sizing:border-box;}
	#mobtel a span {font-size: 18px;}
	#mobtel a.mail {padding-top: 10px;}
	#mobtel a.whatsapp {background: rgba(1, 230, 117, 0.9); padding-top: 10px;}
	#mobtel a.whatsapp span {font-size: 25px !important;}
	#mobtel>span {color: rgb(24, 37, 68);}
	#mobtel a img {width: 22px; height: auto; margin: 0 auto; vertical-align: middle;}
	#mobtel a.tel img {width: 20px;}
	
}

/* CLASSE NASCONDI WHATSAPP */
#mobtel.nowz a {width: 50%;}
#mobtel.nowz a.cont, #mobtel.nowz a.whatsapp {display: none;}
#mobtel.nowz a.tel {background: rgba(0, 0, 0, 0.1);}
#mobtel.nowz a.tel:after {content: ' Chiama'; font-size: 0.9em;}
#mobtel.nowz a.mail:after {content: ' Scrivi'; font-size: 0.9em;}
/* --- */

@media only screen and (max-width:480px) {
	.single-head {max-height:350px;}
}

	.tableton {display:none;}
@media only screen and (max-width:1024px) {
	.tableton {display:block;}
	.tabletoff {display:none;}
	.grecaptcha-badge {visibility:hidden;}
}
@media only screen and (max-width:1140px) {

}
@media only screen and (max-width:1280px) {
#header-three>ul>li {font-size: 17px; padding-right: 12px !important; padding-left: 13px !important;}
#header-three .gigamenu a {padding-right: 0;}
section#sezionetesta {background-position: 62% top !important;}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}


/*------------------------------------*\
    STILE ARCHIVIO
\*------------------------------------*/

body.archive article {background:whitesmoke; margin-bottom:30px; padding:20px;}

body.archive article h2 {font-size:1.5em; font-weight:normal;}

body.archive article h2 a {color:rgb(0, 69, 128);}

body.archive article .date, body.archive article .author {display:none;}

@media(min-width:961px){
body.archive article {width:31%; height:420px; margin-right:3%; display:block; float:left; box-sizing:border-box;}   
}

body.archive .pagination {float:left; width:100%; padding:20px; margin-bottom:30px;}


/*------------------------------------*\
    ANIMAZIONI CSS
\*------------------------------------*/

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
	animation-delay: 0.5s;
}

#overslider .wpb_animate_when_almost_visible:nth-child(1).animated {animation-delay: 2s  ;}
#overslider .wpb_animate_when_almost_visible:nth-child(2).animated {animation-delay: 2.2s;}
#overslider .wpb_animate_when_almost_visible:nth-child(3).animated {animation-delay: 2.4s;}
#overslider .wpb_animate_when_almost_visible:nth-child(4).animated {animation-delay: 2.6s;}
#overslider .wpb_animate_when_almost_visible:nth-child(5).animated {animation-delay: 2.8s;}
#overslider .wpb_animate_when_almost_visible:nth-child(6).animated {animation-delay: 3s  ;}


/*------------------------------------*\
    SHORTCODES
\*------------------------------------*/

@media (min-width: 768px){
  .one_half, .one_half_last {
      width: 50%; float:left;
  }
}

.gridboximglink, #super .gridboximglink>.vc_column_container>.vc_column-inner {padding:0;}

.boximglink {
    height: 300px;
    background-size: cover;
    box-sizing: border-box;
}

.boximglink a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 220px;
	text-decoration:none;
    box-sizing: border-box;
}

.boximglink a:hover {
    background: rgba(255,255,255,.5);
}

.boximglink a h4 {
    display: block;
    width: 65%;
    margin: 0;
    padding: 5px 20px;
    background: rgba(37, 100, 177, 0.83);
    font-size: 28px;
    color: rgb(255, 255, 255);
    font-family: 'encode sans', sans-serif ;
    font-weight: lighter;
}

.separatore-obliquo {display:block;}
.separatore-obliquo.destra {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}


/*------------------------------------*\
    STILE FORM CONTATTI
\*------------------------------------*/

.wpcf7-form {
	margin:0 auto;
    border-radius: 10px;
    padding: 25px;
    background: #fff;
    box-shadow: 0 15px 60px 0 rgba(0,0,0,0.15);
}
.wpcf7 label {
    color: #1a3d5d;
}
.wpcf7 input, .wpcf7 textarea {
    color: black;
    background: #f9f9f9;
    border: 1px solid #004580;
    border-radius: 5px;
}
.wpcf7-form input:not(.wpcf7-submit), .wpcf7-form textarea {padding:8px; width:100%; border-radius:7px; border:1px solid #bbb;}
form .wpcf7-list-item {margin-left: 0;}
form .privacy, form .newsletter {font-size: 14px;}
form .privacy input, form .newsletter input {width: 17px !important; height: 17px; margin-left: 0; margin-right: 5px;}
.wpcf7-submit {
    background: #004580 !important;
    padding: 11px 40px !important;
    border: 0 !important;
    margin-bottom: 20px !important;
    border-radius: 5px !important;
    color: white !important;
}

/* Form footer visibile anche su desktop nel prodotto quando presente tag 'novendita' */
.novendita #formobile {
    display: block;
}

@media (min-width: 960px) {
  .novendita #formobile h4 {    
    font-size: 30px;    
    text-align: center;    
    margin-bottom: 20px;
  }
  .novendita #formobile .wpcf7-form {    
    padding: 30px 20%;
  }
}



footer iframe, .wpcf7-recaptcha>div, .wpcf7-recaptcha>div iframe {max-width: 100%;}

#cookie-law-info-bar {padding: 7px 0; z-index: 10000 !important;}
#cookie-law-info-again {display:none;}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer {
    float: left;
    width: 100%;  
    background:whitesmoke;
}

.footer-holder {
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

.footer-col {
    width: 25%;
    float: left;
  	padding: 20px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@media all and (max-width:960px) {
.footer-col {width: 100%;}
}

.footer a {text-decoration:none;}

.footer ul {list-style: none outside none; padding:0;}

.footer .menu h4 {margin-bottom:0;}
.footer .menu li a {display:block; text-decoration:none; padding:7px 0; border-bottom:1px solid #ddd;}

.copyright {
    float:left;
    width:100%;
    padding:15px 0;
    border-top: 1px solid #ddd;
    font-size: 0.8em;
    letter-spacing: 0.04em;
}

/*------------------------------------*\
    FOOTER CUSTOM
\*------------------------------------*/
.footer {
background: #184f88;
/*
background: -moz-linear-gradient(top, #003556 0%, #012135 100%); 
background: -webkit-linear-gradient(top, #003556 0%,#012135 100%); 
background: linear-gradient(to bottom, #003556 0%,#012135 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003556', endColorstr='#012135',GradientType=0 ); 
*/
}
.footer * {color:whitesmoke;}
.footer .menu li a {border-bottom: 0px solid #232323;}
.footer .menu li:last-child a {border-bottom:0;}
.footer img {max-width: 90%; vertical-align: bottom;}
.copyright {background:#071e36; border:0;}



/*------------------------------------*\
    SOCIALWALL FACEBOOK
\*------------------------------------*/

/*
#social .masonry {
    max-height: 750px;
    overflow-y: scroll;
}
*/

#social .masonry>.wpb_wrapper {
    display: flex;
    flex-flow: column wrap;
    width: 100%;
    max-height: 2000px;
    margin-left: -8px;
}

#social .riga {
    width: 31%;
    padding: 15px;
    margin: 0 8px 8px 0;
    box-sizing: border-box;
}

#social .riga img {
    max-width: 100%;
    max-height: 365px;
}

@media  (max-width: 960px) {
  #social .riga {    
    width: 100%;
  }
}

#social .riga>div {
    padding: 20px;
    background: #FDFFFF;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
}

#social hr {
    display: none;
}

#social .profile-info {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

#social .profile-name {
    float: left;
    padding-left: 15px;
}

#social .profile-photo {
    float: left;
    border: 1px solid #ddd;
}

#social .dati-generali {
    width: 100%;
    border: 1px solid #dedede;
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#social .dati-aggiuntivi {
    width: 100%;
    border: 1px solid #dedede;
    border-top: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

li {
    padding: 5px 0px;
}

.vc_btn3.vc_btn3-color-green, .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
    color: #fff;
    background-color: #184f88 !important;
}

@media  (max-width: 1366px) {
.colonna {padding-left: 20px !important;}
.griglia-icone{padding-top:100px}
.griglia-icone .wpb_single_image .vc_single_image-wrapper {max-width: 66%;}
}

@media  (max-width: 1024px) {
#header-toolbar { font-size: 13px !important;}
#header-one li a, #header-two li a {font-size: 13px;color: #1f191a;}
nav#header-one {padding-top: 2px !important;}
#header-one li a::before {bottom: -77px !important;}
.logo-img {max-width: 150px;padding-top: 3px;}
.1024off{display:none}
}

@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation:portrait) {
.colonna {padding-left: 17px !important;}	
#chiavi, #blindate, #serrature {padding: 40px 8px !important;}	
#chiavi .vc_col-sm-6, #blindate .vc_col-sm-6, #serrature .vc_col-sm-6 {width: 100%;}	
.ipadoff{display:none !important;}
.bottone-box{margin-top:50%;}	
#formobile .wpcf7-form {padding: 50px;}
.bg-mobile-cover .vc_col-sm-3{width: 100%;}


}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
#chiavi, #blindate, #serrature {padding: 40px 8px !important;}
#chiavi .vc_col-sm-6, #blindate .vc_col-sm-6, #serrature .vc_col-sm-6 {width: 100%;}
#header-toolbar ul {padding-left: 6px;}
.nav .menu-item a {font-size: 15px;}
.logo-img {max-width: 114px;}
#header-one li a, #header-two li a {font-size: 14px;}
.ipadoff{display:none !important;}
.bg-mobile-cover .vc_col-sm-3{width: 54%;}
.colonna {padding-left: 20px !important;}	

}

@media  (max-width: 960px) {
.logo-img {width: 53%;}
.mobileoff {display: none !important;}
.vc-gitem-zone-height-mode-auto:before {padding-top: 63% !important;}	
.griglia-soluzioni .vc-gitem-zone-height-mode-auto:before {padding-top: 100% !important;}
.colonna {padding-left: 17px !important;}	
#super .vc_row.vc_row-flex>.vc_column_container {min-height: 102px;}
#super h2:not(.tp-caption), #super .sezione.form h3 {font-size: 20px !important;}
.bg-mobile-cover .vc_column-inner{background: #f6f6f6 !important;background-image: none !important;}
#superheader {position: fixed;z-index: 99;}
#chiavi, #blindate, #serrature {background: #efefef !important}
}

@media  (max-width: 812px) {
#super h2:not(.tp-caption), #super .sezione.form h3 {font-size: 20px !important;}	
}





@media(min-width:960px){

#header-one ul ul ul { 
    display: none; 
    position: absolute !important;
  
}

#header-one .sub-menu li a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    
}



#header-one ul ul li:hover > ul {
    display: block !important;
}


.sub-menu  {margin:0 !important; border-left:solid #184f88 5px;}

.sub-menu li {padding:0px; width:93% !important;}


#header-one .sub-menu {background-color: #f5f5f5;}

nav li {padding-top:10px; padding-left:0px !important;}


nav li:hover {
    background-color: #f5f5f5;

}


nav a {
    display: block; 
    text-decoration: none;
    color: white;
}

.sub-menu li {
    position: relative; /* posizione relative il li x far apparire il sub sul suo stesso livello */
    display: inline-block;
}

nav ul ul ul {
    display: none; 
    position: absolute; /* Absolute position per spingerlo fuori dal box */
}

/* APPARE SOLO IN HOVER */
nav li:hover > ul {
    display: block;
}

/* SX GENITORE STESSO LIVELLO */
nav ul ul ul {
    left: 100%; 
    top: 0;
    margin-top:0px !important;
    padding-top:0px !important;
}




#header-three {
    height: 65px;
}

.numeroverde {padding:0 !important;}
.numeroverde img {width:130px; margin-top:12px; margin-left: 12px;}


#header-one .icosocial img {width:22px;}}