/*****************
*
* 1. SETTING
*
* globally available settings, config switches, brand colors, etc
*
*/
/* typography */
/*****************
*
* 2. TOOLS
*
* public mixin, helper fx
* use classes with () to be only imported in other classes
*
*/
.animation {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@-webkit-keyframes comeIn {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  50% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-moz-keyframes comeIn {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  50% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@-o-keyframes comeIn {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  50% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
@keyframes comeIn {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  50% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  100% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}
.color-violet {
  color: #3FB7DC;
}
.color-white {
  color: white;
}
.color-black {
  color: black;
}
.background-color-white {
  background-color: white;
}
.background-color-black {
  background-color: black;
}
.background-color-white-opacity-50 {
  background: rgba(255, 255, 255, 0.5);
}
/* Midnight */
.color-midnight-lightest {
  color: #f2f2f2;
}
.color-midnight-lighter {
  color: #d4d4d9;
}
.color-midnight-light {
  color: #9394a0;
}
.color-midnight {
  color: #68697a;
}
.color-midnight-dark {
  color: #3d3e54;
}
.color-midnight-darker {
  color: #282941;
}
/* Midnight background */
.background-color-midnight-lightest {
  background-color: #f2f2f2;
}
.background-color-midnight-lighter {
  background-color: #d4d4d9;
}
.background-color-midnight-light {
  background-color: #9394a0;
}
.background-color-midnight {
  background-color: #68697a;
}
.background-color-midnight-dark {
  background-color: #3d3e54;
}
.background-color-midnight-darker {
  background-color: #282941;
}
.background-color-midnight-opacity-50 {
  background: rgba(104, 105, 122, 0.5);
}
.background-color-midnight-darker-opacity-50 {
  background: rgba(40, 41, 65, 0.5);
}
/* Yellow */
.color-yellow-lightest {
  color: #fff2cc;
}
.color-yellow-lighter {
  color: #fee693;
}
.color-yellow-light {
  color: #fedd67;
}
.color-yellow {
  color: #fdd62f;
}
.color-yellow-dark {
  color: #bfa245;
}
.color-yellow-darker {
  color: #8a774a;
}
.color-yellow-darkest {
  color: #464543;
}
.background-color-yellow-opacity-50 {
  background: rgba(253, 214, 47, 0.5);
}
/* Yellow background*/
.background-color-yellow-lightest {
  background-color: #fff2cc;
}
.background-color-yellow-lighter {
  background-color: #fee693;
}
.background-color-yellow-light {
  background-color: #fedd67;
}
.background-color-yellow {
  background-color: #fdd62f;
}
.background-color-yellow-dark {
  background-color: #bfa245;
}
.background-color-yellow-darker {
  background-color: #8a774a;
}
.background-color-yellow-darkest {
  background-color: #464543;
}
/* Blue */
.color-blue-lightest {
  color: #d4ebf7;
}
.color-blue-lighter {
  color: #a2d6ed;
}
.color-blue-light {
  color: #7ac7e6;
}
.color-blue {
  color: #3db8de;
}
.color-blue-dark {
  color: #2e91b1;
}
.color-blue-darker {
  color: #256e89;
}
.color-blue-darkest {
  color: #1a4257;
}
/* Blue background*/
.background-color-blue-lightest {
  background-color: #d4ebf7;
}
.background-color-blue-lighter {
  background-color: #a2d6ed;
}
.background-color-blue-light {
  background-color: #7ac7e6;
}
.background-color-blue {
  background-color: #3db8de;
}
.background-color-blue-dark {
  background-color: #2e91b1;
}
.background-color-blue-darker {
  background-color: #256e89;
}
.background-color-blue-darkest {
  background-color: #1a4257;
}
/* Red */
.color-red-lightest {
  color: #fad0c7;
}
.color-red-lighter {
  color: #f39b90;
}
.color-red-light {
  color: #ee746d;
}
.color-red {
  color: #e9474e;
}
.color-red-dark {
  color: #b7424b;
}
.color-red-darker {
  color: #893b47;
}
.color-red-darkest {
  color: #4a2f3e;
}
.background-color-red-opacity-50 {
  background: rgba(74, 47, 62, 0.5);
}
/* Red background*/
.background-color-red-lightest {
  background-color: #fad0c7;
}
.background-color-red-lighter {
  background-color: #f39b90;
}
.background-color-red-light {
  background-color: #ee746d;
}
.background-color-red {
  background-color: #e9474e;
}
.background-color-red-dark {
  background-color: #b7424b;
}
.background-color-red-darker {
  background-color: #893b47;
}
.background-color-red-darkest {
  background-color: #4a2f3e;
}
/* Orange */
.color-orange-lightest {
  color: #fcdbc6;
}
.color-orange-lighter {
  color: #f8b58c;
}
.color-orange-light {
  color: #f49a66;
}
.color-orange {
  color: #ef7c41;
}
.color-orange-dark {
  color: #bb6646;
}
.color-orange-darker {
  color: #8a5145;
}
.color-orange-darkest {
  color: #4a363e;
}
/* Orange background*/
.background-color-orange-lightest {
  background-color: #fcdbc6;
}
.background-color-orange-lighter {
  background-color: #f8b58c;
}
.background-color-orange-light {
  background-color: #f49a66;
}
.background-color-orange {
  background-color: #ef7c41;
}
.background-color-orange-dark {
  background-color: #bb6646;
}
.background-color-orange-darker {
  background-color: #8a5145;
}
.background-color-orange-darkest {
  background-color: #4a363e;
}
/* Aquamarine */
.color-aquamarine-lightest {
  color: #dceeeb;
}
.color-aquamarine-lighter {
  color: #b5ddd5;
}
.color-aquamarine-light {
  color: #97d0c6;
}
.color-aquamarine {
  color: #73c4b7;
}
.color-aquamarine-dark {
  color: #569997;
}
.color-aquamarine-darker {
  color: #3d7379;
}
.color-aquamarine-darkest {
  color: #234451;
}
/* Aquamarine background*/
.background-color-aquamarine-lightest {
  background-color: #dceeeb;
}
.background-color-aquamarine-lighter {
  background-color: #b5ddd5;
}
.background-color-aquamarine-light {
  background-color: #97d0c6;
}
.background-color-aquamarine {
  background-color: #73c4b7;
}
.background-color-aquamarine-dark {
  background-color: #569997;
}
.background-color-aquamarine-darker {
  background-color: #3d7379;
}
.background-color-aquamarine-darkest {
  background-color: #234451;
}
/* Green */
.color-green-lightest {
  color: #dcede0;
}
.color-green-lighter {
  color: #b5dabe;
}
.color-green-light {
  color: #98cda7;
}
.color-green {
  color: #76bf90;
}
.color-green-dark {
  color: #57977d;
}
.color-green-darker {
  color: #3e726a;
}
.color-green-darkest {
  color: #23444c;
}
/* Green background*/
.background-color-green-lightest {
  background-color: #dcede0;
}
.background-color-green-lighter {
  background-color: #b5dabe;
}
.background-color-green-light {
  background-color: #98cda7;
}
.background-color-green {
  background-color: #76bf90;
}
.background-color-green-dark {
  background-color: #57977d;
}
.background-color-green-darker {
  background-color: #3e726a;
}
.background-color-green-darkest {
  background-color: #23444c;
}
/* Purple */
.color-purple-lightest {
  color: #d8d0e8;
}
.color-purple-lighter {
  color: #b4a2ce;
}
.color-purple-light {
  color: #9c83bb;
}
.color-purple {
  color: #8665a9;
}
.color-purple-dark {
  color: #6a548c;
}
.color-purple-darker {
  color: #504673;
}
.color-purple-darkest {
  color: #2f314f;
}
/* Purple background*/
.background-color-purple-lightest {
  background-color: #d8d0e8;
}
.background-color-purple-lighter {
  background-color: #b4a2ce;
}
.background-color-purple-light {
  background-color: #9c83bb;
}
.background-color-purple {
  background-color: #8665a9;
}
.background-color-purple-dark {
  background-color: #6a548c;
}
.background-color-purple-darker {
  background-color: #504673;
}
.background-color-purple-darkest {
  background-color: #2f314f;
}
/* Sand */
.color-sand-lightest {
  color: #fee7ca;
}
.color-sand-lighter {
  color: #fcd093;
}
.color-sand-light {
  color: #fbbf6c;
}
.color-sand {
  color: #f8ae41;
}
.color-sand-dark {
  color: #bf874a;
}
.color-sand-darker {
  color: #8b6649;
}
.color-sand-darkest {
  color: #493e41;
}
/* Sand background*/
.background-color-sand-lightest {
  background-color: #fee7ca;
}
.background-color-sand-lighter {
  background-color: #fcd093;
}
.background-color-sand-light {
  background-color: #fbbf6c;
}
.background-color-sand {
  background-color: #f8ae41;
}
.background-color-sand-dark {
  background-color: #bf874a;
}
.background-color-sand-darker {
  background-color: #8b6649;
}
.background-color-sand-darkest {
  background-color: #493e41;
}
.base-font-light {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 300;
  font-style: normal;
}
.base-font-book {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
}
.base-font-bold {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 900;
  font-style: normal;
}
.secondary-font-book {
  font-family: 'Droid Serif', Georgia, serif;
  font-weight: 400;
  font-style: normal;
}
.font-size-big {
  font-size: 2.5rem;
}
.font-size-medium {
  font-size: 1.75rem;
}
.font-size-regular {
  font-size: 1.5rem;
}
.font-size-small {
  font-size: 1.125rem;
}
.font-size-x-small {
  font-size: 0.9375rem;
}
.font-size-xx-small {
  font-size: 0.75rem;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.italic {
  font-style: italic;
}
.normal {
  font-style: normal;
}
a {
  text-decoration: none;
}
.subtitle {
  font-family: 'Droid Serif', Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  display: block;
  color: #68697a;
  font-style: italic;
  margin-top: 15px;
}
/*****************
*
* 3. GENERIC
*
* ground zero styles, low specificity, reset, normalize, etc
*
*/
/*****************
*
* 4. BASE
*
* unclassed HTML elements:h1,links,list,etc. last layer with selectors
*
*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font: 100%/1.5 sans-serif;
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
html,
body {
  min-height: 100%;
}
body {
  background-color: white;
  color: #282941;
}
body.completed {
  background: #282941;
}
a {
  color: #3FB7DC;
  text-decoration: none;
  padding-bottom: 2px;
  transition: all 0.3s;
}
a:hover {
  padding-bottom: 6px;
  border-bottom: 1px solid #3FB7DC;
}
a.perspective {
  border-bottom: 2px solid #3FB7DC;
}
h1 {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 300;
  font-style: normal;
  font-size: 1.75rem;
}
h2 {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
}
h3 {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
}
@media (max-width: 40rem), (max-width: 640px) {
  h3 {
    font-size: 1.125rem;
  }
}
input,
textarea,
select {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
}
/*****************
*
* 5. OBJECTS
*
* OOCSS, design patterns, no cosmetics, only classes, agnostic names
*Â like .ui-list, .ui-list__item
*
*/
.container {
  margin: 0 auto;
  max-width: 62rem;
  width: 70%;
}
@media only screen and (max-width: 800px) {
  .container {
    width: 90%;
  }
}
.container.container-thin {
  width: 70%;
}
/* Display
========================================================================== */
.inline {
  display: inline;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.none {
  display: none;
}
/* Mobile First Grid
========================================================================== */
.column {
  margin-bottom: 1.5rem;
  position: relative;
}
.row {
  margin-bottom: 1.5rem;
}
.row:last-child {
  margin-bottom: 0;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
/* Clearfix by Nicolas Gallagher
========================================================================== */
.no-padding {
  padding: 0 !important;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/*  SECTIONS  */
.mob-section {
  clear: both;
  padding: 0px;
  margin: 0px;
}
/*  COLUMN SETUP  */
.mob-col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.mob-col:first-child {
  margin-left: 0;
}
/*  GROUPING  */
.mob-group:before,
.mob-group:after {
  content: "";
  display: table;
}
.mob-group:after {
  clear: both;
}
.mob-group {
  zoom: 1;
  /* For IE 6/7 */
}
/*  GRID OF TWO  */
.mob-span_2_of_2 {
  width: 100%;
}
.mob-span_1_of_2 {
  width: 49.2%;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 800px) {
  .mob-col {
    margin: 1% 0 1% 0%;
  }
}
@media only screen and (max-width: 800px) {
  .mob-span_2_of_2,
  .mob-span_1_of_2 {
    width: 100%;
  }
}
label.input-text-label {
  display: block;
  font-size: 0.9375rem;
  line-height: 1;
  position: absolute;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  color: #68697a;
  letter-spacing: 0.5px;
  margin: .625rem;
  left: .625rem;
  right: .625rem;
}
label.input-text-label .tooltip {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 900;
  font-style: normal;
  display: inline-block;
  float: right;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #d4d4d9;
  color: #68697a;
  position: relative;
  width: 16px;
  height: 16px;
  line-height: 15px;
  text-decoration: none;
}
label.input-text-label .tooltip span {
  background: #f2f2f2;
  border: 4px solid #f2f2f2;
  color: #68697a;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: auto;
  min-width: 200px;
  height: auto;
  padding: 10px;
  right: -5px;
  margin-left: -64px;
  text-align: left;
  position: absolute;
  pointer-events: none;
  bottom: 22px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
label.input-text-label .tooltip span:before,
label.input-text-label .tooltip span:after {
  content: '';
  position: absolute;
  bottom: -15px;
  right: 0;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.1);
}
label.input-text-label .tooltip span:after {
  bottom: -0.75rem;
  margin-left: -10px;
  border-top: 10px solid #f2f2f2;
}
label.input-text-label .tooltip:hover {
  background-color: #3db8de;
  color: white;
  border: none;
}
label.input-text-label .tooltip:hover span {
  color: #68697a;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  bottom: 2rem;
}
input[type=text],
input[type=password],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
  width: 100%;
  line-height: 24px;
  padding: 1.5rem 0.625rem 0.625rem 0.625rem;
  border: 2px solid #d4d4d9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
input[type=text]#testo-contratto,
input[type=password]#testo-contratto,
select#testo-contratto,
textarea#testo-contratto {
  padding: 0.625rem !important;
  font-size: small;
  color: #9394a0;
  line-height: 19px;
}
input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  outline-color: #3db8de;
}
input[type=text].valid,
input[type=password].valid,
select.valid,
textarea.valid {
  border-color: #76bf90;
  background: white url(../images/valid.png) no-repeat 100% 70%;
}
input[type=text].locked,
input[type=password].locked,
select.locked,
textarea.locked {
  color: #9394a0;
  background: #f2f2f2 url(../images/locked.png) no-repeat 100% 70% !important;
}
input[type=text].valid:focus,
input[type=password].valid:focus,
select.valid:focus,
textarea.valid:focus {
  outline-color: #76bf90;
}
input[type=text].invalid,
input[type=password].invalid,
select.invalid,
textarea.invalid {
  border-color: #e9474e;
  background: white url(../images/invalid.png) no-repeat 100% 70%;
}
input[type=text].invalid:focus,
input[type=password].invalid:focus,
select.invalid:focus,
textarea.invalid:focus {
  outline-color: #e9474e;
}
input[type=text]#user-taxcode,
input[type=password]#user-taxcode,
select#user-taxcode,
textarea#user-taxcode {
  text-transform: uppercase;
}
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #d4d4d9;
  font-style: italic;
}
input[type=text]:-moz-placeholder,
input[type=password]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
  color: #d4d4d9;
  opacity: 1;
  font-style: italic;
}
input[type=text]::-moz-placeholder,
input[type=password]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #d4d4d9;
  opacity: 1;
  font-style: italic;
}
input[type=text]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #d4d4d9;
  font-style: italic;
}
select {
  background: white url(../images/arrow-down.png) no-repeat 100% 70%;
  padding-right: 38px;
}
select.exclude {
  color: #9394a0;
}
select::-ms-expand {
  display: none;
}
span.error {
  font-size: 0.9375rem;
  display: block;
  background-color: #e9474e;
  color: white;
  padding: 0 0.25rem;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
label + span {
  display: block;
  font-size: 0.9375rem;
  font-family: 'Droid Serif', Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  color: #68697a;
  padding-left: 60px;
  padding-top: 0.9rem;
}
@media (max-width: 40rem), (max-width: 640px) {
  label + span {
    padding-left: 40px;
  }
}
label + span.open {
  color: #68697a;
  font-size: 0.9375rem;
  margin-top: -9px;
}
form {
  position: relative;
}
.ac-custom {
  position: relative;
  margin-top: 6px;
}
.ac-custom.ac-custom--option-inline {
  display: inline-block;
  position: relative;
  margin: 20px 0 0 5px;
}
@media (min-width: 40rem) and (max-width: 910px) {
  .ac-custom.ac-custom--option-inline {
    float: left;
    margin: -5px 0 20px 7px;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  .ac-custom.ac-custom--option-inline {
    float: left;
    margin: -5px 0 20px 7px;
  }
}
.ac-custom ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
}
.ac-custom ul li {
  position: relative;
  margin-bottom: 2.5rem;
}
.ac-custom ul li.otherhome {
  padding-top: 13px;
}
.ac-custom label::before {
  content: '';
  border: 2px solid rgba(0, 0, 0, 0.4);
}
.ac-custom input[type="checkbox"],
.ac-custom input[type="radio"],
.ac-custom label::before {
  width: 40px;
  height: 40px;
  top: 50%;
  left: 0;
  margin-top: -25px;
  position: absolute;
  cursor: pointer;
}
.ac-custom input[type=checkbox],
.ac-custom input[type=radio] {
  display: none;
}
.ac-custom input[type=checkbox] + label,
.ac-custom input[type=radio] + label,
.ac-custom input[type=checkbox] + span + label,
.ac-custom input[type=radio] + span + label {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  color: #68697a;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding: 3px 25px 0px 60px;
  vertical-align: top;
  line-height: 1.5;
}
.ac-custom input[type=checkbox] + label:before,
.ac-custom input[type=radio] + label:before,
.ac-custom input[type=checkbox] + span + label:before,
.ac-custom input[type=radio] + span + label:before {
  width: 40px;
  height: 40px;
  top: 14px;
  left: 0;
  margin-top: -19px;
  position: absolute;
  cursor: pointer;
}
.ac-custom input[type=checkbox] + label.label--option-inline,
.ac-custom input[type=radio] + label.label--option-inline,
.ac-custom input[type=checkbox] + span + label.label--option-inline,
.ac-custom input[type=radio] + span + label.label--option-inline {
  padding: 3px 0 0px 24px;
}
.ac-custom input[type=checkbox] + label.label--option-inline:first-of-type,
.ac-custom input[type=radio] + label.label--option-inline:first-of-type,
.ac-custom input[type=checkbox] + span + label.label--option-inline:first-of-type,
.ac-custom input[type=radio] + span + label.label--option-inline:first-of-type {
  margin-right: 20px;
}
.ac-custom input[type=checkbox] + label.label--mini,
.ac-custom input[type=radio] + label.label--mini,
.ac-custom input[type=checkbox] + span + label.label--mini,
.ac-custom input[type=radio] + span + label.label--mini {
  font-size: 0.9375rem;
  padding: 6px 0 0px 35px;
}
.ac-custom input[type=checkbox] + label.consenso:before,
.ac-custom input[type=radio] + label.consenso:before,
.ac-custom input[type=checkbox] + span + label.consenso:before,
.ac-custom input[type=radio] + span + label.consenso:before {
  width: 26px;
  height: 26px;
  margin-top: -13px;
}
.ac-custom input[type=checkbox] + label.contratti,
.ac-custom input[type=radio] + label.contratti,
.ac-custom input[type=checkbox] + span + label.contratti,
.ac-custom input[type=radio] + span + label.contratti {
  font-size: 0.9375rem;
  color: #282941;
  padding: 0 0 0 40px;
}
.ac-custom input[type=checkbox] + label.contratti:before,
.ac-custom input[type=radio] + label.contratti:before,
.ac-custom input[type=checkbox] + span + label.contratti:before,
.ac-custom input[type=radio] + span + label.contratti:before {
  width: 20px;
  height: 20px;
  margin-top: -13px;
}
.ac-custom input[type=checkbox] + label.label--mini:before,
.ac-custom input[type=radio] + label.label--mini:before,
.ac-custom input[type=checkbox] + span + label.label--mini:before,
.ac-custom input[type=radio] + span + label.label--mini:before {
  width: 20px;
  height: 20px;
  margin-top: -18px;
  top: 26px;
}
.ac-custom input[type=checkbox] + label.label_radio,
.ac-custom input[type=radio] + label.label_radio,
.ac-custom input[type=checkbox] + span + label.label_radio,
.ac-custom input[type=radio] + span + label.label_radio {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  padding-left: 60px;
  color: #68697a;
}
.ac-custom input[type=checkbox] + label.label_radio.secondary,
.ac-custom input[type=radio] + label.label_radio.secondary,
.ac-custom input[type=checkbox] + span + label.label_radio.secondary,
.ac-custom input[type=radio] + span + label.label_radio.secondary {
  font-size: 1.125rem;
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 900;
  font-style: normal;
}
.ac-custom input[type=checkbox]:checked + label,
.ac-custom input[type=radio]:checked + label {
  color: #3db8de;
  opacity: 1;
}
.ac-custom svg {
  position: absolute;
  width: 34px;
  height: 34px;
  top: -1px;
  left: 3px;
  pointer-events: none;
}
.ac-custom svg path {
  stroke: #3db8de;
  stroke-width: 10px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.ac-custom.small-checkbox svg {
  left: 1px !important;
  width: 18px;
  height: 18px;
  top: 9px;
}
.ac-custom.small-radio svg {
  left: -4px !important;
  width: 18px;
  height: 18px;
  top: 7px;
}
.ac-custom.consenso svg {
  left: 11px !important;
  width: 20px;
  height: 20px;
  top: 4px;
}
.ac-custom.consensob svg {
  width: 20px;
  height: 20px;
  top: 4px;
}
.ac-custom.contratti svg {
  width: 15px;
  height: 15px;
  top: 4px;
}
.ac-custom .home svg {
  top: 7px !important;
  width: 15px;
  height: 15px;
  left: -3px;
}
.ac-custom .otherhome svg {
  top: 21px !important;
  width: 15px;
  height: 15px;
  left: -3px;
}
.ac-custom.selfie svg,
.ac-custom.transfer svg {
  width: 14px;
  height: 14px;
  top: 84px;
  left: 5px;
}
.ac-radio label::before {
  border-radius: 50%;
}
.ac-check label::before {
  border-radius: 50%;
}
.ac-radio-small label::before {
  border-radius: 50%;
  width: 20px !important;
  height: 20px !important;
  margin-top: -9px !important;
  margin-left: -6px;
}
.feedback {
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1;
  background: #76bf90;
  text-align: center;
  color: white;
  width: 100%;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  transform: rotateX(-90deg);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 0;
  height: 0;
}
.o-button {
  font-size: 0.9375rem;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  color: white;
  line-height: 1;
  padding: 20px 30px;
  text-align: center;
  appearance: none;
  border: none;
  border-bottom: 2px solid #2e91b1;
  min-width: 190px;
  position: relative;
}
.o-button.o-button--full {
  width: 100%;
}
.o-button.o-button--disable {
  pointer-events: none;
  cursor: default;
  background-color: #f2f2f2;
  border-bottom: 2px solid #d4d4d9;
}
.o-button.o-button--active {
  background-color: #3db8de;
}
.o-button.o-button--active:hover {
  background-color: #2e91b1;
  border-bottom: 0px;
  border-top: 2px solid white;
}
.o-button.o-button--back {
  border: 1px solid #d4d4d9;
  background: transparent;
  color: #9394a0;
  padding-left: 3rem;
}
@media (max-width: 40rem), (max-width: 640px) {
  .o-button.o-button--back {
    margin-top: 8.5rem;
    margin-bottom: 39px;
    position: absolute;
  }
}
.o-button.o-button--back:before {
  content: '';
  background: url(../images/back.png) no-repeat center right;
  background: url(../images/back.svg) no-repeat center right;
  background-size: contain;
  padding-right: 17px;
  vertical-align: sub;
  font-family: "Hype-icon";
  line-height: 0;
  font-size: 25px;
  text-decoration: inherit;
  position: absolute;
  left: 30px;
  top: 17px;
  height: 25px;
  width: 25px;
}
.o-button.o-button--back:hover {
  background-color: #d4d4d9;
  color: white;
  padding: 20px 30px;
  padding-left: 3rem;
}
.o-button--small {
  font-size: 0.9375rem;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  box-sizing: border-box;
  text-transform: uppercase;
  color: white;
  line-height: 1;
  padding: 9px 20px;
  text-align: center;
  appearance: none;
  border: none;
  border-bottom: 2px solid #2e91b1;
  background-color: #3db8de;
  min-width: 150px;
  position: relative;
}
@media (max-width: 40rem), (max-width: 640px) {
  .o-button--small {
    width: 100%;
    margin-top: 20px;
    padding: 14px 20px;
  }
}
.o-button--small.o-small-button--inactive {
  border-bottom: 2px solid #f2f2f2;
  background-color: #f2f2f2;
}
.o-button--delete {
  display: inline-block;
  background-image: url('../images/delete.png');
  background-image: linear-gradient(transparent, transparent), url('../images/delete.svg');
  background-repeat: no-repeat;
  background-position: center center;
  margin: 226px 0 0 84%;
  width: 25px;
  height: 30px;
  transition: none;
  border: none !important;
  position: absolute;
  top: 45px;
  left: 0px;
}
.o-button--delete.o-button--delete__pdf {
  margin: -254px 0 53px 88% !important;
  display: block !important;
}
@media (max-width: 40rem), (max-width: 640px) {
  .o-button--delete.o-button--delete__pdf {
    margin: -281px 0 55px 88% !important;
    display: block !important;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  .o-button--delete {
    margin: 191px 0 0 84%;
  }
}
.o-page-header {
  padding-top: 40px;
}
.o-page-header .o-page-header__title {
  text-align: center;
  color: #282941;
  margin: 0;
}
.o-page-header .o-page-header__subtitle {
  text-align: center;
  color: #d4d4d9;
  margin: 0 0 50px 0;
}
@media (min-width: 40rem) and (max-width: 768px) {
  .o-page-header .o-page-header__subtitle {
    margin: 0 0 22px 0;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  .o-page-header .o-page-header__subtitle {
    margin: 0 0 22px 0;
  }
}
/*****************
*
* 6. COMPONENTS
*
* design for UI, still only classes, more explicit names:
*Â Â Â Â Â Â Â Â Â Â Â Â Â  .products-list, .product-list__item
*
* OSS: dividere in base al tipo di oggetto
*/
.ws-hidden {
  display: none;
}
#page.status_1 .selfie-complete,
#page.status_1 .document-incomplete,
#page.status_1 .document-complete {
  display: none;
}
#page.status_1 #step-2-section {
  display: none;
}
#page.status_2 .selfie-incomplete,
#page.status_2 .document-complete {
  display: none;
}
#page.status_2 #step-1-section {
  display: none;
}
#page.status_3 .selfie-incomplete,
#page.status_3 .document-incomplete {
  display: none;
}
#page.status_3 #step-1-section {
  display: none;
}
#page.status_3 #step-2-section {
  display: none;
}
#page .common-text {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 300;
  font-style: normal;
  font-size: 1.5rem;
  margin-bottom: 1.3rem;
  color: #282941;
}
#page .shifted-subtitle {
  margin-left: 60px;
}
#page #otheraddress {
  padding-left: 82px;
  margin-top: -22px;
}
#page #contract-section {
  padding: 0.5rem 0 3rem 0;
}
#page .section {
  padding: 2.5rem 0;
  transition: background-color 500ms ease-in-out, border 500ms ease-in-out;
}
#page .section .padding_verify {
  padding: 42px 0 0 108px;
}
#page .section .padding_verify .app_download {
  margin-top: 15px;
}
#page .section .padding_verify .app_download.appstore {
  background: url(../images/appstore2x.png) no-repeat center center;
  background-size: contain;
  width: 135px;
  height: 45px;
}
#page .section .padding_verify .app_download.playstore {
  background: url(../images/googleplay2x.png) no-repeat center center;
  background-size: contain;
  width: 135px;
  height: 45px;
}
#page .section .app_download {
  margin-top: 11px;
  text-align: center;
  float: right;
}
#page .section .info {
  display: block;
  margin-bottom: 20px;
  font-size: 0.9375rem;
  color: #68697a;
}
#page .section .info p {
  font-size: 1.125rem;
}
#page .section .info.detail {
  padding: 3px 0 0 60px;
}
#page .section .error_register {
  background: url(../images/error.svg);
  background-image: url(../images/error.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 95%;
  height: 129px;
  display: inline-block;
  margin: 1rem;
}
#page .section .request {
  text-align: right;
  width: 100%;
  margin-top: -92px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 65px;
}
#page .section .preacol {
  border: 2px solid #f2f2f2;
  border-radius: 7px;
  width: 43%;
  display: inline;
  margin: 0 auto;
  position: relative;
  float: left;
  text-align: center;
  margin-top: 25px;
  padding: 23px 14px 23px 14px;
  height: 254px;
}
@media (min-width: 768px) and (max-width: 960px) {
  #page .section .preacol {
    margin-right: 14px !important;
    padding: 23px 8px 23px 8px;
    margin-top: 25px;
    width: 47%;
  }
}
@media (min-width: 40rem) and (max-width: 768px) {
  #page .section .preacol {
    margin: 0;
    width: 100%;
    height: 246px;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  #page .section .preacol {
    margin: 0;
    width: 100%;
    height: 276px;
  }
}
#page .section .preacol .list {
  width: 53px;
  height: 53px;
  margin: 30px 0;
}
#page .section .preacol .list.doc_pre {
  margin: 0px auto;
  text-align: center;
  display: inline-block;
  background-image: url('../images/doc_pre.png');
  background-image: linear-gradient(transparent, transparent), url('../images/doc_pre.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
#page .section .preacol .list.card_pre {
  display: inline-block;
  background-image: url('../images/card_pre.png');
  background-image: linear-gradient(transparent, transparent), url('../images/card_pre.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
#page .section .preacol .list.sec_pre {
  display: inline-block;
  background-image: url('../images/sec_pre.png');
  background-image: linear-gradient(transparent, transparent), url('../images/sec_pre.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
#page .section .preacol .list.webcam {
  margin: 0px auto;
  text-align: center;
  display: inline-block;
  background-image: url('../images/selfie_webcam.png');
  background-image: linear-gradient(transparent, transparent), url('../images/selfie_webcam.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
#page .section .preacol .message {
  line-height: 1.3;
  margin-top: 30px;
}
@media (min-width: 768px) and (max-width: 960px) {
  #page .section .preacol .message {
    margin-top: 18px;
  }
}
#page .section .enter_bottom {
  animation-name: Enterbottom;
  animation-duration: 0.6s;
}
@keyframes Enterbottom {
  0% {
    transform: translate(0px, 100%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#page .section .enter_left {
  animation-name: Enterleft;
  animation-duration: 1.5s;
}
@keyframes Enterleft {
  0% {
    transform: translate(-1000%, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#page .section .fade {
  animation-name: Fade;
  animation-duration: 3s;
}
#page .section .enter_left_next {
  animation-name: Enterleft;
  animation-duration: 2.5s;
}
@keyframes Enterleft {
  0% {
    transform: translate(-1000%, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#page .section .fade {
  animation-name: Fade;
  animation-duration: 3s;
}
#page .section .enter_right {
  animation-name: EnterRight;
  animation-duration: 0.8s;
}
@keyframes EnterRight {
  0% {
    transform: translate(700%, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#page .section .fade {
  animation-name: Fade;
  animation-duration: 3s;
}
@keyframes Fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#page .section .images_preacol {
  float: left;
  margin-left: -180px;
  width: 127%;
}
@media (max-width: 40rem), (max-width: 640px) {
  #page .section .images_preacol .images_preacol--centered {
    text-align: -webkit-center;
  }
}
@media (min-width: 40rem) and (max-width: 768px) {
  #page .section .images_preacol .images_preacol--centered {
    margin-left: -122px;
  }
}
#page .section .images_preacol .free {
  border: 2px solid #f2f2f2;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 40px 0 0 400px;
  position: relative;
  padding: 22px 25px 32px 36px;
  width: 46%;
}
#page .section .images_preacol .free ul {
  list-style-type: circle;
  padding-left: 19px;
}
@media (min-width: 768px) and (max-width: 960px) {
  #page .section .images_preacol .free {
    margin: 1px 0 0 352px;
    position: relative;
    padding: 20px 25px 32px 36px;
    width: 46%;
  }
}
@media (min-width: 40rem) and (max-width: 768px) {
  #page .section .images_preacol .free {
    margin-left: 279px;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  #page .section .images_preacol .free {
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    animation: none;
  }
}
#page .section .images_preacol .iphone_verify {
  margin: 60px 0 0 210px;
  animation-name: Enterbottom;
  animation-duration: 0.6s;
  position: relative;
  background: url(../images/iphone2x.png) no-repeat center center;
  width: 311px;
  height: 594px;
  background-size: contain;
}
#page .section .images_preacol .iphone {
  position: relative;
  background: url(../images/iphone2x.png) no-repeat center center;
  width: 265px;
  height: 594px;
  margin: -421px 0 0 174px;
  background-size: contain;
}
@media (min-width: 768px) and (max-width: 960px) {
  #page .section .images_preacol .iphone {
    width: 200px;
    height: 440px;
    margin: -368px 0 0 192px;
  }
}
@media (min-width: 40rem) and (max-width: 768px) {
  #page .section .images_preacol .iphone {
    width: 265px;
    height: 594px;
    margin: -408px 0 0 174px;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  #page .section .images_preacol .iphone {
    width: 256px;
    height: 495px;
    margin: -93px 0 0 -42px;
    animation: none;
    background: url(../images/iphone2x-mobile.png) no-repeat center center;
    background-size: contain;
  }
}
#page .section .images_preacol .real_card {
  width: 288px;
  height: 227px;
  margin: -241px 0 0 44%;
  background-size: contain;
  z-index: 99;
  position: relative;
  display: block !important;
  display: inline-block;
  background-image: url('../images/real_card.png');
  background-image: linear-gradient(transparent, transparent), url('../images/real_card.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 768px) and (max-width: 960px) {
  #page .section .images_preacol .real_card {
    width: 215px;
    height: 170px;
    margin: -143px 0 0 44%;
  }
}
@media (min-width: 40rem) and (max-width: 768px) {
  #page .section .images_preacol .real_card {
    width: 288px;
    height: 227px;
    margin: -241px 0 0 44%;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  #page .section .images_preacol .real_card {
    width: 228px;
    height: 163px;
    margin: -244px 0 0 26%;
    animation: none;
  }
}
#page .section .images_preacol .card_verify {
  margin: -374px 0 -49px 105%;
  animation-name: Enterleft;
  animation-duration: 1.5s;
  width: 333px;
  height: 227px;
  z-index: 99;
  position: relative;
  display: block !important;
  display: inline-block;
  background-image: url('../images/real_card.png');
  background-image: linear-gradient(transparent, transparent), url('../images/real_card.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
#page .section .images_preacol .login {
  animation-name: EnterRight;
  animation-duration: 0.8s;
  position: relative;
  background: url(../images/login.png) no-repeat center center;
  width: 311px;
  height: 594px;
  margin: 0px 0 30px 59%;
  background-size: contain;
}
#page .section .documents {
  background: url(../images/documents.png) no-repeat center center;
  background: url(../images/documents.svg) no-repeat center center;
  width: 121px;
  height: 108px;
  margin: 20px 0 30px 5px;
}
#page .section .sella {
  background: #f2f2f2;
  padding: 10px;
  color: #68697a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#page .section .sella.margin-error {
  margin-bottom: 60px;
}
#page .section .sella .logo {
  background: url(../images/sella.png) no-repeat left center;
  background: url(../images/sella.svg) no-repeat left center;
  width: 33.7px;
  height: 33.4px;
}
#page .section .sella .user-message {
  line-height: 1.3;
  margin: -26px 0 4px 50px;
}
#page .section .status {
  width: 167px;
  height: 146px;
  margin-top: 6px;
  margin-bottom: 60px;
  text-align: center;
  float: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#page .section .status .flag {
  padding: 108px 0 0 0px;
}
#page .section .status .status-message {
  font-family: 'Droid Serif', Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  font-style: italic;
  line-height: 1.3;
  margin-top: -22px;
}
#page .section .status.success {
  background: #b5dabe;
}
#page .section .status.success .flag {
  background: url(../images/complete.png) no-repeat center center;
}
#page .section .status.success .status-message {
  color: #57977d;
}
#page .section .status.error {
  background: #fad0c7;
}
#page .section .status.error .flag {
  background: url(../images/uncomplete.png) no-repeat center center;
}
#page .section .status.error .status-message {
  color: #e9474e;
}
#page .section .status.pending {
  background: #fff2cc;
}
#page .section .status.pending .flag {
  background: url(../images/pending.png) no-repeat;
  background-position: center center;
  padding: 108px 0 0 0px;
  background-position: 48%;
}
#page .section .status.pending .status-message {
  color: #8b6649;
}
#page .section .label {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.2;
  text-align: left;
  text-transform: uppercase;
  padding: 0;
}
#page .section .label.full {
  color: #282941;
  text-align: left;
}
#page .section .label.selfie {
  padding-bottom: 100px;
}
#page .section .label .label-number {
  display: inline-block;
  float: left;
  width: 1.7rem;
  height: 1.7rem;
  margin-right: 5%;
  text-align: center;
  font-size: 0.9375rem;
  line-height: initial;
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
  color: #3FB7DC;
  border: 2px solid #3FB7DC;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding-top: 2px;
  margin-top: -3px;
  margin-bottom: 68px;
}
#page .section .label.selfie-complete .label-number,
#page .section .label.document-complete .label-number {
  background-color: #76bf90;
  color: white;
  border: 0;
  padding-top: 4px;
}
#page .section .label small {
  display: block;
  font-family: 'Droid Serif', Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  font-size: 0.9375rem;
  color: #68697a !important;
  margin: .625rem 0;
  line-height: 1.5;
  padding-bottom: 30px;
}
#page .section .label small.shifted {
  padding-left: 71px;
  left: 74px;
}
#page .section .fadein {
  animation-name: FadeIn;
  animation-duration: 0.8s;
}
#page .section .enter {
  animation-name: Enter;
  animation-duration: 0.8s;
}
#page .section .card-image.card {
  animation-name: FadeIn;
  animation-name: Enter;
  animation-duration: 0.8s;
  margin-left: 175px;
  margin-top: -102px;
  display: inline-block;
  background-image: url('../images/card.png');
  background-image: linear-gradient(transparent, transparent), url('../images/card.png');
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  background-size: cover;
  width: 254px;
  height: 163px;
}
#page .section .card-image.virtual {
  animation-name: FadeIn;
  animation-duration: 0.8s;
  margin-top: -90px;
  margin-left: 70px;
  display: inline-block;
  background-image: url('../images/virtual.png');
  background-image: linear-gradient(transparent, transparent), url('../images/virtual.png');
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  background-size: cover;
  width: 233px;
  height: 257px;
}
@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes Enter {
  0% {
    transform: translate(300%, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
#page .section .padding {
  padding: 0 20px 0 74px;
}
#page .section.done {
  color: #282941;
}
#page .section.done .content .feedback {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  margin-top: 1rem;
  padding: 0.5rem;
  height: auto;
}
#page .section.active {
  color: #282941;
}
#page .section.active .label {
  color: #282941;
  font-style: normal;
}
#page .section.disable .content label .tooltip {
  display: none;
}
#page .section.disable .label .label-number {
  background-color: #d4d4d9;
}
#page .section.disable button,
#page .section.disable .button {
  pointer-events: none;
  cursor: default;
  background: #f2f2f2;
}
#page .submit-section {
  padding: 70px 10px 40px 0px;
}
#page .submit-section.lesspad {
  padding: 2px 10px 28px 0px;
}
#page .wallet {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: white;
  z-index: 9;
  text-align: center;
}
#page .wallet .img_wallet {
  display: inline-block;
  background-image: url('../images/hype_wallet.png');
  background-image: linear-gradient(transparent, transparent), url('../images/hype_wallet.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-position: center left;
  background-size: contain;
  height: 81px;
  width: 77px;
  position: absolute;
  top: 50%;
  margin-top: -39px;
}
#page .wallet .img_app_wallet {
  display: inline-block;
  background-image: url('../images/app_wallet.png');
  background-image: linear-gradient(transparent, transparent), url('../images/app_wallet.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-position: center left;
  background-size: contain;
  height: 135px;
  width: 84px;
  position: absolute;
  top: 50%;
  margin-top: -62px;
}
#page .wallet .icon_wallet {
  background-position: center left;
  background-size: contain;
  height: 52px;
  width: 49.62px;
  position: absolute;
  left: 126px;
  margin-top: -15px;
}
#page .wallet .icon_wallet.refresh {
  display: inline-block;
  background-image: url('../images/refresh.png');
  background-image: linear-gradient(transparent, transparent), url('../images/refresh.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
#page .wallet .icon_wallet.lock {
  display: inline-block;
  background-image: url('../images/lock.png');
  background-image: linear-gradient(transparent, transparent), url('../images/lock.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
#page .wallet .icon_wallet.cart {
  display: inline-block;
  background-image: url('../images/cart.png');
  background-image: linear-gradient(transparent, transparent), url('../images/cart.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
#page .wallet.text_wallet {
  position: relative;
  text-align: left;
  width: 90%;
  max-width: 62rem;
  border: 3px solid #dcede0;
  padding: 20px;
  color: #68697a;
  border-radius: 5px;
  background-clip: padding-box;
  margin: 0 auto;
  margin-top: 30px;
}
#page .wallet .line_wallet {
  display: inline-block;
  color: #282941;
  font-size: 1.125rem;
  margin: 0 0 0 120px;
}
#page .wallet .line_wallet.space {
  margin-left: 170px;
  margin-top: 20px;
}
#page .wallet .green {
  color: #33B194 !important;
}
#privacy-section {
  padding: 0 !important;
}
.error-message .message {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
  background: white;
  line-height: 24px;
  padding: 1rem 0.625rem;
  border: 2px solid #e9474e;
  background: white url(../images/invalid.png) no-repeat center right;
  outline-color: #e9474e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 2rem;
  color: #e9474e;
}
#transfer-container.full-width {
  width: 100%;
}
.hidden-input {
  opacity: 0;
  position: absolute;
  max-width: 100%;
}
.preview {
  display: none;
  border-radius: 4px;
  border: 2px solid;
  border-color: #3db8de;
}
.container-preacol {
  width: 90%;
}
.codice-cliente {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #d4d4d9;
  padding: 18px 27px;
  width: 400px;
  text-align: center;
  font-size: 1.75rem;
  margin: 0 auto;
  color: #3FB7DC;
}
@media (max-width: 40rem), (max-width: 640px) {
  .codice-cliente {
    width: 200px !important;
  }
}
.codice-cliente span {
  position: absolute;
  text-transform: uppercase;
  font-size: 0.9375rem;
  color: #9394a0;
  top: -51px;
}
#logo {
  display: block;
  margin: 0 auto;
  background-color: #d4d4d9;
  display: inline-block;
  background-image: url('../images/logo_min.png');
  background-image: linear-gradient(transparent, transparent), url('../images/logo_min.png');
  background-repeat: no-repeat;
  background-position: center center;
  display: block !important;
  background-size: 39%;
  width: 160px;
  height: 80px;
  float: left;
}
#logo.preacol {
  display: inline-block;
  background-image: url('../images/logo_min.png');
  background-image: linear-gradient(transparent, transparent), url('../images/logo_min.png');
  background-repeat: no-repeat;
  background-position: center center;
  width: 46px;
  margin: 0 !important;
  background-size: 45px;
  height: 37px;
}
#logo a {
  width: 46px;
  margin: 0 !important;
  height: 37px;
  position: absolute;
  padding-bottom: 0;
  border-bottom: none;
}
#logo--h4b {
  display: block;
  margin: 0 auto;
  background-color: #282941;
  display: block !important;
  background-size: 36%;
  width: 150.5px;
  height: 79.5px;
  float: left;
  display: inline-block;
  background-image: url('../images/logo_hype_business.png');
  background-image: linear-gradient(transparent, transparent), url('../images/logo_hype_business.svg');
  background-repeat: no-repeat;
  background-position: center center;
}
@media (max-width: 40rem), (max-width: 640px) {
  #logo--h4b {
    float: inherit;
    background-size: 50px;
    width: 100%;
  }
}
header.container {
  background: #282941;
  width: 100%;
  margin: 0;
  max-width: 100%;
  height: 80px;
}
header.container.container--preacol {
  height: 79px;
}
@media (max-width: 40rem), (max-width: 640px) {
  header.container {
    height: 175px;
  }
}
header.container.preacol {
  padding: 7px 0;
}
header.container .position_logo {
  margin: 0 auto;
  max-width: 62rem;
  width: 90%;
}
header.container .position_logo .logo_dim {
  width: 46px;
  height: 37px;
}
header.container #stepper {
  text-align: center;
}
header.container #stepper .flag {
  background: url(../images/flag.png) no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 137px;
  height: 87px;
  display: inline-block;
  margin: 1rem;
}
header.container #stepper .verified {
  background: url(../images/verified.png) no-repeat;
  background-position: center center;
  background-size: 100%;
  width: 271px;
  height: 233px;
  display: inline-block;
  margin: 70px 30px;
}
header.container #stepper h1 {
  font-size: 1em;
  text-transform: uppercase;
  margin-top: 3rem;
  margin-bottom: 0;
  font-size: 0.9375rem;
  color: white;
}
header.container #stepper h4#stepper-title {
  text-transform: uppercase;
  margin: 0;
  margin-top: 1em;
  margin-bottom: 0rem;
  color: #3db8de;
  padding: 0 36px;
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 300;
  font-style: normal;
  font-size: 2.5rem;
}
header.container #stepper h4.completed {
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  color: white !important;
}
header.container #stepper h5 {
  font-family: 'Droid Serif', Georgia, serif;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
  font-size: 1.125rem;
  margin-top: 0;
  margin-bottom: 4rem;
  color: white;
  padding: 0 26px;
}
header.container #stepper h5.completed {
  font-size: 1.5rem !important;
}
header.container #stepper h5.completed.blue {
  color: #3db8de !important;
  font-size: 2.5rem !important;
}
header.container #stepper #stepper-container {
  margin-bottom: 2rem;
  text-align: center;
  position: relative;
}
header.container #stepper #stepper-container .stepper--second-part {
  left: 61px;
  position: relative;
}
@media (min-width: 40rem) and (max-width: 910px) {
  header.container #stepper #stepper-container {
    margin-left: 28px;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  header.container #stepper #stepper-container {
    padding-top: 32px;
    position: absolute;
    left: 50%;
    margin-left: -152px;
  }
}
@media (min-width: 40rem) and (max-width: 910px) {
  header.container #stepper #stepper-container .stepper--second-part {
    display: none;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  header.container #stepper #stepper-container .stepper--second-part {
    display: none;
  }
}
header.container #stepper #stepper-container .stepper {
  position: relative;
  float: left;
}
@media (min-width: 40rem) and (max-width: 910px) {
  header.container #stepper #stepper-container .stepper {
    position: initial;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  header.container #stepper #stepper-container .stepper {
    position: initial;
  }
}
header.container #stepper #stepper-container .stepper .stepper__ball {
  background-color: #9394a0;
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
header.container #stepper #stepper-container .stepper .stepper__label {
  color: #9394a0;
  position: absolute;
  top: -20px;
  transform: translateX(-42%);
  font-size: 0.75rem;
  white-space: nowrap;
}
@media (max-width: 40rem), (max-width: 640px) {
  header.container #stepper #stepper-container .stepper .stepper__label {
    display: none;
  }
}
header.container #stepper #stepper-container .stepper .stepper__label.pin {
  left: -27px;
}
header.container #stepper #stepper-container .stepper .stepper__line {
  background-color: #9394a0;
  display: inline-block;
  margin: -7px 0px -3px -3px;
  width: 133px;
  height: 2px;
  vertical-align: middle;
  position: relative;
}
@media (min-width: 40rem) and (max-width: 910px) {
  header.container #stepper #stepper-container .stepper .stepper__line {
    width: 90px;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  header.container #stepper #stepper-container .stepper .stepper__line {
    width: 60px;
  }
}
header.container #stepper #stepper-container .stepper .stepper__line.stepper__line--hidden {
  background-color: transparent;
  width: 55px;
}
@media (min-width: 40rem) and (max-width: 910px) {
  header.container #stepper #stepper-container .stepper .stepper__line.stepper__line--hidden {
    display: none;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  header.container #stepper #stepper-container .stepper .stepper__line.stepper__line--hidden {
    display: none;
  }
}
header.container #stepper #stepper-container .stepper.stepper--active .stepper__ball {
  background-color: #3FB7DC;
}
header.container #stepper #stepper-container .stepper.stepper--active .stepper__label {
  color: #3FB7DC;
  font-family: 'Lato', Verdana, "sans serif";
  font-weight: 900;
  font-style: normal;
}
@media (max-width: 40rem), (max-width: 640px) {
  header.container #stepper #stepper-container .stepper.stepper--active .stepper__label {
    transform: none;
    font-size: 1.125rem;
    padding-top: 18px;
    text-align: center;
    display: block;
    width: 100%;
    left: 0;
  }
}
header.container #stepper #stepper-container .stepper.stepper--visited .stepper__ball {
  background-color: #f2f2f2;
}
header.container #stepper #stepper-container .stepper.stepper--visited .stepper__label {
  color: #f2f2f2;
}
@media (max-width: 40rem), (max-width: 640px) {
  header.container #stepper #stepper-container .stepper.stepper--visited .stepper__label {
    display: none;
  }
}
header.container #stepper #stepper-container .stepper.stepper--visited .stepper__line {
  background-color: #f2f2f2;
}
footer.container {
  background: #f2f2f2;
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
  position: relative;
  padding: 50px 0;
  height: auto;
  text-align: left;
  bottom: 0;
  color: #9394a0;
  font-size: 13px;
  margin-top: 40px;
}
footer.container.c-footer--tall {
  margin: -40px 0 0;
}
@media (max-width: 40rem), (max-width: 640px) {
  footer.container.c-footer--tall {
    margin: -84px 0 0 !important;
  }
}
@media (min-width: 40rem) and (max-width: 910px) {
  footer.container.c-footer--tall {
    margin: 0 !important;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  footer.container.c-footer--tall.c-footer--tall-mobile {
    margin: -165px 0 0 !important;
  }
}
@media (min-width: 40rem) and (max-width: 910px) {
  footer.container.c-footer--tall.c-footer--tall-mobile {
    margin: -84px 0 0 !important;
  }
}
footer.container .disclaimer {
  text-align: center;
}
footer.container h4 {
  color: #9394a0;
  text-transform: uppercase;
  font-size: 11px;
}
footer.container ul {
  padding-left: 0;
  list-style: none;
  font-size: 13px;
  line-height: 24px;
}
footer.container .col-sm-4 {
  width: 33.33333333%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 40rem), (max-width: 640px) {
  footer.container .col-sm-4 {
    width: 100% !important;
    float: none !important;
  }
}
footer.container .col-sm-4.light {
  width: 16.33333333%;
}
@media (max-width: 40rem), (max-width: 640px) {
  footer.container .col-sm-4.light {
    width: 100% !important;
    float: none !important;
    text-align: center;
    padding-bottom: 20px;
  }
}
footer.container .col-sm-4 .c-footer__logo {
  display: inline-block;
  background-image: url('../images/logo-footer.png');
  background-image: linear-gradient(transparent, transparent), url('../images/logo-footer.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  max-width: 192px;
  min-width: 133px;
  height: 103px;
  background-size: 52%;
}
@media (max-width: 40rem), (max-width: 640px) {
  footer.container .col-sm-4 .c-footer__logo {
    background-size: 109px;
  }
}
footer.container .col-sm-2 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 30.66666667%;
}
@media (min-width: 40rem) and (max-width: 910px) {
  footer.container .col-sm-2 {
    width: 32.666667%;
  }
}
@media (max-width: 40rem), (max-width: 640px) {
  footer.container .col-sm-2 {
    width: 100% !important;
    float: none !important;
  }
}
footer.container .col-sm-2.bordered {
  border-left: 1px solid #d4d4d9;
  min-height: 166px;
}
@media (max-width: 40rem), (max-width: 640px) {
  footer.container .col-sm-2.bordered {
    border: 0 !important;
    min-height: 80px !important;
  }
}
footer.container .col-sm-2.light {
  width: 52.33333333%;
  margin-top: 20px;
}
@media (min-width: 40rem) and (max-width: 910px) {
  footer.container .col-sm-2.light {
    width: 50.333333%;
  }
}
footer.container .closing {
  font-size: 12px;
}
footer.container a .c-footer__link {
  color: #9394a0;
}
footer.container a .c-footer__link:hover {
  padding-bottom: 0;
  border-bottom: none;
  color: #3db8de;
}
table.riepilogo {
  margin: 0 auto;
  text-transform: uppercase;
  color: #9394a0;
  font-size: 0.9375rem;
  text-align: left;
}
table.riepilogo tr {
  border-bottom: 1px solid #d4d4d9;
}
table.riepilogo tr.last {
  border-bottom: 0px !important;
}
table.riepilogo td {
  padding: 10px;
  border-right: 1px solid #d4d4d9;
}
table.riepilogo td.last {
  border-right: 0px !important;
}
.btn_with_pic__text {
  display: block;
  text-transform: none;
}
.btn_with_pic__text:first-of-type {
  padding-top: 15px;
}
.selfie_con_doc {
  background: url('../images/svg/1_selfie_con_doc.svg') no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 120px;
  display: block;
}
.documenti_pic {
  background: url('../images/svg/2_documenti.svg') no-repeat;
  background-position: center;
  background-size: contain;
  min-height: 120px;
  display: block;
  min-width: 100%;
}
#take-2.driving .btn_with_pic__pic {
  display: inline-block;
  background-image: url('../images/svg/driving_fronte.png');
  background-image: linear-gradient(transparent, transparent), url('../images/svg/driving_fronte.svg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 105px;
  width: 144px;
}
#take-2.passport .btn_with_pic__pic {
  display: inline-block;
  background-image: url('../images/svg/passport_fronte.png');
  background-image: linear-gradient(transparent, transparent), url('../images/svg/passport_fronte.svg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 105px;
  width: 144px;
}
#take-2.ID .btn_with_pic__pic {
  display: inline-block;
  background-image: url('../images/svg/ID_fronte.png');
  background-image: linear-gradient(transparent, transparent), url('../images/svg/ID_fronte.svg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 105px;
  width: 144px;
}
#take-3.driving .btn_with_pic__pic {
  display: inline-block;
  background-image: url('../images/svg/driving_retro.png');
  background-image: linear-gradient(transparent, transparent), url('../images/svg/driving_retro.svg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 105px;
  width: 144px;
}
#take-3.passport .btn_with_pic__pic {
  display: inline-block;
  background-image: url('../images/svg/passport_retro.png');
  background-image: linear-gradient(transparent, transparent), url('../images/svg/passport_retro.svg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 105px;
  width: 144px;
}
#take-3.ID .btn_with_pic__pic {
  display: inline-block;
  background-image: url('../images/svg/ID_retro.png');
  background-image: linear-gradient(transparent, transparent), url('../images/svg/ID_retro.svg');
  background-repeat: no-repeat;
  background-position: center center;
  height: 105px;
  width: 144px;
}
/*****************
*
* 7. BULLETS (ex TRUMPS/THOR)
*
* overrides, helpers, utilities, only ONE piece of the DOM at time
*Â usually carry !important
*
*/
.hidden {
  display: none !important;
}
.no-padding {
  padding: 0px !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-left {
  padding-left: 0px !important;
}
.no-padding-right {
  padding-right: 0px !important;
}
.center-with-table {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
.empty-blue-btn {
  border-radius: 4px !important;
  border: 2px solid !important;
  border-color: #3db8de !important;
  background-color: white !important;
  color: #3db8de !important;
  text-transform: none !important;
}
.align-right {
  text-align: right;
}
@media (min-width: 40rem), (min-width: 640px) {
  .column {
    float: left;
    position: relative;
    margin: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .column.right {
    text-align: right;
    padding-right: 0 !important;
  }
  .column.full {
    width: 100%;
  }
  .column.two-thirds {
    width: 66.7%;
  }
  .column.half {
    width: 50%;
  }
  .column.third {
    width: 33.3%;
  }
  .column.fourth {
    width: 25%;
  }
  .column.three-fourths {
    width: 75%;
  }
  .column.pad {
    width: 12.5%;
  }
  .column.halfpad {
    width: 37.5%;
  }
  .column.flow-opposite {
    float: right;
  }
}
@media (min-width: 40rem) and (min-width: 40rem) and (max-width: 910px), (min-width: 640px) and (min-width: 40rem) and (max-width: 910px) {
  .column.two-thirds {
    width: 73.7% !important;
  }
}
@media (min-width: 40rem) and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
  #logo {
    width: 100px;
  }
  #logo.preacol {
    width: auto;
  }
  .container-preacol.webkit-center {
    text-align: -webkit-center;
  }
  .container.container-thin {
    width: 90%;
  }
  .column.pad {
    display: none;
  }
  #otheraddress {
    padding-left: 0px !important;
  }
  #page h1 {
    line-height: 1.2;
    padding-bottom: 22px;
  }
  #page h1.data {
    margin-left: 0;
    margin-right: 0;
  }
  #page h1.noborder {
    margin-top: -20px !important;
    font-size: 34px !important;
  }
  #page h1.noborder.ita {
    text-align: center;
  }
  #page h2.dark {
    font-size: 22px !important;
  }
  #page h2.dark.bigger {
    text-align: center;
  }
  #page .mobile-second {
    display: table-footer-group;
    float: none !important;
  }
  #page .mobile-first {
    display: table-header-group;
    float: none !important;
  }
  #page .section {
    padding-bottom: 0;
  }
  #page .section button {
    width: 100%;
  }
  #page .section .padding_verify {
    padding: 18px 0 !important;
    float: none !important;
  }
  #page .section .padding_verify .app_download {
    margin-top: 0 !important;
    float: none !important;
  }
  #page .section .padding_verify .app_download.appstore {
    margin: 0 auto;
    margin-top: 15px !important;
  }
  #page .section .padding_verify .app_download.playstore {
    margin: 0 auto;
    margin-top: 15px !important;
  }
  #page .section .label {
    width: 100%;
    text-align: left;
  }
  #page .section .label small {
    padding-left: 42px;
  }
  #page .section .content {
    width: 100%;
    margin-bottom: 0;
  }
  #page .section .content .ac-custom {
    width: 100%;
  }
  #page .section .content .ac-custom .label_radio .mob {
    padding-left: 6px;
  }
  #page .section .content .ac-custom .label_radio.secondary {
    padding-left: 5px;
  }
  #page .section .content .ac-custom .cardok svg {
    top: 0px !important;
  }
  #page .section .content .ac-custom.consenso svg {
    left: 3px !important;
    top: 4px;
  }
  #page .section .content .ac-custom.consensob svg {
    top: 4px;
  }
  #page .section .content .ac-custom.contratti svg {
    width: 15px;
    height: 15px;
    top: 4px;
  }
  #page .section .content .ac-custom.selfie svg,
  #page .section .content .ac-custom.transfer svg {
    left: 20px;
  }
  #page .section .preacol {
    margin-bottom: 50px;
    font-size: 0.9375rem;
  }
  #page .section .preacol .list {
    margin: 0 !important;
  }
  #page .section .images_preacol {
    margin: 0 auto;
    position: relative;
    width: 100%;
  }
  #page .section .images_preacol .iphone_verify {
    width: 254px;
    height: 495px;
    background-size: 100%;
    margin: 0 0 0 -115px;
    animation: none;
  }
  #page .section .images_preacol .card_verify {
    margin: -322px 0 0 26%;
    background-size: 100%;
    width: 265px;
    height: 236px;
    animation: none;
  }
  #page #identification-section #transfer-alert {
    padding: 40px;
  }
  #page img.card {
    display: none;
  }
  #page img.virtual {
    display: none;
  }
  #page .column.half.selfie {
    margin-bottom: 4rem;
    margin-left: -2.8rem;
    width: 100%;
  }
  #page .column.half.transfer {
    margin-bottom: 0;
    margin-left: -2.8rem;
    width: 100%;
  }
  #page .submit-section {
    margin-top: 4.5rem;
    padding: 0;
  }
  #page .submit-section button,
  #page .submit-section .button {
    width: 100%;
  }
  #page .submit-section .back {
    margin-top: 5.5rem;
    margin-bottom: 20px;
    border: 1px solid #d4d4d9;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    left: 0;
  }
  #error .alert-img {
    background-position: 50% !important;
    width: 100% !important;
    position: relative !important;
    margin: 10px 0 !important;
  }
  #error.unsopported-browser-error {
    text-align: center !important;
  }
  #error .text-2 {
    width: 81%;
    margin: 10px 0;
  }
  header.container .position_logo .logo_dim {
    width: auto !important;
    height: auto !important;
  }
  header.container #stepper #stepper-container .stepper {
    position: initial;
  }
  header.container #stepper #stepper-container .stepper span {
    display: none;
  }
  header.container #stepper #stepper-container .stepper span.active {
    display: block;
    width: 100%;
    left: 0;
    margin: -1px;
  }
  header.container #stepper #stepper-container .stepper span.visited {
    display: none;
  }
  header.container #stepper #stepper-container .stepper_line {
    width: 75px;
    margin: -5px -2px -4px -2px;
  }
  footer.container {
    margin-top: 30px !important;
  }
  footer.container.tall {
    margin: -84px 0 0 !important;
  }
  footer.container .row {
    width: 100% !important;
  }
  footer.container .row ul {
    display: -webkit-inline-box;
  }
  footer.container .row ul li {
    margin-right: 20px;
  }
  footer.container .row ul li.contact {
    width: 74% !important;
  }
  footer.container .row .col-sm-4 {
    width: 100% !important;
    float: none !important;
  }
  footer.container .row .col-sm-2 {
    width: 100% !important;
    float: none !important;
  }
  footer.container .row .col-sm-2.bordered {
    border: 0 !important;
    min-height: 80px !important;
  }
}
.tablet-style .hide-mobile {
  display: none !important;
}
.tablet-style #page .section .content #fileupload .btn-browse {
  display: none;
}
.tablet-style #page .section .content #fileupload .btn-mobile {
  display: initial;
}
.tablet-style #page .section .content #fileupload .btn-mobile .text {
  font-size: 1.125rem;
  padding: 6px 15px;
  border: 2px solid #68697a;
  border-radius: 5px;
  color: #68697a;
  margin-top: 44px;
  text-transform: uppercase;
}
.tablet-style #page .section .content #fileupload .btn-mobile input {
  width: 100%;
  left: 0;
  top: -10px;
  z-index: 2;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 50px;
  cursor: pointer;
  padding: 20px;
}
.tablet-style #page .section .content #fileupload .intro {
  display: none;
}
.tablet-style #page .section .content #fileupload .file-container {
  min-height: 150px;
}
.tablet-style #page .section .content #fileupload .file-container .file-item {
  margin-bottom: 50px;
}
.tablet-style #page .section .content #fileupload .file-container .desktop {
  display: none;
}
.tablet-style #page .section .content #fileupload .file-container .mobile {
  display: inline-block;
  margin: -42px;
}
.tablet-style #page .section .content #fileupload .file-container .mobile-noselfie .image {
  width: 140px;
  height: 46px;
  display: block;
  background: url(../images/fronteretro.svg) no-repeat;
  margin: auto;
  margin-bottom: 15px;
}
.tablet-style #page .section .content #fileupload .file-container .mobile-selfie {
  text-align: left;
}
.tablet-style #page .section .content #fileupload .file-container .mobile-selfie .sel {
  padding-right: 10px;
  height: 63.3px;
  width: 59.3px;
  float: left;
  display: inline-block;
  background-image: url(../images/selfie.png);
  background-image: linear-gradient(transparent, transparent), url(../images/selfie.svg);
  background-repeat: no-repeat;
  margin: 0 13px 35px 0;
}
.tablet-style #page .section .content #fileupload .file-container .mobile-selfie .doc {
  padding-right: 10px;
  height: 123.6px;
  width: 62.3px;
  float: left;
  display: inline-block;
  background-image: url('../images/fronteretro_mobile.png');
  background-image: linear-gradient(transparent, transparent), url('../images/fronteretro_mobile.svg');
  background-repeat: no-repeat;
  background-position: center center;
  margin: -17px 13px 73px 0;
}
.tablet-style #page .section .content #fileupload .file-container .mobile-selfie .testo {
  line-height: 1.3;
}
.tablet-style #page .section .content #fileupload .file-container .mobile-selfie .document {
  padding-top: 14px;
}
.tablet-style #page #identification-section #transfer-alert {
  padding: 40px;
}
.tablet-style #page img.card {
  display: none;
}
.tablet-style #page img.virtual {
  display: none;
}
@media (max-width: 40rem), (max-width: 640px) {
  .hide-mobile {
    display: none !important;
  }
  #logo {
    width: 100px;
  }
  #logo.preacol {
    width: auto;
  }
  .container-preacol.webkit-center {
    text-align: -webkit-center;
  }
  .container.container-thin {
    width: 90%;
  }
  .column.pad {
    display: none;
  }
  #otheraddress {
    padding-left: 0px !important;
  }
  #page h1 {
    line-height: 1.5;
    padding-bottom: 22px;
  }
  #page h1.data {
    margin-left: 0;
    margin-right: 0;
  }
  #page h1.hide {
    display: none;
  }
  #page h1.noborder {
    margin-top: -20px !important;
    padding-bottom: 10px !important;
  }
  #page h1.noborder.ita {
    text-align: center;
  }
  #page h2.dark {
    font-size: 22px !important;
  }
  #page h2.dark.bigger {
    text-align: center;
  }
  #page .mobile-second {
    display: table-footer-group;
  }
  #page .mobile-first {
    display: table-header-group;
  }
  #page .wallet .img_wallet {
    margin: 0 auto;
    position: relative !important;
    top: 0 !important;
    display: block !important;
  }
  #page .wallet .img_app_wallet {
    margin: 0 auto;
    position: relative !important;
    top: 0 !important;
    display: block !important;
  }
  #page .wallet .icon_wallet {
    left: 4px !important;
  }
  #page .wallet .line_wallet {
    margin-left: 0 !important;
    text-align: center;
    margin-top: 15px;
    font-size: 0.9375rem;
  }
  #page .wallet .line_wallet .medium {
    font-size: 1.5rem !important;
  }
  #page .wallet .line_wallet.space {
    margin-left: 44px !important;
    text-align: left !important;
  }
  #page .section {
    padding-bottom: 0;
  }
  #page .section button {
    width: 100%;
  }
  #page .section .lesspad {
    padding: 2px 10px 0 0;
  }
  #page .section .request {
    position: relative;
    width: 100%;
    margin-top: -27px;
    padding-bottom: 0;
  }
  #page .section .status {
    width: 100%;
    height: 123px;
  }
  #page .section .documents {
    margin: 0 auto;
  }
  #page .section .sella {
    padding: 25px 20px;
  }
  #page .section .sella .logo {
    margin: 0px auto;
    text-align: center;
  }
  #page .section .sella .user-message {
    line-height: 1.3;
    margin-top: 10px !important;
    margin: 0 auto;
  }
  #page .section .preacol {
    margin-bottom: 80px;
  }
  #page .section .preacol .list {
    margin: 0 !important;
  }
  #page .section .padding_verify {
    padding: 18px 0 !important;
    float: none !important;
  }
  #page .section .padding_verify .app_download {
    float: none !important;
  }
  #page .section .padding_verify .app_download.appstore {
    margin: 0 auto;
    margin-top: 15px;
  }
  #page .section .padding_verify .app_download.playstore {
    margin: 0 auto;
    margin-top: 15px;
  }
  #page .section .images_preacol {
    margin: 0 auto;
    position: relative;
    width: 100%;
  }
  #page .section .images_preacol .iphone_verify {
    width: 214px;
    height: 418px;
    background-size: 100%;
    margin: 0 0 0 -82px;
    animation: none;
  }
  #page .section .images_preacol .card_verify {
    margin: -322px 0 0 26%;
    background-size: 100%;
    width: 227px;
    height: 227px;
    animation: none;
  }
  #page .section .row {
    margin-bottom: 0;
  }
  #page .section .label {
    text-align: left;
  }
  #page .section .label small {
    padding-left: 42px;
  }
  #page .section .content {
    margin-bottom: 0;
  }
  #page .section .content label.input-text-label {
    left: 0;
    right: 0;
  }
  #page .section .content .ac-custom .label_radio .mob {
    padding-left: 6px;
  }
  #page .section .content .ac-custom .label_radio.secondary {
    padding-left: 5px;
  }
  #page .section .content .ac-custom input[type="checkbox"] + label.label_radio,
  #page .section .content .ac-custom input[type="radio"] + label.label_radio,
  #page .section .content .ac-custom input[type=checkbox] + label.label_radio,
  #page .section .content .ac-custom input[type=radio] + label.label_radio,
  #page .section .content .ac-custom input[type="checkbox"] + span + label.label_radio,
  #page .section .content .ac-custom input[type="radio"] + span + label.label_radio,
  #page .section .content .ac-custom input[type=checkbox] + span + label.label_radio,
  #page .section .content .ac-custom input[type=radio] + span + label.label_radio {
    padding-left: 40px;
  }
  #page .section .content .ac-custom .cardok svg {
    top: 0px !important;
  }
  #page .section .content .ac-custom.consenso svg {
    left: 3px !important;
    top: 4px;
  }
  #page .section .content .ac-custom.consensob svg {
    top: 4px;
  }
  #page .section .content .ac-custom.contratti svg {
    width: 15px;
    height: 15px;
    top: 4px;
  }
  #page .section .content .ac-custom.selfie svg,
  #page .section .content .ac-custom.transfer svg {
    left: -3px;
  }
  #page .section .content #fileupload .btn-browse {
    display: none;
  }
  #page .section .content #fileupload .btn-mobile {
    display: initial;
  }
  #page .section .content #fileupload .btn-mobile .text {
    font-size: 1.125rem;
    padding: 6px 15px;
    border: 2px solid #68697a;
    border-radius: 5px;
    color: #68697a;
    margin-top: 44px;
    text-transform: uppercase;
  }
  #page .section .content #fileupload .btn-mobile input {
    width: 100%;
    left: 0;
    top: -10px;
    z-index: 2;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 50px;
    cursor: pointer;
    padding: 20px;
  }
  #page .section .content #fileupload .intro {
    display: none;
  }
  #page .section .content #fileupload .file-container {
    min-height: 150px;
    /*.mobile-selfie {
                            .image {
                                width: 244px;
                                height: 46px;
                                display: block;
                                background: url(../images/fronteretro.svg) no-repeat;
                                margin: auto;
                                margin-bottom: 15px;
                            }
                            }*/
  }
  #page .section .content #fileupload .file-container .file-item {
    margin-bottom: 50px;
  }
  #page .section .content #fileupload .file-container .desktop {
    display: none;
  }
  #page .section .content #fileupload .file-container .mobile {
    display: inline-block;
    margin: -42px;
  }
  #page .section .content #fileupload .file-container .mobile-noselfie .image {
    width: 244px;
    height: 46px;
    display: block;
    background: url(../images/upload_mobile.svg) no-repeat;
    margin: auto;
    margin-bottom: 15px;
  }
  #page .section .content #fileupload .file-container .mobile-selfie {
    text-align: left;
  }
  #page .section .content #fileupload .file-container .mobile-selfie .sel {
    padding-right: 10px;
    height: 63.3px;
    width: 59.3px;
    float: left;
    display: inline-block;
    background-image: url(../images/selfie.png);
    background-image: linear-gradient(transparent, transparent), url(../images/selfie.svg);
    background-repeat: no-repeat;
    margin: 0 13px 35px 0;
  }
  #page .section .content #fileupload .file-container .mobile-selfie .doc {
    padding-right: 10px;
    height: 123.6px;
    width: 62.3px;
    float: left;
    display: inline-block;
    background-image: url(../images/fronteretro_mobile.png);
    background-image: linear-gradient(transparent, transparent), url(../images/fronteretro_mobile.svg);
    background-repeat: no-repeat;
    background-position: center center;
    margin: -17px 13px 73px 0;
  }
  #page .section .content #fileupload .file-container .mobile-selfie .testo {
    line-height: 1.3;
  }
  #page .section .content #fileupload .file-container .mobile-selfie .document {
    padding-top: 14px;
  }
  #page #identification-section #transfer-alert {
    padding: 40px;
  }
  #page img.card {
    display: none;
  }
  #page img.virtual {
    display: none;
  }
  #page .column.half.selfie {
    margin-bottom: 4rem;
    margin-left: -2.8rem;
  }
  #page .column.half.transfer {
    margin-bottom: 1.2rem;
    margin-left: -2.8rem;
  }
  #page .submit-section {
    padding: 0;
  }
  #page .submit-section button,
  #page .submit-section .button {
    width: 100%;
  }
  #page .submit-section .back {
    margin-top: 6.5rem;
    margin-bottom: 20px;
    border: 1px solid #d4d4d9;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    left: 0;
  }
  footer.container {
    margin: 0 !important;
    padding: 50px 20px !important;
    bottom: -85px;
  }
  footer.container.tall {
    margin: -84px 0 0 !important;
  }
  footer.container .row {
    width: 100% !important;
  }
  footer.container .row ul {
    display: -webkit-inline-box;
  }
  footer.container .row ul li {
    margin-right: 20px;
  }
  footer.container .row ul li.contact {
    display: -webkit-inline-box;
    width: 50%;
  }
  footer.container .row .col-sm-4 {
    width: 100% !important;
    float: none !important;
  }
  footer.container .row .col-sm-2 {
    width: 100% !important;
    float: none !important;
  }
  footer.container .row .col-sm-2.bordered {
    border: 0 !important;
    min-height: 80px !important;
  }
  .show-error .alert-img {
    background-position: 50% !important;
    width: 100% !important;
    position: relative !important;
    margin: 10px 0 !important;
  }
  .show-error.unsopported-browser-error {
    text-align: center !important;
  }
  .show-error .text-2 {
    width: 95%;
    margin: 10px 0;
  }
  header.container .position_logo .logo_dim {
    width: auto !important;
    height: auto !important;
  }
  header.container #stepper h4#stepper-title {
    font-size: 1.5rem;
  }
  header.container #stepper #stepper-container .stepper {
    position: initial;
  }
  header.container #stepper #stepper-container .stepper span {
    display: none;
  }
  header.container #stepper #stepper-container .stepper span.active {
    display: block;
    width: 100%;
    left: 0;
    margin: -1px;
  }
  header.container #stepper #stepper-container .stepper span.visited {
    display: none;
  }
  header.container #stepper #stepper-container .stepper_line {
    width: 75px;
    margin: -5px -2px -4px -2px;
  }
}
#front-rear {
  display: inline-block;
  background-image: url('../images/fronteretro.png');
  background-image: linear-gradient(transparent, transparent), url('../images/fronteretro.svg');
  background-repeat: no-repeat;
  background-position: center center;
  display: block !important;
  background-size: contain;
  width: 198px;
  height: 78px;
  margin-left: auto;
  margin-right: auto;
}
.show-iphone {
  display: none;
}
.iphone-safari .hide-iphone,
.ipad-safari .hide-iphone {
  display: none;
}
.iphone-safari .show-iphone,
.ipad-safari .show-iphone {
  display: inline;
}
.iphone-safari .show-iphone.block,
.ipad-safari .show-iphone.block {
  display: block;
}
#preloader {
  display: none;
  position: fixed;
  z-index: 101;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #282941;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#preloader #status {
  position: absolute;
  height: 100px;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  font-size: .825rem;
  text-transform: uppercase;
  width: 60%;
  left: 30%;
}
#preloader #status #wait-container {
  width: 100px;
  position: relative;
  margin: auto;
}
#preloader #status span {
  position: absolute;
  top: 50%;
  width: 100%;
  color: white;
  margin-top: -8px;
  text-align: center;
  z-index: 2;
}
#preloader #status img {
  width: 105px;
  margin-top: 10px;
  height: 90px;
}
.acol-documento {
  margin-bottom: 2rem;
}
.lock-icon {
  background-image: url(../images/locked.png);
  width: 26px;
  height: 16px;
  display: inline-block;
}
.form-left-helper {
  padding-top: 15px;
  padding-left: 38px;
  padding-bottom: 15px;
  padding-right: 20px;
  text-transform: none;
}
.form-left-helper.form-left-helper--nonumber {
  padding-left: 0 !important;
}
.step-3-titolo {
  margin: 0;
  padding: 0;
  border: none;
}