/* #region - FORM CONTATTO ECOMMERCE FARMACIE */

.goToFormContattoECF { font-size: .75em; opacity: 0; display: block; z-index: 100; position: fixed; bottom: 100px; right: -125px; width: 125px; background-color: #f9b200; color: #ffffff; border: 0px solid #f9b200; border-right: 0; border-radius: 1rem 0 0 1rem; padding: 1rem; box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all .50s ease-in-out; -moz-transition: all .50s ease-in-out; -ms-transition: all .50s ease-in-out; -o-transition: all .50s ease-in-out; transition: all .50s ease-in-out; }

.goToFormContattoECF:hover { background-color: #f9bb1f; }

.goToFormContattoECF.showup { opacity: 1; right: 0; }

/*@media (min-width: 1560px){
	.formContattoECF{
		z-index: 100;
		bottom: 30%;
		width: 300px;
		right: -300px;
		color: #000000;
		background-color: #ffffff;
		border: 2px solid #f9b200;
		border-right: 0;
		border-radius: .5rem 0 0 .5rem;
		padding: 2rem;

		box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.2);

		-webkit-transition: all .50s ease-in-out;
		-moz-transition: all .50s ease-in-out;
		-ms-transition: all .50s ease-in-out;
		-o-transition: all .50s ease-in-out;
		transition: all .50s ease-in-out;

		opacity: 0;
	}

	.goToFormContattoECF{
		display: none;
		right: -100px;
		width: 0px;
		opacity: 0;
		-webkit-transition: all .50s ease-in-out;
		-moz-transition: all .50s ease-in-out;
		-ms-transition: all .50s ease-in-out;
		-o-transition: all .50s ease-in-out;
		transition: all .50s ease-in-out;
	}
    .pb-60 { padding-bottom: 0; }
    .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 { min-height: 0px; }
}

@media (max-width: 1560px){
.formContattoECF{
		position: relative;
		width: 60%;
		color: #000000;
		margin: auto;
		margin-top: 3rem;
		background-color: #ffffff;
		border: 2px solid #f9b200;
		border-radius: .5rem;
		padding: 2rem;

		box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.2);

		-webkit-transition: all .50s ease-in-out;
		-moz-transition: all .50s ease-in-out;
		-ms-transition: all .50s ease-in-out;
		-o-transition: all .50s ease-in-out;
		transition: all .50s ease-in-out;
		opacity: 1;
	}
	
	.goToFormContattoECF{
		display: block;
		z-index: 100;
		position: fixed;
		bottom: 12.5%;
		width: 125px;
		right: 0;
		background-color: #f9b200;
	color: #ffffff;
		border: 0px solid #f9b200;
		border-right: 0;
		border-radius: 1rem 0 0 1rem;
		padding: 1rem;

		box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.2);

		-webkit-transition: all .50s ease-in-out;
		-moz-transition: all .50s ease-in-out;
		-ms-transition: all .50s ease-in-out;
		-o-transition: all .50s ease-in-out;
		transition: all .50s ease-in-out;
	}

	.goToFormContattoECF:hover{
	background-color: #f9bb1f;
	}

}

@media (max-width: 768px){
.formContattoECF{
		position: relative;
		width: 95%;
		color: #000000;
		margin: auto;
		margin-top: 3rem;
		background-color: #ffffff;
		border: 2px solid #f9b200;
		border-radius: .5rem;
		padding: 2rem;
		text-align: left;

		box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.2);

		-webkit-transition: all .50s ease-in-out;
		-moz-transition: all .50s ease-in-out;
		-ms-transition: all .50s ease-in-out;
		-o-transition: all .50s ease-in-out;
		transition: all .50s ease-in-out;
		opacity: 0;
	}
}

.formContattoECF.showup {
	opacity: 1;
}*/

/*formContattoECF animation shadow highlights*/
/*.highlightsBorderForm{
	animation: highlightsBorderFormAnimation 0.75s;
	animation-iteration-count: 1;
}
@keyframes highlightsBorderFormAnimation {
  0% {  }
  20% { box-shadow: 0px 0px 4px 10px rgba(249, 187, 31, 0.65);}
  25% { box-shadow: 0px 0px 4px 10px rgba(249, 187, 31, 0.65);}
  40% { box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.2); }
  60% { box-shadow: 0px 0px 4px 12px rgba(249, 187, 31, 0.75);}
  65% { box-shadow: 0px 0px 4px 12px rgba(249, 187, 31, 0.75);}
  100% { box-shadow: 0px 6px 8px 0 rgba(0, 0, 0, 0.2); }
}

.highlightsBorderOption{
	animation: highlightsBorderOptionAnimation 0.75s;
	animation-iteration-count: 1;
}
@keyframes highlightsBorderOptionAnimation {
  0% {  }
  70% { box-shadow: 0px 0px 0px 6px rgba(255, 92, 51, 1);}
  100% { box-shadow: 0px; }
}

.formECF .formECF-header {
	text-align: left;
	margin-bottom: 1rem;
	font-size: 1.7rem;
	font-weight: bold; 
}

.formECF .formECF-body {
	text-align: left;
	margin: 1rem 0 1rem 0;
}

.formECF .formECF-footer {
	text-align: center;
	margin-top: 1rem;
}

.formECF label {
	font-weight: normal;
	margin: 1rem 0 0.5rem 0;
}

.formECF input {
	width: 100%;
	padding: 0.5rem 1rem 0.5rem 1rem;
    font-weight: 400;
    line-height: 2;
	margin: 0 0 1rem 0;
	border: 1px solid #ced4da;
	border-radius: .5rem;
}

.formECF select {
	width: 100%;
	padding: 0.5rem 1rem 0.5rem 1rem;
    font-weight: 400;
    line-height: 2;
	margin: 0 0 1rem 0;
	border: 1px solid #ced4da;
	border-radius: .5rem;
}

.formECF option {
	width: 100%;
	padding: 0.5rem 1rem 0.5rem 1rem;
    font-weight: 400;
    line-height: 2;
	margin: 0 0 1rem 0;
	border: 1px solid #ced4da;
	border-radius: .5rem;
}

.formECF input.btnSubmit {
	width: 100%;
    font-weight: 400;
    line-height: 2;
	margin: 1rem 0 1rem auto;
	border: 0px;
	border-radius: .5rem;
	background-color: #f9b200;
	color: #ffffff;
}

.formECF input.btnSubmit:hover {
	background-color: #f9bb1f;
}*/
/* #endregion - FORM CONTATTO ECOMMERCE FARMACIE */