/* Add here all your CSS customizations */
.hamburguer-btn .hamburguer span {
    height: 2px;
    -webkit-transform: translateY(0);
}

.hamburguer-btn .hamburguer span:nth-child(1) {
    top: 20%;
}

.hamburguer-btn .hamburguer span:nth-child(2) {
    top: 40%;
}

.hamburguer-btn .hamburguer span:nth-child(3) {
    top: 60%;
}

.hamburguer-btn .hamburguer span:nth-child(4) {
    top: 80%;
}

.hamburguer-btn {
    width: 30px;
    height: 30px;
    top: -20px;
}

.page-header h1{
	color:#ffffff !important;
}


/* codice per bottoni in fondo versione mobile */

@media screen and (max-width: 778px) {
	body {
	margin-bottom: 55px !important;
	}
}	

.mobilecontacts {
	display: none;
	position: fixed !important;
	height: auto;
	width: 100%;
	z-index: 99999;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 780px) {
	.mobilecontacts {
		display:block;
	}
}

.mobilecontacts a { color: #FFFFFF; width: 100%; height: 100%; display: block; text-decoration:none;}
.mobilecontacts a i { font-size: 2.3em; vertical-align: middle; }

.mobilecontacts .tel,.mobilecontacts .wa,.mobilecontacts .email {
	bottom: 0px;
	width: 33.32%;
	/*width: 50%;*/
	height: 60px;
	display: inline-block;
	float: left;
	text-align: center;
	margin:0px;
	padding:6px 0 0 0;
	line-height:80%;
	font-weight:normal;
}
.mobilecontacts .wa{
	/*display:none;*/
}

.mobilecontacts span {
	font-size: 13px;
}

.mobilecontacts .tel{
	background-color: #0662B9;
	/*display:none;*/
}

.mobilecontacts .tel a{
	color:fff !important;
}

.mobilecontacts .email {
	background-color: #ed0091;
}

.mobilecontacts .email a{
color:#fff !important;
}
    
.mobilecontacts .wa{
	background-color: #04991D;
}

.mobilecontacts .wa a{
	color:#fff !important;
}




.sfondoloading, .sfondoloadingrec{
	display:none;
	position:absolute;
	top:0;
	left:0;
	height: auto;
	min-height: 100%;
	width:100%;
	background-color:rgba(255,255,255,0.7);
	margin:0;
	padding:0;
	border:none;
	z-index:1000;
	
}

#divloadingmsg, #divloadingrec{
	display:none;
	position:absolute;
	top:30%;
	left:50%;
	heigh:100px;
	width:200px;
	background-color:none;
	margin:-50px 0 0 -100px;
	padding:10px;
	border:none;
	z-index:2000;
	color:rgba(4,91,139,1.00)
}


/*##########PERSONALIZZAZIONE CHECKFORM######################
#############################################################*/

/* Customize the label (the container) */
.containercheck {
  display: block;
  position: relative;
  padding-left: 0px;
  margin-bottom: 2px;
  cursor: pointer;
  font-size: 14px;
  font-weight:normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding:0 0 0 15px !important;
}

/* Hide the browser's default checkbox */
.containercheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.colcheck {
text-align:right;
padding:18px 15px 0 0px;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #ababab;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
  background-color: #ccc;
  border: 1px solid #ababab;
}


/* On mouse-over, add a grey background color */
.containercheck .checkmark:focus {
  border: 2px solid #ca45e3;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
  background-color: #0cabb4;
  border: 1px solid #0cabb4;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
  left: 9px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.testoprivacy a{
	color:#0581D4 !important;
}

/*####Personalizzazione colori label e span su varie aree dei contatti#######
#############################################################################*/

#divcontattifooter label, #divcontattifooter span{
	color:#ffffff;
}

#divcontattimodal label, #divcontattimodal span{
	color:#666666;
}

.btn-success{
	background-color: #ed0091 !important;
	border-color: #ed0091 #ed0091 #ed0091 !important;
	color: #FFF;
}

/*########personalizzazione gallery############*/
.overlay-gallery{
	position: absolute;
	top:0;
	left:1%;
	width:98%;
	height:98%;
	background-color: rgb(0,0,0,0.9);
	z-index:10000;
}