/*
Theme Name:     RapportiniLavoro Child 
Theme URI:      http://example.com/
Description:    Tema Child per il tema Twenty Thirteen
Author:         Qui il vostro nome
Author URI:     http://example.com/about/
Template:       wp-bootstrap-starter
Version:        0.1.0
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:500&display=swap');

@media (min-width: 1200px){
.container {
    max-width: 1400px;
}
}

a {color: #55b435;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {float:left}

.fullwidth {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}

div, p, a {
	font-family: 'Montserrat', sans-serif;
}

header#masthead {
	background-color: transparent;
	padding: 1rem 1rem;
}

.home #content.site-content {
	padding-bottom:0;
	padding-top:0;
}

.page-id-50 #content.site-content, .page-id-4441 #content.site-content, .page-id-25384 #content.site-content{
	padding-bottom:100px;
	padding-top:150px;
}

.page-id-25384 #content.site-content textarea {
	border: 1px solid #ddd;
    padding: 10px;
    height: 150px;
}

div.navbar-brand {width:15%}

@media(max-width:450px){
	div.navbar-brand {width:50%}
}

/*body:not(.theme-preset-active) #masthead .navbar-nav > li.nav-active > a {
	color: #504840;
	font-weight: 700;
    font-size: 13px;
	padding: 1.5rem;
	text-transform: uppercase;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li.nav-active > a:hover {
	color: #504840;
	font-weight:600;
	transition: all 0.2s ease-in-out;
	border-bottom: 1px solid #525355;
	border-top: 1px solid #525355;
}*/

body:not(.theme-preset-active) #page-sub-header h1 {color: #504840}

div#page-sub-header {padding-bottom:0;padding-top: 0}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {box-shadow: none}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    border: 1px solid #10a444;}

li.area-riservata.gratis a {
	background-color: #ffffff;
    color: #55b435!important;
    border: 1px solid;
}

li.area-riservata.accedi a {    
	background-color: #55b435;
    color: #ffffff!important;
	border: 1px solid #55b435;
}

#masthead .navbar-nav > li {
	list-style: none;
    margin-right: 10px;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	color: #4a4a4a;
	font-weight: 700;
    font-size: 13px;
	padding: 20px;
	text-transform: uppercase;
}

@media(max-width:1200px) {
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	padding: 10px;
}
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover {
	color: #4a4a4a;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    border: 1px solid #55b435;
}

body:not(.theme-preset-active) footer#colophon {
	background-color: #4a4a4a;
	color: #ffffff;
	padding: 15px;
	text-align:center;
}

/*FOOTER*/

footer#colophon .footer-info {
	color: #0aa245;
}

#footer-widget{
	background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
	padding: 3rem;
}

#footer-widget .dettaglio-contatto{
	margin-bottom: 20px;
    color: #ffffff;
    text-align: center;
    width: 50%;
    float: left;
	font-size: 20px;
}

#footer-widget a{
	color: #ffffff;
    font-size: 18px;
    font-weight: 300;
}

#footer-widget a:hover{
	color: #2ba246;
}

/*----------*/

/*SLIDER*/

body:not(.theme-preset-active) #page-sub-header h1 {
	color:#ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 45px;
	font-weight: 700;
}

body:not(.theme-preset-active) #page-sub-header p {
	max-width:100%;
	color:#ffffff;
	font-size:30px;
	font-weight:400;
}

#page-sub-header {padding-bottom: 5rem;}

div.contenuto-slider {
    background-color: #4a4a4a50;
    padding: 20px;
	margin-top:15px;
}

/*-----------*/

/*CHI SIAMO*/

.plus h3.info-prodotto {
	color: #4a4a4a;
	margin-bottom:30px;
	font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

.plus p.info-prodotto {
	color: #4a4a4a;
	font-size:16px;
}

.contenuto-info {
    padding: 50px 0px 0px 0px;
}

/*-----------*/

/*SERVIZIO*/

h3.info-servizio {
	width: 100%;
    text-align: center;
    margin-bottom: 40px;
    color: #ffffff;
    letter-spacing: -1px;
	margin-top: 25px;
	font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

h1.info-servizio {
	width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
	font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

p.info-servizio {
	width: 100%;
    text-align: center;
    color: #55b435;
    font-size: 20px;
}

.contenuto-servizi {
	background: linear-gradient(to bottom, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
    padding-top: 50px;
    padding-bottom: 50px;
	margin-bottom: 50px;
}

.contenuto-servizi .card i {
	text-align: center;
    font-size: 30px;
    color: #ffffff;
    border: 1px #55b435 solid;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin: auto;
    padding: 25px;
    background: #55b435;
}

.contenuto-servizi .card {
	padding: 25px 15px 25px 15px;
	border: none;
	flex: 1 0 20%;
	background-color:transparent;
}

@media(max-width:992px) {
.contenuto-servizi .card {
	border: none;
	flex: 1 0 50%;
}
}

@media(max-width:576px) {
.contenuto-servizi .card-group{
	display:block;
	}
}

.contenuto-servizi .card-body {
	padding: 0;
	margin-top: 20px;
}

/*----------*/

/*A CHI SI RIVOLGE*/

h1.rivolge {
    margin-bottom: 20px;
    color: #4a4a4a;
    font-weight: 700;
    letter-spacing: -1px;
	width:100%;
	text-align:center;
	font-size: 25px;
    font-family: 'Montserrat', sans-serif;
	margin-top: 30px;
}

#a-chi-si-rivolge .card {border:none}

#a-chi-si-rivolge .card a:hover {text-decoration:none}

div#a-chi-si-rivolge {
	padding-top: 70px;
    padding-bottom: 50px;
	background-image: url(https://www.rapportinilavoro.it/wp-content/uploads/2021/04/rapportiniLavoro-background.jpg);
    background-size: cover;
    margin-top: 50px;
}

h3.info-prodotto {
	font-family: 'Montserrat', sans-serif;
    color: #4a4a4a;
	font-size: 25px;
}

div#a-chi-si-rivolge .container {
	background-color: rgb(255 255 255 / 80%);
    padding: 50px;
}

div#a-chi-si-rivolge .card-group{width:100%}

div#a-chi-si-rivolge .card{
	flex: 1 0 32%;
	margin-right:0.5%;
	margin-left:0.5%;
	margin-top:5px;
	margin-bottom:10px;
	background-color: transparent;
}

div#a-chi-si-rivolge .card:hover img{
	transform:scale(1.2);
	transition-duration:0.5s;
	-webkit-box-shadow: 3px 4px 10px 0px rgb(74, 74, 74);
    -moz-box-shadow: 3px 4px 10px 0px rgb(74, 74, 74);
    box-shadow: 3px 4px 10px 0px rgb(74, 74, 74);
}

@media(max-width:576px){
	div#a-chi-si-rivolge .card-group{
	display:block
}
}

div#a-chi-si-rivolge .card img {display: block;margin: auto;width:65%}

/*----------*/

/*PORTFOLIO*/

h3.portfolio {
	width: 100%;
    text-align: center;
    margin-bottom: 20px;
    color: #4a4a4a;
    font-weight: 700;
    letter-spacing: -1px;
	font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

h5.portfolio {
	width: 100%;
    text-align: center;    
	margin-bottom: 0px;
    color: #55b435; 
    font-family: 'Montserrat', sans-serif;
}

@media(max-width:450px){
	h5.portfolio {margin-bottom:0}
}

div#portfolio {
	padding-top: 50px;
    padding-bottom: 50px;
}

/*----------*/

.card-title {
	color: #4a4a4a;
    text-align: center;
    font-size: 20px;
	font-family: 'Montserrat', sans-serif;
}

.card-services-divisor {
	border-top: 2px solid #55b435;
	width:20%;
}

.card-text {
	text-align: center;
	color: #525355d6;
}

.button-slide {
	margin-top:30px;
	margin-bottom:50px;
}

button.slide {
	padding: 10px;
    width: 18%;
    font-size: 17px;
    color: #ffffff;
    font-weight: 700;
}

a.prova-app {width: 100%;text-align: center;}

button.prova-app {
    background: #55b435;
    border: 2px solid;
    color: #ffffff;
    width: auto;
    outline: none;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: normal;
}

button.prova-app:hover {
    background: #7d7c7c;
}

div.bottone-faq button {
	display: block;
	margin: auto;
}


@media(max-width:500px){
	button.slide.prev {margin-left:0!important;margin-top:15px}
}

button.slide.mores {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    border-color: #ffffff!important;
    border: 2px solid;
}

button.slide.mores:hover {
	background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
}

button.slide.prev {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    border: 2px solid;
    border-color: #ffffff;
	margin-left:40px;
}

button.slide.prev:hover {
	background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
}

div.richiesta-preventivo {
	background-color: #a6a5a5;
}

h3.richiedi-prev {
	margin: auto;
    padding: 50px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
    letter-spacing: 0.5px;
	text-align:center;
	font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

div.prev {
	background-color: #a6a5a5;
}

/*.tred-section{
	margin-top:100px
}

@media(max-width:450px){
	.tred-section{margin-top:0}
}*/

div#scopri-di-piu p.more, div#scopri-di-piu p.play {
	width: 50%;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 100px;
    border: 3px solid #a6a5a5;
    padding: 15px;
    z-index: 20;
    background-color:#4a4a4a;
}

div#scopri-di-piu p.more a, div#scopri-di-piu p.play a {
    color: #ffffff;
}

@media(max-width:992px){
	div#scopri-di-piu p.more, div#scopri-di-piu p.play {
    font-size: 20px;
}
}

@media(max-width:600px){
	div#scopri-di-piu p.more, div#scopri-di-piu p.play {width:100%;margin-bottom:50px;}
}

div#scopri-di-piu p.more:hover, div#scopri-di-piu p.play:hover {color: #55b435;cursor:pointer}
div#scopri-di-piu p.more:hover a, div#scopri-di-piu p.play:hover a {color: #55b435;cursor:pointer;text-decoration:none}
div#scopri-di-piu p.more a i, div#scopri-di-piu p.play a i {margin-left:15px}
div#scopri-di-piu p.more i, div#scopri-di-piu p.play i {margin-right:15px}

h3.info-tred {
    margin-bottom: 10px;
    color: #4a4a4a;
    font-weight: 700;
    margin-top: 150px;
	font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

@media(max-width:1200px){
h3.info-tred {
    margin-top: 100px;
}
}

@media(max-width:990px){
h3.info-tred {
    margin-top: 50px;
}
}

h3.sub-tred {
	color: #4a4a4a;
    font-weight: 300;
	font-size: 21px;
}

button.slide.tred {
    width: 50%;
	margin-left: 0
}

@media(max-width:450px){
	button.slide.tred {width:50%!important;margin-left:0;}
}

input.btn {
	padding: 10px;
    width: 150px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 600;
	border-radius: 0px;
	text-transform:uppercase;
	background-color: #4a4a4a;
    border: 2px solid;
    border-color: #4a4a4a;
	margin-top:50px;
}

.newsletter input.btn {
    color: #4a4a4a;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-primary:hover {
	border-color: #a6a5a5;
	background-color: #a6a5a5;
}

.contenuto-servizi .card:hover i {transform:scale(1.2);transition:0.5s}
.contenuto-servizi .card:hover h4.card-title {transform:scale(1.1);transition:0.5s}

div.tred-section .tablet-progetto {
	position:relative
}

div.tred-section .tablet-progetto img {
	position: relative;
}

div.tred-section .tablet-progetto img.mano {
	position: absolute;
    z-index: 10;
	bottom:0;
	right:0;
	width:33%
}

div.tred-section .tablet-progetto img.iphone {display:none}
div.tred-section .tablet-progetto img.iphonetop {display:none}
div.tred-section .tablet-progetto img.iphonebottom {display:none}

@media(max-width:768px){
div.tred-section .tablet-progetto img.iphone {display:block;max-height:600px;margin: auto;}
div.tred-section .tablet-progetto img.iphonetop {display:block;margin: auto;position:absolute;top:0;z-index:10}
div.tred-section .tablet-progetto img.iphonebottom {display:block;margin: auto;position:absolute;bottom:0;z-index:10}
div.tred-section .tablet-progetto img.mano {display:none;}
div.tred-section .tablet-progetto img.tablet {display:none;}
div.tred-section .tablet-progetto{max-width: 300px;margin: auto;}
}

div.tred-section .tablet-progetto img.app {
	width: 47.5%;
    height: 43.3%;
    position: absolute;
    top: 20.9%;
    left: 31.2%;
}

div.tred-section .tablet-progetto img.app.mobile {display: none}

@media (max-width: 768px) {
	div.tred-section .tablet-progetto img.app.mobile {display: block}
	div.tred-section .tablet-progetto img.app {
		width: 87.2%;
		height: 95.5%;
		position: absolute;
		top: 2%;
		left: 6.4%;
		border: none;
	}
}


/*Richiesta preventivo*/

.wpcf7 {
	width:100%;
}

label {
	display:block
}

.wpcf7-form-control {
	width:90%
}

div.wpcf7 input[type="text"],
div.wpcf7  input[type="email"],
div.wpcf7  textarea
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    display: block;
    width: 100%;
    padding: 7px;
    border: none;
    border-bottom: 1px solid #ddd;
    background: transparent;
    margin-bottom: 10px;
    font-family: 'Montserrat', sans-serif;
    height: 50px;
}

div.wpcf7 input[type="text"], div.wpcf7 input[type="email"], div.wpcf7 textarea {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:15px;
	background:#ffffff;
    font-family: 'Montserrat', sans-serif;
}

div.wpcf7 p.label {    
	margin-top: 15px;
    margin-bottom: 3px;
    color: #6c757d;
    font: 16px Arial, Helvetica, sans-serif;
    padding-left: 10px;
}

/*Fine richiesta preventivo  */

h3.widget-title {
    color: #4a4a4a;
	text-align:center;
	font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

a.page-scroller {
	color: #ffffff;
}

.social-link-face {
	margin-top:20px;
}

.social-link-insta {
	margin-top:20px;
}

.form-control:focus {
	border-color: #dddddd;
	box-shadow:none;
}

#preventivo {
	margin-top:70px;
	margin-bottom: 50px;
}

#preventivo input.btn {width:auto;}

div.gallery {width:100%}

@media (min-width: 992px){
header#masthead {
    height: 115px;
}
}

header#masthead {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: transparent;
	padding:0;
	box-shadow: none;
}

@media (min-width: 1250px){
header#masthead {
	border-bottom: none;
    transition: 1s;
    transition-timing-function: ease-out;
}
}

@media (min-width: 990px){
header#masthead {
    transition: 1s;
    transition-timing-function: ease-out;
}
}

@media(max-width:768px){
	#sb_instagram{
		margin-top: 35px;
    margin-left: -10px;
	}
}

@media(max-width:990px){
	header#masthead {
		padding:0;
	}
}

.wpcf7-form-control.wpcf7-checkbox {
	border: none;
    margin-left: 0px;
    padding: 15px 0 0 0px;
	background:transparent;
}


#footer-widget .social-link {
	float: left;
    margin-right: 25px;
    font-size: 25px;
    color: #ffffff;
	display:none
}


h1.entry-title {text-align: center;}

#footer-widget .icon {font-size:100px}

#footer-widget h5.contact-footer {
	font-weight: 700;
	font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

a.nav-active {
    color: #4a4a4a!important;
    font-weight: 700!important;
    transition: all 0.2s ease-in-out;
    border: 1px solid #55b435;
}


/*MODALE RAPPORTINI LAVORO*/

div.logo-modale img {
	margin: auto;
    width: 75%;
    display: block;
}

h5.modal-title {
	text-align: center;
    width: 100%;
    font-size: 25px;
}

div.modal.show {padding:0!important}

div.modal.show .modal-dialog {
	max-width: 1000px;
}

div.content {padding: 20px 35px 0px 35px;}

div.intestazione-modale {
	padding-top:40px;
	padding-bottom:40px;
	background-color: #dedede50;
}

div.modal-header {
	background-color: #4a4a4a;
    color: #ffffff;
	text-transform: uppercase;
}

.modal-header .close {
    color: #ffffff;
}

div.intestazione {
	text-align: center;
    font-style: italic;
	margin-top:0px;
	font-weight:600;
}

div.content .caratteristiche {overflow:auto}
div.content .caratteristica {
	overflow:auto;
	padding-top: 30px;
	padding-bottom:30px;
    border-bottom: 1px dotted;
}

div.content .caratteristica:last-child {
    border-bottom: none;
}

div.content .caratteristica h5 {
	color: #4a4a4a;
    font-weight: 700;
    text-transform: uppercase;
}

div.content .caratteristica .icon {
	font-size: 100px;
    text-align: center;
}

div.content .caratteristica .icon div {
	color: #ffffff;
    background-color: #55b435;
    border-radius: 100%;
	width: 170px;
	height: 170px;
	padding:7px;
    margin: auto;
}

div.content .caratteristica .caratt {margin-top:30px}

@media(max-width:992px){
	div.content .caratteristica .caratt {text-align:center}	
}

div.content .caratteristica.inverso .caratt {float:left}
div.content .caratteristica.inverso .icon {float:right}

/*------------------------*/

/*PARTNERS*/

h3.partner {
	width: 100%;
    text-align: center;
	padding-top:50px;
	margin-bottom:0;
	font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

div.cliente img {
	display:block;
	width: 125px;
    filter: grayscale(1);
}

div.cliente img:hover {
	filter: grayscale(0);
}

div#partners {
	background:linear-gradient(to top, rgb(255, 255, 255) 0%,rgb(183, 183, 183) 0%,rgb(255, 255, 255) 100%);
	margin-bottom: -5px;
	border-bottom: 5px solid #ffffff;
	padding-bottom:30px;
	padding-top:30px;
}

/*------------------------*/

@media(max-width:700px){
	a.internal-link.fixed {
	position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
	display: none;
}

a.prev.internal-link.fixed button.slide.prev {
	width:100%;
	margin-left:0
}
}

@media(max-width:576px){
	.card{flex-direction: row;}
}

input.newsletter {
    width: 40%;
    border-color: #4a4a4a;
    margin: auto;
    display: block;
}

span.wpcf7-list-item {margin:0}

p.info-app {
    font-size: 25px;
    color: #ffffff;
    text-align: center;
    padding: 20px;
}

div.info-app i {
	text-align: center;
    font-size: 30px;
    color: #ffffff;
    border: 1px #55b435 solid;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin: auto;
    padding: 25px;
    background: #55b435;
    display: block;
}

div.info-app {
	margin-top: 50px;
    border: 1px solid #ffffff;
    padding: 20px;
    background-color: #5d5d5d;
}

div.blocco-price {
	text-align: center;
	max-width: 850px;
	margin:auto;
	margin-bottom: 100px;
    padding: 25px;
    border: 5px solid #55b435;
}

div.blocco-price ul {
	padding: 15px;
}

div.blocco-price li {
	text-align: left;
}

div.blocco-price i {
	color: #55b435;
	margin-right: 10px;
}

div.blocco-price button.slide.prev {
	width:230px!important;
}

div.infoPrice {width:50%;float:left;}

@media(max-width:620px){
	div.infoPrice {width:100%;float:none;}
	div.blocco-price ul {padding: 0; margin-bottom: 5px;}
}


/*Woocommerce*/

div.prodotto-vetrina {
    text-align: center;
	border: 2px solid #55b435;
	margin-top: 30px;
	width: 30%;
	margin-right: 3%;
	float: left;
}

.home div.prodotto-vetrina:nth-child(even) {
	box-shadow: 0px 0px 10px 5px rgb(85, 180, 53);
	margin-top: -10px;
}

.home div.prodotto-vetrina .info {
	padding: 5px;
    font-size: 20px;
    font-weight: 700;
    color: #55b435;
	text-transform: uppercase;
}

div.prodotto-vetrina .info-nome {
	background-color: #55b435;
    color: #ffffff;
    font-size: 50px;
    border-bottom: 1px solid;
}

.page-template-area-privata div.info-nome {font-size: 40px;padding: 0px 10px 14px 10px;}

div.nome-prodotto a {color: #ffffff}

div.prezzo .price {
	font-size: 50px;
	border-bottom: 1px solid;
    height: 50px;
	position:relative;
}

span.info-prezzo {
    font-size: 18px;
}

span.currency-prezzo {
	font-size: 20px;
    position: absolute;
    top: -5px;
    left: 18px;
}

div.prezzo {
    line-height: 1em;
    padding: 25px 10px;
	background-color: #55b435;
	min-height: 156px;
	color: #ffffff;
}

div.prezzo a {color: #ffffff}

div.prezzo span.from {display: none}
div.prezzo span.subscription-details {
	font-size: 16px;
    font-style: italic;
    line-height: 1.4em;
    letter-spacing: 1px;
}

div.descrizione {
    color: #ffffff;
	line-height: 1.3;
}

div.caratteristiche {
	padding: 10px 10px;
    font-size: 15px;
	min-height: 150px;
}

div.caratteristiche.more {min-height: 118px;}

div.caratteristiche h6 {margin-bottom: 20px;}

div.discover {
    padding: 10px 10px;
}

.woocommerce .products ul li, .woocommerce ul.products li {
    list-style: none;
}

.woocommerce .products ul li span {
	font-style: italic;
    color: #55b435;
    font-weight: 700;
	margin-right: 5px;
}

div#funzioni {
	background-color: #ebebeb;
    padding: 50px 0;
	text-align: center;
}

div#funzioni .funzioni-header {
	border-bottom: 1px solid #a6a5a5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

div#funzioni h1 {
	font-size: 26px;
	font-family: 'Montserrat', sans-serif;
}

div#funzioni .icon {
    color: #55b435;
    font-size: 70px;
}

div#funzioni h5 {
	text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}

div#listino-prezzi {
    text-align: center;
    padding: 50px 0;
    background-color: #ebebeb;
}

div#listino-prezzi h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 26px;
}

div#listino-prezzi .info-prezzi {
	border-bottom: 1px solid #a6a5a5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {width: auto;float: left;margin-top: 20px;outline: none;}

@media(min-width: 769px){
	#add_payment_method #payment div.payment_box {width: 50%;}
}

.woocommerce-info {border-top-color: #8fae1b;font-size: 15px;}
.woocommerce-info::before {color: #8fae1b;}
.woocommerce-checkout a {color: #8fae1b;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    border: 2px solid;
    border-color: #ffffff;
    padding: 10px;
    width: 18%;
    font-size: 17px;
    color: #ffffff;
    font-weight: 700;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
}

.woocommerce-checkout .woocommerce-message {display: none;}
.woocommerce-checkout #payment {background-color: transparent;}
.woocommerce-checkout #payment {padding: 0;}
.woocommerce form .form-row label {width:250px;font-weight: 700;font-size: 16px;}
.woocommerce-checkout .form-control {font-size: 16px;}
span.woocommerce-input-wrapper {width:330px;}
p#account_username_field {display: none}

span.woocommerce-input-wrapper {position:relative;}
span.field-icon {
	cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
}

table.woocommerce-checkout-review-order-table {display: none}

div.info-acquisto-app {
	font-size: 20px;
    margin-top: 35px;
	margin-bottom: 35px;
	width: 100%;
}

div.dati-cliente .dati div {
	padding: 5px 15px;
}

div.dati-cliente .dati .dati-more {
	padding: 0px;
	display:none;
}

div.dati-cliente .dati {overflow: auto;padding-left: 2px;}

div.dati-cliente div#codice-azienda {display:none;}

div.dati-cliente label {
	margin-bottom: 0;
    font-weight: 600;
}

div.dati-cliente input {outline-color: #55b435;width:100%}
.page-template-area-privata div.dati-cliente input[type="submit"] {display: none}

img.anteprima-logo {width: 200px;}

span.wpcf7-list-item-label {
    line-height: 1;
}

/* AREA PRIVATA */

.page-template-area-privata {font-family: 'Montserrat', sans-serif;}
.page-template-area-privata #footer-widget {display: none}

/*.page-template-area-privata #page {background-color: #e0e0e0;}*/
.page-id-449.page-template-area-privata .box {width: 50%;}

.page-template-area-privata .box {background-color: #ffffff;padding: 20px;margin-bottom: 20px;overflow:hidden;border: 1px solid #dadada;}
.page-template-area-privata .box a, .page-template-area-privata .box a:hover {color: #55b435}
.page-template-area-privata .box h3 {color: #4a4a4a;font-family: 'Montserrat', sans-serif;margin-bottom: 20px;border-bottom: 1px solid #e0e0e0;padding-bottom: 10px;}
.page-template-area-privata .box input {outline-color: #55b435}
.page-template-area-privata .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.page-template-area-privata input, .page-template-area-privata select  {padding-left: 5px; padding-right: 5px;}
.page-template-area-privata input[type="submit"] {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    border: none;
    color: #ffffff;
    margin-top: 20px;
}

.page-template-area-privata input[type="submit"]:hover {
	background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
	color: #ffffff;
}

.page-template-area-privata.woocommerce-add-payment-method button.btn-primary {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    border: none;
    color: #ffffff;
    margin-top: 20px;
}

.page-template-area-privata.woocommerce-add-payment-method button.btn-primary:hover {
    background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
	color: #ffffff;
}

div.discover a.button {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    color: #ffffff;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
}

div.discover a.button:hover {
    background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
    color: #ffffff;
}

div.prodotto-vetrina input.btn {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    border: none;
    color: #ffffff;
	/*font-family: 'Montserrat', sans-serif;*/
	padding: .618em 1em;
	font-size: 100%;
	margin-top: 0;
	line-height: 1;
}

div.prodotto-vetrina input.btn:hover {
    background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
	color: #ffffff;
}

.page-template-area-privata.woocommerce-add-payment-method a.button {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    border: none;
    color: #ffffff;
    margin-top: 20px;
}

.page-template-area-privata .woocommerce a.button:hover {
    background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
	color: #ffffff;
}

.page-template-area-privata header#masthead {height: 100px!important; border-bottom: none;background-color: #273135}


body.page-template-area-privata:not(.theme-preset-active) footer#colophon {background-color: #273135;}

.page-template-area-privata ul#menu-menu-header {display: none}
.page-template-area-privata .navbar-brand {display: none}

ul#menu-area_privata_menu-1 {display: -webkit-inline-box;}
ul#menu-area_privata_menu-1 li {padding: 0px 50px 0 0;}
ul#menu-area_privata_menu-1 li a {color: #ffffff;}
ul#menu-area_privata_menu li a {color: #ffffff;padding: 15px 5px;display: -webkit-inline-box}
nav.aperta ul#menu-area_privata_menu li a i {margin-right: 5px;}
ul#menu-area_privata_menu li:first-of-type a {padding: 10px 5px;}
nav.aperta ul#menu-area_privata_menu {text-align: left}

.page-template-area-privata .container {max-width: 100%;}
nav.area-privata {background-color: #273135;margin-top: 150px;padding: 0;}

.page-template-area-privata #content.site-content {
    padding-bottom: 20px;
    padding-top: 20px;
    min-height: calc(100vh - 50px);
    margin-left: 72px;
	transition: 0.3s;
}

.page-template-area-privata #content.site-content.stretto {
    margin-left: 310px;
	transition: 0.3s;
}


.page-template-area-privata div.modal.show .modal-dialog {
    max-width: 600px;
    text-align: center;
}

.page-template-area-privata div.modal.add-user-modal.show .modal-dialog {
    text-align: left;
}

.page-template-area-privata div.modal.show .modal-dialog .btn-primary {
    color: #fff;
    background-color: #ef4023;
    border-color: #ef4023;
}

.page-template-area-privata div.modal button {outline: none;}

div.alert-header {
    background: #ef4023;
    border-top: 1px solid;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    width: 100%;
    position: fixed;
    top: 100px;
    z-index: 10;
    left: 0;
}

div.alert-header a {color: #ffffff; text-decoration: underline}

div.alert-enabled {margin-top: 45px;}

button.header-privata {
    position: fixed;
    right: 100px;
    top: 0px;
    z-index: 1080;
    font-size: 40px;
    color: #ffffff;
    padding: 20px 30px;
	background-color: transparent;
    border: none;
}

button.header-privata.logout {
	right: 0;
	background-color: #ef4023;
}

button.header-privata:hover {background-color: #3e3e3e}
button.header-privata.logout:hover {background-color: #f3705b;}

button.web-app {
    position: fixed;
    right: 325px;
    top: 26px;
    z-index: 1050;
    font-size: 20px;
    color: #55b435;
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid;
}

button.web-app a {color: #55b435;}

button.web-app.page{position: unset;background-color: #55b435;}
button.web-app.page a {color: #ffffff;}

button.download-app {
    position: fixed;
    right: 120px;
    top: 26px;
    z-index: 1050;
    font-size: 20px;
    color: #ffffff;
    padding: 10px 20px;
    background-color: #55b435;
    border: 1px solid #55b435;
}

button.download-app a {color: #ffffff;}

img.logo-privata {
	position: fixed;
    top: 20px;
    z-index: 1050;
    width: 40px;
    left: 15px;
}

button.header-privata a {color: #ffffff;}

div.ruolo {padding: 30px 15px;}

div.ruolo.superuser {
	border-bottom: 3px dotted #dedede;
}
div.utente {margin-bottom:20px;}
div.utente.superuser .content-utente {
    border: 3px solid #55b435;
    padding: 10px 0 20px 0;
	box-shadow: 0px 0px 5px 0px rgb(85, 180, 53);
}

div.utente .content-utente {
	padding: 10px 0 20px 0;
    border: 3px solid #e0e0e0;
	min-height: 350px;
}

div.utente a.change-password {
    font-size: 12px;
    float: right;
}

span.toggle-password {
    position: absolute;
    right: 20px;
    top: 30px;
    cursor: pointer;
    font-size: 14px;
}

div.utente input {width:100%;}
div.utente input.modify {opacity: 0}
div.utente label {margin-bottom:0;display: inline-block;font-size: 14px;font-weight: bold;}
div.utente form div {margin-bottom:10px;}
div.utente form.was-validated div {margin-bottom: 5px;}
div.utente a {color: #55b435;}
button.remove-user {
	background: #ffffff;
    color: #ef4023;
    border: none;
    font-weight: 600;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
}
div.superuser button.remove-user {opacity: 0;}
span.field-eye-modal {
	position: absolute;
    right: 20px;
    top: 27px;
	cursor:pointer;
}

div.utente input[type=submit] {
	background: #55b435;
    border: 2px solid;
    border-color: #ffffff;
    color: #ffffff;
    width: auto;
    padding: 5px 10px;
    float: right;
    margin-top: 0px;

}

div.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 2px;
    font-size: 8px;
    color: #ef4023;
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #ef4023;
}

div.utente .form-control {
    padding: 5px;
    line-height: 0;
    background-clip: padding-box;
    border: 1px solid #aaaaaa;
    border-radius: 0;
}

div.utente input[type=submit]:hover {background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);}

div.foto-utente {
    font-size: 50px;
    color: #55b435;
    position: relative;
}

div.user-id {
    position: absolute;
    top: 25px;
    left: 130px;
    width: 80px;
}

i.fa-exclamation-triangle {color: #ef4023;}

div.utente.disabled div.foto-utente {color: #cccccc;opacity: 0.5}
div.utente.disabled label:not(.switch) {opacity: 0.5}
div.utente.disabled input:not(.status, .modify) {opacity: 0.5}
div.utente.disabled select {opacity: 0.5}

div.add-user .content {
	text-align: center;
    padding: 20px;
    border: 3px dotted #e0e0e0;
    min-height: 350px;
}

div.add-user button {
	border-radius: 0px;
    border: 3px solid #ffffff;
    color: #ffffff;
    padding: 20px;
    width: auto;
    background: #55b435;
    margin-top: 100px;
    outline: none;
}

div.add-user button span {
	color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}
div.add-user button:hover {background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);}
div.add-user button i {font-size: 20px;margin-right: 10px}

div.loader {
	position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
    z-index: 10;
    background-color: rgba(224, 224, 224, 0.5);
	display: none;
}

.spin {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #55b435;
    width: 100px;
    height: 100px;
	display: block;
    margin: auto;
    margin-top: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

input#logo-aziendale {display: none}
span#edit {display:none}
.page-template-area-privata span#edit {display:block;float: right;font-size: 15px;cursor: pointer;color: #273135;width: auto;text-align: right;padding-right: 15px;}
.page-template-area-privata span#edit:hover {color: #55b435;text-decoration: underline;}
.page-template-area-privata span#edit a {color: #273135}
.page-template-area-privata span#edit:hover a {color: #55b435}


table.my_account_subscriptions thead {float: left;width: 200px;}
table.my_account_subscriptions tbody {float: left;width: 200px;}
table.my_account_subscriptions tr {display: grid;}
table.my_account_subscriptions th {border-bottom: 1px solid;padding: 5px 0;}
table.my_account_subscriptions td {border-bottom: 1px solid;padding: 5px 0;}

div.remove-account {margin-top: 100px;}
div#removeaccount a {color: #55b435}
div#removeaccount .subscription_details {display: none}
button#remove-account {
	margin-top: 20px;
    margin-bottom: 20px;
    width: 250px;
}

.page-template-area-privata.woocommerce-account .woocommerce-MyAccount-content {width: 100%;}
.page-template-area-privata .woocommerce table.shop_table {border:none}
.page-template-area-privata .woocommerce table.shop_table tr {display:none}
.page-template-area-privata .woocommerce table.shop_table td {border:none}
.page-template-area-privata .woocommerce table.shop_table tr:last-child {display:block}
.page-template-area-privata .woocommerce table.shop_table tr:last-child td:first-child {display:none}
.page-template-area-privata div.prodotto-vetrina {width: 100%;}
.page-template-area-privata div.prodotto-vetrina .info {display: none}
.page-template-area-privata div.prodotto-vetrina:nth-child(even) {box-shadow: none}
.page-template-area-privata div.prezzo .price {font-size: 40px;}
.page-template-area-privata span.currency-prezzo {left: 0;}

.woocommerce-checkout h1.entry-title {display: none}
.woocommerce-checkout div.box h3 {display: none}
.woocommerce-checkout #content.site-content {padding-top: 9.125rem;}
.woocommerce-checkout input[type="submit"] {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    border: none;
    color: #ffffff;
    margin-top: 20px;
}

.woocommerce-checkout input[type="submit"]:hover {
    background: linear-gradient(to top, rgba(222,222,222,1) 0%,rgba(74,74,74,1) 0%,rgba(186,186,186,1) 100%);
	color: #ffffff;
}

span.periodo-prova {color: #ef4023;}

form#add_payment_method input.input-radio {float: left;margin-top: 10px!important;}
#add_payment_method #payment {border-radius: 0;padding: 20px;}

div.panel-heading.payment {    
	padding: 10px;
    border-bottom: 2px dashed #273135;
    margin-bottom: 10px;
}

p#privacy_policy_field span {width: 100%;}
p#privacy_policy_field span label{
	font-weight: 400;
    line-height: 1.3;
    font-size: 14px;
}

.woocommerce-checkout #payment div.form-row {
    padding-left: 0;
	padding-right: 0;
	display: block;
}

.woocommerce-checkout ul#menu-menu-header {
    display: none;
}

button.accordion {
    background-color: #eee;
    color: #273135;
    cursor: pointer;
    padding: 25px 25px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-bottom: 5px;
    font-weight: 700;
}

button.accordion:before {
    content: 'O';
    font-size: 17px;
    color: #7abd2c;
    margin-right: 20px;
}

button.active:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f111";
	font-size:12px;
}

@media not print {
    div.panel {
        padding: 20px 20px 10px 20px;
        background: #ebe9eb;
        display: none;
    }
}

.modal#aggiornalicenza {z-index: 11111}
.modal#aggiornalicenza a {color: #ffffff}

.modal-backdrop {background-color: #273135;}

/* ------------ */

/*Recap Utenze*/

div.recap-utenti div.foto-utente {font-size: 35px;}
div.recap-utenti {padding: 10px 0;}
div.recap-utenti div.add-user .content{
	text-align: left;
    border: none;
	min-height: auto;
	padding-left: 0;
	padding: 0;
}
div.recap-utenti div.add-user button {margin-top: 0;border: none}
div.recap-utenti div.utente .content-utente {padding: 10px 0 10px 0;min-height: unset;}
div.recap-utenti div.utente.superuser .content-utente {border: 3px solid #55b435; box-shadow: none}

div.thankyou {
	text-align: center;
    font-size: 45px;
    padding-top: 50px;
}

div.thankyou i {
    font-size: 70px;
    color: #ffffff;
    background-color: #55b435;
    border-radius: 100%;
    padding: 20px;
}

div.thankyou a {
	color: #55b435;
    font-size: 20px;
}

span.update-all-subscriptions-payment-method-wrap span {width:100%}

.single-post #content.site-content, .blog #content.site-content, .category #content.site-content {
    padding-bottom: 3.75rem;
    padding-top: 150px;
}

.single-post h1.entry-title, .blog h1.entry-title, .category h1.entry-title, .single-faq h1.entry-title {
    text-align: left;
    color: #232b2f;
    text-transform: uppercase;
}
.single-post a, .blog a, .category a, .single-faq a {color: #55b435}
.single-faq a.prova-app {color: #fff}
.single-faq a.prova-app:hover {text-decoration: none;}

aside input[type="search"] {width:50%}
aside h3.widget-title, .widget_custom_widget_btecno h3.widget-title {font-size:20px;text-align:left;margin-top:0px}
aside a {color: #55b435}
.widget_custom_widget_btecno li {padding: 5px 0;border-bottom: 1px solid #dddddd;}
div.action-news {width:100%;overflow:auto;margin-top:50px;}
div.action-news a {
	font-weight: 700;
    font-size: 13px;
    padding: 20px;
    text-transform: uppercase;
	color: #ffffff;
	border-radius: 0px;
    background-color: #55b435;
    width: auto;
    float: left;
	margin-right: 20px;
}


div.video-sidebar {margin: 20px 0;}
div.video-sidebar iframe {
	width: 100%;
}

button.leggi-news {
	background-color: #55b435;
    border: 1px solid #55b435;
    border-radius: 0px;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

.post-navigation .nav-previous a, .post-navigation .nav-next a {
	border-radius: 0px;
}

header.archive-header {
	width: 90%;
    margin: auto;
}

.alert {border-radius:0px;}

button.modal-alert {
    border: 1px solid white;
    background-color: #55b435;
    color: #ffffff;
    padding: 5px 10px;
    margin-top: 10px;
    margin-right: 10px;
}

.page-template-area-privata div.iscrizione-newsletter {display: none}

div.iscrizione-newsletter {
	background-color: #4a4a4a;
	overflow:auto;
}

div.iscrizione-newsletter h3 {
	font-size: 26px;
    font-family: 'Montserrat', sans-serif;
}

div.iscrizione-newsletter form {
	max-width: 350px;
	margin: auto;
}

div.iscrizione-newsletter span.wpcf7-checkbox {
	color: #ffffff;
	font-size: 12px;
}

.single-post ul {
	list-style: disc;
	padding-left:40px;
}

.single-post h3 {
	margin-top: 25px;
}

/*-----------*/

@media(max-width: 1200px){
	span.currency-prezzo {left: 0;}
}

@media(min-width: 992px){
	nav.area-privata li.mobile-only {display: none}
}

@media(max-width: 992px){
	#masthead .navbar-nav > li {margin-right: 0;margin-bottom: 10px;}
	li.area-riservata.gratis a i {float:right; font-size: 20px;}
	li.area-riservata.accedi a i {float:right; font-size: 20px;}
	div#page-sub-header {margin-top: 70px;}
	button.web-app {display: none}
	button.download-app {font-size: 15px;padding: 5px 10px;top: 40px;}
	button.header-privata.logout {display:none;}
	.page-template-area-privata .navbar-toggler {display: none}
	.page-template-area-privata .navbar-toggler.custom {display: block;position: fixed;right: 40px;top: 40px;background-color: transparent;z-index: 1050;border-radius: 0;outline: none;}
	.page-template-area-privata .navbar-toggler.custom .toggle-icon-line {height: 2px;width: 30px;background-color: #ffffff;margin-bottom: 7px;margin-top: 7px;}
	#footer-widget .dettaglio-contatto {width:50%}
	#footer-widget div.icon {font-size: 70px;}
	#footer-widget a {font-size: 16px;}
	.single-post #content.site-content, .blog #content.site-content, .category #content.site-content {padding-top:120px;}
}

@media(max-width: 769px){
	body:not(.theme-preset-active) #page-sub-header h1 {font-size: 24px;line-height: 1.3;letter-spacing: -1px;}
	body:not(.theme-preset-active) #page-sub-header p {font-size: 20px;}
	p.info-app {font-size: 18px;padding:0;margin-top:20px}
	h1.rivolge {margin-bottom: 0}
	h3.info-servizio {font-size:20px;}
	p.info-servizio {font-size: 18px;}
	h3.portfolio {font-weight: 400;}
	h3.info-tred {font-weight: 400;}
	button.slide.tred {width: 250px!important;}
	h3.richiedi-prev {padding: 30px 0;font-size: 24px;letter-spacing: 0}
	#preventivo {margin-top: 20px;}
	body:not(.theme-preset-active) #masthead .navbar-nav > li > a {padding: 20px;}
	.woocommerce ul.order_details li {float: left;width: 45%;border-right: none;margin-bottom: 10px;}
	div.prodotto-vetrina {width: 47%;margin-bottom: 20px;}
	.page-template-area-privata div.prodotto-vetrina {width: 100%}
	span.wpcf7-list-item-label {line-height: 1.5;}
	div#page-sub-header {margin-top: 45px;}
	#footer-widget {padding: 20px;}
	.blog article, .category article {width:100%;}
	header.archive-header {width:100%;}
}

@media(max-width: 576px){
	div.dati-cliente .dati div {width: 100%;}
	div.dati-cliente input {width: 100%;}
	.page-template-area-privata #content.site-content {padding-left: 0; padding-right: 0;}
	.page-template-area-privata .box {padding: 15px;}
	.button-slide {margin-top: 30px;margin-bottom: 15px;}
	div#funzioni h5 {font-size:16px;}
	div#funzioni p {font-size:14px;}
	.card-text:last-child {font-size: 14px;color: rgba(255, 255, 255, 0.8);}
	div#listino-prezzi .info-prezzi {font-size: 14px;}
	div.caratteristiche h6 {font-size: 16px;}
	div.caratteristiche {font-size: 16px;}
	div.prezzo {font-size: 16px;}
	div.discover a.button {width: 150px;font-size: 16px;}
	.woocommerce-checkout input[type="submit"] {padding:5px 10px;}
}

@media(max-width: 492px){
	div.prodotto-vetrina {    
		width: 93%;
    	margin-right: 0;
    	margin-left: 3.5%;
    	margin-bottom: 20px;
	}
	div#partners{padding: 30px 0;}

}





/*SWITCH UTENTE*/

.switch {
  position: relative;
  display: inline-block;
  width: 173px;
  height: 25px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-utente {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 115px;
  right: 0;
  bottom: 0;
  background-color: #ef4023;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider-utente:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider-utente {
  background-color: #55b435;
}

input:focus + .slider-utente {
  box-shadow: 0 0 1px #55b435;
}

input:checked + .slider-utente:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  left: 10px;
}

/* Rounded sliders */
.slider-utente.round {
  border-radius: 34px;
}

.slider-utente.round:before {
  border-radius: 50%;
}

/*CUSTOM LOGIN PAGE*/

.page-template-login header#masthead, .page-template-checkout-temp header#masthead {
	height: 100px!important;
    border-bottom: none;
    background-color: #273135;
}

.page-template-login header nav, .page-template-checkout-temp header nav {display: none}
.page-template-login div#footer-widget, .page-template-checkout-temp div#footer-widget {display: none}

.page-template-login #content.site-content, .page-template-checkout-temp #content.site-content {
    padding-bottom: 3.75rem;
    padding-top: 150px;
    background-color: #e0e0e0;
	min-height: calc(100vh - 50px);
}

.page-template-login .box, .page-template-checkout-temp .box {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
}

.page-template-login, .page-template-checkout-temp {
    font-family: 'Montserrat', sans-serif;
}

div.login-form-container {
	width: 100%;
    padding: 20px;
}

.page-template-login img.logo-privata, .page-template-checkout-temp img.logo-privata {
    position: fixed;
    top: 18px;
    z-index: 1050;
    width: 90px;
    left: calc(50vw - 31px);
}

.page-template-login input[type="submit"] {
	background: #55b435;
    border: none;
    color: #ffffff;
    margin-top: 20px;
	width: 150px;
    padding: 15px;
    font-size: 100%;
}

.page-template-login input[type="submit"]:hover {
    background: #7d7c7c;
	color: #ffffff;
}

.page-template-login a {color: #55b435}

.page-template-login .form-control {width: 250px;}

/*-------------------*/

.page-template-download-app #content.site-content {
    padding-bottom: 3.75rem;
    padding-top: 10.125rem;
    min-height: calc(100vh - 385px);
}

div.download-app {
	text-align: center;
    font-size: 20px;
}

div.download-app p {margin-top: 20px;}

div.download-app img {width: 250px;}
div.download-app img.store-apple {padding: 0px 25px;}

.cn-button.bootstrap {
    color: #fff;
    background: #55b435;
}





#content.site-content {
    padding-bottom: 100px;
    padding-top: 150px;
}

input#calcolaPreventivo {
	background: linear-gradient(to bottom, #7abd2c 1%,#62b733 44%,#10a444 100%);
    border: none;
    color: #ffffff;
    margin-top: 20px;
}

div.risultato-preventivo {
	text-align: center;
    margin-top: 50px;
    background-color: rgb(85 180 53 / 10%);
    padding: 25px;
    border: 20px solid #55b435a3;
}

div.risultato-preventivo .totale {
	font-size: 15px;
}

div.prezzo-scontato, div.prezzo-totale-scontato {
    font-size: 30px;
    color: #55b435;
    font-weight: bold;
}

div.prezzo-listino, div.prezzo-totale-listino {
    color: #ef4023;
    text-decoration: line-through;
}

div.risultato-preventivo span.info-prezzo {
	font-size: 15px;
    margin-left: 5px;
}

button#aproModale, input#richiedi-custom {
    background: #fff;
    border: 1px solid #55b435;
    color: #55b435;
    border-radius: 0px;
}

button#aproModale:hover, input#richiedi-custom:hover {
	background: #55b435;
	color: #fff;
}

.box.preventivo.animazione {
    border: 3px solid #55b435;
    border: 3px #55b435 solid;
    animation: blink 1s;
    animation-iteration-count: 5;
}

@keyframes blink { 50% { border-color:#fff ; }  }


div#faqAccordion button, div#faqAccordionArchive button {
	width: 100%;
    text-align: left;
    border: none;
    padding: 10px 20px;
    margin-bottom: 10px;
    background-color: #e0e0e0;
}

div#faqAccordion button:focus, div#faqAccordionArchive button:focus {
    outline: 1px auto #55b435;
}

div#faqAccordion button span, div#faqAccordionArchive button span {
	float: right;
	transform: rotate(0deg);
	transition: 0.5s;
}

div#faqAccordion button span.active, div#faqAccordionArchive button span.active {
	transform: rotate(45deg);
	transition: 0.5s;
}

div#faqAccordion .collapse-body {
    padding: 0px 10px 20px 10px;
}

hr.divider-modale {
	width: 100%;
    border-top: 1px solid rgb(74 74 74);
    margin-bottom: 0;
}

label.accettazione-termini {
	margin-left: 10px;
    margin-top: -5px;
}

div.totale-app {
	padding: 25px 15px;
    color: #000;
    font-weight: bold;
    border-top: 1px solid #55b435;
    border-bottom: 1px solid #55b435;
}


div.lista-mesi {
	display: flex;
}

label.bottone-durata-piano {
    border: 1px solid #ced4da;
    border-radius: 0;
    padding: 10px 35px;
	width: 33%;
	position: relative;
}

div#profile label.bottone-durata-piano {
	width: 100%;
}

div#profile, div#home {
	padding: 20px 10px;
}

.page-template-area-privata .box ul.nav-tabs a {
	color: #273135;
}

.page-template-area-privata .box ul.nav-tabs a.active {
	color: #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #55b435;
    border-color: #55b435 #55b435 #fff;
    border-radius: 0px;
}

label.bottone-durata-piano:hover {
	color: #fff;
	background-color: #55b435;
	border-color: #55b435;
}

label.btn.bottone-durata-piano.active {
    background-color: #55b435;
    color: #fff;
    border-color: #55b435;
	outline: none;
    box-shadow: none;
}

label.bottone-durata-piano span.info-anno {
    font-size: 8px;
    position: absolute;
    top: -15px;
    right: 2px;
}

label.btn.bottone-durata-piano.active span.info-anno, label.btn.bottone-durata-piano:hover span.info-anno {
	color: #000;
}

input#confermaPreventivo {
	padding: 10px 20px;
}

div.box-app-custom {
    text-align: center;
    background-color: rgb(255 235 59 / 10%);
    padding: 25px;
    border: 20px solid hsl(54deg 100% 62% / 70%);
}

div.box-app-custom input {
	text-transform: none;
    font-weight: normal;
    font-size: 1rem;
    padding: .375rem .75rem;
    width: auto;
}

p.info-iva {
    margin: 0;
    font-size: 10px;
    margin-top: 30px;
}


div.container-loader-areaprivata {
  display: none;
  position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 10000;
    background-color: rgb(255 255 255 / 0.5);
}

div.loader-areaprivata {
  border: 16px solid #ebebeb;
    border-radius: 50%;
    border-top: 16px solid #55b435;
    width: 120px!important;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: fixed;
    left: calc(50% - 60px);
    top: calc(50% - 60px);
    background: transparent!important;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.page-template-assistenza-tecnica #content, .page-template-video-lezioni #content {
	font-family: 'Montserrat', sans-serif;
}


div.video-lezioni {
	border: 1px solid #DADADA;
    padding: 20px;
}

div.lezione-video h2 {
	border-bottom: 1px solid #e0e0e0;
    font-size: 22px;
    color: #4a4a4a;
	margin-bottom: 20px;
}

div.lezione-video .descrizione {
	color: #4a4a4a;
	line-height: inherit;
}

div.lista-lezioni li {
	border-bottom: 1px solid #dadada;
    margin-bottom: 15px;
}

div.lista-lezioni li a {
	color: #4a4a4a; 
}

div.lista-lezioni li a:hover {
	color: #55b435;
	text-decoration: none;
}

div.lista-lezioni {
	border: 1px solid #DADADA;
    padding: 20px;
}

div.lezione-video iframe {
	width: 100%;
}

div.loader-video {
	border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #55b435;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    display: none;
}

header#areaPrivata {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
	width: 74px;
    height: 100%;
    border-bottom: none;
    background-color: #273135;
    font-family: 'Montserrat', sans-serif;
	transition: 0.3s;
}

header#areaPrivata.espanso {
	width: 310px;
	transition: 0.3s;
}

/*header#areaPrivata nav {
	position: fixed;
    top: 0px;
    left: 150px;
    z-index: 1050;
    font-size: 15px;
    padding-left: 0;
	height: 100px!important;
	background-color: #273135;
}*/

ul#menu-area_privata_menu {
	flex-direction: column;
	text-align: center;
}

.contattaci-piu-utenti form {
	width: 50%;
	margin: auto;
}

.page-template-preventivatore a {
	color: #55b435;
}

.modal {
	z-index: 1100;
}


.layer-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
}

div#video-homepage {
	max-height: 100vh;
}

div#video-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100000;
    background-color: #000000;
}

div#video-modal button.close {
    position: absolute;
    right: 20px;
    top: 15px;
    border: none;
    background-color: #000000;
    color: #ffffff;
    font-family: 'Univers Next Pro Regular', Helvetica;
    font-size: 25px;
}

div#video-modal .modal-content {
    background-color: #000000;
}

div#video-modal .modal-dialog {
    max-width: 100%!important;
}

div#video-modal iframe {
    height: calc(100vh - 1.75rem);
    width: 100%;
}

div.c-mute {
	position: absolute;
    bottom: 200px;
    right: 50px;
}

div#chi-siamo h1 {
	font-family: 'Montserrat', sans-serif;
    color: #4a4a4a;
    font-size: 35px;
    font-weight: bold;
}

div#chi-siamo h2 {
    color: #4a4a4a;
    font-size: 25px;
}

.woocommerce-form-coupon-toggle {
    display: none;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
	top: 0;
    left: 265px;
	border: none;
    border-radius: 0;
    background-color: #273135;
    padding: 0 30px;
    width: 310px;
}

li.add-rapportino {
    background-color: #55b435;
    text-align: center;
}

ul#menu-area_privata_menu li a span {display: none;font-size: 15.2px}
nav.aperta ul#menu-area_privata_menu li a span {display: block;}

header#areaPrivata .navbar-toggler {display: none}
header#areaPrivata .navbar-toggler.custom {display: block;position: fixed;left: 15px;top: 65px;background-color: transparent;z-index: 1050;border-radius: 0;outline: none;border: none;padding: 0 5px;}
header#areaPrivata .navbar-toggler.custom .toggle-icon-line {height: 2px;width: 30px;background-color: #ffffff;margin-bottom: 7px;margin-top: 7px;transition: 0.2s}
button.aperto .toggle-icon-line:nth-child(1) {-webkit-transform: rotate(-45deg) translate(-5px, 6px);transform: rotate(-45deg) translate(-5px, 6px);transition: 0.2s}
button.aperto .toggle-icon-line:nth-child(2) {opacity: 0;transition: 0.2s}
button.aperto .toggle-icon-line:nth-child(3) {-webkit-transform: rotate(45deg) translate(-7px, -8px);transform: rotate(45deg) translate(-7px, -8px);transition: 0.2s}

@media only screen and (min-width: 768px) {
  nav.aperta .dropdown:hover .dropdown-menu {
    display: block;
  }
}

@media(max-width: 992px){
	header#areaPrivata nav.area-privata {padding: 0 15px;}
	.page-id-449.page-template-area-privata .box {width: 100%;}
	header#masthead {background-color: rgb(255 255 255 / 80%)}
	
	/*.navbar-expand-lg .navbar-collapse, .navbar-expand-lg .navbar-collapse.collapsing {display: flex!important}*/
}

@media(max-width: 768px){
	header#areaPrivata .navbar-toggler.custom {top: 15px;}
	header#areaPrivata {width: 100%;height: 80px;}
	header#areaPrivata.espanso {width: 100%}
	header#areaPrivata nav.area-privata {position: fixed;margin-top: 80px;width: auto;left: -450px;height: calc(100vh - 80px);transition: 0.5s;align-items: start;padding-top: 25px;overflow:auto;}
	header#areaPrivata nav.area-privata.aperta {left: 0px;transition: 0.5s}
	.page-template-area-privata #content.site-content {margin-left: 0px;margin-top: 80px;}
	.page-template-area-privata #content.site-content.stretto {margin-left: 0px}
	img.logo-privata {right: 25px; left: unset;top: 15px;width: 70px;}
	.navbar-expand-lg .navbar-nav .dropdown-menu {width: auto;}
}

@media(max-width: 576px){
	div.risultato-preventivo {text-align: center;margin-top: 30px;padding: 15px;border-radius: 0px;}
	div.prezzo-scontato, div.prezzo-totale-scontato {font-size: 18px;}
	div#confermaDatiUtente h5.modal-title {font-size: 15px;}
	label.bottone-durata-piano {padding: 10px 0}
	.contattaci-piu-utenti form {width: 100%;}
	div#a-chi-si-rivolge .container {padding: 25px;}
	div#a-chi-si-rivolge {padding-top: 35px;padding-bottom: 35px;}
	div#chi-siamo h1 {font-size: 30px;}
	div#chi-siamo h2 {font-size: 22px;}
	h3.info-prodotto {font-size: 20px;}
	#footer-widget a {font-size: 14px;}
	div.lezione-video h2 {font-size: 20px;}
	div.lezione-video iframe {height: auto;}
}