/*** CHECKOUT ***/
@media (max-width: 575px) {
.check {width:95%; margin: 0 auto; margin-top:50px; margin-bottom:400px;}
.check-up {width:95%; margin-bottom: 35px; margin-top:50px; text-align:center; color:#FF6600; font-weight:bold;}
.tasto {  background-color: #214B47;  border: none;  color: white;  padding: 16px 32px;  text-align: center;  font-size: 16px;  margin: 4px 2px;  transition: 0.3s;  text-decoration: none;  cursor:pointer;}
.tasto:hover { background-color: #FF6600;  color: white;}
}
@media (min-width: 576px) {
.check {width:70%; margin: 0 auto; margin-top:50px; margin-bottom:400px;}
.check-up {width:100%; margin-bottom: 35px; margin-top:50px; text-align:center; color:#FF6600; font-weight:bold;}
.tasto {  background-color: #214B47;  border: none;  color: white;  padding: 16px 32px;  text-align: center;  font-size: 16px;  margin: 4px 2px;  transition: 0.3s;  text-decoration: none;  cursor:pointer;}
.tasto:hover { background-color: #FF6600;  color: white;}
}
@media (min-width: 992px) {
.check {width:50%; margin: 0 auto; margin-top:50px; margin-bottom:400px;}
.check-up {width:100%; margin-bottom: 35px; margin-top:50px; text-align:center; color:#FF6600; font-weight:bold;}
.tasto {  background-color: #214B47;  border: none;  color: white;  padding: 16px 32px;  text-align: center;  font-size: 16px;  margin: 4px 2px;  transition: 0.3s;  text-decoration: none;  cursor:pointer;}
.tasto:hover { background-color: #FF6600;  color: white;}
}
.collaps-check { background-color: #214B47;  color: white;  cursor: pointer;  padding: 18px;  width: 100%;  border: none;  text-align: left;  outline: none;  font-size: 15px;}
.collaps-active, .collaps-check:hover { background-color: #183835;}
.collaps-content { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; background-color: #f1f1f1;}
#Logintxt{margin: 0 auto; background:#A8C6F7; color: black; padding: 0px 25px 0px 25px; width: 90% ; border: 1px solid #A8C6F7;	text-align:center;}
#Login {margin: 0 auto; width: 90%;	border: 1px solid #DFDFDF; padding: 25px; overflow: hidden;}

#Login label { display: block; line-height: 30px; width: 30%; float: left; margin-top:5px;}
#Login input, textarea, select { border: 1px solid #DFDFDF; height: 30px; line-height: 30px; width: 60%; padding: 0 10px; float: left; }
#Login input, select { padding-left: 30px;	margin-top:5px;}

#boxcheck{margin: 0 auto; width: 90%; border: 1px solid #DFDFDF; padding: 25px; overflow: hidden; text-align:center;}
.collaps-check span {padding: 0 30px 0 0; }
/* The container */
.container {  display: block;  position: relative;  padding-left: 35px;  margin-bottom: 12px;  cursor: pointer;  font-size: 22px;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
/* Hide the browser's default checkbox */
.container input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
/* Create a custom checkbox */
.checkmark {  position: absolute;  top: 60px;  left: 48%;  height: 25px;  width: 25px;  background-color: white;  border: 1px solid black;}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark { background-color: #ccc;}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {  background-color: #2196F3;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {  content: "";  position: absolute;  display: none;}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after { display: block;}
/* Style the checkmark/indicator */
.container .checkmark:after {  left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}