/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.fl {
	float:left;
}

.testoblu {
	color:#3a2267;
}
.mobileonly {
	display:none;
}
.nomobile {
	display:block;
}
@media screen and (max-width: 991px) {
	.fullscreen .container-fullscreen {
		display:initial;
	}
	.mobileonly {
		display:block;
	}
	.nomobile {
		display:none;
	}
}

@media screen and (max-width: 549px) {
	.screenshot img {
		max-height:80vh;
		max-width:80vw;
		margin-left:2vw;
	}
	.hidden-sm {
		display:none !important;
	}
}

input, textarea {
	background-color:#ffe !important;
}

label {
    font-weight: bold !important;
    color: #070 !important;
	font-size:14px !important;
}

.green-btn {
	background-color: #070 !important;
	border-color: #070 !important;
}

.green-btn:hover {
	background-color: #eb0 !important;
	border-color: #eb0 !important;
}

.piccolo {
	font-size:13px !important;
	line-height:1em;
}

.piccolo a:link, .piccolo a:visited {
	color: #070 !important;
}

input[type=checkbox] {
    width: 25px;
    height: 25px;
    margin-right: 10px !important;
	border-color:#ddd;
}

#form-submit:disabled, #form-submit[disabled] {
	background-color:#dadada !important;
	border-color:#dadada !important;
}

.fondogrigio {
	background-color:#eee;
}

.pt40 {
	padding-top:40px;
}

.pt20 {
	padding-top:20px;
}

.pb40 {
	padding-bottom:40px;
}

.mb0 {
	margin-bottom:0px;
}
.green, .icon-box.border .icon.green {
	color:#070 !important;
	border-color:#070;
}
.icon-box.border .icon i.green:hover{
	background-color:#070 !important;
	color:#fff !important;
}
.red, .icon-box.border .icon.red {
	color:#c00 !important;
	border-color:#c00;
}
.icon-box.border .icon i.red:hover{
	background-color:#c00 !important;
	color:#fff !important;
}
.blue, .icon-box.border .icon.blue {
	color:#00c !important;
	border-color:#00c;
}
.icon-box.border .icon i.blue:hover{
	background-color:#00c !important;
	color:#fff !important;
}
.orange, .icon-box.border .icon.orange {
	color:#eb0 !important;
	border-color:#eb0;
}
.icon-box.border .icon i.orange:hover{
	background-color:#eb0 !important;
	color:#fff !important;
}
.icon-box .icon i:after {
	box-shadow: 0 0 0 3px #333;
}