/* COLOR VARIABLES
============================================= */
/* BTN PADDING WITH IMAGE BACKGROUND
============================================= */
/* FONT WEIGHTS
============================================= */
/* BG IMAGES
============================================= */
/* FLEXBOX
============================================= */
/* GRID
============================================= */
/* BOX SHADOW
============================================= */
/* OPACITY
============================================= */
/* TRANSITION
============================================= */
/* TRANSFORM
============================================= */
/* BORDER RADIUS
============================================= */
/* TEXT TRANSFORM
============================================= */
/* Compiled Less CSS File */
/* Generated from "grk.custom.layout.css" */
/************************************************************/
/* 															*/
/*	GRK CMS Responsive Framework 							*/
/*	Version 1.1 http://www.grkcms.com						*/
/*	Created for using with GRK CMS Templates 				*/
/*	Under GRKFORGE license									*/
/* 															*/
/************************************************************/
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* HTML ----------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
html {
  height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-image: url("/library/pagination/icon/loader.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* @font-face ----------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
@font-face {
  font-family: "Metropolis-Regular";
  src: url("/library/fonts/Metropolis-Regular.eot?") format("eot"), url("/library/fonts/Metropolis-Regular.woff") format("woff"), url("/library/fonts/Metropolis-Regular.ttf") format("truetype"), url("/library/fonts/Metropolis-Regular.svg#Metropolis-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Metropolis-Bold";
  src: url("/library/fonts/Metropolis-Bold.eot?") format("eot"), url("/library/fonts/Metropolis-Bold.woff") format("woff"), url("/library/fonts/Metropolis-Bold.ttf") format("truetype"), url("/library/fonts/Metropolis-Bold.svg#Metropolis-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Metropolis-Black";
  src: url("/library/fonts/Metropolis-Black.eot?") format("eot"), url("/library/fonts/Metropolis-Black.woff") format("woff"), url("/library/fonts/Metropolis-Black.ttf") format("truetype"), url("/library/fonts/Metropolis-Black.svg#Metropolis-Black") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Metropolis-Light";
  src: url("/library/fonts/Metropolis-Light.eot?") format("eot"), url("/library/fonts/Metropolis-Light.woff") format("woff"), url("/library/fonts/Metropolis-Light.ttf") format("truetype"), url("/library/fonts/Metropolis-Light.svg#Metropolis-Light") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* BODY ----------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
body {
  font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
  font-weight: normal;
  font-size: 16px;
  font-display: fallback;
  background-color: #FFFFFF;
  color: #000000;
  line-height: 24px;
  overflow-x: hidden;
  position: relative;
  text-align: justify;
  letter-spacing: 0.02vw;
}

body {
  opacity: 0.000001;
  -moz-transition: opacity 0.8s ease-out;
  -webkit-transition: opacity 0.8s ease-out;
  -o-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out;
}
body.loaded {
  opacity: 1;
}

strong, b {
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-weight: normal;
  font-display: fallback;
}

.azzurro, .azzurro path, .azzurro ellipse, .azzurro rect {
  fill: #FFFFFF !important;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a:focus {
  outline: none;
}

.active .azzurro, .active .azzurro path, .active .azzurro ellipse, .active .azzurro rect {
  fill: #00A5FF !important;
}

svg:hover .azzurro, svg:hover .azzurro path, svg:hover .azzurro ellipse, svg:hover .azzurro rect {
  fill: #00A5FF !important;
}

#backlogo svg:hover .azzurro, #backlogo svg:hover .azzurro path, #backlogo svg:hover .azzurro ellipse, #backlogo svg:hover .azzurro rect {
  fill: #FFFFFF !important;
}

.active .azzurro, .active .azzurro path, .active .azzurro ellipse {
  /*fill: $azzurrochiaro!important;*/
}

.active .btn-outline {
  /*background: $azzurrochiaro;*/
  background: #00A5FF;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* LINKS ---------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
a {
  color: #0090DF;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

a:hover {
  text-decoration: none;
  color: #9AD0FD;
}

.contacts a {
  background-color: #9AD0FD;
  color: #000000;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 8px;
}

.note-legali-spiegazione a {
  color: #000000;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
}

/*
a:visited {
  color: $azzurro;
}

a:active {
  color: $azzurro;
}
*/
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* TYPO ----------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: normal;
}

h1, .h1 {
  color: #000000;
  margin-bottom: 10px;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  line-height: normal;
  font-size: clamp(28px, 4vw, 36px);
  font-weight: normal;
  font-display: fallback;
}

h2, .h2 {
  color: #000000;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-size: 26px;
  text-transform: none;
  font-weight: normal;
  font-display: fallback;
  margin-bottom: 24px;
}

h3, .h3 {
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-weight: normal;
  font-display: fallback;
  font-size: 22px;
  margin: 20px 0;
}

h4, .h4 {
  font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
  font-size: 17px;
  font-weight: normal;
  font-display: fallback;
}

h5, .h5 {
  font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
  font-size: 15px;
  font-display: fallback;
  color: #000000;
}

p {
  font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
  font-size: 16px;
  line-height: 26px;
  text-align: justify;
  letter-spacing: 0.02vw;
}

hr {
  border: 0;
  outline: 0;
  height: 1px;
  background-color: #DADEE3;
  margin: 30px 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* BTN ------------------------------------------------------------------------------------------------ */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.btn, .btn:visited {
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  font-size: 13px;
  display: inline-block;
  font-display: fallback;
  margin: 0 auto;
  padding: 10px 40px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  border: 1px solid #00A5FF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.btn:hover {
  background-color: #00A5FF;
  color: #000000;
}

.btn {
  background: #00A5FF;
  color: #FFFFFF;
  position: relative;
}
.btn span {
  position: absolute;
  left: -20px;
  width: 0;
  height: 0;
  border-bottom: none;
  border-top: 20px solid #0090DF;
  border-left: 20px solid transparent;
  top: inherit;
  bottom: 0;
}

.btn-link {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 25px;
}

.btn-icon {
  padding-right: 84px;
  position: relative;
}
.btn-icon img {
  position: absolute;
  right: 40px;
  width: auto;
  top: 14px;
}

.round-up {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}

.round-down {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}

/* BTN OUTLINE ----------------------------------------------------------------------------------------- */
.btn-outline {
  margin: 0 auto;
  margin-top: 40px;
  border: 2px solid #000000;
  color: #000000;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-weight: normal;
  font-size: 12px;
  font-display: fallback;
  display: inline-block;
  align-items: center;
  justify-content: center;
  text-transform: none;
  padding: 25px 20px;
  background: #FFFFFF;
  -webkit-transition: color 0.5s ease 0s;
  -moz-transition: color 0.5s ease 0s;
  -o-transition: color 0.5s ease 0s;
  transition: color 0.5s ease 0s;
}

.btn-outline:hover {
  background: #FFFFFF;
  color: #00A5FF;
}

/* BTN ROUND ----------------------------------------------------------------------------------------- */
.btn-round {
  height: 40px;
  width: 120px;
  text-align: center;
  padding: 60px 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid #FFFFFF;
  font-weight: normal;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.btn-round.how-it-works {
  padding: 20px;
  border: 4px solid #00A5FF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  width: 110px;
  height: 110px;
}

/* BTN SQUARE ----------------------------------------------------------------------------------------- */
.square-btn {
  width: 155px;
  height: 155px;
  margin: 0 auto;
  margin-top: 40px;
  border: 2px solid #00A5FF;
  color: #FFFFFF;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-display: fallback;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-align: center;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  background-color: #00A5FF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.square-btn:hover {
  background-color: #00A5FF;
  color: #000000;
}

.square-btn.azure {
  border: 2px solid #00A5FF;
  background-color: #00A5FF;
  color: #FFFFFF;
}

.btn-offer {
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  padding: 15px 50px;
}

/* BTN SQUARE ----------------------------------------------------------------------------------------- */
.btn-download {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding-right: 50px;
  background-image: url(/library/pagination/icon/download.svg);
  background-position: calc(100% - 16px) 50%;
  background-repeat: no-repeat;
  text-transform: none;
  padding: 15px 80px 15px 30px;
  font-size: 14px;
  background-size: 22px;
  position: relative;
}
.btn-download::after {
  width: 1px;
  background: #0090DF;
  position: absolute;
  right: 50px;
  top: 2px;
  bottom: 2px;
  content: "";
}

.start-configuration .btn.btn-round {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0 auto;
  height: clamp(150px, 10vw, 200px);
  width: clamp(150px, 10vw, 200px);
  background-color: #9AD0FD;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* VERTICAL ALIGN ------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
/* VERTICAL ALIGN DISPLAY TABLE ------------------------------------------------------------------------ */
.displayTable {
  display: table;
}

.centratoVert {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.showmobile {
  display: none;
}

.ValignMiddle {
  vertical-align: middle !important;
}

.nofloat {
  float: none !important;
}

/* VERTICAL ALIGN DISPLAY FLEX ------------------------------------------------------------------------ */
.display-flex {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
}

.display-flex.row-reverse {
  flex-direction: row-reverse;
}

.img-container {
  background-size: cover;
  background-position: 50% 50%;
}

.img-container .contain, .img-container.contain {
  background-size: contain;
  background-repeat: no-repeat;
}

picture {
  width: 100%;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* RELATIVE ------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.relative {
  position: relative !important;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* LISTE ---------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
ul {
  margin: 5px 0 5px 15px;
  padding: 0;
  list-style: disc;
}

ul li {
  font-size: 14px;
  line-height: 20px;
  list-style: none;
}

ol {
  margin: 5px 0 5px 15px;
  padding: 0;
  list-style: decimal;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* FORM DESIGN ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.grecaptcha-badge {
  display: none;
}

.contact-wrap {
  padding: 0;
}

.contact-form .six:first-child {
  padding-left: 0;
}

.contact-form .six:last-child {
  padding-right: 0;
}

input[type=file] {
  color: transparent;
}

.contact-form h4 {
  margin: 10px 0 15px 0;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  color: #000000;
  padding-left: 15px;
}
.contact-form hr {
  margin: 20px 0;
}
.contact-form p {
  font-size: 13px;
}

.contact-form .input-block {
  background: none;
  border: 0;
  width: 100%;
  height: auto;
  padding: 0;
  position: relative;
  margin-bottom: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  float: left;
  background: #FFFFFF;
  /*border: solid 1px $nero;
  width: calc(100% - 12px);
  height: 40px;
  padding: 10px 5px;
  position: relative;
  margin-bottom: 8px;
  margin-top: 8px;
  @include borderRadius(10px);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;*/
}
.contact-form .input-block img {
  width: 26px;
  position: absolute;
  right: 10px;
  top: 18px;
  z-index: 10;
}
.contact-form .input-block .view-pwd {
  cursor: pointer;
}

#colore_stampa {
  margin-top: 0px;
}

.contact-form .input-block input {
  /* text-indent: 5px;
   padding: 20px 5px 5px 5px;*/
  outline: none;
  -webkit-appearance: none !important;
  font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
  font-weight: normal;
  font-display: fallback;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #000000;
  text-indent: 0;
  padding: 15px 20px;
  width: calc(100% - 40px);
  min-height: 15px;
  margin-top: 10px;
}
.contact-form .input-block input.error {
  border: 1px solid #B41E30 !important;
}

.contact-form .input-block textarea {
  border: 1px solid #000000;
  padding: 15px 20px;
  width: calc(100% - 40px);
  -webkit-appearance: none !important;
  outline: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 10px;
}

.contact-form .input-block.focus {
  background-color: #FFFFFF;
  border: solid 1px #DADEE3;
}

.contact-form .input-block.textarea {
  height: auto;
}

.contact-form .readonly {
  /*background: $bianco;*/
  background: none;
  width: calc(100% - 12px);
  height: 40px;
  padding: 10px 5px;
  position: relative;
  margin-bottom: 15px;
  display: block;
}

.contact-form .form-control {
  height: auto;
  resize: none;
}

.contact-form .form-control .textarea {
  height: 250px;
}

/*.contact-form label { BEFORE
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 15px;
    display: block;
    margin: 0;
    z-index: 1;
    color: $nero;
    font-size: 13px;
    line-height: 10px;
    top: 25px;
    font-family: 'Metropolis-Regular', Arial, Helvetica, Clean, sans-serif;
    font-display: fallback;
}*/
.contact-form label {
  position: relative;
  left: inherit;
  top: inherit;
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin: 0;
  z-index: 1;
  color: #000000;
  font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
}

.contact-form .form-control {
  background-color: transparent;
  padding: 0;
  border: none;
  box-shadow: none;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 13px;
  font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
  color: #000000;
}

.contact-form .form-control:focus label {
  top: 0;
}

.contact-form .submit_form {
  margin-top: 15px;
  padding: 20px 40px;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
  cursor: pointer;
}

.contact-form .error input, .contact-form input.error,
.contact-form .error textarea, .contact-form textarea.error {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  color: #B41E30 !important;
  border-color: #B41E30;
  font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
  opacity: 1 !important;
}

.contact-form label.error {
  font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
  color: #B41E30;
}

.reg-select {
  display: block;
  width: 100%;
  min-width: 85px;
  float: left;
  height: 62px;
  margin: 8px 0;
  background-color: #00A5FF;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  color: #FFFFFF;
}
.reg-select select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  padding: 0 35px 0 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  z-index: 2;
  outline: none;
  cursor: pointer;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  color: #FFFFFF;
  font-size: 13px;
}
.reg-select:after {
  content: url("/library/pagination/icon/arrow-down-mini.svg");
  width: 60px;
  height: calc(100% - 4px);
  background-color: #00A5FF;
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 0;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  -webkit-transition: background-color 0.5s ease 0s;
  -moz-transition: background-color 0.5s ease 0s;
  -ms-transition: background-color 0.5s ease 0s;
  -o-transition: background-color 0.5s ease 0s;
  transition: background-color 0.5s ease 0s;
  border-left: 1px solid #0090DF;
}
.reg-select img {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.reg-select.grey {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  width: calc(100% - 2px);
}
.reg-select.grey select {
  color: #000000;
}
.reg-select.grey:after {
  content: url("/library/pagination/icon/arrow-down-mini-grey.svg");
  background-color: #FFFFFF;
  border-left: 1px solid #636B73;
}

/* Customize the label (the container) */
.labelcontainer {
  display: block;
  position: relative;
  cursor: pointer;
}

/* Hide the browser's default checkbox */
.labelcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  display: none !important;
}

/* Create a custom checkbox */
.checkmark {
  /*position: absolute;
  top: -5px;
  right: calc(50% - 15px);*/
  height: 30px;
  width: 30px;
  background-color: #FFFFFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #000000;
  margin-right: 10px;
  flex: 0 0 30px;
}

/* On mouse-over, add a grey background color */
.labelcontainer:hover input ~ .checkmark {
  background-color: #DADEE3;
}

/* When the checkbox is checked, add a blue background */
.labelcontainer input:checked ~ .checkmark {
  background-color: #2FAF56;
  border-color: #2FAF56;
}

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

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

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

section.mkt .h3 {
  color: #00A5FF;
  font-size: 18px;
  margin-top: 20px;
}
section.mkt p {
  font-size: 14px;
  line-height: 28px;
  margin: 0px;
  width: calc(100% - 40px);
}
section.mkt .labelcontainer {
  left: 0;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  margin: 10px 0;
  /* .checkmark {
     border: 1px solid $bianco;
   }*/
}
section.mkt .labelcontainer.error .checkmark {
  border: 1px solid #B41E30 !important;
}

/* PERSONALIZZAZIONI FORM ------------------------------------------------------------------------------ */
.newsletter .contact-form .input-block {
  margin-bottom: 0;
  border: 0;
  background: #FFFFFF;
}

.invio-newsletter {
  display: block;
  margin-top: 25px;
  margin-right: 5px;
}

.contact-form .note-legali label, .contact-form .iscrizione-newsletter label {
  left: 40px;
  top: 10px;
}

.contact-form .note-legali input,
.contact-form .iscrizione-newsletter input {
  padding: 0;
  margin: 0;
  border: solid 1px #E2E6EB;
  background: #FFFFFF;
  width: 30px;
  height: 30px;
  float: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* LOADER --------------------------------------------------------------------------------------------- */
#loader, #loaderN {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  text-align: center;
  z-index: 10000;
  background: rgba(255, 255, 255, 0.9);
}

#loaderN {
  position: absolute;
}

#loader p, #loaderN p {
  margin-top: 20%;
  color: #000000;
  text-align: center;
}

#messaggio_failed, #messaggio_success {
  width: 40%;
  margin: 20px auto;
  /* padding: 100px 0;*/
}
#messaggio_failed.alert, #messaggio_success.alert {
  padding: 1%;
}
#messaggio_failed p, #messaggio_success p {
  text-align: center;
}

#messaggio_failed h4,
#messaggio_success h4 {
  color: #000000;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
}

#oksvg {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.alert {
  width: calc(96% - 2px);
  padding: 3% 2%;
  margin: 0 0 5% 0;
  text-align: center;
  color: #000000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.alert h4 {
  color: #000000;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
}
.alert a {
  color: #00A5FF;
}
.alert a:hover {
  color: #000000;
}
.alert.alert-success {
  background-color: #E6F3FE;
  border: 1px solid #00A5FF;
}
.alert.alert-error {
  border: 1px solid #e30d0d;
  background-color: #f29292;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* FOOTER --------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.quick-links {
  color: #000000;
  background-color: #9AD0FD;
  padding: 45px 0;
}
.quick-links .container-full {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.quick-links .container-full span {
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
  color: #000000;
  font-size: 24px;
}
.quick-links .container-full div.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  column-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}
.quick-links .container-full div.flex ul {
  width: calc(50% - 20px);
  margin: 15px 0 0 0;
  padding: 0;
}
.quick-links .container-full div.flex ul li {
  font-size: 16px;
  font-family: "Metropolis-Regular", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
  color: #000000;
  border-bottom: 1px solid #000000;
  width: 100%;
  float: left;
}
.quick-links .container-full div.flex ul li a {
  color: #000000;
  padding: 20px 15px;
  float: left;
  width: 100%;
  -webkit-transition: color 0.5s ease 0s;
  -moz-transition: color 0.5s ease 0s;
  -ms-transition: color 0.5s ease 0s;
  -o-transition: color 0.5s ease 0s;
  transition: color 0.5s ease 0s;
}
.quick-links .container-full div.flex ul li a:hover {
  color: #033E8C;
}

.newsletter {
  color: #FFFFFF;
  background-color: #00A5FF;
  padding: 45px 0;
}

.newsletter p {
  line-height: 60px;
  font-size: 18px;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
  color: #FFFFFF;
  margin: 0;
}

.footer span.h3 {
  color: #000000;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  margin: 0 0 3px 0;
  padding: 0;
  font-weight: normal;
  font-display: fallback;
  font-size: 22px;
}

.footer {
  padding: 25px 0;
}

.footer p, .footer a {
  color: #000000 !important;
  font-size: 10px;
  margin: 0;
  padding: 0;
}

.footer img {
  width: auto;
  margin: 0 5px;
}

.tooltipcss {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.tooltipcss .tooltiptext {
  visibility: hidden;
  width: 210px;
  background-color: #000000;
  color: #FFFFFF;
  padding: 5px 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: -153px;
  left: -80px;
}
.tooltipcss .tooltiptext::after {
  content: url("/library/pagination/icon/arrow-tooltip.svg");
  position: absolute;
  bottom: -18px;
  left: 105px;
}

.tooltipcss:hover .tooltiptext {
  visibility: visible;
}

@media screen and (max-width: 767px) {
  .tooltipcss .tooltiptext {
    left: auto !important;
    right: 0;
    top: -145px;
  }
  .tooltipcss .tooltiptext::after {
    left: auto !important;
  }
}
@media screen and (max-width: 568px) {
  .tooltipcss .tooltiptext {
    left: -30px !important;
    right: 0;
  }
  .tooltipcss .tooltiptext::after {
    left: 30px !important;
  }
}
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* HOME PAGE ------------------------------------------------------------------------------------------ */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.scrollDown {
  text-align: center;
  width: 100%;
  display: block;
  height: 100px;
  float: left;
  margin-top: 50px;
}

.claim {
  border-bottom: 2px solid #00A5FF;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 8px;
  text-align: center;
  margin: 0 auto;
  display: table;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.categories-intro {
  text-align: center;
}
.categories-intro .padding10 {
  display: inline-block;
  width: calc(12.5% - 20px);
  padding: 0;
  /*width: calc(clamp(120px, 8vw, 150px) - 10px);*/
  margin: 0 10px;
  cursor: pointer;
}
.categories-intro .padding10:first-child {
  margin-left: 0;
  width: calc(12.5% - 10px);
}
.categories-intro .padding10:last-child {
  margin-right: 0;
  width: calc(12.5% - 10px);
}
.categories-intro .padding10 svg {
  width: 100%;
}
.categories-intro .padding10 .btn.btn-outline {
  background: #F7F8F9;
  padding: 10px;
  float: left;
  width: calc(100% - 24px);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  white-space: initial;
  margin-top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  height: 48px;
  border-color: #F7F8F9;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  line-height: 18px;
}
.categories-intro .padding10 a {
  float: left;
}
.categories-intro .padding10 a:hover .btn.btn-outline {
  background: #00A5FF;
  border-color: #000000;
  color: #000000;
}

.special-needs {
  height: 400px;
  padding: 0 30px;
}
.special-needs h3 {
  color: #FFFFFF;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  font-size: 28px;
  letter-spacing: 8px;
  text-transform: uppercase;
}
.special-needs .btn-link {
  letter-spacing: 1px;
  margin-top: 20px;
  border: 0;
}

.highlight {
  background: #EFF2F7;
  position: absolute;
  width: 500px;
  height: 300px;
  text-align: center;
  top: calc(50% - 230px);
  left: -120px;
  display: table;
  padding: 50px;
  font-size: 14px;
}
.highlight p {
  font-size: 14px;
  margin-top: 50px;
}
.highlight .btn-container {
  position: absolute;
  bottom: -70px;
  right: 0;
}
.highlight .btn-container .btn {
  border: 0;
}

#eventi .eventoStar {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#eventi .eventoStar div {
  padding: 15px;
  width: calc(100% - 860px);
  height: calc(100% - 30px);
  font-size: clamp(16px, 5vw, 20px);
  line-height: 150%;
}
#eventi .eventoStar img {
  flex: 0 0 860px;
}

#ultimi-articoli {
  padding-bottom: 50px;
}
#ultimi-articoli ul {
  margin: 0;
  padding: 0;
}
#ultimi-articoli ul li {
  float: left;
  width: calc(33.3333333% - 50px);
  margin: 0 25px;
}
#ultimi-articoli ul li:first-child {
  width: calc(33.3333333% - 25px);
  margin-left: 0;
}
#ultimi-articoli ul li:last-child {
  margin-right: 0;
  width: calc(33.3333333% - 25px);
}
#ultimi-articoli ul li a {
  color: #000000;
  float: left;
  display: block;
  width: 100%;
}
#ultimi-articoli ul li a p.text {
  width: 100%;
  height: 52px;
  text-align: left;
  /* white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;*/
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
  white-space: pre-wrap; /* let the text wrap preserving spaces */
}
#ultimi-articoli ul li a img.img-article {
  width: 100%;
  height: 425px;
  object-fit: cover;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  z-index: 1;
}
#ultimi-articoli ul li a .btn-container {
  position: absolute;
  bottom: -15px;
  right: 15px;
}
#ultimi-articoli ul li a .btn-container .btn {
  border-color: #00A5FF;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
#ultimi-articoli ul li a .btn-container .btn span {
  left: -21px;
}
#ultimi-articoli ul li a .date {
  position: absolute;
  top: 95px;
  left: 10px;
  background: #FFFFFF;
  color: #000000;
  padding: 5px 10px;
  text-transform: uppercase;
  display: block;
  height: auto;
  z-index: 10;
}
#ultimi-articoli ul li a .date p {
  margin: 0;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  text-align: center;
}
#ultimi-articoli ul li a .date p:first-child {
  border-bottom: 1px solid #000000;
}
#ultimi-articoli ul li a:hover img.img-article {
  opacity: 0.8;
}
#ultimi-articoli ul li a:hover .btn {
  color: #000000;
}

#fabric h1 {
  padding: 50px 0 30px 0;
  margin: 0;
}
#fabric p {
  margin: 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* HEADING PAGINE ------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.pagine-intro {
  background-size: cover;
  background-position: 50% 50%;
  height: 450px;
  text-align: center;
  will-change: transform;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
  -webkit-transition: box-shadow 0.3s ease;
  -moz-transition: box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  z-index: 89;
  transform: scale(1);
}

/*.shop .pagine-intro {
    height: 200px ;
}*/
.pagine-intro h1, .pagine-intro .h1 {
  color: #FFFFFF;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  text-align: center;
  font-size: clamp(40px, 5vw, 50px);
  font-display: fallback;
  margin-top: 10px;
  padding: clamp(5px, 1vw, 25px) 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateY(-50px);
  display: block;
  text-transform: uppercase;
}

.pagine-intro h1.active, .pagine-intro .h1.active {
  transform: translateY(0px) scale(1);
  opacity: 1;
}

.pagine-intro h4 {
  color: #FFFFFF;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  font-size: 15px;
  display: inline-block;
  border-bottom: 1px solid #FFFFFF;
  padding: 10px 0;
  letter-spacing: 3px;
  margin-top: 215px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  transform: translateY(25px);
}

.pagine-intro h4.active {
  transform: translateY(0px) scale(1);
  opacity: 1;
}

.pagine-intro h4.animateScroll {
  opacity: 0;
  transform: translateY(25px);
}

.pagine-intro h1.animateScroll, .pagine-intro .h1.animateScroll {
  opacity: 0;
  transform: translateY(-50px);
}

.pagine-intro .btn {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: translateY(0px) scale(1);
  opacity: 1;
  border-color: #FFFFFF;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
}

.pagine-intro .btn.animateScroll {
  transform: translateY(-50px);
}

.scroll {
  /* la dimensione di page intro */
  margin-top: 450px;
  overflow: auto;
}

.scroll.scrollSlider {
  /*margin-top: 750px;*/
  margin-top: 640px;
}

.indexSliderContainer {
  /*height: 750px;*/
  height: 640px;
}

.scroll .pagine-intro, .scroll .indexSliderContainer {
  position: fixed;
  z-index: 89;
  transform: translateY(-760px);
  left: 0;
  right: 0;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
}

.shop .scroll .pagine-intro, .shop .scroll .indexSliderContainer {
  transform: translateY(-500px);
  -webkit-transition: 0.15s ease-in-out;
  -moz-transition: 0.15s ease-in-out;
  -o-transition: 0.15s ease-in-out;
  transition: 0.15s ease-in-out;
}

.shop .scroll {
  margin-top: 190px;
}

.scroll .indexSliderContainer {
  transform: translateY(-1140px);
}

/*.scroll.scroll2 .logo img {
    width: 100px;
}*/
/*

.scrollSlider.scroll {
   margin-top: calc(100vh - 300px);
}

.scroll .indexSliderContainer {
   transform: translateY(500px);
}
*/
.scroll .pagine-intro h1, .page-content h1,
.scroll .pagine-intro h4, .page-content h4,
.scroll .pagine-intro .btn {
  opacity: 0;
}

.scroll .page-content h1,
.scroll .page-content h4,
.scroll .pagine-intro .btn {
  display: block;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* PAGINA CHI SIAMO ----------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
#about-us {
  color: #000000;
}

.txt-container {
  padding: 60px 0;
  text-align: center;
}

.txt-container h2, .txt-container h1 {
  color: #000000;
  font-size: 48px;
  margin: 20px 0;
}

.txt-container p {
  width: 650px;
  margin: 0 auto;
}

.prod-detail .txt-container p {
  width: auto;
  line-height: 26px;
}

.gallery-container {
  padding: 80px 0;
  height: 725px;
}

.gallery-container h2 {
  color: #000000;
  font-size: 36px;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  text-align: left;
  font-display: fallback;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* MADE IN ITALY -------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
#made-in-italy .gallery-container {
  padding: 0 0 80px 0;
  height: auto;
}

#made-in-italy .gallery-container a.gallery {
  width: 100%;
  height: 100%;
  display: block;
}

#made-in-italy .gallery-container div {
  line-height: 0;
}

.view-gallery {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 30px;
  z-index: 9;
  padding: 10px;
}

.pright0 {
  padding-right: 0 !important;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* PERSONALIZZAZIONI ---------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
#customization .gallery-container {
  padding: 80px 0;
  height: auto;
}

#customization .gallery-container a.gallery {
  width: 100%;
  height: 100%;
  display: block;
}

#customization .gallery-container div {
  line-height: 0;
}

.h320 {
  height: 320px;
}

#customization .caption-container {
  position: relative;
}

#customization .caption-container span {
  text-align: left;
  position: absolute;
  width: auto;
  background-image: url("/library/pagination/images/line.svg");
  background-repeat: no-repeat;
  background-position: 0 50%;
  right: 0;
  z-index: 10;
  font-family: "Metropolis-Light", Arial, Helvetica, Clean, sans-serif;
  font-display: fallback;
  padding-right: 20px;
  color: #000000;
  text-transform: uppercase;
}

#customization .caption-container span p {
  line-height: 28px;
  margin: 0;
  font-size: 12px;
}

#customization .caption-container span.top {
  top: 10px;
}

#customization .caption-container span.bottom {
  bottom: 10px;
}

#customization .caption-container span.center {
  bottom: calc(50% - 28px);
}

#customization .photo-container {
  padding: 50px 0 0 0;
  height: auto;
}

#customization .photo-container .six {
  width: 50%;
  margin: 0;
  padding: 25px 0;
}

#customization .photo-container .six:first-child {
  padding-right: 25px;
}

#customization .photo-container .six:last-child {
  padding-left: 25px;
}

.mbot25 {
  margin-bottom: 25px;
}

.example-container {
  padding: 40px 0;
  text-align: center;
}

.example-container .twelve {
  margin-bottom: 5px;
}

.more-images p {
  text-align: center;
  color: #FFFFFF;
  font-size: 15px;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-display: fallback;
  margin-top: calc(25% - 10px);
}

.more-images img.view-gallery {
  background: none;
}

/* ESEMPIO DI "CONFIGURATORE" -------------------------------------------------------------------------------------- */
.configuratore-esempio span {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.configuratore-esempio .a:hover span,
.configuratore-esempio .a.active span {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.configuratore-esempio span.example-blu {
  background-color: #144976;
}

.configuratore-esempio span.example-yellow {
  background-color: #FADA55;
}

.configuratore-esempio span.example-violet {
  background-color: #83508E;
}

.configuratore-esempio span.example-red {
  background-color: #E02B00;
}

.configuratore-esempio span.example-green {
  background-color: #2FAF56;
}

.configuratore-esempio span.a {
  padding: 0 2px;
  /*width: 50px;
  height: 50px;*/
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: block;
  position: relative;
  -webkit-transition: border 0.5s ease 0s;
  -moz-transition: border 0.5s ease 0s;
  -o-transition: border 0.5s ease 0s;
  transition: border 0.5s ease 0s;
  cursor: pointer;
}

.configuratore-esempio span.a img.pulse {
  position: absolute;
  z-index: 10;
  top: 2px;
  right: 0;
  left: 2px;
  bottom: 0;
}

#richiedi-preventivo-mob {
  display: none;
}

#image-holder {
  position: absolute;
  width: 250px;
  text-align: center;
  overflow: hidden;
  padding: 10px;
  margin-left: calc(50% - 135px);
  top: 76px;
  height: 250px;
  height: 330px;
}

#preventivo svg {
  width: 100%;
}

.overflow-x {
  overflow-x: auto;
  white-space: nowrap;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  overflow-y: hidden;
}

.overflow-x::-webkit-scrollbar {
  display: none;
}

.snap-x {
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}

.snap-x > li, .snap-x > article, .snap-x > a, .snap-x > picture {
  scroll-snap-align: start;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* MODALE CHIUSURE ------------------------------------------------------------------------------------ */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.modalChiusure {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease 0s;
  -moz-transition: opacity 0.5s ease 0s;
  -ms-transition: opacity 0.5s ease 0s;
  -o-transition: opacity 0.5s ease 0s;
  transition: opacity 0.5s ease 0s;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  z-index: 999;
}
.modalChiusure.visible {
  opacity: 1;
  pointer-events: auto;
}
.modalChiusure .modal-content {
  width: 100vw;
  max-width: 800px;
  height: auto;
  background: #FFFFFF;
  padding: 30px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  overflow-y: auto;
  max-height: calc(100vh - 120px);
  height: auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.09);
  -ms-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.09);
  -o-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.09);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.09);
  position: relative;
  margin-bottom: 20px;
}
.modalChiusure .closeModal {
  position: sticky;
  right: 0;
  top: 0;
  /*@include borderRadius(50%);
  background-color: $bianco;*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  justify-content: flex-end;
  width: 50px;
  height: 30px;
  color: #000000;
  font-size: 12px;
  z-index: 10;
  float: right;
}
.modalChiusure .closeModal i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #FFFFFF;
  padding: 10px;
}
.modalChiusure h4 {
  font-size: 24px;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
}
.modalChiusure h4 span {
  font-size: 21px;
}
.modalChiusure h4 span strong {
  color: #00A5FF;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
}
.modalChiusure h4 span::before {
  content: "";
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 0 20px;
  background: #9AD0FD;
  display: inline-block;
}
.modalChiusure .chiusure article {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.modalChiusure .chiusure article .snap-prev, .modalChiusure .chiusure article .snap-next {
  height: 40px;
  bottom: 0;
  width: calc(50% - 25px);
  padding: 10px;
  cursor: pointer;
}
.modalChiusure .chiusure article .snap-prev img, .modalChiusure .chiusure article .snap-next img {
  width: 40px;
}
.modalChiusure .chiusure article .snap-prev.disabled, .modalChiusure .chiusure article .snap-next.disabled {
  opacity: 0.2;
}
.modalChiusure .chiusure article .snap-prev {
  text-align: right;
  left: 0;
}
.modalChiusure .chiusure article .snap-prev img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  will-change: transform;
}
.modalChiusure .chiusure article .snap-next {
  right: 0;
  text-align: left;
}
.modalChiusure .chiusure article .overflow-x picture {
  width: calc(33% - 10px);
  margin-right: 10px;
  display: inline-block;
}
.modalChiusure .chiusure article .scheda-tecnica {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
}
.modalChiusure .chiusure article .schema {
  width: 320px;
  max-width: 40vw;
}
.modalChiusure .chiusure article .type {
  width: auto;
}
.modalChiusure .chiusure article div.c {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
}
.modalChiusure .chiusure article div.c div:last-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  margin-left: 50px;
}
.modalChiusure .chiusure article .quote {
  font-size: 21px;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  margin-left: 10px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* CATALOGO ------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.intro-catalogo-container {
  padding: 100px 0 0 0;
}

.intro-catalogo-container p {
  max-width: 650px;
  margin: 0 auto;
}

.intro-catalogo-container h2,
.intro-catalogo-container h1 {
  color: #000000;
  font-size: 48px;
  margin: 20px 0;
}

.cats-list a {
  display: block;
  position: relative;
  padding: 50px;
}

.cats-list .four a {
  padding: 30px;
  margin-bottom: 50px;
}

.mask {
  position: relative;
  overflow: hidden;
}

.mask img.fondo {
  -webkit-transition: transform 5000ms ease-out 0s;
  -moz-transition: transform 5000ms ease-out 0s;
  -ms-transition: transform 5000ms ease-out 0s;
  -o-transition: transform 5000ms ease-out 0s;
  transition: transform 5000ms ease-out 0s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.cats-list a:hover img.fondo {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 1;
}

.mask span {
  position: absolute;
  z-index: 2;
}

.mask span:first-child {
  border-top: 330px solid #FFFFFF;
  border-left: 330px solid transparent;
  top: 0;
  right: 0;
  bottom: inherit;
}

.four .mask span:first-child {
  border-top: 200px solid #FFFFFF;
  border-left: 200px solid transparent;
}

.mask span:nth-child(2) {
  border-bottom: 330px solid #FFFFFF;
  border-left: 330px solid transparent;
  top: inherit;
  right: 0;
  bottom: 0;
}

.four .mask span:nth-child(2) {
  border-bottom: 200px solid #FFFFFF;
  border-left: 200px solid transparent;
}

.mask span:nth-child(3) {
  border-top: 330px solid #FFFFFF;
  border-right: 330px solid transparent;
  top: 0;
  left: 0;
  right: inherit;
  bottom: inherit;
}

.four .mask span:nth-child(3) {
  border-top: 200px solid #FFFFFF;
  border-right: 200px solid transparent;
}

.mask span:nth-child(4) {
  border-bottom: 330px solid #FFFFFF;
  border-right: 330px solid transparent;
  top: inherit;
  right: inherit;
  bottom: 0;
  left: 0;
}

.four .mask span:nth-child(4) {
  border-bottom: 200px solid #FFFFFF;
  border-right: 200px solid transparent;
}

.cats-list img.bag {
  position: absolute;
  bottom: 90px;
  height: 50%;
  width: 60%;
  left: 5%;
  z-index: 3;
  height: auto;
}

.cats-list .title, .prods-list .title {
  position: absolute;
  background: #F7F8F9;
  z-index: 4;
  width: 150px;
  height: 150px;
  -webkit-transform: rotate(45deg) translateY(35px);
  -moz-transform: rotate(45deg) translateY(35px);
  -ms-transform: rotate(45deg) translateY(35px);
  -o-transform: rotate(45deg) translateY(35px);
  transform: rotate(45deg) translateY(35px);
  right: 20%;
  top: 60%;
}

.cats-list .title h3, .prods-list .title h3 {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  color: #000000;
  text-transform: uppercase;
  font-size: 12px;
  margin-top: 64px;
  text-align: center;
  line-height: 16px;
}

.prods-list a {
  display: block;
  line-height: 0;
  margin-top: 50px;
}

.prods-list a .img {
  position: relative;
  z-index: 1;
}

.prods-list a .velo {
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-transition: all 250ms ease-out 0s;
  -moz-transition: all 250ms ease-out 0s;
  -ms-transition: all 250ms ease-out 0s;
  -o-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  opacity: 1;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.prods-list .btn-container {
  position: absolute;
  z-index: 4;
  left: 100px;
  bottom: -50px;
}

.prods-list a .btn {
  margin-top: 0;
  margin-bottom: 30px;
  padding: 20px 30px;
}

.prods-list a:hover .velo {
  background-color: rgba(0, 0, 0, 0.05);
}

.prods-list a:hover .btn {
  background-color: #91CDFF;
  color: #FFFFFF;
}

.prod-detail hr {
  border: 0;
  background: none;
  outline: 0;
  height: 4px;
  background-color: #E2E6EB;
  margin: 30px 0;
  width: 50%;
}

.prod-detail h2 {
  color: #000000;
  font-size: 36px;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
}

.prod-detail h2.model-type {
  font-size: 28px;
}

.model-type-description {
  width: calc(100% - 40px);
  display: block;
  text-align: center;
  color: #000000;
  font-size: 11px;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 20px;
}

.w550 {
  width: 100%;
  max-width: 550px;
}

#gallery,
#customize,
#richiedi-preventivo {
  padding: 65px 0;
}

#richiedi-preventivo {
  padding-top: 0;
}

.avviso-disegno p {
  text-align: justify;
  width: 70%;
  margin: 0 auto;
  font-size: 11px;
}

#warning-logo-container {
  display: none;
}

#warning-logo-container op1 {
  display: block;
}

.warning-logo {
  background: darkorange;
  color: #FFFFFF;
  padding: 15px;
}

#callbackppcont {
  position: fixed;
  background: rgba(0, 0, 0, 0.45);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 99;
}

#callbackpp {
  position: fixed;
  width: 500px;
  height: auto;
  z-index: 100;
  padding: 25px;
  opacity: 1;
  top: 250px;
  left: calc(50vw - 250px);
  border: 2px solid #91CDFF;
}

#callbackpp-close {
  right: 5px;
  background: #00A5FF;
  padding: 10px;
  top: 5px;
  width: 18px;
  position: absolute;
  z-index: 999;
  height: 18px;
  line-height: 18px;
}

.e-commerce {
  margin: 10px 0 20px 0;
  padding: 20px 0;
  border-top: 2px solid #E2E6EB;
  border-bottom: 2px solid #E2E6EB;
}
.e-commerce h3 {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
}
.e-commerce h4 {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  color: #000000;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.e-commerce p {
  margin: 5px 0;
  color: #000000;
}
.e-commerce .ccolor {
  color: #000000;
  padding: 15px 30px;
  border: 2px solid #000000;
  display: inline-block;
  background-color: #FFFFFF;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.e-commerce .ccolor:hover, .e-commerce .ccolor.active {
  border: 2px solid #91CDFF;
  color: #000000;
}
.e-commerce .cgrigio {
  background-color: #c5c5c5;
}
.e-commerce .cnero {
  background-color: #000000;
  color: #FFFFFF;
}
.e-commerce .cnero:hover, .e-commerce .cnero.active {
  color: #FFFFFF;
}
.e-commerce .buy {
  opacity: 0.3;
  pointer-events: none;
  text-align: center;
  padding: 10px;
  border: 2px solid #E2E6EB;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.e-commerce .buy:hover {
  border: 2px solid #91CDFF;
  background-color: #E2E6EB;
}
.e-commerce .buy span {
  font-family: "Metropolis-Light", Arial, Helvetica, Clean, sans-serif;
  font-size: 12px;
}
.e-commerce .price, .e-commerce .totalprice, .e-commerce .discount, .e-commerce .shipping {
  color: #000000;
  margin-top: 0;
  text-align: right;
}
.e-commerce .three .price:first-child {
  margin-top: 20px;
}
.e-commerce .paypal {
  margin-top: 35px !important;
  z-index: 1 !important;
  position: relative;
}

/* UTILITY -------------------------------------------------------------------------------------------- */
.utility {
  /* border-top: 2px solid #E2E6EB;*/
  width: auto;
  padding-top: 10px;
  text-align: center;
  display: inline-block;
}

.utility ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.utility li {
  list-style: none;
  display: inline-block;
  float: none;
}

.utility li a,
.utility li span {
  color: #000000;
  display: block;
  font-size: 10px;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  height: 30px;
  line-height: 32px;
  margin: 5px 4px;
  padding: 0 6px;
  -webkit-transition: color 0.3s ease 0s;
  -moz-transition: color 0.3s ease 0s;
  -o-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  cursor: pointer;
}

.utility li a:hover,
.utility li span:hover {
  color: #00A5FF;
}

.utility li a img,
.utility li span img {
  width: auto;
  float: left;
  margin-right: 10px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* ALTRE PAGINE --------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.page-content h2 {
  color: #000000;
  font-size: 36px;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  text-align: left;
  opacity: 1;
}

#map-canvas {
  width: 100%;
  height: 550px;
}

.privacy-regulations, .privacy-regulations p, .privacy-regulations ul li {
  font-size: 12px;
}

.privacy-regulations h2 {
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  color: #000000;
  padding: 0;
  margin: 35px 0 25px 0;
  font-size: 22px;
}
.privacy-regulations.condizioni-vendita h2 {
  color: #0090DF;
}
.privacy-regulations.condizioni-vendita .warning-cv {
  background: #9AD0FD;
  color: #000000;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.privacy-regulations.condizioni-vendita .spedizioni thead {
  background-color: #ECF0F2;
  color: #000000;
  text-align: left;
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
}
.privacy-regulations.condizioni-vendita .spedizioni thead th {
  padding: 5px;
}
.privacy-regulations.condizioni-vendita .spedizioni tbody tr td {
  padding: 5px;
  border-bottom: 1px solid #ECF0F2;
}

.privacy-regulations h3,
.privacy-regulations h4 {
  font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
  color: #000000;
  padding: 0;
  margin: 15px 0;
  font-size: 18px;
}

.privacy-regulations h4 {
  color: #636B73;
  font-size: 15px;
}

.privacy-regulations .square-btn {
  height: auto;
  width: auto;
  display: inline-block;
}

/* KONDIVIDI */
.shareDetails {
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  text-align: center;
}

.shareDetails.visible {
  opacity: 1;
  pointer-events: auto;
}

.shareDetails div {
  height: 100%;
  width: 100%;
}

.shareDetails .btn {
  height: 70px;
  line-height: 80px;
  padding: 0;
  width: 70px;
  margin: 0 10px;
}

.shareDetails .btn i {
  font-size: 32px;
  line-height: 72px;
}

.shareDetails .btn img {
  margin-top: 5px;
}

#preventivo .dettagli-preventivo .note-legali-spiegazione a,
#preventivo .dettagli-preventivo .invia-form a {
  display: inline-block;
  width: auto;
  height: auto;
  clear: none;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* ANIMAZIONI ----------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
/* pulsazioni */
.loaderpulse {
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  /* background: #91CDFF; */
  cursor: pointer;
  /* box-shadow: 0 0 0 rgba(98,168,223, 0.8); */
  animation: loaderpulse 2s infinite;
  /*border: 1px solid #91CDFF;*/
  /* box-shadow: 0 0 1px 0 rgba(98,168,223, 0.8) inset, 0 0 1px 0 rgba(98,168,223, 0.8); */
  box-shadow: 0 0 1px 0 rgba(98, 168, 223, 0.8) inset, 0 0 1px 0 rgba(98, 168, 223, 0.8);
  overflow: visible;
  position: absolute;
  z-index: 30;
}

@-webkit-keyframes loaderpulse {
  0% {
    -webkit-box-shadow: 0 0 1px 0 rgba(98, 168, 223, 0.8), 0 0 1px 0 rgba(98, 168, 223, 0.8);
  }
  70% {
    -webkit-box-shadow: 0 0 1px 10px rgba(98, 168, 223, 0), 0 0 1px 10px rgba(98, 168, 223, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 1px 0 rgba(98, 168, 223, 0), 0 0 1px 0 rgba(98, 168, 223, 0);
  }
}
@keyframes loaderpulse {
  0% {
    -moz-box-shadow: 0 0 1px 0 rgba(98, 168, 223, 0.8), 0 0 1px 0 rgba(98, 168, 223, 0.8);
    box-shadow: 0 0 1px 0 rgba(98, 168, 223, 0.8), 0 0 1px 0 rgba(98, 168, 223, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 1px 10px rgba(98, 168, 223, 0), 0 0 1px 0 rgba(98, 168, 223, 0);
    box-shadow: 0 0 1px 10px rgba(98, 168, 223, 0), 0 0 1px 0 rgba(98, 168, 223, 0);
  }
  100% {
    -moz-box-shadow: 0 0 1px 0 rgba(98, 168, 223, 0), 0 0 1px 0 rgba(98, 168, 223, 0);
    box-shadow: 0 0 1px 0 rgba(98, 168, 223, 0), 0 0 1px 0 rgba(98, 168, 223, 0);
  }
}
.pulse {
  transform: scale(1);
  /*animation: pulse 2s infinite;*/
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  5% {
    opacity: 1;
    transform: scale(1.2);
  }
  25% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.2);
  }
  50% {
    opacity: 1;
  }
  60% {
    transform: scale(1);
  }
  100% {
    opacity: 0.5;
  }
}
.more-images {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(12, 22, 32, 0.85);
  text-align: center;
}

.pointer-events {
  pointer-events: none;
  color: #636B73;
}

.warnings {
  background-color: #EFF2F7;
  padding: 20px;
}
.warnings h3 {
  color: #000000;
  text-align: center;
}
.warnings p {
  text-align: center;
}

.p-top {
  padding: 100px 0 50px 0;
}

.certificati-cont {
  padding: 50px 0;
}
.certificati-cont h2 {
  padding-bottom: 5px;
  margin-bottom: 10px;
  line-height: 26px;
  font-size: 26px;
}
.certificati-cont h3 {
  padding-bottom: 20px;
  border-bottom: 1px solid #00A5FF;
  margin-bottom: 15px;
  line-height: 150%;
  font-size: 18px;
}
.certificati-cont .certificati {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  height: 100%;
  flex-wrap: nowrap;
  margin-bottom: 50px;
}
.certificati-cont .certificati .four {
  padding-right: 50px;
  width: calc(32.6666666667% - 50px);
}
.certificati-cont .certificati .btn {
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: "Metropolis-Black", Arial, Helvetica, Clean, sans-serif;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

@media screen and (max-width: 1024px) {
  .certificati-cont h2, .certificati-cont h3 {
    text-align: left;
  }
  .certificati-cont .certificati {
    flex-direction: column;
  }
  .certificati-cont .certificati .four, .certificati-cont .certificati .eight {
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .certificati-cont .certificati ul {
    text-align: justify;
    text-justify: inter-word;
    text-align-last: left;
  }
}
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* COOKIE --------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.ce-banner .banner-cookie-content {
  bottom: 0;
  left: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin: 20px;
  position: absolute;
}
.ce-banner p {
  line-height: 22px;
}
.ce-banner a.cookie-details {
  background: #9AD0FD;
  color: #000000;
  border: 1px solid #000000;
}
.ce-banner a.cookie-details:hover {
  background: #00A5FF;
}
.ce-banner a.ce-accept {
  background: #023373;
  border: 1px solid #023373;
  color: #FFFFFF;
}
.ce-banner a.ce-accept:hover {
  background: #033E8C;
}

#cookieModal .checkmark {
  background-color: #033E8C;
}

#cookieContainer #cookieBody .opt h3 {
  padding-top: 0;
  margin-top: 0;
}
#cookieContainer #cookieFooter {
  background-color: #023373;
  border-top: 1px solid #023373;
}
#cookieContainer #cookieFooter a#saveCookie:hover {
  background: #033E8C;
}
#cookieContainer #cookieHeader a {
  background: #ECF0F2;
}
#cookieContainer #cookieHeader a:hover {
  background: #9AD0FD;
}

/*
#cookie {
    position: fixed;
    width: 100%;
    height: auto;
    background: rgba(14, 37, 51, 0.8);
    z-index: 999;
    bottom: 0;
    color: $bianco;
}
#cookie p {
    margin: 20px;
    font-size: 13px;
}
#cookie a {
    color: $azzurro;
    font-family: "Metropolis-Bold", Arial, Helvetica, Clean, sans-serif;
}
#cookie a:hover {
    color: $bianco;
}
#cookie .cookieclose {
    position: absolute;
    right: 25px;
    cursor: pointer;
    cursor: hand;
    font-size: 14px;
    z-index: 1000;
}*/

/*# sourceMappingURL=grk.custom.layout.css.map */