
 

 
/* testata */
 
/*
body.home h1.entry-title {
	display: none!important;
}
*/

body.home .rank-math-breadcrumb {
	display: none!important;
}
 
header.cp-header {  /* se usassi testa diversa su home */
	width: 100% !important;
	z-index: 800 !important;
	background: #082532!important;
	padding: 0px 0px 0px 0px;
	position: fixed;
	border-top: 3px solid #f23a00!important;
	-webkit-box-shadow: 0px 10px 23px -10px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0px 10px 23px -10px rgba(0,0,0,0.20);
	box-shadow: 0px 10px 23px -10px rgb(0 0 0 / 20%);
	top: 0px;
}
.intraheader {
	width: 100% !important;
	max-width: 1200px!important;
	margin: 0px auto 0px auto;
	position: static;
	min-height: 120px;
}
.headerleft a>img {
	padding: 25px 0px;
	max-width: 400px!important;
	height: auto!important;
	transition: all 0.5s;
}

@media (min-width:980px) and (max-width:1180px) {
.headerleft a>img {
	max-width: 300px!important;
	transition: all 0.5s;
}
.intraheader {
	min-height: 120px;
}
}

@media (min-width:0px) and (max-width:980px) {
.headerleft a>img {
	max-width: 300px!important;
	transition: all 0.5s;
}
}

@media (min-width:980px) { /*shrink immagine logo*/
header.shrink .headerleft a>img {
	max-width: 300px!important;
	padding: 25px 0px!important;
	transition: all 0.5s;
}
}
.headerleft {
	/*  background-color:#735B5B; */
	position: relative;
	z-index: 900;
	width: 10%;
	text-align: left;
}
.headercenter {
	/*  background-color:#6FAC5A; */ 
	width: 85%;
}
.headeright {
	/*  background-color:#6E7C9C; */
	position: relative;
	z-index: 900;
	width: 5%;
	text-align: right;
}

@media (min-width:1025px) and (max-width:1280px) {
.headerleft {
	width: 10%;
}
.headercenter {
	width: 85%;
}
.headeright {
	width: 5%;
}
}

/* testata */



/* compensazioni testata a pulsante */

@media (min-width:0px) and (max-width:1024px) {
.headerleft {
	width: 40%!important;
	display: inline-block!important;
	text-align: left!important;
}
.headeright {
	width: 40%!important;
	text-align: right!important;
}
.headercenter {
	width: 20%!important;
	display: inline-block!important;
	text-align: center!important;
}
.responsive .cp-nav .cp-menu-btn {
	margin-top: 120px!important;
}
.responsive .cp-header .cp-nav-inner {
	text-align: center!important;
}
}

.responsive .cp-nav .cp-hmenu, .responsive .cp-nav .cp-hmenu.visible {
 	transition: all 0.5s;
}

/* compensazioni testata a pulsante */
   


/* testata e menu shrink */

@media (min-width: 0px) and (max-width: 400px) {
.headeright {
	text-align: center!important;
}
.responsive .cp-nav .cp-menu-btn {
	margin-top: 10px!important;
}
.openBtn {
	top: 0px!important;
	right: auto!important;
	padding: 10px 5px!important;
	font-size: 25px!important;
}
.headerleft {
	width: 100%!important;
	top: 0px!important;
}
.headerleft a>img {
	width: 100%!important;
	max-width: 100%!important;
	top: 0px!important;
}
.headeright {
	width: 100%!important;
	top: 0px!important;
}
.headercenter {
	width: 100%!important;
	top: 0px!important;
}
}
/* testata e menu shrink */ 



/* shrink menu normale */

.cp-hmenu>li>ul {
	padding: 30px 15px 10px 15px;
	margin-top: 70px;
	transition-property: margin-top;
    transition-duration: 0.5s;
}
header.shrink .cp-hmenu>li>ul {
    margin-top: 55px;
	transition-property: margin-top;
    transition-duration: 0.5s;
 }

.cp-hmenu>li>a,
.cp-hmenu>li>a:link,
.cp-hmenu>li>a:visited,
.cp-hmenu>li>a.active,
.cp-hmenu>li>a:hover {
    font-size: 19px;
	transition-property: font-size;
    transition-duration: 0.5s;
 }
 
header.shrink .cp-hmenu>li>a,
header.shrink .cp-hmenu>li>a:link,
header.shrink .cp-hmenu>li>a:visited,
header.shrink .cp-hmenu>li>a.active,
header.shrink .cp-hmenu>li>a:hover {
    font-size: 17px;
	transition-property: font-size;
    transition-duration: 0.5s;
 }
 
.cp-hmenu ul.sub-menu>li>a, 
.cp-hmenu ul.sub-menu>li>a:link,
.cp-hmenu ul.sub-menu>li>a:visited {
	transition-property: font-size;
    transition-duration: 0.5s;
	font-size: 18px;
} 
 
header.shrink .cp-hmenu ul.sub-menu>li>a, 
header.shrink .cp-hmenu ul.sub-menu>li>a:link,
header.shrink .cp-hmenu ul.sub-menu>li>a:visited {
	transition-property: font-size;
    transition-duration: 0.5s;
	font-size: 17px;
 } 
 
@media (min-width:980px)  { 
	
header.shrink .intraheader {
	max-height: 230px!important;
}
 }
 
/* shrink menu normale */
 


/* bottone base */

a.more-link, a.cp-button, input.cp-button, button.cp-button {
	display: inline-block;
	cursor: pointer;
	border: none;
	text-decoration: none;
	font-size: 20px;
	font-family: 'Muli', sans-serif;
	height: auto;
	line-height: 20px;
	-webkit-appearance: none;
	text-transform: uppercase;
	color: #fff;
	background-color: #161568;
}
/* bottone base */

 

 


 

/* pagina */

body.page h1.cp-postheader.entry-title, body.page h1.cp-postheader.entry-title a, body.page h1.cp-postheader.entry-title a:link, body.page h1.cp-postheader.entry-title a:visited, body.page h1.cp-postheader.entry-title a:hover {
	font-family: 'Muli', sans-serif;
	font-size: 28px;
	font-weight: 300;
	color: #fff;
	line-height: 1.1!important;
	display: block;
	background: #082532!important;
	text-align: center!important;
	padding: 10px 20px!important;
	text-transform: uppercase!important;
}
body.page h1.cp-postheader.entry-title {   /* titolo full width per la pagina */
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-bottom: 80px;
}
body.page-template-page-sidebars h1 { /* titolo full width compensato se barre presenti*/
	left: 50%;
	right: 50%;
}

@media (min-width:1024px) {
body.page-template-page-sidebar-sx article h1 { /* titolo full width compensato se barre */
	left: 35%!important;
}
body.page-template-page-sidebar-dx article h1 { /* titolo full width compensato se barre */
	left: 64%!important;
}
}
body.page .cp-content h1 a, body.page .cp-content h1 {
	font-family: 'Muli', sans-serif;
	font-size: 28px;
	margin: 40px 0px 10px 0px;
	font-weight: 600;
	line-height: 1.1;
	color: #333;
	text-transform: uppercase;
	text-align: left;
}
body.page .cp-content h2 a, body.page .cp-content h2 {
	font-family: 'Muli', sans-serif;
	font-size: 25px;
	margin: 50px 0px 10px 0px;
	font-weight: 600;
	line-height: 1.1;
	color: #333;
	text-transform: uppercase;
	text-align: left;
}
body.page .cp-content h3 a, body.page .cp-content h3 {
	font-family: 'Muli', sans-serif;
	font-size: 22px;
	margin: 0px 0px 10px 0px;
	font-weight: 600;
	line-height: 1.1;
	color: #333;
	text-align: left;
	text-transform: none;
}
body.page .cp-content h3:before {
	font-family: FontAwesome;
	content: "\f0da";
	color: #333;
	font-size: 30px;
	margin-right: 10px;
	font-weight: 400;
}
/* se serve uno strong speciale uguale ad h3*/

.cp-postcontent .bloccointerno strong {
	display: inline-block;
	font-family: 'Muli', sans-serif;
	font-size: 22px;
	margin: 20px 0px 10px 0px!important;
	font-weight: 600;
	line-height: 1.1;
	color: #333;
	text-align: left;
	text-transform: none;
}
.cp-postcontent .bloccointerno strong:before {
	font-family: FontAwesome;
	content: "\f0da";
	color: #333;
	font-size: 30px;
	margin-right: 10px;
	font-weight: 400;
}
/* se serve uno strong speciale uguale ad h3*/


body.page .cp-content h4 a, body.page .cp-content h5 a, body.page .cp-content h6 a, body.page .cp-content h4, body.page .cp-content h5, body.page .cp-content h6 {
	font-family: 'Muli', sans-serif;
	font-size: 20px;
	margin: 30px 0px 5px 0px;
	font-weight: 500;
	line-height: 1.1;
	color: #333;
	text-transform: uppercase;
	text-align: left;
}
/* pagina */

 



/* single post  */

body.single-post span.cp-postheader.entry-title {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
body.single-post span.cp-postheader.entry-title {
	font-family: 'Muli', sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	line-height: 1.1!important;
	display: block;
	background: #0b4f6c!important;
	text-align: center!important;
	padding: 10px 0px!important;
	text-transform: uppercase!important;
}


body.single-post h1.entry-title,
body.single-post article h1 a, body.single-post article h1 {
    font-family: 'Muli', sans-serif;
    font-size: 30px;
    margin: 75px 0px 25px 0px;
    font-weight: 400;
    line-height: 1.1;
    color: #333;
    text-transform: uppercase;
    text-align: left;
}
body.single-post article h2 a, body.single-post article h2 {
	font-family: 'Muli', sans-serif;
	font-size: 24px;
	margin: 40px 0px 10px 0px;
	font-weight: 600;
	line-height: 1.1;
	color: #333;
	text-transform: uppercase;
	text-align: left;
}
body.single-post article h3 a, body.single-post article h3 {
	font-family: 'Muli', sans-serif;
	font-size: 22px;
	margin: 40px 0px 10px 0px;
	font-weight: 400;
	line-height: 1.1;
	color: #333;
	text-transform: uppercase;
	text-align: left;
}
body.single-post article h4, body.single-post article h5, body.single-post article h6 {
	font-family: 'Muli', sans-serif;
	font-size: 20px;
	margin: 30px 0px 5px 0px;
	font-weight: 500;
	line-height: 1.1;
	color: #333;
	text-transform: uppercase;
	text-align: left;
}
body.single-post article.status-publish .date {
	display: none;
}
body.single-post article.status-publish .entry-date {
	margin-left: 7px;
}
/* single post  */



/* archive articoli */

body.archive h1.cp-postheader.entry-title, body.archive h1.cp-postheader.entry-title a, body.archive h1.cp-postheader.entry-title a:link, body.archive h1.cp-postheader.entry-title a:visited, body.archive h1.cp-postheader.entry-title a:hover {
	font-family: 'Muli', sans-serif;
	font-size: 28px;
	font-weight: 300;
	color: #fff;
	line-height: 1.1!important;
	display: block;
	background: #0b4f6c!important;
	text-align: center!important;
	padding: 10px 20px!important;
	text-transform: uppercase!important;
}
body.archive h1.cp-postheader.entry-title {   /* titolo full width per la pagina articoli */
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
body.archive h2.cp-postheader,
body.archive h2.cp-postheader a,
body.archive h2.cp-postheader a:hover {
    font-family: 'Muli', sans-serif;
    font-size: 28px;
    margin: 30px 0px 5px 0px;
    font-weight: 500;
    line-height: 1.1;
    color: #012d7e;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
}


body.archive article h3 {
	font-family: 'Muli', sans-serif;
	font-size: 22px;
	margin: 40px 0px 10px 0px;
	font-weight: 400;
	line-height: 1.1;
    color: #012d7e;
	text-transform: uppercase;
	text-align: left;
}

body.archive article h4,
body.archive article h5,
body.archive article h6 {
	font-family: 'Muli', sans-serif;
	font-size: 20px;
	margin: 30px 0px 5px 0px;
	font-weight: 400;
	line-height: 1.1;
    color: #012d7e;
	text-transform: uppercase;
	text-align: left;
}

 

body.archive a.more-link, body.archive a.more-link:hover {
	right: -21px;
    bottom: -15px;
    position: absolute!important;
    color: #fff!important;
    background-color: #0b4f6c!important;
    -webkit-appearance: none;
    padding: 7px 20px!important;
    font-size: 16px!important;
	font-family: 'Muli', sans-serif;
	font-weight: 300;
    text-decoration: none!important;
    text-transform: uppercase!important;
    display: inline-block!important;
    margin: 0px!important;
} 




.cp-postfootericons, .cp-postfootericons a, .cp-postfootericons a:link, .cp-postfootericons a:visited, .cp-postfootericons a:hover {
	padding: 6px 5px 6px 5px;
	font-size: 17px;
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #111;
	text-decoration: none;
	background: #ececec;
	margin-bottom: 50px;
}
.cp-postheadericons, .cp-postheadericons a, .cp-postheadericons a:link, .cp-postheadericons a:visited, .cp-postheadericons a:hover {
	padding: 0px;
	font-size: 18px;
	font-family: 'Muli', sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #111;
	text-decoration: none;
	margin-bottom: 20px;
	margin-top: 20px;
	display: block;
}
body.archive article.status-publish .date {
	display: none;
}
body.archive article.status-publish .entry-date {
	margin-left: 7px;
}
.cp-postdateicon {
	margin-left: 0px;
	margin-right: 20px;
}
.cp-postauthoricon {
	margin-left: 0px;
	margin-right: 20px;
}
.cp-postcategoryicon {
	margin-left: 0px;
	margin-right: 20px;
}
.cp-postcommentsicon {
	margin-left: 0px;
	margin-right: 20px;
}
body.archive article.status-publish img.wp-post-image:hover {
	opacity: 0.7!important;
}
body.archive article.status-publish {
	padding: 1px 20px 10px 20px!important;
	border-bottom: 5px solid #0b4f6c!important;
	margin-bottom: 100px!important;
	background: #f8f8f8!important;
	margin-top: 80px!important;
}
body.archive article.status-publish .cp-postcontent {
	padding: 0px 0px 20px 0px!important;
	margin: 0px!important;
}
/* archive articoli */




/* search button con apertura full */

form.cp-search {
	margin: 0 auto;
	position: relative!important;
}
.openBtn {
	transition: all 0.5s;
	background: none;
	border: none;
	font-size: 25px;
	cursor: pointer;
	position: relative;
	top: 70px;
	right: 15px;
}

@media (min-width:980px) { /* shrink bottoncino */
header.shrink .headeright .openBtn {
	transition: all 0.5s;
	font-size: 18px;
	top: 73px;
}
}
.openBtn .fa {
	color: #fff;
}
.overlay .closebtn {
	position: absolute;
	top: 35px;
	right: 35px;
	cursor: pointer;
	font-weight: 500;
	font-style: normal;
	font-size: 35px;
	color: #0a44ae!important;
	font-family: 'Muli', sans-serif;
	text-transform: lowercase!important;
	z-index: 2000!important;
}
.overlay .closebtn:hover {
	text-shadow: 0px 1px 4px rgba(255, 255, 255, 1)!important;
}
.overlay {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.95);
}
.overlay-content {
	position: relative;
	top: 46%;
	width: 80%;
	text-align: center;
	margin-top: 30px;
	margin: auto;
}
.overlay input[type=text] {
	border: 1px solid #b4b4b4!important;
	background: #fff!important;
	display: inline-block!important;
	width: 100%!important;
}
.overlay button[type=submit] {
	border: none!important;
	background: none !important;
	display: inline-block!important;
	cursor: pointer!important;
	color: #0a44ae!important;
	font-size: 26px!important;
	top: 0px;
	position: absolute;
	right: 0px;
}
/* search button con apertura full */




/* risultati della search */

body.search h1 {
	display: none;
}
body.search article h2.cp-postheader, body.search article h2.cp-postheader a, body.search article h2.cp-postheader a:hover {
	font-family: 'Muli', sans-serif;
	font-size: 22px;
	margin: 0px 0px 5px 0px;
	font-weight: 400;
	line-height: 1.3;
	color: #082532;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
}
body.search article h2, body.search article h2 a, body.search article h2 a:hover {
	font-family: 'Muli', sans-serif;
	font-size: 22px;
	margin: 30px 0px 5px 0px;
	font-weight: 400;
	line-height: 1.3;
	color: #082532;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
}
body.search article h3 {
	font-family: 'Muli', sans-serif;
	font-size: 20px;
	margin: 30px 0px 5px 0px;
	font-weight: 400;
	line-height: 1.3;
	color: #082532;
	text-transform: uppercase;
	text-align: left;
}
body.search article h4 {
	font-family: 'Muli', sans-serif;
	font-size: 20px;
	margin: 100px 0px 50px 0px;
	font-weight: 600;
	line-height: 1.3;
	color: #082532;
	text-transform: uppercase;
	text-align: center;
}
body.search article.status-publish {
	padding: 20px!important;
	border-bottom: 5px solid #012d7e!important;
	margin-bottom: 90px!important;
	background: #f2f2f2!important;
}
body.search article p span.excerpt_part {
	font-size: 17px;
	font-family: 'Muli', sans-serif;
	font-style: normal;
	line-height: normal;
	text-align: justify;
	color: #333;
}
body.search article.status-publish .cp-postmetadataheader {
	display: none;
}
body.search article .risultati {
	padding-bottom: 30px;
}
body.search article a.more-link, body.search article a.more-link:hover {
	right: 0px;
	bottom: 0px;
	float: right;
	margin-top: 10px!important;
	background: none!important;
	color: #012d7e!important;
	font-size: 15px!important;
	font-weight: 400!important;
}
body.search article a.more-link:after {
	font-family: FontAwesome!important;
	content: "\f105"!important;
	color: #012d7e!important;
	font-size: 15px!important;
	font-weight: 400!important;
	position: relative!important;
	right: -5px!important;
}
.excerpt_part mark {
	background-color: #13766f !important;
	color: white;
	font-weight: 300;
	padding: 0px 2px;
}
body.search-no-results article h2.cp-postheader {
	font-family: 'Muli', sans-serif!important;
	font-size: 20px!important;
	margin: 100px 0px 30px 0px!important;
	font-weight: 400!important;
	line-height: 1.3!important;
	color: #082532!important;
	text-transform: uppercase!important;
	text-align: center!important;
}
body.search-no-results article .entry-title {
	text-align: center!important;
}
body.search-no-results article p {
	text-align: center!important;
}
/* risultati della search */

 


 /* mappa */

  /* Wrap responsive */
.googlemap_wrap {
	position: relative;
	padding-bottom: 480px;
	height: 0px;
	overflow: hidden;
}
/* iframe posizionato in maniera assoluta */
	
	
.googlemap_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px;
}
/* mappe contatti */
 
 /* mappa */
 

 


 


/* pag contatti */  

body.page-contatti .cp-postcontent h2 {
	margin: 0px 0px 20px 0px!important;
	color: #2551a2!important;
}
body.page-contatti .cp-postcontent h3 {
	margin: 40px 0px 15px 0px!important;
	color: #082532!important;
}
body.page-contatti .cp-postcontent #daticontatti i.fa {
	display: inline-block!important;
	color: #777!important;
}
body.page-contatti .cp-postcontent #daticontatti i.fa.fa-map-marker {
	font-size: 25px!important;
	margin-right: 11px!important;
}
body.page-contatti .cp-postcontent #daticontatti i.fa.fa-phone {
	font-size: 22px!important;
	margin-right: 9px;
}
body.page-contatti .cp-postcontent #daticontatti i.fa.fa-whatsapp {
	font-size: 22px!important;
	margin-right: 9px;
}
body.page-contatti .cp-postcontent #daticontatti i.fa.fa-address-card {
	font-size: 19px!important;
	margin-right: 5px;
}
body.page-contatti .cp-postcontent #daticontatti i.fa.fa-envelope {
	font-size: 21px!important;
	margin-right: 5px;
}
body.page-contatti .cp-postcontent #daticontatti p {
	font-size: 17px!important;
	font-family: 'Muli', sans-serif!important;
	font-style: normal!important;
	line-height: 1.1!important;
	text-decoration: none!important;
	color: #333!important;
	margin-bottom: 10px!important;
	text-align: left!important;
}
body.page-contatti .cp-postcontent #daticontatti span {
	display: inline-block;
	margin-left: 30px!important;
}
body.page-contatti .cp-postcontent #daticontatti a {
	font-size: 17px!important;
	font-family: 'Muli', sans-serif!important;
	font-style: normal!important;
	line-height: 1.1!important;
	text-decoration: none!important;
	color: #0300ff!important;
	margin-bottom: 10px!important;
	text-align: left!important;
}
body.page-contatti .cp-postcontent #daticontatti a:hover {
	text-decoration: underline!important;
}
body.page-contatti .cp-postcontent form.wpcf7-form input[type="tel"], body.page-contatti .cp-postcontent form.wpcf7-form input[type="email"], body.page-contatti .cp-postcontent form.wpcf7-form input[type="text"], body.page-contatti .cp-postcontent form.wpcf7-forminput[type="password"], body.page-contatti .cp-postcontent form.wpcf7-forminput[type="email"] {
	max-width: 49.6% !important;
	display: inline-block!important;
	margin: 0.2% 0.2%!important;
}
body.page-contatti .cp-postcontent form.wpcf7-form textarea {
	max-height: 90px;
	overflow: hidden!important;
	margin: 0.3% 0.2%!important;
}

@media (min-width:481px) and (max-width:960px) {
body.page-contatti .cp-postcontent .col-md-4.col-sm-12 {
	width: 50%!important;
	max-width: 50% !important;
	display: inline-block!important;
	padding: 0 15px!important;
}
body.page-contatti .cp-postcontent #daticontatti h3 {
	margin: 50px 0px 15px 0px!important;
}
}

@media (min-width:0px) and (max-width:480px) {
body.page-contatti .cp-postcontent .col-md-4.col-sm-12 {
	width: 100% !important;
	min-width: 100%!important;
	display: inline-block!important;
	padding: 0% 10%!important;
}
body.page-contatti .cp-postcontent #daticontatti h3 {
	margin: 50px 0px 15px 0px!important;
}
}

@media (min-width:0px) and (max-width:778px) {
body.page-contatti .cp-postcontent form.wpcf7-form form input {
	max-width: 100% !important;
}
}
/* pag contatti */  

  
/* subfooter */

.subfooter1 {
	display: block;
	background: #0b4f6c;
	width: 100%;
	padding-bottom: 15px;
	padding-top: 25px;
	text-align: center;
	margin-top: 20px;
}
body.page-template-page-full .subfooter1 {
	margin-top: 0px!important;
}
.subfooter1 h3.sred,
.subfooter1 h4.sred {
	text-align: center;
	font-family: 'Muli', sans-serif;
	font-size: 30px;
	font-weight: 300;
	color: #fff;
	line-height: 1.1!important;
	display: block;
}
.cp-footer-text h3.sred,
.cp-footer-text h4.sred {
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: center;
	font-family: 'Muli', sans-serif;
	font-size: 21px;
	font-weight: 300;
	color: #fff;
	line-height: 1.1!important;
	display: block;
	width: 100%;
}
.subfooter2 {
	display: block;
	background: #0b4f6c;
	width: 100%;
	padding-bottom: 25px;
	padding-top: 25px;
}
.subfooter2 form input {
	max-width: 49.6% !important;
	display: inline-block!important;
	margin: 0.2% 0.2%!important;
}
.subfooter2 form input[type="checkbox"] {
	max-width: 100% !important;
	margin: 0.2% 0.2%!important;
}
.wpcf7-spinner {
	visibility: hidden!important;
	display: block!important;
}
.subfooter2 textarea {
	max-height: 90px;
	overflow: hidden!important;
	margin: 0.3% 0.2%!important;
}
.subfooter2 .wpcf7-form small, .subfooter2 .wpcf7-form p, .subfooter2 .wpcf7-form a {
	margin-bottom: 0px!important;
	color: #fff!important;
	font-family: 'Muli', sans-serif!important;
	font-size: 15px!important;
	text-decoration: none!important;
}
.subfooter2 .wpcf7-form a:hover {
	color: #fff!important;
	text-decoration: underline!important;
}
.subfooter2 form p {
	text-align: center!important;
}
.subfooter2 .ajax-loader {
	display: none!important;
}

@media (min-width:0px) and (max-width:640px) {
.subfooter2 form input {
	max-width: 100% !important;
}
}
/* subfooter */


 

/* footer */
 
.cp-footer {
	margin: 0px auto 0 auto;
	position: relative;
	color: #000;
	font-family: 'Muli', sans-serif;
	font-size: 15px;
	padding: 0;
	box-sizing: border-box;
	background: #072e3f!important;
}
.cp-footer-inner {
	margin: 0px auto;
	padding: 0px 15px;
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
}
.cp-footer form input {
	margin-bottom: 4px!important;
}
.cp-footer-text i {
	display: inline;
	margin-right: 12px;
	font-size: 25px;
	text-decoration: none;
	color: #fff!important;
}
.cp-footer-text i:hover {
	text-decoration: none;
	color: #fff!important;
}
.cp-footer-text .center {
	text-align: center;
}
.cp-footer-text .right {
	text-align: right;
}
.cp-footer-text .left {
	text-align: left;
}
.cp-footer-text.row, .cp-footer-text p, .cp-footer-text a {
	padding: 0px 0px;
	color: #fff;
	font-family: 'Muli', sans-serif;
	font-size: 16px;
}
.cp-footer-text h3 {
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	color: #fff;
	font-family: 'Muli', sans-serif;
	font-size: 20px;
}
.cp-footer-text h3 i {
	color: #fff!important;
	font-size: 30px!important;
}
.cp-footer-text li {
	padding: 2px 0px;
	color: #000;
	font-family: 'Muli', sans-serif;
	font-size: 15px;
}
.cp-footer-text a, .cp-footer-text a:link, .cp-footer-text a:visited {
	text-decoration: none;
}
.cp-footer-text a:hover {
	text-decoration: none;
	color: #fff;
}
.cp-footer-text .nolink a, .cp-footer-text .nolink a:hover {
	text-decoration: none!important;
}

@media (min-width:0px) and (max-width:768px) {
.cp-footer-text .h3 {
	padding: 60px 0px 15px 0px;
}
.cp-footer-text li.column span {
	margin-bottom: 0px!important;
}
	
	
.cp-footer-text i {
     margin-right: 10px!important;
	margin-left: 10px!important;
    font-size: 28px!important;
 }	
 
}

@media (min-width:0px) and (max-width:768px) {
.blocco.left,  .blocco.right,  .blocco.center {
	text-align: center!important;
}
}
/* footer */

 




 

/* firma*/
 
.firma {
	background: #082532;
	border-bottom: 3px solid #f23a00!important;
	padding: 15px;
}
.firma .cp-footer-inner {
	padding: 10px 15px!important;
	color: #fff!important;
	font-family: 'Muli', sans-serif;
	font-size: 15px;
}
.firma a {
	text-decoration: none!important;
	color: #fff!important;
}
.firma a:hover {
	text-decoration: none!important;
	color: #fff!important;
}
/* firma */
 
 
  
/* extra per pagine servizi */
   
img.omini.alignright {
	margin: 0px!important;
}
img.omini.alignleft {
	margin: 0px!important;
}
img.omini.orizzontali {
	width: 250px!important;
	height: auto!important;
	padding: 10px!important;
}
img.omini.verticali {
	height: 250px!important;
	width: auto!important;
	padding: 10px!important;
}

@media (min-width:0px) and (max-width:768px) {
img.omini.alignleft, img.omini.alignright {
	display: block!important;
	margin: 0px auto!important;
}
body.page .cp-content h2 a, body.page .cp-content h2 {
	margin: 15px 0px 10px 0px;
}
}

.loghino .service_icon {
	display: inline-block;
	float: left;
	margin: -3px 30px 10px -55px;
	width: 100px;
	height: 100px;
	font-size: 50px;
	line-height: 110px;
	text-align: center;
	-webkit-box-shadow: 9px 9px 0px 0px #072e3f;
	-moz-box-shadow: 9px 9px 0px 0px #072e3f;
	box-shadow: 9px 9px 0px 0px #072e3f;
	color: #f23a00;
}
 
.wwwccc {
	font-size: 35px!important;
}







@media (min-width:0) and (max-width:768px) {
	
.wwwccc {
	font-size: 25px!important;
}
	
	
.loghino .service_icon {
	margin: -3px 30px 10px -5px;
	width: 70px;
	height: 70px;
	font-size: 45px;
	line-height: 70px;
}
}





.bloccocontatti {
	box-sizing: border-box;
	padding: 10px 20px 10px 20px;
	background: #072e3f;
	border: 1px solid #f23a00;
	width: 100%;
	margin: 50px auto 0px auto!important;
 	max-width: 1000px!important;
}

ul.elenco-dettagli-contatti {
	margin: 20px 0px;
	list-style: none!important;
}

.bloccocontatti h3  {
	color: #e93f09!important;
    font-size: 30px!important;
	font-family: 'Muli', sans-serif!important;
	text-align: left!important;
	font-weight: 500!important;
	text-transform: none!important;
}

.bloccocontatti h3:before {
	display: none;
}

ul.elenco-dettagli-contatti li {
	padding-left: 20px!important;
	margin: 7px 0px!important;
	color: #fff!important;
	list-style-position: inside;
	text-indent: -25px;
	list-style: none!important;
	font-size: 18px!important;
	font-family: 'Muli', sans-serif!important;
}

ul.elenco-dettagli-contatti li>a {
 	color: #fff!important;
}

ul.elenco-dettagli-contatti li>i {
	display: inline!important;
}

ul.elenco-dettagli-contatti li>i:before {
	font-family: FontAwesome;
	color: #e93f09!important;
	font-size: 20px;
	margin-right: 10px;
	font-weight: 500;
	list-style: none!important;
}





















 .bloccotodo {
	box-sizing: border-box;
	padding: 10px 20px 10px 20px;
	background: #072e3f;
	border: 1px solid #f23a00;
	width: 100%;
	margin: 50px auto 50px auto!important;
}
 .bloccotodo {
	max-width: 900px!important;
}

ul.elenco-dettagli-servizi {
	margin: 20px 0px;
	list-style: none!important;
}
 
.page-web-designer-sviluppatore-siti-web-torino .bloccotodo {
	max-width: 1130px!important;
	
}
.bloccotodo h3, .bloccotodo h3 span {
    color: #f66c41!important;
    margin: 25px 0px 15px 7px !important;
    font-size: 28px !important;
    font-family: 'Muli', sans-serif !important;
    text-align: left !important;
    font-weight: 300 !important;
    text-transform: none !important;
    display: block;
}
.bloccotodo h3:before {
	display: none!important;
}


ul.elenco-dettagli-servizi li,
ul.elenco-dettagli-servizi li h4 {
	padding-left: 20px!important;
	margin: 7px 0px!important;
	color: #fff!important;
	list-style-position: inside;
	text-indent: -25px;
	list-style: none!important;
	font-size: 17px!important;
	font-family: 'Muli', sans-serif!important;
}
ul.elenco-dettagli-servizi li h4:before {
	font-family: FontAwesome;
	content: "\f064";
	color: #f66c41;
	font-size: 15px;
	margin-right: 10px;
	font-weight: 500;
	list-style: none!important;
}

@media (min-width:0) and (max-width:768px) {
.bloccotodo h3, .bloccotodo h3 span {
	font-size: 22px!important;
}
h4.sred {
	font-size: 22px!important;
}
}








/* table content  top*/

.lwptoc_i {
	border: 1px solid #f23a00;
}

.lwptoc_item_label a,
.lwptoc_item_label {
	font-size: 19px;
	font-family: 'Muli', sans-serif;
	font-style: normal;
	font-weight: 500;
 	color: #f23a00;
	line-height: 1.7;
	text-decoration: none!important;
}

.lwptoc_item_label a:hover,
.lwptoc_item_label span:hover {
text-decoration: none!important;
}

.lwptoc_title { display: none!important;}










@media (min-width:0) and (max-width:768px) {
.lwptoc_header {
	font-size: 21px;
}
.lwptoc_item_label {
	font-size: 16px;
}
}
/* table content  top*/










/* recensioni */

.recensioniblocco {
	box-sizing: border-box;
	padding: 40px 10px 40px 10px;
	width: 100%;
	text-align: center!important;
}
/* recensioni */


/* blocco da 3 per competenze */

.contenitorecompetenze {
	margin: 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 0px;
}

@media (min-width: 0) and (max-width: 800px) {
.contenitorecompetenze {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
}
}
.contenitorecompetenze .bloccocompetenze {
	padding: 0px 10px!important;
}
.contenitorecompetenze h4 {
	color: #fff!important;
	font-size: 20px!important;
	font-family: 'Muli', sans-serif;
	font-weight: 500!important;
	padding: 0px!important;
	margin: 20px 0px 18px -5px!important;
}
.contenitorecompetenze ul {
	padding: 0px!important;
	margin: 0px!important;
}
.contenitorecompetenze li {
	color: #fff!important;
	list-style: none!important;
	margin-left: 40px!important;
	font-size: 16px!important;
	list-style-position: inside;
	text-indent: -25px;
	font-family: 'Muli', sans-serif;
	text-align: left;
	line-height: 1.2;
}
.contenitorecompetenze li:before {
	font-family: FontAwesome;
	content: "\f121";
	color: #f66c41;
	font-size: 20px;
	font-weight: 700;
	margin-right: 7px;
}
/* blocco da 3 per competenze */



/*bottone grosso*/
 

input.var4, input.var4:hover, .cp-button.var4, a.var4, a.var4:hover {
	cursor: pointer!important;
	-webkit-appearance: none!important;
	padding: 6px 20px!important;
	font-size: 18px!important;
	text-decoration: none!important;
	text-transform: uppercase!important;
	display: inline-block!important;
	margin: 5px 10px!important;
	color: #fff!important;
	background-color: #f23a00!important;
	line-height: 18px!important;
	font-weight: 400!important;
}
.cp-button.var5, input.var5, input.var5:hover, a.var5, a.var5:hover, .cp-button.var6, input.var6, input.var6:hover, a.var6, a.var6:hover {
	cursor: pointer;
	-webkit-appearance: none;
	padding: 10px 30px!important;
	font-size: 20px!important;
	text-decoration: none!important;
	text-transform: uppercase!important;
	display: inline-block!important;
	margin: 20px 10px!important;
}
input.var5, input.var5:hover, a.var5, a.var5:hover {
	color: #fff!important;
	background-color: #f23a00!important;
}
input.var6, input.var6:hover, a.var6, a.var6:hover {
	color: #fff!important;
	background-color: #082532!important;
}
/*bottone grosso*/



/* chi sono*/

.tastitasti {
	display: flex!important;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.tastitasti a.var7 {
	color: #fff!important;
	background-color: #f23a00!important;
	padding: 10px 34px!important;
	text-decoration: none!important;
	text-transform: uppercase!important;
	display: inline-block!important;
	margin: 10px!important;
	font-size: 18px!important;
}

@media (min-width:0) and (max-width:800px) {
.tastitasti {
	display: flex!important;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
}
.tastitasti a.var7 {
	max-width: 330px!important;
	width: 330px!important;
}
}
.page-web-designer-sviluppatore-siti-web-torino .cp-postcontent h2 {
	margin-top: 30px!important;
}
.googlebadge img.google {
	max-width: 220px!important;
	padding: 0px 0px!important;
	margin: 20px auto !important;
}
img.alignright.bordata, img.alignleft.bordata {
	width: 235px!important;
	height: auto;
	display: inline-block;
	-webkit-box-shadow: 12px 12px 0px 0px #072e3f;
	-moz-box-shadow: 12px 12px 0px 0px #072e3f;
	box-shadow: 12px 12px 0px 0px #072e3f;
}
img.alignright.bordata {
	margin: 0px 0px 25px 30px!important;
	float: right!important;
}
img.alignleft.bordata {
	margin: 0px 30px 25px 0px!important;
	float: left!important;
}

@media (min-width:0) and (max-width:650px) {
img.alignright.bordata, img.alignleft.bordata {
	width: 100%!important;
	text-align: center!important;
	float: none!important;
	max-width: 300px!important;
	margin: 0px auto 20px auto!important;
	display: block!important;
}
}
/* chi sono*/ 




/* portfolio interno pag */

body.page .cp-content .tlp-content-holder h3, body.page .cp-content .tlp-content-holder h3 span {
    display: inline-block !important;
    font-family: 'Muli', sans-serif !important;
    font-size: 24px !important;
    margin: 0px 0px 10px 0px !important;
    font-weight: 500 !important;
    line-height: 1.1;
    color: #333;
    text-align: left !important;
    text-transform: uppercase!important;
}
body.page .cp-content .tlp-content-holder h3:before {
	content: none!important;
}
body.page .cp-content .tlp-content-holder p, body.page .cp-content .tlp-content-holder p a {
	font-size: 17px;
	font-family: 'Muli', sans-serif;
	font-style: normal;
	line-height: normal;
	text-align: left;
}
.tlp-portfolio .carousel2 .tlp-overlay {
	background-color: transparent!important;
}
.tlp-portfolio .carousel2 .tlp-portfolio-thum:hover img {
	-webkit-transform: none!important;
	-moz-transform: none!important;
	-ms-transform: none!important;
	-o-transform: none!important;
	transform: none!important;
}

@media (min-width: 1200px) {
.tlp-col-lg-3 {
	flex: 0 0 35%;
	max-width: 35%;
}
.tlp-col-lg-9 {
	flex: 0 0 65%;
	max-width: 65%;
}
}

.tlp-portfolio .carousel2 .tlp-portfolio-thum:hover img,
.tlp-portfolio .isotope2 .tlp-portfolio-thum:hover img,
.tlp-portfolio .layout2 .tlp-portfolio-thum:hover img {
    -webkit-transform: scale(1.5)!important;
    -moz-transform: scale(1.5)!important;
    -ms-transform: scale(1.5)!important;
    -o-transform: scale(1.5)!important;
    transform: scale(1.5)!important;
}

.tlp-portfolio .layoutisotope .tlp-overlay,
.tlp-portfolio .layout1 .tlp-overlay,
.tlp-portfolio .layout2 .tlp-overlay,
.tlp-portfolio .layout3 .tlp-overlay,
.tlp-portfolio .slider .tlp-overlay {
    background: #0825329c!important;
}


img.mfp-img {
     max-width: 75%!important;
 }




h2.portfolio span {
	
	font-size: 28px !important;
    margin: 70px 0px 40px 38px !important;
    font-weight: 200 !important;
    line-height: 1.1 !important;
    color: #f23a00!important;
    text-transform: uppercase!important;
    text-align: left!important;
	display: block!important;
}

/* portfolio interno pag */
 
 

 

/* viewer pagine servizi e portfolio */

body.page-portfolio .pt-cv-wrapper,
body.page-servizi .pt-cv-wrapper {
	margin: 50px auto 40px auto;
	max-width: 1100px;
}

body.page-servizi img.pt-cv-thumbnail,
body.page-portfolio img.pt-cv-thumbnail {
    max-width:none!important;
 }


body.page-portfolio .pt-cv-wrapper .pt-cv-ifield h2.pt-cv-title,
body.page-servizi .pt-cv-wrapper .pt-cv-ifield h2.pt-cv-title {
	background: rgb(24 26 43 / 60%)!important;
	padding: 10px 30px!important;
	margin: 0px!important;
 	width: 75%!important;
	position: absolute!important;
    bottom: 42%!important;
    right: 15px!important;
}

body.page-portfolio .pt-cv-wrapper .pt-cv-ifield h2.pt-cv-title a,
body.page-servizi .pt-cv-wrapper .pt-cv-ifield h2.pt-cv-title a {
	color: #fff!important;
	font-size: 21px!important;
	text-transform: none!important;
	text-align: left!important;
	font-weight: 400!important;
}

body.page-portfolio .pt-cv-wrapper a.pt-cv-href-thumbnail,
body.page-servizi .pt-cv-wrapper a.pt-cv-href-thumbnail {
	display: inline-block!important;
	border-bottom: 3px solid #012d7e!important
}
 
@media (min-width:768px) and (max-width:1024px) {

 body.page-portfolio .pt-cv-wrapper .pt-cv-ifield h2.pt-cv-title,
 body.page-servizi .pt-cv-wrapper .pt-cv-ifield h2.pt-cv-title
	{
	width: auto!important;
	position: absolute!important;
    bottom: 45%!important;
    right: 15px!important;
	left: 15px!important;
    min-height: auto!important;
	}
 }

@media (min-width:550px) and (max-width:1024px) {
body.page-portfolio .pt-cv-wrapper .pt-cv-ifield h2.pt-cv-title a, 	
body.page-servizi .pt-cv-wrapper .pt-cv-ifield h2.pt-cv-title a {
	font-size: 18px!important;
	}	
}

@media (min-width:0px) and (max-width:550px) {
body.page-portfolio .pt-cv-wrapper .pt-cv-ifield h2.pt-cv-title a, 	
body.page-servizi .pt-cv-wrapper .pt-cv-ifield h2.pt-cv-title a {
	font-size: 15px!important;
	}	 
}	


@media (min-width: 0px) and (max-width: 768px) {
	body.page-portfolio .pt-cv-wrapper, 
	body.page-servizi .pt-cv-wrapper {
	max-width: 700px!important;
	}
}  

/* viewer pagine servizi e portfolio */
 
 





/* viewer home */


body.home .cp-content h3:before {
	content: none;
}

body.home .pt-cv-wrapper {
	margin: 50px auto 40px auto;
	max-width: 1100px;
}

body.home img.pt-cv-thumbnail {
    max-width:none!important;
 }

body.home .pt-cv-wrapper .pt-cv-ifield h3.pt-cv-title {
	background: rgb(24 26 43 / 60%)!important;
	padding: 10px 30px!important;
	margin: 0px!important;
 	width: 75%!important;
	position: absolute!important;
    bottom: 42%!important;
    right: 15px!important;
}

 body.home .pt-cv-wrapper .pt-cv-ifield h3.pt-cv-title a {
	color: #fff!important;
	font-size: 21px!important;
	text-transform: none!important;
	text-align: left!important;
	font-weight: 400!important;
}

 body.home .pt-cv-wrapper a.pt-cv-href-thumbnail {
	display: inline-block!important;
	border-bottom: 3px solid #012d7e!important
}
 
@media (min-width:768px) and (max-width:1024px) {

  body.home .pt-cv-wrapper .pt-cv-ifield h3.pt-cv-title {
	width: auto!important;
	position: absolute!important;
    bottom: 45%!important;
    right: 15px!important;
	left: 15px!important;
    min-height: auto!important;
	}
 }

@media (min-width:550px) and (max-width:1024px) {
 body.home .pt-cv-wrapper .pt-cv-ifield h3.pt-cv-title a {
	font-size: 18px!important;
	}	
}

@media (min-width:0px) and (max-width:550px) {
body.home .pt-cv-wrapper .pt-cv-ifield h3.pt-cv-title a {
	font-size: 15px!important;
	}	 
}	


@media (min-width: 0px) and (max-width: 768px) {
	body.home .pt-cv-wrapper {
	max-width: 700px!important;
	}
}  

/* viewer home */







/* viewer blog con paginazione 
  
.pt-cv-pagination-wrapper li.active a, .pt-cv-pagination-wrapper li.active span, .pt-cv-pagination-wrapper li.active a:hover, .pt-cv-pagination-wrapper li.active span:hover, .pt-cv-pagination-wrapper li.active a:focus, .pt-cv-pagination-wrapper li.active span:focus {
	background: #082532!important;
	color: #ffffff!important;
	text-decoration: none!important;
	cursor: pointer!important;
}
 
body.page-blog-webby .cp-content h2 {
    font-family: 'Muli', sans-serif;
    font-size: 25px;
    margin: 40px 0px 40px 0px;
    font-weight: 500;
    line-height: 1.1;
    color: #082532;
    text-transform: none;
    text-align: left;
}

body.page-blog-webby .cp-content h2:before {
    font-family: FontAwesome;
    content: "\f0da";
    color: #082532;
    font-size: 30px;
    margin-right: 10px;
    font-weight: 400;
}
 
body.page-blog-webby .pt-cv-ifield {
	padding-bottom: 50px!important;
}

body.page-blog-webby .pt-cv-ifield .entry-date {
	margin: 8px 0px!important;
	display: block;
}
 
body.page-blog-webby h3:before { 
	display: none!important;
}
 
body.page-blog-webby .pt-cv-omain h3.pt-cv-title,
body.page-blog-webby .pt-cv-omain h3.pt-cv-title a {
	font-family: 'Muli', sans-serif!important;
    font-size: 25px!important;
    margin-top: 20px!important;
    font-weight: 600!important;
    line-height: 1.1!important;
    color: #082532!important;
    text-transform: uppercase!important;
    text-align: left!important;
    display: block!important;
 }

body.page-blog-webby  h3.pt-cv-title,
body.page-blog-webby  h3.pt-cv-title a {
	font-family: 'Muli', sans-serif!important;
    font-size: 21px!important;
	margin: 0px!important;
    font-weight: 600!important;
    line-height: 1.1!important;
    color: #082532!important;
    text-transform: none!important;
    text-align: left!important;
	display: block!important;
 }

body.page-blog-webby .pt-cv-content  {
    font-size: 17px!important;
    margin-bottom: 0px!important;
    font-family: 'Muli', sans-serif!important;
    font-style: normal!important;
    line-height: normal!important;
    color: #333!important;
}
 /*
@media (min-width:0px) and (max-width:1024px) {
	
body.page-blog-webby .pt-cv-omain h3.pt-cv-title,
body.page-blog-webby .pt-cv-omain h3.pt-cv-title a {
     font-size: 20px!important;
 }

body.page-blog-webby  h3.pt-cv-title,
body.page-blog-webby  h3.pt-cv-title a {
     font-size: 20px!important;
 }	
	
body.page-blog-webby .pt-cv-omain .pt-cv-thumbnail {
    height: auto!important;
 	width: 100%!important;
    margin: 0px auto!important;
    display: block!important;
}	
	
body.page-blog-webby .col-md-6.pt-cv-ocol.col-sm-6.col-xs-12,	
body.page-blog-webby .col-md-12.pt-cv-omain.pt-cv-content-item.pt-cv-1-col,
body.page-blog-webby .col-md-12.pt-cv-oothers.col-sm-12.col-xs-12.pt-cv-content-item.pt-cv-2-col { 
		display: block!important;
		float: none!important;
		margin: 0px auto!important;
		width: 100%!important;
		min-width: 100%!important;
		padding: 0px 30px!important;
	}
  
}

 */


 


 #rank-math-analytics-stats-wrapper { 
	display: none!important;
}

 



 /* breadcrumbs */
.rank-math-breadcrumb, .rank-math-breadcrumb a {
	font-size: 18px!important;
	font-family: 'Muli', sans-serif!important;
	font-weight: 400!important;
	font-style: normal!important;
	color: #f23a00!important;
	text-align: center!important;
	text-decoration: none!important;
}
.rank-math-breadcrumb {
	margin: 30px auto 40px auto!important;
	display: block!important;
}

nav.rank-math-breadcrumb p {
	text-align:center!important;
}

/* breadcrumbs */

 

