@charset "UTF-8";
/*!
 * stile sportello web basato su bootstrap 4.5
 */



.form-control.form-control-gray-900, .h1-regular-black, .h6-regular-gray-800, .h6-regular-white, .h6-regular-gray-600, .accordion-style .panel-body, .h6-regular-black-uppercase, .h7-regular-black, .h8-regular-azure, .h8-regular-azure-underline, .h8-regular-gray-600, .h8-regular-black, .main-font, .alt-font {
  font-weight: 400;
}

.form-control, .h3-medium-white, .h3-medium-white-uppercase, .h5-medium-gray-600, .h5-medium-black, .h5-medium-white, .p-medium-white-16, .p-medium-white, .p-medium-black-uppercase, .p-medium-gray-100, .p-medium-gray-600, .post .post-text p, .post .post-text, .p-medium-azure, .h7-medium-azure-underline, .p-medium-azure-underline, .p-medium-black-underline, .post .post-text a, .h6-medium-gray-600, .h6-medium-white, .h7-medium-black, aside.sidebar .list-style-sidebar li span, aside.sidebar .list-style-sidebar li a, footer .footer-bottom .top-link h7 a, .h7-medium-gray-500, footer .footer-widget-area h7 a, .h7-medium-gray-600, .h8-medium-black-uppercase, .tag-cloud a {
  font-weight: 500;
}

header nav.navbar .button-azure-rounded, header nav.navbar .nav .nav-item a, .h2-semibold-green-100, .h2-semibold-white, .h2-semibold-azure, .h3-semibold-yellow, .h3-semibold-white, .h3-semibold-black, .h4-semibold-white, .h5-semibold-azure, .post .post-text h5, .h5-semibold-gray-600, .h5-semibold-white, .p-semibold-azure, .accordion-style .panel-title, .p-semibold-black, .h6-semibold-green-100-uppercase, .h6-semibold-white-uppercase, .h6-semibold-blue-100-uppercase, .h6-semibold-azure-uppercase, .h6-semibold-black-uppercase, .list-style li, footer .footer-widget-area h6 {
  font-weight: 600;
}

.base-button, .button-blue-100-rounded, .button-yellow-rounded, .button-white-rounded, .button-azure-rounded, .base-button-sm, .button-sm-white-rounded, .button-sm-azure-outline-rounded, .h1-bold-black, .h1-bold-white-uppercase, .h1-bold-white, .h2-bold-yellow, .h3-bold-uppercase-azure, .h4-bold-uppercase-white, .h4-bold-uppercase-azure,
.h4-azure, .h5-bold-yellow, .p-bold-gray-700, .button-gray-azure-icons .text, .p-bold-white, .p-bold-white-uppercase, .p-bold-gray-600, .p-bold-azure, .p-bold-azure-uppercase, .a-bold-azure-uppercase, .p-bold-black-uppercase, .h6-bold-azure-uppercase, aside.sidebar .aside-title span, .h6-bold-azure-underline, .h6-bold-white {
  font-weight: 700;
}

p {
  margin: 0 0 25px;
}

b {
  font-weight: 600;
}

strong {
  font-weight: 600;
}

.alt-font strong {
  font-weight: 700;
}

ul {
  list-style-position: outside;
  margin-bottom: 25px;
}

ol {
  list-style-position: outside;
  margin-bottom: 25px;
}

dl {
  list-style-position: outside;
  margin-bottom: 25px;
}

* {
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}

*:hover {
  transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
}

::selection {
  color: #191c21;
  background: #dae3ea;
}

::-moz-selection {
  color: #191c21;
  background: #dae3ea;
}

::-webkit-input-placeholder {
  color: #707070;
  text-overflow: ellipsis;
}

::-moz-placeholder {
  color: #707070;
  text-overflow: ellipsis;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #707070;
  text-overflow: ellipsis;
  opacity: 1;
}

h1 {
  font-size: 70px;
  line-height: 70px;
}

h2 {
  font-size: 55px;
  line-height: 60px;
}

h3 {
  font-size: 48px;
  line-height: 54px;
}

h4 {
  font-size: 40px;
  line-height: 46px;
}

h5 {
  font-size: 32px;
  line-height: 40px;
}

h6 {
  font-size: 25px;
  line-height: 30px;
}

.text-extra-small {
  font-size: 11px;
  line-height: 14px;
}

.text-small {
  font-size: 12px;
  line-height: 20px;
}

.text-medium {
  font-size: 16px;
  line-height: 23px;
}

.text-large {
  font-size: 18px;
  line-height: 26px;
}

.text-extra-large {
  font-size: 20px;
  line-height: 26px;
}

.title-large {
  font-size: 100px;
  line-height: 95px;
}

.title-extra-large {
  font-size: 130px;
  line-height: 120px;
}

.text-white-2 {
  color: #fff;
}

.text-black {
  color: #191c21;
}

.text-extra-dark-gray {
  color: #585F6C;
}

.text-dark-gray {
  color: #707070;
}

.text-extra-medium-gray {
  color: #00000029;
}

.text-medium-gray {
  color: #0000001A;
}

.text-extra-light-gray {
  color: #f4f7f9;
}

.text-light-gray {
  color: #0000001A;
}

.text-very-light-gray {
  color: #f4f7f9;
}

.text-deep-pink {
  color: #e83e8c;
}

.first-letter {
  float: left;
  font-size: 50px;
  margin: 0 20px 0 0;
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
}

.first-letter-big {
  float: left;
  font-size: 110px;
  line-height: 110px;
  margin: 0 20px 0 0;
  padding: 0 8px;
  text-align: center;
  font-weight: 600;
  position: relative;
}

.first-letter-big:before {
  position: absolute;
  border-bottom: 1px solid;
  content: "";
  display: block;
  width: 100%;
  top: 55%;
  left: 0;
}

.first-letter-block {
  font-size: 30px;
  height: 55px;
  line-height: 22px;
  padding: 15px 0;
  width: 55px;
  font-weight: 500;
  margin-top: 5px;
}

.first-letter-block-round {
  border-radius: 6px;
  border: 1px solid;
}

.first-letter-round {
  border-radius: 50%;
  font-size: 35px;
  padding: 15px;
  width: 65px;
  height: 65px;
  line-height: 32px;
}

blockquote {
  border-left: 2px solid;
  padding: 15px 40px;
  margin: 45px 0;
}

blockquote p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 17px !important;
  font-weight: 300;
}

blockquote footer {
  color: #707070;
}

blockquote footer:before {
  content: "— ";
}

blockquote .small:before {
  content: "— ";
}

blockquote small:before {
  content: "— ";
}

.blog-image blockquote {
  padding: 60px;
  border: 0;
  margin: 0;
}

.blog-image blockquote h6:before {
  content: "";
  font-size: 40px;
  top: 5px;
  position: relative;
  margin-right: 12px;
  color: #dc3545;
}

.blog-image a > img {
  width: 100%;
}

.no-letter-spacing {
  letter-spacing: 0;
}

.letter-spacing-1 {
  letter-spacing: 1px;
}

.letter-spacing-2 {
  letter-spacing: 2px;
}

.letter-spacing-3 {
  letter-spacing: 3px;
}

.letter-spacing-4 {
  letter-spacing: 4px;
}

.letter-spacing-5 {
  letter-spacing: 5px;
}

.letter-spacing-6 {
  letter-spacing: 6px;
}

.letter-spacing-7 {
  letter-spacing: 7px;
}

.letter-spacing-8 {
  letter-spacing: 8px;
}

.letter-spacing-9 {
  letter-spacing: 9px;
}

.letter-spacing-10 {
  letter-spacing: 10px;
}

.letter-spacing-minus-1 {
  letter-spacing: -1px;
}

.letter-spacing-minus-2 {
  letter-spacing: -2px;
}

.letter-spacing-minus-3 {
  letter-spacing: -3px;
}

.letter-spacing-minus-4 {
  letter-spacing: -4px;
}

.letter-spacing-minus-5 {
  letter-spacing: -5px;
}

.letter-spacing-minus-6 {
  letter-spacing: -6px;
}

.letter-spacing-minus-7 {
  letter-spacing: -7px;
}

.letter-spacing-minus-8 {
  letter-spacing: -8px;
}

.letter-spacing-minus-9 {
  letter-spacing: -9px;
}

.letter-spacing-minus-10 {
  letter-spacing: -10px;
}

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

.text-transform-unset {
  text-transform: unset;
}

.text-decoration-underline {
  text-decoration: underline;
}

.text-decoration-line-through {
  text-decoration: line-through;
}

.line-height-unset {
  line-height: unset;
}

.line-height-normal {
  line-height: normal;
}

.line-height-none {
  line-height: 0;
}

.word-wrap {
  word-wrap: break-word;
}

.text-nowrap {
  white-space: nowrap;
}

.text-transform-none {
  text-transform: none;
}

.title-line-through {
  padding: 0 15px;
}

.text-middle-line {
  position: relative;
  white-space: nowrap;
}

.text-middle-line:before {
  border-bottom: 1px solid;
  position: absolute;
  content: "";
  width: 100%;
  top: 53%;
  opacity: 0.35;
}

.text-outside-line {
  position: relative;
}

.text-outside-line::before {
  border-top: 1px solid;
  content: "";
  height: 0;
  left: auto;
  position: absolute;
  right: -60px;
  top: 50%;
  width: 40px;
  opacity: 0.4;
}

.text-outside-line::after {
  border-top: 1px solid;
  content: "";
  height: 0;
  left: auto;
  position: absolute;
  left: -60px;
  top: 50%;
  width: 40px;
  opacity: 0.4;
}

.text-outside-line-left {
  position: relative;
}

.text-outside-line-left::before {
  border-top: 1px solid;
  content: "";
  height: 0;
  left: auto;
  position: absolute;
  left: -100%;
  top: 50%;
  width: 90%;
  opacity: 0.2;
}

.text-leftside-line {
  position: relative;
  padding-left: 35px;
}

.text-leftside-line:before {
  border-top: 1px solid;
  content: "";
  height: 0;
  left: auto;
  position: absolute;
  left: 0;
  top: 45%;
  width: 25px;
  opacity: 0.7;
}

.text-outside-line-full {
  position: relative;
  display: inline-block;
}

.text-outside-line-full::before {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 99%;
  display: block;
  border-bottom: 1px solid;
  right: 100%;
  margin-right: 25px;
  opacity: 0.15;
}

.text-outside-line-full::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 99%;
  display: block;
  border-bottom: 1px solid;
  left: 100%;
  margin-left: 25px;
  opacity: 0.15;
}

.text-bottom-line {
  width: 1px;
  border-top: 30px solid;
  margin-left: auto;
  margin-right: auto;
}

.text-decoration-line-through-black {
  position: relative;
}

.text-decoration-line-through-black:before {
  background: #191c21;
}

.text-decoration-line-through-deep-pink {
  position: relative;
}

.text-decoration-line-through-deep-pink:before {
  background: #dc3545;
}

.line-height-10 {
  line-height: 10px;
}

.line-height-13 {
  line-height: 13px;
}

.line-height-16 {
  line-height: 16px;
}

.line-height-18 {
  line-height: 18px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-24 {
  line-height: 24px;
}

.line-height-32 {
  line-height: 32px;
}

.line-height-26 {
  line-height: 26px;
}

.line-height-28 {
  line-height: 28px;
}

.line-height-30 {
  line-height: 30px;
}

.line-height-35 {
  line-height: 35px;
}

.line-height-40 {
  line-height: 40px;
}

.line-height-45 {
  line-height: 45px;
}

.line-height-50 {
  line-height: 50px;
}

.line-height-55 {
  line-height: 55px;
}

.line-height-60 {
  line-height: 60px;
}

.line-height-65 {
  line-height: 65px;
}

.line-height-70 {
  line-height: 70px;
}

.line-height-75 {
  line-height: 75px;
}

.line-height-80 {
  line-height: 80px;
}

.line-height-85 {
  line-height: 85px;
}

.line-height-90 {
  line-height: 90px;
}

.line-height-95 {
  line-height: 95px;
}

.line-height-100 {
  line-height: 100px;
}

.line-height-110 {
  line-height: 110px;
}

.line-height-120 {
  line-height: 120px;
}

/* Character Styles */
.h6-semibold-black-uppercase, .list-style li, footer .footer-widget-area h6 {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #191c21;
  text-transform: uppercase;
}

.h6-semibold-azure-uppercase {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #0090DF;
  text-transform: uppercase;
}

.h6-semibold-blue-100-uppercase {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #243770;
  text-transform: uppercase;
}

.h6-semibold-white-uppercase {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #fff;
  text-transform: uppercase;
}

.h6-semibold-green-100-uppercase {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #37b082;
  text-transform: uppercase;
}

.p-semibold-black {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #191c21;
}

.p-semibold-azure, .accordion-style .panel-title {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #0090DF;
}

.h5-semibold-white {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #fff;
}

.h5-semibold-gray-600 {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #516574;
}

.h5-semibold-azure, .post .post-text h5 {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #0090DF;
}

.h4-semibold-white {
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #fff;
}

.h3-semibold-black {
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #191c21;
}

.h3-semibold-white {
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #fff;
}

.h3-semibold-yellow {
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #FECD4B;
}

.h2-semibold-azure {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0px;
  color: #0090DF;
}

.h2-semibold-white {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0px;
  color: #fff;
}

.h2-semibold-green-100 {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0px;
  color: #37b082;
}

.h8-regular-black {
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: 0px;
  color: #191c21;
}

.h8-regular-gray-600 {
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: 0px;
  color: #516574;
}

.h8-regular-azure-underline {
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: 0px;
  color: #0090DF;
  text-decoration: underline;
}

.h8-regular-azure {
  font-size: 10px;
  line-height: 1.1;
  letter-spacing: 0px;
  color: #0090DF;
}

.h7-regular-black {
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: 0px;
  color: #191c21;
}

.h6-regular-black-uppercase {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0px;
  color: #191c21;
  text-transform: uppercase;
}

.h6-regular-gray-600, .accordion-style .panel-body {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0px;
  color: #516574;
}

.h6-regular-white {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0px;
  color: #fff;
}

.h6-regular-gray-800 {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0px;
  color: #dae3ea;
}

.h8-medium-black-uppercase, .tag-cloud a {
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #191c21;
  text-transform: uppercase;
}

.h7-medium-gray-600 {
  font-size: 12px;
  line-height: 1.1;
  letter-spacing: 0px;
  color: #516574;
}

.h7-medium-gray-500, footer .footer-widget-area h7 a {
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #585F6C;
}

.h7-medium-black, aside.sidebar .list-style-sidebar li span, aside.sidebar .list-style-sidebar li a, footer .footer-bottom .top-link h7 a {
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #191c21;
}

.h6-medium-white {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #fff;
}

.h6-medium-gray-600 {
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #516574;
}

.p-medium-black-underline, .post .post-text a {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0px;
  color: #191c21;
  text-decoration: underline;
}

.p-medium-azure-underline {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0px;
  color: #0090DF;
  text-decoration: underline;
}

.h7-medium-azure-underline {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0px;
  color: #0090DF;
  text-decoration: underline;
}

.p-medium-azure {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0px;
  color: #0090DF;
}

.p-medium-gray-600, .post .post-text p, .post .post-text {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0px;
  color: #516574;
}

.p-medium-gray-100 {
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0px;
  color: #f4f7f9;
}

.p-medium-black-uppercase {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #191c21;
  text-transform: uppercase;
}

.p-medium-white {
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0px;
  color: #fff;
}

.p-medium-white-16 {
  font-size: 16px;
  line-height: 1.45;
  letter-spacing: 0px;
  color: #fff;
}

.h5-medium-white {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #fff;
}

.h5-medium-black {
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #191c21;
}

.h5-medium-gray-600 {
  font-size: 18px;
  line-height: 1.45;
  letter-spacing: 0px;
  color: #516574;
}

.h3-medium-white-uppercase {
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #fff;
  text-transform: uppercase;
}

.h3-medium-white {
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #fff;
}

.h6-bold-white {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #fff;
}

.h6-bold-azure-underline {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #0090DF;
  text-decoration: underline;
}

.h6-bold-azure-uppercase, aside.sidebar .aside-title span {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #0090DF;
  text-transform: uppercase;
}

.p-bold-black-uppercase {
  font-style: var(--unnamed-font-style-bold);
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #191c21;
  text-transform: uppercase;
}

.p-bold-azure-uppercase, .a-bold-azure-uppercase {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #0090DF;
  text-transform: uppercase;
}

.p-bold-azure {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #0090DF;
}

.p-bold-gray-600 {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #516574;
}

.p-bold-white-uppercase {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #fff;
  text-transform: uppercase;
}

.p-bold-white {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #fff;
}

.p-bold-gray-700, .button-gray-azure-icons .text {
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #99AAB5;
}

.h5-bold-yellow {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #FECD4B;
}

.h4-bold-uppercase-azure,
.h4-azure {
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #0090DF;
  text-transform: uppercase;
}

.h4-bold-uppercase-white {
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #fff;
  text-transform: uppercase;
}

.h3-bold-uppercase-azure {
  font-size: 32px;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #0090DF;
  text-transform: uppercase;
}

.h2-bold-yellow {
  font-size: 40px;
  line-height: 1;
  letter-spacing: 0px;
  color: #FECD4B;
}

.h1-bold-white {
  font-size: 70px;
  line-height: 1;
  letter-spacing: 0px;
  color: #fff;
}

.h1-bold-white-uppercase {
  font-size: 70px;
  line-height: 1;
  letter-spacing: 0px;
  color: #fff;
  text-transform: uppercase;
}

.h1-bold-black {
  font-size: 70px;
  line-height: 1;
  letter-spacing: 0px;
  color: #191c21;
}

.h1-regular-black {
  font-size: 70px;
  line-height: 1;
  letter-spacing: 0px;
  color: #191c21;
}

.icon-32-gray-100 {
  font-size: 32px;
}

.icon-32-gray-100:before {
  color: #f4f7f9;
}

.icon-32-gray-100 {
  font-size: 32px;
}

.icon-32-gray-100:before {
  color: #f4f7f9;
}

.icon-32-blue-100 {
  font-size: 32px;
}

.icon-32-blue-100:before {
  color: #243770;
}

.icon-48-azure {
  font-size: 48px;
}

.icon-48-azure:before {
  color: #0090DF;
}

/* Buttons Styles */
.base-button, .button-blue-100-rounded, .button-yellow-rounded, .button-white-rounded, .button-azure-rounded, .base-button-sm, .button-sm-white-rounded, .button-sm-azure-outline-rounded {
  border: none;
  box-shadow: none;
  outline: none;
  max-width: 100%;
  display: inline-block;
  align-items: center;
  text-align: center;
  letter-spacing: 0px;
  border-radius: 28px;
  min-height: 48px;
  max-height: 48px;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 16px 40px;
}

.base-button:hover, .button-blue-100-rounded:hover, .button-yellow-rounded:hover, .button-white-rounded:hover, .button-azure-rounded:hover, .base-button-sm:hover, .button-sm-white-rounded:hover, .button-sm-azure-outline-rounded:hover {
  text-decoration: none;
}

.base-button-sm, .button-sm-white-rounded, .button-sm-azure-outline-rounded {
  font-size: 12px;
  padding: 8px 16px;
  min-height: 31px;
  max-height: 31px;
}

.button-azure-rounded {
  background-color: #0090DF;
  color: #fff;
}

.button-azure-rounded:hover {
  background-color: #006fac;
  color: #fff;
}

.button-white-rounded {
  background-color: #fff;
  color: #0090DF;
}

.button-white-rounded:hover {
  background-color: #e6e6e6;
  color: #0090DF;
}

.button-yellow-rounded {
  background-color: #FECD4B;
  color: #191c21;
}

.button-yellow-rounded:hover {
  background-color: #febf18;
  color: #191c21;
}

.button-blue-100-rounded {
  background-color: #243770;
  color: #fff;
}

.button-blue-100-rounded:hover {
  background-color: #182449;
  color: #fff;
}

.a-bold-azure-uppercase span + i {
  margin-left: 8px;
}

.a-bold-azure-uppercase:hover {
  color: #006fac;
  text-decoration: none;
}

.button-sm-azure-outline-rounded {
  background-color: transparent;
  border: 1px solid #0090DF;
  color: #0090DF;
}

.button-sm-azure-outline-rounded:hover {
  background-color: #0090DF;
  color: #fff;
}

.button-gray-azure-icons {
  width: 100%;
  background: #f4f7f9;
  border-radius: 8px;
  padding: 16px;
  display: block;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

.button-gray-azure-icons .icons .icon {
  font-size: 32px;
}

.button-gray-azure-icons .icons .icon:before {
  color: #99AAB5;
  transition: all 0.2s ease-in-out;
}

.button-gray-azure-icons .icons .icon + .icon {
  margin-left: 8px;
}

.button-gray-azure-icons .text {
  margin-bottom: 0;
  margin-top: 8px;
  transition: all 0.2s ease-in-out;
}

.button-gray-azure-icons.active, .button-gray-azure-icons:hover {
  background: #0090DF;
  text-decoration: none;
}

.button-gray-azure-icons.active .icons .icon:before, .button-gray-azure-icons:hover .icons .icon:before {
  color: #fff;
}

.button-gray-azure-icons.active .text, .button-gray-azure-icons:hover .text {
  color: #fff;
}

.button-sm-white-rounded {
  background-color: #fff;
  color: #0090DF;
}

.button-sm-white-rounded:hover {
  background-color: #e6e6e6;
  color: #0090DF;
}

/* HELPERS */
.mb-0 {
  margin-bottom: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mx-0 {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.px-0 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.mb-1 {
  margin-bottom: 8px !important;
}

.mt-1 {
  margin-top: 8px !important;
}

.mr-1 {
  margin-right: 8px !important;
}

.ml-1 {
  margin-left: 8px !important;
}

.my-1 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mx-1 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.pb-1 {
  padding-bottom: 8px !important;
}

.pt-1 {
  padding-top: 8px !important;
}

.pr-1 {
  padding-right: 8px !important;
}

.pl-1 {
  padding-left: 8px !important;
}

.py-1 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.px-1 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.mb-2 {
  margin-bottom: 16px !important;
}

.mt-2 {
  margin-top: 16px !important;
}

.mr-2 {
  margin-right: 16px !important;
}

.ml-2 {
  margin-left: 16px !important;
}

.my-2 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mx-2 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.pb-2 {
  padding-bottom: 16px !important;
}

.pt-2 {
  padding-top: 16px !important;
}

.pr-2 {
  padding-right: 16px !important;
}

.pl-2 {
  padding-left: 16px !important;
}

.py-2 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.px-2 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.mb-3 {
  margin-bottom: 24px !important;
}

.mt-3 {
  margin-top: 24px !important;
}

.mr-3 {
  margin-right: 24px !important;
}

.ml-3 {
  margin-left: 24px !important;
}

.my-3 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mx-3 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.pb-3 {
  padding-bottom: 24px !important;
}

.pt-3 {
  padding-top: 24px !important;
}

.pr-3 {
  padding-right: 24px !important;
}

.pl-3 {
  padding-left: 24px !important;
}

.py-3 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.px-3 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.mb-4 {
  margin-bottom: 32px !important;
}

.mt-4 {
  margin-top: 32px !important;
}

.mr-4 {
  margin-right: 32px !important;
}

.ml-4 {
  margin-left: 32px !important;
}

.my-4 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mx-4 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.pb-4 {
  padding-bottom: 32px !important;
}

.pt-4 {
  padding-top: 32px !important;
}

.pr-4 {
  padding-right: 32px !important;
}

.pl-4 {
  padding-left: 32px !important;
}

.py-4 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.px-4 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.mb-5 {
  margin-bottom: 40px !important;
}

.mt-5 {
  margin-top: 40px !important;
}

.mr-5 {
  margin-right: 40px !important;
}

.ml-5 {
  margin-left: 40px !important;
}

.my-5 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mx-5 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

.pb-5 {
  padding-bottom: 40px !important;
}

.pt-5 {
  padding-top: 40px !important;
}

.pr-5 {
  padding-right: 40px !important;
}

.pl-5 {
  padding-left: 40px !important;
}

.py-5 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.px-5 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.mb-6 {
  margin-bottom: 48px !important;
}

.mt-6 {
  margin-top: 48px !important;
}

.mr-6 {
  margin-right: 48px !important;
}

.ml-6 {
  margin-left: 48px !important;
}

.my-6 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.mx-6 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.pb-6 {
  padding-bottom: 48px !important;
}

.pt-6 {
  padding-top: 48px !important;
}

.pr-6 {
  padding-right: 48px !important;
}

.pl-6 {
  padding-left: 48px !important;
}

.py-6 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.px-6 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.mb-7 {
  margin-bottom: 56px !important;
}

.mt-7 {
  margin-top: 56px !important;
}

.mr-7 {
  margin-right: 56px !important;
}

.ml-7 {
  margin-left: 56px !important;
}

.my-7 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.mx-7 {
  margin-right: 56px !important;
  margin-left: 56px !important;
}

.pb-7 {
  padding-bottom: 56px !important;
}

.pt-7 {
  padding-top: 56px !important;
}

.pr-7 {
  padding-right: 56px !important;
}

.pl-7 {
  padding-left: 56px !important;
}

.py-7 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.px-7 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.mb-8 {
  margin-bottom: 64px !important;
}

.mt-8 {
  margin-top: 64px !important;
}

.mr-8 {
  margin-right: 64px !important;
}

.ml-8 {
  margin-left: 64px !important;
}

.my-8 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.mx-8 {
  margin-right: 64px !important;
  margin-left: 64px !important;
}

.pb-8 {
  padding-bottom: 64px !important;
}

.pt-8 {
  padding-top: 64px !important;
}

.pr-8 {
  padding-right: 64px !important;
}

.pl-8 {
  padding-left: 64px !important;
}

.py-8 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.px-8 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.mb-9 {
  margin-bottom: 72px !important;
}

.mt-9 {
  margin-top: 72px !important;
}

.mr-9 {
  margin-right: 72px !important;
}

.ml-9 {
  margin-left: 72px !important;
}

.my-9 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.mx-9 {
  margin-right: 72px !important;
  margin-left: 72px !important;
}

.pb-9 {
  padding-bottom: 72px !important;
}

.pt-9 {
  padding-top: 72px !important;
}

.pr-9 {
  padding-right: 72px !important;
}

.pl-9 {
  padding-left: 72px !important;
}

.py-9 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.px-9 {
  padding-right: 72px !important;
  padding-left: 72px !important;
}

.mb-10 {
  margin-bottom: 80px !important;
}

.mt-10 {
  margin-top: 80px !important;
}

.mr-10 {
  margin-right: 80px !important;
}

.ml-10 {
  margin-left: 80px !important;
}

.my-10 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.mx-10 {
  margin-right: 80px !important;
  margin-left: 80px !important;
}

.pb-10 {
  padding-bottom: 80px !important;
}

.pt-10 {
  padding-top: 80px !important;
}

.pr-10 {
  padding-right: 80px !important;
}

.pl-10 {
  padding-left: 80px !important;
}

.py-10 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.px-10 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.mb-11 {
  margin-bottom: 88px !important;
}

.mt-11 {
  margin-top: 88px !important;
}

.mr-11 {
  margin-right: 88px !important;
}

.ml-11 {
  margin-left: 88px !important;
}

.my-11 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.mx-11 {
  margin-right: 88px !important;
  margin-left: 88px !important;
}

.pb-11 {
  padding-bottom: 88px !important;
}

.pt-11 {
  padding-top: 88px !important;
}

.pr-11 {
  padding-right: 88px !important;
}

.pl-11 {
  padding-left: 88px !important;
}

.py-11 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.px-11 {
  padding-right: 88px !important;
  padding-left: 88px !important;
}

.mb-12 {
  margin-bottom: 96px !important;
}

.mt-12 {
  margin-top: 96px !important;
}

.mr-12 {
  margin-right: 96px !important;
}

.ml-12 {
  margin-left: 96px !important;
}

.my-12 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.mx-12 {
  margin-right: 96px !important;
  margin-left: 96px !important;
}

.pb-12 {
  padding-bottom: 96px !important;
}

.pt-12 {
  padding-top: 96px !important;
}

.pr-12 {
  padding-right: 96px !important;
}

.pl-12 {
  padding-left: 96px !important;
}

.py-12 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.px-12 {
  padding-right: 96px !important;
  padding-left: 96px !important;
}

.mb-13 {
  margin-bottom: 104px !important;
}

.mt-13 {
  margin-top: 104px !important;
}

.mr-13 {
  margin-right: 104px !important;
}

.ml-13 {
  margin-left: 104px !important;
}

.my-13 {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}

.mx-13 {
  margin-right: 104px !important;
  margin-left: 104px !important;
}

.pb-13 {
  padding-bottom: 104px !important;
}

.pt-13 {
  padding-top: 104px !important;
}

.pr-13 {
  padding-right: 104px !important;
}

.pl-13 {
  padding-left: 104px !important;
}

.py-13 {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

.px-13 {
  padding-right: 104px !important;
  padding-left: 104px !important;
}

.mb-14 {
  margin-bottom: 112px !important;
}

.mt-14 {
  margin-top: 112px !important;
}

.mr-14 {
  margin-right: 112px !important;
}

.ml-14 {
  margin-left: 112px !important;
}

.my-14 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}

.mx-14 {
  margin-right: 112px !important;
  margin-left: 112px !important;
}

.pb-14 {
  padding-bottom: 112px !important;
}

.pt-14 {
  padding-top: 112px !important;
}

.pr-14 {
  padding-right: 112px !important;
}

.pl-14 {
  padding-left: 112px !important;
}

.py-14 {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

.px-14 {
  padding-right: 112px !important;
  padding-left: 112px !important;
}

.mb-15 {
  margin-bottom: 120px !important;
}

.mt-15 {
  margin-top: 120px !important;
}

.mr-15 {
  margin-right: 120px !important;
}

.ml-15 {
  margin-left: 120px !important;
}

.my-15 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.mx-15 {
  margin-right: 120px !important;
  margin-left: 120px !important;
}

.pb-15 {
  padding-bottom: 120px !important;
}

.pt-15 {
  padding-top: 120px !important;
}

.pr-15 {
  padding-right: 120px !important;
}

.pl-15 {
  padding-left: 120px !important;
}

.py-15 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.px-15 {
  padding-right: 120px !important;
  padding-left: 120px !important;
}

.mb-16 {
  margin-bottom: 128px !important;
}

.mt-16 {
  margin-top: 128px !important;
}

.mr-16 {
  margin-right: 128px !important;
}

.ml-16 {
  margin-left: 128px !important;
}

.my-16 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.mx-16 {
  margin-right: 128px !important;
  margin-left: 128px !important;
}

.pb-16 {
  padding-bottom: 128px !important;
}

.pt-16 {
  padding-top: 128px !important;
}

.pr-16 {
  padding-right: 128px !important;
}

.pl-16 {
  padding-left: 128px !important;
}

.py-16 {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.px-16 {
  padding-right: 128px !important;
  padding-left: 128px !important;
}

.mb-17 {
  margin-bottom: 136px !important;
}

.mt-17 {
  margin-top: 136px !important;
}

.mr-17 {
  margin-right: 136px !important;
}

.ml-17 {
  margin-left: 136px !important;
}

.my-17 {
  margin-top: 136px !important;
  margin-bottom: 136px !important;
}

.mx-17 {
  margin-right: 136px !important;
  margin-left: 136px !important;
}

.pb-17 {
  padding-bottom: 136px !important;
}

.pt-17 {
  padding-top: 136px !important;
}

.pr-17 {
  padding-right: 136px !important;
}

.pl-17 {
  padding-left: 136px !important;
}

.py-17 {
  padding-top: 136px !important;
  padding-bottom: 136px !important;
}

.px-17 {
  padding-right: 136px !important;
  padding-left: 136px !important;
}

.mb-18 {
  margin-bottom: 144px !important;
}

.mt-18 {
  margin-top: 144px !important;
}

.mr-18 {
  margin-right: 144px !important;
}

.ml-18 {
  margin-left: 144px !important;
}

.my-18 {
  margin-top: 144px !important;
  margin-bottom: 144px !important;
}

.mx-18 {
  margin-right: 144px !important;
  margin-left: 144px !important;
}

.pb-18 {
  padding-bottom: 144px !important;
}

.pt-18 {
  padding-top: 144px !important;
}

.pr-18 {
  padding-right: 144px !important;
}

.pl-18 {
  padding-left: 144px !important;
}

.py-18 {
  padding-top: 144px !important;
  padding-bottom: 144px !important;
}

.px-18 {
  padding-right: 144px !important;
  padding-left: 144px !important;
}

.mb-19 {
  margin-bottom: 152px !important;
}

.mt-19 {
  margin-top: 152px !important;
}

.mr-19 {
  margin-right: 152px !important;
}

.ml-19 {
  margin-left: 152px !important;
}

.my-19 {
  margin-top: 152px !important;
  margin-bottom: 152px !important;
}

.mx-19 {
  margin-right: 152px !important;
  margin-left: 152px !important;
}

.pb-19 {
  padding-bottom: 152px !important;
}

.pt-19 {
  padding-top: 152px !important;
}

.pr-19 {
  padding-right: 152px !important;
}

.pl-19 {
  padding-left: 152px !important;
}

.py-19 {
  padding-top: 152px !important;
  padding-bottom: 152px !important;
}

.px-19 {
  padding-right: 152px !important;
  padding-left: 152px !important;
}

.mb-20 {
  margin-bottom: 160px !important;
}

.mt-20 {
  margin-top: 160px !important;
}

.mr-20 {
  margin-right: 160px !important;
}

.ml-20 {
  margin-left: 160px !important;
}

.my-20 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.mx-20 {
  margin-right: 160px !important;
  margin-left: 160px !important;
}

.pb-20 {
  padding-bottom: 160px !important;
}

.pt-20 {
  padding-top: 160px !important;
}

.pr-20 {
  padding-right: 160px !important;
}

.pl-20 {
  padding-left: 160px !important;
}

.py-20 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.px-20 {
  padding-right: 160px !important;
  padding-left: 160px !important;
}

.full-width {
  width: 100% !important;
}

/*================================
    Height
================================*/
/* screen height  */
.extra-small-screen {
  height: 300px;
}

.small-screen {
  height: 400px;
}

.one-second-screen {
  height: 600px;
}

.one-third-screen {
  height: 700px;
}

.one-fourth-screen {
  height: 800px;
}

.one-fifth-screen {
  height: 900px;
}

.one-sixth-screen {
  height: 887px;
}

/* equalize inner match height */
.inner-match-height {
  position: relative;
  height: 100%;
}

img {
  max-width: 100%;
}

a {
  color: #0090DF;
}

a:hover {
  color: #006fac;
}

hr {
  border-color: #99AAB5;
}

hr.hr-gray-900 {
  border-color: #ecf1f4;
}

.rotate-180 {
  transform: rotate(180deg);
  display: inline-block;
}

.bg-cover {
  background-size: cover;
  background-position: center;
}

.bg-image-right {
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}

.bg-image-left {
  background-size: cover;
  background-position: center left;
  background-repeat: no-repeat;
}

.bg-image-center {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-gray-900 {
  background-color: #ecf1f4;
}

.bg-gray-900 hr {
  border-color: #707070;
}

.bg-purple-gradient {
  background: transparent linear-gradient(116deg, #3D2877 0%, #A0237F 100%) 0% 0% no-repeat padding-box;
}

.bg-azure-gradient, .offer-bar, .offerbox-azure, .formbox-azure {
  background: transparent linear-gradient(100deg, #0C2F7B 0%, #0090DF 100%) 0% 0% no-repeat padding-box;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms;
}

.cover-background, .blog-header li .blog-banner {
  position: relative !important;
  background-size: cover !important;
  overflow: hidden !important;
  background-position: center;
  background-repeat: no-repeat !important;
}

.white-overlay {
  position: relative;
}

.white-overlay:before {
  content: "";
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  background: transparent linear-gradient(81deg, #fff 0%, #fff 40%, rgba(255, 255, 255, 0) 100%) 0% 0% no-repeat padding-box;
}

.white-overlay.overlay-inverse:before {
  transform: matrix(-1, 0, 0, -1, 0, 0);
}

.white-overlay .content,
.white-overlay .container {
  position: relative;
  z-index: 10;
}

.gray-600-overlay, .bgimage-box {
  position: relative;
}

.gray-600-overlay:before, .bgimage-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: #516574 0% 0% no-repeat padding-box !important;
  mix-blend-mode: multiply;
  z-index: 1;
}

.gray-600-overlay .container, .bgimage-box .container,
.gray-600-overlay .content,
.bgimage-box .content,
.gray-600-overlay .body,
.bgimage-box .body {
  position: relative;
  z-index: 10;
}

.azure-overlay {
  position: relative;
}

.azure-overlay:before {
  content: "";
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  background: #0090DF 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
}

.azure-overlay .content {
  position: relative;
  z-index: 10;
}

.blue-gradiant-overlay {
  position: relative;
}

.blue-gradiant-overlay:before {
  content: "";
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  pointer-events: none;
  background: transparent linear-gradient(135deg, #0C2F7B 0%, rgba(0, 144, 223, 0) 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
}

.blue-gradiant-overlay .content {
  position: relative;
  z-index: 10;
}

.row.row-large {
  margin-left: -32px;
  margin-right: -32px;
}

.row.row-large > div {
  padding-left: 32px;
  padding-right: 32px;
}

.row.row-small {
  margin-left: -8px;
  margin-right: -8px;
}

.row.row-small > div {
  padding-left: 8px;
  padding-right: 8px;
}

/* HEADER */
header nav.navbar {
  background: #fff;
  height: 90px;
	padding: 0px;
 /* box-shadow: 0px 1px 0px #0000001A;*/
}

header nav.navbar .logo img {
  height: 90px;
}

header nav.navbar .accordion-menu {
  padding-left: 16px;
  padding-right: 16px;
}

header nav.navbar .buttons-menu {
  padding-left: 0;
  padding-right: 0;
}

header nav.navbar .nav .nav-item a {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #191c21;
  text-transform: uppercase;
  padding: 8px 16px;
}

header nav.navbar .nav .nav-item:hover a, header nav.navbar .nav .nav-item.active a {
  color: #0090DF;
}

header nav.navbar .header-searchbar {
  display: inline-block;
  margin-right: 32px;
  vertical-align: middle;
}

header nav.navbar .header-searchbar .header-search-form {
  color: #0090DF;
  display: block;
}

header nav.navbar .header-searchbar .header-search-form:hover {
  text-decoration: none;
}

header nav.navbar .header-searchbar .header-search-form .search-button {
  font-size: 24px;
}

header nav.navbar .button-azure-rounded {
  border-radius: 20px;
  min-height: 40px;
  font-size: 14px;
  line-height: 24px;
  padding: 8px 32px;
}

.riga-titolo-selettore {
	margin-bottom: 50px;
}

/* FOOTER */
footer {
  background: #ecf1f4 0% 0% no-repeat padding-box;
  opacity: 1;
  padding-top: 128px;
  padding-bottom: 88px;
}

footer .footer-widget-area h6 {
  margin-bottom: 16px;
}

footer .footer-widget-area h7 {
  display: block;
  margin-bottom: 8px;
}

footer .footer-widget-area .row > div {
  margin-bottom: 64px;
}

footer .footer-bottom {
  margin-top: 24px;
}

footer .footer-bottom .top-link {
  display: flex;
}

footer .footer-bottom .top-link h7 {
  line-height: 1;
}

footer .footer-bottom .top-link h7 a {
  vertical-align: middle;
}

footer .footer-bottom .top-link h7 + h7:before {
  content: "";
  border-left: 1px solid #191c21;
  height: 12px;
  width: 1px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  padding-left: 8px;
}

footer .footer-bottom .credits {
  line-height: 1;
}

footer hr {
  border-color: #707070;
  margin-top: 16px;
  margin-bottom: 16px;
}

/* ELEMENTS */
.formbox-azure {
  border-radius: 16px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 32px 48px;
  max-width: 964px;
  margin: 0 auto;
}

.offerbox-azure {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 16px;
  padding: 32px 32px;
  margin-bottom: 16px;
}

.offerbox-azure .p-medium-azure {
  line-height: 1;
}

.offerbox-azure .icon {
  font-size: 32px;
}

.offerbox-azure .icon:before {
  color: #f4f7f9;
}

.form-group {
  margin-bottom: 16px;
}

.form-control {
  font-size: 18px;
  line-height: 1.4;
  border: none;
  border-radius: 28px;
  height: 48px;
  background: #fff;
  text-align: center;
  color: #191c21 !important;
}

.form-control.form-control-gray-900 {
  border-radius: 24px;
  font-size: 14px;
  background: #ecf1f4;
  color: #243770;
  text-align: left;
  padding-left: 16px;
  padding-right: 16px;
}

.form-check-input {
  position: absolute;
  appearance: initial;
}

.form-check-input:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #0090DF;
  background: #fff;
  pointer-events: none;
}

.form-check-input:checked:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0090DF;
  pointer-events: none;
}

::-webkit-input-placeholder {
  color: rgba(25, 28, 33, 0.3) !important;
}

:-moz-placeholder {
  color: rgba(25, 28, 33, 0.3) !important;
}

::-moz-placeholder {
  color: rgba(25, 28, 33, 0.3) !important;
}

:-ms-input-placeholder {
  color: rgba(25, 28, 33, 0.3) !important;
}

.list-box-icons, .list-box-icons-gray {
  margin-top: 64px;
  margin-bottom: 64px;
}

.list-box-icons .list-box-icon, .list-box-icons-gray .list-box-icon {
  text-align: center;
  border-radius: 16px;
}

.list-box-icons .list-box-icon .icon, .list-box-icons-gray .list-box-icon .icon {
  font-size: 96px;
  margin-bottom: 32px;
  display: block;
}

.list-box-icons .list-box-icon h6, .list-box-icons-gray .list-box-icon h6 {
  margin-bottom: 16px;
}

.list-box-icons .list-box-icon p, .list-box-icons-gray .list-box-icon p {
  line-height: 26px;
}

.list-box-icons-gray .list-box-icon {
  background: #ecf1f4;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
  padding: 64px 32px;
}

.list-box-icons-gray .list-box-icon .icon {
  font-size: 128px;
}

.list-box-icons-gray .list-box-icon h6 {
  margin-bottom: 24px;
  max-width: 180px;
  margin-left: auto;
  margin-right: auto;
}

.icon-box-blue-100-left {
  margin-bottom: 48px;
  padding-left: 24px;
  padding-right: 24px;
  text-align: left;
}

.icon-box-blue-100-left .icon {
  display: block;
  font-size: 48px;
}

.icon-box-blue-100-left .icon:before {
  color: #243770;
}

.banner {
  background: transparent no-repeat padding-box;
  background-size: cover;
  background-position: center left;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 16px;
  opacity: 1;
  padding: 64px;
  position: relative;
  min-height: 482px;
}

.banner:before {
  content: "";
  background: transparent linear-gradient(96deg, #0C2F7B 10%, rgba(12, 47, 123, 0) 95%) 0% 0% no-repeat padding-box;
  width: 100%;
  max-width: 866px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: 16px 0 0 16px;
  opacity: 1;
}

.banner .banner-container {
  z-index: 2;
  position: relative;
}

.banner .banner-footer {
  margin-top: 64px;
}

.banner .banner-footer .icons {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.banner .banner-footer .icons .icon {
  font-size: 32px;
}

.banner .banner-footer .icons .icon:before {
  color: #FFF;
}

.banner .banner-footer .icons .icon + .icon {
  margin-left: 24px;
}

.banner .label-green {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 56px;
}

.blog-post {
  margin-bottom: 64px;
}

.blog-post .blog-post-images {
  position: relative;
}

.blog-post .blog-post-images img {
  width: 100%;
}

.blog-post .blog-post-images .blog-hover-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
}

.blog-post .blog-post-images .blog-hover-icon i {
  font-size: 64px;
}

.blog-post .blog-post-images .blog-hover-icon i:before {
  color: #fff;
}

.blog-post .blog-post-details {
  background: #fff;
  padding: 32px;
}

.blog-post .blog-post-details h4 {
  margin-bottom: 16px;
}

.blog-post .blog-post-details p {
  margin-bottom: 0;
}

.blog-post .blog-post-details hr {
  border-color: #ecf1f4;
  margin-top: 24px;
  margin-bottom: 24px;
}

.blog-post a {
  display: block;
}

.blog-post a:hover {
  text-decoration: none;
}

.blog-post a:hover .blog-post-images .blog-hover-icon {
  opacity: 1;
}

.feedbacks .feedback {
  margin-bottom: 32px;
}

.feedbacks .feedback .feedback-text {
  text-align: center;
  padding-top: 64px;
  padding-bottom: 64px;
  padding-left: 32px;
  padding-right: 32px;
  background-color: #ecf1f4;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
  border-radius: 16px;
  margin-bottom: 32px;
  position: relative;
}

.feedbacks .feedback .feedback-text:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #ecf1f4;
  position: absolute;
  bottom: -16px;
  left: 24px;
}

.feedbacks .feedback .feedback-author img {
  border-radius: 50%;
  height: 82px;
  width: 82px;
}

/* SLIDER */
.main-slider .swiper-container {
  min-height: 678px;
}

.main-slider .swiper-container .swiper-slide {
  opacity: 1;
  background-position: bottom left;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
}

.main-slider .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.5;
}

.main-slider .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.main-slider .header-slide {
  min-height: 448px;
  background-position: bottom left;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 64px;
  padding-bottom: 64px;
  position: relative;
}

.main-slider.azure-gradient .swiper-slide .container,
.main-slider.azure-gradient .header-slide .container {
  z-index: 2;
  position: relative;
}

.main-slider.azure-gradient .swiper-slide:before,
.main-slider.azure-gradient .header-slide:before {
  content: "";
  background: transparent linear-gradient(116deg, #0C2F7B 0%, rgba(12, 47, 123, 0) 100%) 0% 0% no-repeat padding-box;
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
}

.main-slider.has-formbox .swiper-container {
  /*max-height: calc(100vh - 90px - 177px);*/
}

.main-slider.has-formbox .swiper-container .swiper-slide {
  padding-top: 120px;
  padding-bottom: 152px;
}

.main-slider.has-formbox .swiper-container .swiper-pagination {
  bottom: 72px;
}

.main-slider.has-formbox .header-slide {
  max-height: calc(100vh - 90px - 177px);
  padding-top: 80px;
  padding-bottom: 136px;
}

.main-slider .formbox-azure {
  position: relative;
  z-index: 100;
  margin-top: -56px;
}

/* ACCORDION */
.accordion-style .panel {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
}

.accordion-style .panel-heading {
  padding: 16px 0;
}

.accordion-style .panel-heading i {
  font-size: 16px;
  color: #707070;
  font-weight: 800;
}

.accordion-style .panel-title {
  padding-right: 30px;
  position: relative;
}

.accordion-style .panel-title > span.float-right {
  position: absolute;
  right: 0;
  top: 0;
}

.accordion-style.panel-group .panel-heading {
  border: 0px;
  border-bottom: 1px solid #ecf1f4;
}

.accordion-style.panel-group .panel-heading + .panel-collapse > .list-group, .accordion-style.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 0;
  padding: 16px 0;
}

/* AREA DOWNLOAD */
.line-title {
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
}

.line-title > div {
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}

.line-title > div:before {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 99%;
  display: block;
  border-bottom: 1px solid #99AAB5;
  right: 100%;
  margin-right: 25px;
}

.line-title > div:after {
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  width: 99%;
  display: block;
  border-bottom: 1px solid #99AAB5;
  left: 100%;
  margin-left: 25px;
}

.area-download {
  background: #ecf1f4;
  border-radius: 16px;
  padding: 64px 96px;
}

.area-download a {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}

.area-download a:hover {
  text-decoration: none;
}

.offer-bar {
  padding: 16px 0;
  position: fixed;
  z-index: 100;
  width: 100%;
  top: -200;
  left: 0;
  opacity: 0;
  transition: opacity ease-in-out 0.2s;
}

.offer-bar.show {
  top: 0;
  opacity: 1;
}

.offer-bar .row .grid-item {
  display: flex;
  align-items: center;
  text-align: center;
}

.offer-bar .row .grid-item .title {
  margin: 0 auto 8px;
}

.offer-bar .row .grid-item.buttons {
  justify-content: center;
}

.offer-bar .row .grid-item a + a {
  margin-left: 24px;
}

.feature-box {
  position: relative;
  padding-left: 75px;
  margin-bottom: 64px;
}

.feature-box i {
  position: absolute;
  top: 0;
  left: 0;
}

.bgimage-box {
  background-position: center;
  background-size: cover;
  padding: 32px 112px 64px 56px;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 456px;
}

.list-style {
  list-style: none;
  margin: 0;
  padding: 0;
}

.list-style li {
  position: relative;
  padding: 16px 0 16px 48px;
  margin: 0;
  border-bottom: 1px solid #99AAB5;
}



.list-style li:last-child {
  border-bottom: 0;
}

.card-gray {
  border-radius: 8px;
  background: #ecf1f4;
  border: none;
}

.card-gray .card-img-top {
  height: 208px;
  border-radius: 8px 8px 0px 0px;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.card-gray .card-body {
  padding: 32px 16px;
}

/* MAGAZINE */
.blog-header {
  margin: 0 8px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: start;
}

.blog-header li {
  width: 25%;
  padding: 0 8px;
  margin: 0 -4px 0 0;
  display: inline-block;
  box-sizing: border-box;
  overflow: hidden;
  vertical-align: top;
  transition: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
}

.blog-header li .blog-banner {
  display: block;
  position: relative;
  height: 100%;
}

.blog-header li figure figcaption {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  padding: 50px;
  transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
}

.blog-header li figure figcaption a {
  opacity: 0;
  transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
  -ms-transform: translateY(60px);
  -o-transform: translateY(60px);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
}

.blog-header li.blog-column-active {
  width: 50%;
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
}

.blog-header li.blog-column-active figure figcaption {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}

.blog-header li.blog-column-active figure figcaption a {
  opacity: 1;
  transition-delay: 0.6s;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
}

.blog-header li.blog-column-active figure figcaption a:hover {
  transition-delay: 0;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
}

.blog-header li .blog-title {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===================================
    Aside style
====================================== */
aside.sidebar .aside-title {
  position: relative;
  overflow: hidden;
  margin-top: 24px;
  margin-bottom: 24px;
}

aside.sidebar .aside-title span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

aside.sidebar .aside-title:after {
  content: "";
  display: inline-block;
  width: 100%;
  background: #0090DF;
  height: 1px;
  top: 50%;
  position: absolute;
}

aside.sidebar .list-style-sidebar {
  list-style: none;
  margin: 0;
  padding: 0;
}

aside.sidebar .list-style-sidebar li {
  position: relative;
  padding: 0 15px 8px 0;
  margin: 0 0 8px 0;
  border-bottom: 1px solid #191c21;
}

aside.sidebar .list-style-sidebar li span {
  position: absolute;
  top: 3px;
  right: 0;
}

aside.sidebar .list-style-sidebar li:before {
  content: "";
}

aside.sidebar .social-icons a {
  text-align: center;
  color: #fff;
  display: block;
}

aside.sidebar .social-icons .facebook {
  background-color: #3b5998;
}

aside.sidebar .social-icons .twitter {
  background-color: #00aced;
}

aside.sidebar .social-icons .google {
  background-color: #dc4a38;
}

aside.sidebar .social-icons .dribbble {
  background-color: #ea4c89;
}

aside.sidebar .social-icons .youtube {
  background-color: #bb0000;
}

aside.sidebar .social-icons .linkedin {
  background-color: #007bb6;
}

aside.sidebar .social-icons .instagram {
  background-color: #FE1F49;
}

aside.sidebar .social-icons .pinterest {
  background-color: #CB2027;
}

aside.sidebar .social-icons .flickr {
  background-color: #ff0084;
}

aside.sidebar .social-icons .rss {
  background-color: #f2890a;
}

aside.sidebar .social-icons .email {
  background-color: #7d7d7d;
}

aside.sidebar .social-icons .sms {
  background-color: #ffbd00;
}

aside.sidebar .social-icons .whatsapp {
  background-color: #25d366;
}

aside.sidebar .social-icons .print {
  background-color: #222222;
}

aside.sidebar .social-icons .extra-small-icon,
aside.sidebar .social-icons .small-icon,
aside.sidebar .social-icons .medium-icon,
aside.sidebar .social-icons .large-icon,
aside.sidebar .social-icons .extra-large-icon {
  list-style: none;
  padding: 0;
}

aside.sidebar .social-icons .extra-small-icon li,
aside.sidebar .social-icons .small-icon li,
aside.sidebar .social-icons .medium-icon li,
aside.sidebar .social-icons .large-icon li,
aside.sidebar .social-icons .extra-large-icon li {
  display: inline-block;
}

aside.sidebar .social-icons .extra-small-icon li + li {
  margin-left: 2px;
}

aside.sidebar .social-icons .extra-small-icon li a {
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 29px;
}

aside.sidebar .social-icons .small-icon li + li {
  margin-left: 5px;
}

aside.sidebar .social-icons .small-icon li a {
  font-size: 16px;
  width: 40px;
  height: 40px;
  line-height: 38px;
}

aside.sidebar .social-icons .medium-icon li + li {
  margin-left: 8px;
}

aside.sidebar .social-icons .medium-icon li a {
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 48px;
}

aside.sidebar .social-icons .large-icon li + li {
  margin-left: 10px;
}

aside.sidebar .social-icons .large-icon li a {
  font-size: 24px;
  width: 60px;
  height: 60px;
  line-height: 61px;
}

aside.sidebar .social-icons .extra-large-icon li + li {
  margin-left: 12px;
}

aside.sidebar .social-icons .extra-large-icon li a {
  font-size: 30px;
  width: 70px;
  height: 70px;
  line-height: 68px;
}

.tag-cloud a {
  padding: 0px 8px;
  border: 1px solid #191c21;
  margin: 0 8px 8px 0px;
  display: inline-block;
  border-radius: 10px;
  line-height: 18px;
  vertical-align: middle;
}

.tag-cloud a:hover {
  background: #191c21;
  color: #fff !important;
  text-decoration: none;
}

.post .post-text p {
  margin-bottom: 24px;
}

.post .post-text h5 {
  margin-top: 48px;
  margin-bottom: 32px;
}

.share a {
  display: inline-block;
  margin-left: 32px;
}

.share a i {
  font-size: 32px;
}

.share a i.facebook {
  color: #3b5998;
}

.share a i.twitter {
  color: #00aced;
}

@media (min-width: 576px) {
  .sm\:mb-0 {
    margin-bottom: 0px !important;
  }

  .sm\:mt-0 {
    margin-top: 0px !important;
  }

  .sm\:mr-0 {
    margin-right: 0px !important;
  }

  .sm\:ml-0 {
    margin-left: 0px !important;
  }

  .sm\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .sm\:mx-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .sm\:pb-0 {
    padding-bottom: 0px !important;
  }

  .sm\:pt-0 {
    padding-top: 0px !important;
  }

  .sm\:pr-0 {
    padding-right: 0px !important;
  }

  .sm\:pl-0 {
    padding-left: 0px !important;
  }

  .sm\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .sm\:px-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .sm\:mb-1 {
    margin-bottom: 8px !important;
  }

  .sm\:mt-1 {
    margin-top: 8px !important;
  }

  .sm\:mr-1 {
    margin-right: 8px !important;
  }

  .sm\:ml-1 {
    margin-left: 8px !important;
  }

  .sm\:my-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .sm\:mx-1 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  .sm\:pb-1 {
    padding-bottom: 8px !important;
  }

  .sm\:pt-1 {
    padding-top: 8px !important;
  }

  .sm\:pr-1 {
    padding-right: 8px !important;
  }

  .sm\:pl-1 {
    padding-left: 8px !important;
  }

  .sm\:py-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .sm\:px-1 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .sm\:mb-2 {
    margin-bottom: 16px !important;
  }

  .sm\:mt-2 {
    margin-top: 16px !important;
  }

  .sm\:mr-2 {
    margin-right: 16px !important;
  }

  .sm\:ml-2 {
    margin-left: 16px !important;
  }

  .sm\:my-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .sm\:mx-2 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }

  .sm\:pb-2 {
    padding-bottom: 16px !important;
  }

  .sm\:pt-2 {
    padding-top: 16px !important;
  }

  .sm\:pr-2 {
    padding-right: 16px !important;
  }

  .sm\:pl-2 {
    padding-left: 16px !important;
  }

  .sm\:py-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .sm\:px-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .sm\:mb-3 {
    margin-bottom: 24px !important;
  }

  .sm\:mt-3 {
    margin-top: 24px !important;
  }

  .sm\:mr-3 {
    margin-right: 24px !important;
  }

  .sm\:ml-3 {
    margin-left: 24px !important;
  }

  .sm\:my-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .sm\:mx-3 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }

  .sm\:pb-3 {
    padding-bottom: 24px !important;
  }

  .sm\:pt-3 {
    padding-top: 24px !important;
  }

  .sm\:pr-3 {
    padding-right: 24px !important;
  }

  .sm\:pl-3 {
    padding-left: 24px !important;
  }

  .sm\:py-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .sm\:px-3 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  .sm\:mb-4 {
    margin-bottom: 32px !important;
  }

  .sm\:mt-4 {
    margin-top: 32px !important;
  }

  .sm\:mr-4 {
    margin-right: 32px !important;
  }

  .sm\:ml-4 {
    margin-left: 32px !important;
  }

  .sm\:my-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .sm\:mx-4 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }

  .sm\:pb-4 {
    padding-bottom: 32px !important;
  }

  .sm\:pt-4 {
    padding-top: 32px !important;
  }

  .sm\:pr-4 {
    padding-right: 32px !important;
  }

  .sm\:pl-4 {
    padding-left: 32px !important;
  }

  .sm\:py-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .sm\:px-4 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }

  .sm\:mb-5 {
    margin-bottom: 40px !important;
  }

  .sm\:mt-5 {
    margin-top: 40px !important;
  }

  .sm\:mr-5 {
    margin-right: 40px !important;
  }

  .sm\:ml-5 {
    margin-left: 40px !important;
  }

  .sm\:my-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .sm\:mx-5 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }

  .sm\:pb-5 {
    padding-bottom: 40px !important;
  }

  .sm\:pt-5 {
    padding-top: 40px !important;
  }

  .sm\:pr-5 {
    padding-right: 40px !important;
  }

  .sm\:pl-5 {
    padding-left: 40px !important;
  }

  .sm\:py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .sm\:px-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .sm\:mb-6 {
    margin-bottom: 48px !important;
  }

  .sm\:mt-6 {
    margin-top: 48px !important;
  }

  .sm\:mr-6 {
    margin-right: 48px !important;
  }

  .sm\:ml-6 {
    margin-left: 48px !important;
  }

  .sm\:my-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }

  .sm\:mx-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }

  .sm\:pb-6 {
    padding-bottom: 48px !important;
  }

  .sm\:pt-6 {
    padding-top: 48px !important;
  }

  .sm\:pr-6 {
    padding-right: 48px !important;
  }

  .sm\:pl-6 {
    padding-left: 48px !important;
  }

  .sm\:py-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .sm\:px-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  .sm\:mb-7 {
    margin-bottom: 56px !important;
  }

  .sm\:mt-7 {
    margin-top: 56px !important;
  }

  .sm\:mr-7 {
    margin-right: 56px !important;
  }

  .sm\:ml-7 {
    margin-left: 56px !important;
  }

  .sm\:my-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }

  .sm\:mx-7 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }

  .sm\:pb-7 {
    padding-bottom: 56px !important;
  }

  .sm\:pt-7 {
    padding-top: 56px !important;
  }

  .sm\:pr-7 {
    padding-right: 56px !important;
  }

  .sm\:pl-7 {
    padding-left: 56px !important;
  }

  .sm\:py-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .sm\:px-7 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }

  .sm\:mb-8 {
    margin-bottom: 64px !important;
  }

  .sm\:mt-8 {
    margin-top: 64px !important;
  }

  .sm\:mr-8 {
    margin-right: 64px !important;
  }

  .sm\:ml-8 {
    margin-left: 64px !important;
  }

  .sm\:my-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .sm\:mx-8 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }

  .sm\:pb-8 {
    padding-bottom: 64px !important;
  }

  .sm\:pt-8 {
    padding-top: 64px !important;
  }

  .sm\:pr-8 {
    padding-right: 64px !important;
  }

  .sm\:pl-8 {
    padding-left: 64px !important;
  }

  .sm\:py-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .sm\:px-8 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }

  .sm\:mb-9 {
    margin-bottom: 72px !important;
  }

  .sm\:mt-9 {
    margin-top: 72px !important;
  }

  .sm\:mr-9 {
    margin-right: 72px !important;
  }

  .sm\:ml-9 {
    margin-left: 72px !important;
  }

  .sm\:my-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }

  .sm\:mx-9 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }

  .sm\:pb-9 {
    padding-bottom: 72px !important;
  }

  .sm\:pt-9 {
    padding-top: 72px !important;
  }

  .sm\:pr-9 {
    padding-right: 72px !important;
  }

  .sm\:pl-9 {
    padding-left: 72px !important;
  }

  .sm\:py-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .sm\:px-9 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }

  .sm\:mb-10 {
    margin-bottom: 80px !important;
  }

  .sm\:mt-10 {
    margin-top: 80px !important;
  }

  .sm\:mr-10 {
    margin-right: 80px !important;
  }

  .sm\:ml-10 {
    margin-left: 80px !important;
  }

  .sm\:my-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .sm\:mx-10 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }

  .sm\:pb-10 {
    padding-bottom: 80px !important;
  }

  .sm\:pt-10 {
    padding-top: 80px !important;
  }

  .sm\:pr-10 {
    padding-right: 80px !important;
  }

  .sm\:pl-10 {
    padding-left: 80px !important;
  }

  .sm\:py-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .sm\:px-10 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }

  .sm\:mb-11 {
    margin-bottom: 88px !important;
  }

  .sm\:mt-11 {
    margin-top: 88px !important;
  }

  .sm\:mr-11 {
    margin-right: 88px !important;
  }

  .sm\:ml-11 {
    margin-left: 88px !important;
  }

  .sm\:my-11 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }

  .sm\:mx-11 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }

  .sm\:pb-11 {
    padding-bottom: 88px !important;
  }

  .sm\:pt-11 {
    padding-top: 88px !important;
  }

  .sm\:pr-11 {
    padding-right: 88px !important;
  }

  .sm\:pl-11 {
    padding-left: 88px !important;
  }

  .sm\:py-11 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }

  .sm\:px-11 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }

  .sm\:mb-12 {
    margin-bottom: 96px !important;
  }

  .sm\:mt-12 {
    margin-top: 96px !important;
  }

  .sm\:mr-12 {
    margin-right: 96px !important;
  }

  .sm\:ml-12 {
    margin-left: 96px !important;
  }

  .sm\:my-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  .sm\:mx-12 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }

  .sm\:pb-12 {
    padding-bottom: 96px !important;
  }

  .sm\:pt-12 {
    padding-top: 96px !important;
  }

  .sm\:pr-12 {
    padding-right: 96px !important;
  }

  .sm\:pl-12 {
    padding-left: 96px !important;
  }

  .sm\:py-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }

  .sm\:px-12 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }

  .sm\:mb-13 {
    margin-bottom: 104px !important;
  }

  .sm\:mt-13 {
    margin-top: 104px !important;
  }

  .sm\:mr-13 {
    margin-right: 104px !important;
  }

  .sm\:ml-13 {
    margin-left: 104px !important;
  }

  .sm\:my-13 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }

  .sm\:mx-13 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }

  .sm\:pb-13 {
    padding-bottom: 104px !important;
  }

  .sm\:pt-13 {
    padding-top: 104px !important;
  }

  .sm\:pr-13 {
    padding-right: 104px !important;
  }

  .sm\:pl-13 {
    padding-left: 104px !important;
  }

  .sm\:py-13 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }

  .sm\:px-13 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }

  .sm\:mb-14 {
    margin-bottom: 112px !important;
  }

  .sm\:mt-14 {
    margin-top: 112px !important;
  }

  .sm\:mr-14 {
    margin-right: 112px !important;
  }

  .sm\:ml-14 {
    margin-left: 112px !important;
  }

  .sm\:my-14 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }

  .sm\:mx-14 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }

  .sm\:pb-14 {
    padding-bottom: 112px !important;
  }

  .sm\:pt-14 {
    padding-top: 112px !important;
  }

  .sm\:pr-14 {
    padding-right: 112px !important;
  }

  .sm\:pl-14 {
    padding-left: 112px !important;
  }

  .sm\:py-14 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }

  .sm\:px-14 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }

  .sm\:mb-15 {
    margin-bottom: 120px !important;
  }

  .sm\:mt-15 {
    margin-top: 120px !important;
  }

  .sm\:mr-15 {
    margin-right: 120px !important;
  }

  .sm\:ml-15 {
    margin-left: 120px !important;
  }

  .sm\:my-15 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .sm\:mx-15 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }

  .sm\:pb-15 {
    padding-bottom: 120px !important;
  }

  .sm\:pt-15 {
    padding-top: 120px !important;
  }

  .sm\:pr-15 {
    padding-right: 120px !important;
  }

  .sm\:pl-15 {
    padding-left: 120px !important;
  }

  .sm\:py-15 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .sm\:px-15 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }

  .sm\:mb-16 {
    margin-bottom: 128px !important;
  }

  .sm\:mt-16 {
    margin-top: 128px !important;
  }

  .sm\:mr-16 {
    margin-right: 128px !important;
  }

  .sm\:ml-16 {
    margin-left: 128px !important;
  }

  .sm\:my-16 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }

  .sm\:mx-16 {
    margin-right: 128px !important;
    margin-left: 128px !important;
  }

  .sm\:pb-16 {
    padding-bottom: 128px !important;
  }

  .sm\:pt-16 {
    padding-top: 128px !important;
  }

  .sm\:pr-16 {
    padding-right: 128px !important;
  }

  .sm\:pl-16 {
    padding-left: 128px !important;
  }

  .sm\:py-16 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }

  .sm\:px-16 {
    padding-right: 128px !important;
    padding-left: 128px !important;
  }

  .sm\:mb-17 {
    margin-bottom: 136px !important;
  }

  .sm\:mt-17 {
    margin-top: 136px !important;
  }

  .sm\:mr-17 {
    margin-right: 136px !important;
  }

  .sm\:ml-17 {
    margin-left: 136px !important;
  }

  .sm\:my-17 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }

  .sm\:mx-17 {
    margin-right: 136px !important;
    margin-left: 136px !important;
  }

  .sm\:pb-17 {
    padding-bottom: 136px !important;
  }

  .sm\:pt-17 {
    padding-top: 136px !important;
  }

  .sm\:pr-17 {
    padding-right: 136px !important;
  }

  .sm\:pl-17 {
    padding-left: 136px !important;
  }

  .sm\:py-17 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }

  .sm\:px-17 {
    padding-right: 136px !important;
    padding-left: 136px !important;
  }

  .sm\:mb-18 {
    margin-bottom: 144px !important;
  }

  .sm\:mt-18 {
    margin-top: 144px !important;
  }

  .sm\:mr-18 {
    margin-right: 144px !important;
  }

  .sm\:ml-18 {
    margin-left: 144px !important;
  }

  .sm\:my-18 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }

  .sm\:mx-18 {
    margin-right: 144px !important;
    margin-left: 144px !important;
  }

  .sm\:pb-18 {
    padding-bottom: 144px !important;
  }

  .sm\:pt-18 {
    padding-top: 144px !important;
  }

  .sm\:pr-18 {
    padding-right: 144px !important;
  }

  .sm\:pl-18 {
    padding-left: 144px !important;
  }

  .sm\:py-18 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }

  .sm\:px-18 {
    padding-right: 144px !important;
    padding-left: 144px !important;
  }

  .sm\:mb-19 {
    margin-bottom: 152px !important;
  }

  .sm\:mt-19 {
    margin-top: 152px !important;
  }

  .sm\:mr-19 {
    margin-right: 152px !important;
  }

  .sm\:ml-19 {
    margin-left: 152px !important;
  }

  .sm\:my-19 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }

  .sm\:mx-19 {
    margin-right: 152px !important;
    margin-left: 152px !important;
  }

  .sm\:pb-19 {
    padding-bottom: 152px !important;
  }

  .sm\:pt-19 {
    padding-top: 152px !important;
  }

  .sm\:pr-19 {
    padding-right: 152px !important;
  }

  .sm\:pl-19 {
    padding-left: 152px !important;
  }

  .sm\:py-19 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }

  .sm\:px-19 {
    padding-right: 152px !important;
    padding-left: 152px !important;
  }

  .sm\:mb-20 {
    margin-bottom: 160px !important;
  }

  .sm\:mt-20 {
    margin-top: 160px !important;
  }

  .sm\:mr-20 {
    margin-right: 160px !important;
  }

  .sm\:ml-20 {
    margin-left: 160px !important;
  }

  .sm\:my-20 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .sm\:mx-20 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }

  .sm\:pb-20 {
    padding-bottom: 160px !important;
  }

  .sm\:pt-20 {
    padding-top: 160px !important;
  }

  .sm\:pr-20 {
    padding-right: 160px !important;
  }

  .sm\:pl-20 {
    padding-left: 160px !important;
  }

  .sm\:py-20 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .sm\:px-20 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }

  .sm\:bg-image-right {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
  }

  .sm\:bg-image-left {
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
  }

  .sm\:bg-image-center {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 768px) {
  .md\:mb-0 {
    margin-bottom: 0px !important;
  }

  .md\:mt-0 {
    margin-top: 0px !important;
  }

  .md\:mr-0 {
    margin-right: 0px !important;
  }

  .md\:ml-0 {
    margin-left: 0px !important;
  }

  .md\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .md\:mx-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .md\:pb-0 {
    padding-bottom: 0px !important;
  }

  .md\:pt-0 {
    padding-top: 0px !important;
  }

  .md\:pr-0 {
    padding-right: 0px !important;
  }

  .md\:pl-0 {
    padding-left: 0px !important;
  }

  .md\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .md\:px-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .md\:mb-1 {
    margin-bottom: 8px !important;
  }

  .md\:mt-1 {
    margin-top: 8px !important;
  }

  .md\:mr-1 {
    margin-right: 8px !important;
  }

  .md\:ml-1 {
    margin-left: 8px !important;
  }

  .md\:my-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .md\:mx-1 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  .md\:pb-1 {
    padding-bottom: 8px !important;
  }

  .md\:pt-1 {
    padding-top: 8px !important;
  }

  .md\:pr-1 {
    padding-right: 8px !important;
  }

  .md\:pl-1 {
    padding-left: 8px !important;
  }

  .md\:py-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .md\:px-1 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .md\:mb-2 {
    margin-bottom: 16px !important;
  }

  .md\:mt-2 {
    margin-top: 16px !important;
  }

  .md\:mr-2 {
    margin-right: 16px !important;
  }

  .md\:ml-2 {
    margin-left: 16px !important;
  }

  .md\:my-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .md\:mx-2 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }

  .md\:pb-2 {
    padding-bottom: 16px !important;
  }

  .md\:pt-2 {
    padding-top: 16px !important;
  }

  .md\:pr-2 {
    padding-right: 16px !important;
  }

  .md\:pl-2 {
    padding-left: 16px !important;
  }

  .md\:py-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .md\:px-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .md\:mb-3 {
    margin-bottom: 24px !important;
  }

  .md\:mt-3 {
    margin-top: 24px !important;
  }

  .md\:mr-3 {
    margin-right: 24px !important;
  }

  .md\:ml-3 {
    margin-left: 24px !important;
  }

  .md\:my-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .md\:mx-3 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }

  .md\:pb-3 {
    padding-bottom: 24px !important;
  }

  .md\:pt-3 {
    padding-top: 24px !important;
  }

  .md\:pr-3 {
    padding-right: 24px !important;
  }

  .md\:pl-3 {
    padding-left: 24px !important;
  }

  .md\:py-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .md\:px-3 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  .md\:mb-4 {
    margin-bottom: 32px !important;
  }

  .md\:mt-4 {
    margin-top: 32px !important;
  }

  .md\:mr-4 {
    margin-right: 32px !important;
  }

  .md\:ml-4 {
    margin-left: 32px !important;
  }

  .md\:my-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .md\:mx-4 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }

  .md\:pb-4 {
    padding-bottom: 32px !important;
  }

  .md\:pt-4 {
    padding-top: 32px !important;
  }

  .md\:pr-4 {
    padding-right: 32px !important;
  }

  .md\:pl-4 {
    padding-left: 32px !important;
  }

  .md\:py-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .md\:px-4 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }

  .md\:mb-5 {
    margin-bottom: 40px !important;
  }

  .md\:mt-5 {
    margin-top: 40px !important;
  }

  .md\:mr-5 {
    margin-right: 40px !important;
  }

  .md\:ml-5 {
    margin-left: 40px !important;
  }

  .md\:my-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .md\:mx-5 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }

  .md\:pb-5 {
    padding-bottom: 40px !important;
  }

  .md\:pt-5 {
    padding-top: 40px !important;
  }

  .md\:pr-5 {
    padding-right: 40px !important;
  }

  .md\:pl-5 {
    padding-left: 40px !important;
  }

  .md\:py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .md\:px-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .md\:mb-6 {
    margin-bottom: 48px !important;
  }

  .md\:mt-6 {
    margin-top: 48px !important;
  }

  .md\:mr-6 {
    margin-right: 48px !important;
  }

  .md\:ml-6 {
    margin-left: 48px !important;
  }

  .md\:my-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }

  .md\:mx-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }

  .md\:pb-6 {
    padding-bottom: 48px !important;
  }

  .md\:pt-6 {
    padding-top: 48px !important;
  }

  .md\:pr-6 {
    padding-right: 48px !important;
  }

  .md\:pl-6 {
    padding-left: 48px !important;
  }

  .md\:py-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .md\:px-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  .md\:mb-7 {
    margin-bottom: 56px !important;
  }

  .md\:mt-7 {
    margin-top: 56px !important;
  }

  .md\:mr-7 {
    margin-right: 56px !important;
  }

  .md\:ml-7 {
    margin-left: 56px !important;
  }

  .md\:my-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }

  .md\:mx-7 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }

  .md\:pb-7 {
    padding-bottom: 56px !important;
  }

  .md\:pt-7 {
    padding-top: 56px !important;
  }

  .md\:pr-7 {
    padding-right: 56px !important;
  }

  .md\:pl-7 {
    padding-left: 56px !important;
  }

  .md\:py-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .md\:px-7 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }

  .md\:mb-8 {
    margin-bottom: 64px !important;
  }

  .md\:mt-8 {
    margin-top: 64px !important;
  }

  .md\:mr-8 {
    margin-right: 64px !important;
  }

  .md\:ml-8 {
    margin-left: 64px !important;
  }

  .md\:my-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .md\:mx-8 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }

  .md\:pb-8 {
    padding-bottom: 64px !important;
  }

  .md\:pt-8 {
    padding-top: 64px !important;
  }

  .md\:pr-8 {
    padding-right: 64px !important;
  }

  .md\:pl-8 {
    padding-left: 64px !important;
  }

  .md\:py-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .md\:px-8 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }

  .md\:mb-9 {
    margin-bottom: 72px !important;
  }

  .md\:mt-9 {
    margin-top: 72px !important;
  }

  .md\:mr-9 {
    margin-right: 72px !important;
  }

  .md\:ml-9 {
    margin-left: 72px !important;
  }

  .md\:my-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }

  .md\:mx-9 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }

  .md\:pb-9 {
    padding-bottom: 72px !important;
  }

  .md\:pt-9 {
    padding-top: 72px !important;
  }

  .md\:pr-9 {
    padding-right: 72px !important;
  }

  .md\:pl-9 {
    padding-left: 72px !important;
  }

  .md\:py-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .md\:px-9 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }

  .md\:mb-10 {
    margin-bottom: 80px !important;
  }

  .md\:mt-10 {
    margin-top: 80px !important;
  }

  .md\:mr-10 {
    margin-right: 80px !important;
  }

  .md\:ml-10 {
    margin-left: 80px !important;
  }

  .md\:my-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .md\:mx-10 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }

  .md\:pb-10 {
    padding-bottom: 80px !important;
  }

  .md\:pt-10 {
    padding-top: 80px !important;
  }

  .md\:pr-10 {
    padding-right: 80px !important;
  }

  .md\:pl-10 {
    padding-left: 80px !important;
  }

  .md\:py-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .md\:px-10 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }

  .md\:mb-11 {
    margin-bottom: 88px !important;
  }

  .md\:mt-11 {
    margin-top: 88px !important;
  }

  .md\:mr-11 {
    margin-right: 88px !important;
  }

  .md\:ml-11 {
    margin-left: 88px !important;
  }

  .md\:my-11 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }

  .md\:mx-11 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }

  .md\:pb-11 {
    padding-bottom: 88px !important;
  }

  .md\:pt-11 {
    padding-top: 88px !important;
  }

  .md\:pr-11 {
    padding-right: 88px !important;
  }

  .md\:pl-11 {
    padding-left: 88px !important;
  }

  .md\:py-11 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }

  .md\:px-11 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }

  .md\:mb-12 {
    margin-bottom: 96px !important;
  }

  .md\:mt-12 {
    margin-top: 96px !important;
  }

  .md\:mr-12 {
    margin-right: 96px !important;
  }

  .md\:ml-12 {
    margin-left: 96px !important;
  }

  .md\:my-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  .md\:mx-12 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }

  .md\:pb-12 {
    padding-bottom: 96px !important;
  }

  .md\:pt-12 {
    padding-top: 96px !important;
  }

  .md\:pr-12 {
    padding-right: 96px !important;
  }

  .md\:pl-12 {
    padding-left: 96px !important;
  }

  .md\:py-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }

  .md\:px-12 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }

  .md\:mb-13 {
    margin-bottom: 104px !important;
  }

  .md\:mt-13 {
    margin-top: 104px !important;
  }

  .md\:mr-13 {
    margin-right: 104px !important;
  }

  .md\:ml-13 {
    margin-left: 104px !important;
  }

  .md\:my-13 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }

  .md\:mx-13 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }

  .md\:pb-13 {
    padding-bottom: 104px !important;
  }

  .md\:pt-13 {
    padding-top: 104px !important;
  }

  .md\:pr-13 {
    padding-right: 104px !important;
  }

  .md\:pl-13 {
    padding-left: 104px !important;
  }

  .md\:py-13 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }

  .md\:px-13 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }

  .md\:mb-14 {
    margin-bottom: 112px !important;
  }

  .md\:mt-14 {
    margin-top: 112px !important;
  }

  .md\:mr-14 {
    margin-right: 112px !important;
  }

  .md\:ml-14 {
    margin-left: 112px !important;
  }

  .md\:my-14 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }

  .md\:mx-14 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }

  .md\:pb-14 {
    padding-bottom: 112px !important;
  }

  .md\:pt-14 {
    padding-top: 112px !important;
  }

  .md\:pr-14 {
    padding-right: 112px !important;
  }

  .md\:pl-14 {
    padding-left: 112px !important;
  }

  .md\:py-14 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }

  .md\:px-14 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }

  .md\:mb-15 {
    margin-bottom: 120px !important;
  }

  .md\:mt-15 {
    margin-top: 120px !important;
  }

  .md\:mr-15 {
    margin-right: 120px !important;
  }

  .md\:ml-15 {
    margin-left: 120px !important;
  }

  .md\:my-15 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .md\:mx-15 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }

  .md\:pb-15 {
    padding-bottom: 120px !important;
  }

  .md\:pt-15 {
    padding-top: 120px !important;
  }

  .md\:pr-15 {
    padding-right: 120px !important;
  }

  .md\:pl-15 {
    padding-left: 120px !important;
  }

  .md\:py-15 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .md\:px-15 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }

  .md\:mb-16 {
    margin-bottom: 128px !important;
  }

  .md\:mt-16 {
    margin-top: 128px !important;
  }

  .md\:mr-16 {
    margin-right: 128px !important;
  }

  .md\:ml-16 {
    margin-left: 128px !important;
  }

  .md\:my-16 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }

  .md\:mx-16 {
    margin-right: 128px !important;
    margin-left: 128px !important;
  }

  .md\:pb-16 {
    padding-bottom: 128px !important;
  }

  .md\:pt-16 {
    padding-top: 128px !important;
  }

  .md\:pr-16 {
    padding-right: 128px !important;
  }

  .md\:pl-16 {
    padding-left: 128px !important;
  }

  .md\:py-16 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }

  .md\:px-16 {
    padding-right: 128px !important;
    padding-left: 128px !important;
  }

  .md\:mb-17 {
    margin-bottom: 136px !important;
  }

  .md\:mt-17 {
    margin-top: 136px !important;
  }

  .md\:mr-17 {
    margin-right: 136px !important;
  }

  .md\:ml-17 {
    margin-left: 136px !important;
  }

  .md\:my-17 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }

  .md\:mx-17 {
    margin-right: 136px !important;
    margin-left: 136px !important;
  }

  .md\:pb-17 {
    padding-bottom: 136px !important;
  }

  .md\:pt-17 {
    padding-top: 136px !important;
  }

  .md\:pr-17 {
    padding-right: 136px !important;
  }

  .md\:pl-17 {
    padding-left: 136px !important;
  }

  .md\:py-17 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }

  .md\:px-17 {
    padding-right: 136px !important;
    padding-left: 136px !important;
  }

  .md\:mb-18 {
    margin-bottom: 144px !important;
  }

  .md\:mt-18 {
    margin-top: 144px !important;
  }

  .md\:mr-18 {
    margin-right: 144px !important;
  }

  .md\:ml-18 {
    margin-left: 144px !important;
  }

  .md\:my-18 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }

  .md\:mx-18 {
    margin-right: 144px !important;
    margin-left: 144px !important;
  }

  .md\:pb-18 {
    padding-bottom: 144px !important;
  }

  .md\:pt-18 {
    padding-top: 144px !important;
  }

  .md\:pr-18 {
    padding-right: 144px !important;
  }

  .md\:pl-18 {
    padding-left: 144px !important;
  }

  .md\:py-18 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }

  .md\:px-18 {
    padding-right: 144px !important;
    padding-left: 144px !important;
  }

  .md\:mb-19 {
    margin-bottom: 152px !important;
  }

  .md\:mt-19 {
    margin-top: 152px !important;
  }

  .md\:mr-19 {
    margin-right: 152px !important;
  }

  .md\:ml-19 {
    margin-left: 152px !important;
  }

  .md\:my-19 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }

  .md\:mx-19 {
    margin-right: 152px !important;
    margin-left: 152px !important;
  }

  .md\:pb-19 {
    padding-bottom: 152px !important;
  }

  .md\:pt-19 {
    padding-top: 152px !important;
  }

  .md\:pr-19 {
    padding-right: 152px !important;
  }

  .md\:pl-19 {
    padding-left: 152px !important;
  }

  .md\:py-19 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }

  .md\:px-19 {
    padding-right: 152px !important;
    padding-left: 152px !important;
  }

  .md\:mb-20 {
    margin-bottom: 160px !important;
  }

  .md\:mt-20 {
    margin-top: 160px !important;
  }

  .md\:mr-20 {
    margin-right: 160px !important;
  }

  .md\:ml-20 {
    margin-left: 160px !important;
  }

  .md\:my-20 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .md\:mx-20 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }

  .md\:pb-20 {
    padding-bottom: 160px !important;
  }

  .md\:pt-20 {
    padding-top: 160px !important;
  }

  .md\:pr-20 {
    padding-right: 160px !important;
  }

  .md\:pl-20 {
    padding-left: 160px !important;
  }

  .md\:py-20 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .md\:px-20 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }

  .md\:bg-image-right {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
  }

  .md\:bg-image-left {
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
  }

  .md\:bg-image-center {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
@media (min-width: 992px) {
  .lg\:mb-0 {
    margin-bottom: 0px !important;
  }

  .lg\:mt-0 {
    margin-top: 0px !important;
  }

  .lg\:mr-0 {
    margin-right: 0px !important;
  }

  .lg\:ml-0 {
    margin-left: 0px !important;
  }

  .lg\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .lg\:mx-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .lg\:pb-0 {
    padding-bottom: 0px !important;
  }

  .lg\:pt-0 {
    padding-top: 0px !important;
  }

  .lg\:pr-0 {
    padding-right: 0px !important;
  }

  .lg\:pl-0 {
    padding-left: 0px !important;
  }

  .lg\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .lg\:px-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .lg\:mb-1 {
    margin-bottom: 8px !important;
  }

  .lg\:mt-1 {
    margin-top: 8px !important;
  }

  .lg\:mr-1 {
    margin-right: 8px !important;
  }

  .lg\:ml-1 {
    margin-left: 8px !important;
  }

  .lg\:my-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .lg\:mx-1 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  .lg\:pb-1 {
    padding-bottom: 8px !important;
  }

  .lg\:pt-1 {
    padding-top: 8px !important;
  }

  .lg\:pr-1 {
    padding-right: 8px !important;
  }

  .lg\:pl-1 {
    padding-left: 8px !important;
  }

  .lg\:py-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .lg\:px-1 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .lg\:mb-2 {
    margin-bottom: 16px !important;
  }

  .lg\:mt-2 {
    margin-top: 16px !important;
  }

  .lg\:mr-2 {
    margin-right: 16px !important;
  }

  .lg\:ml-2 {
    margin-left: 16px !important;
  }

  .lg\:my-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .lg\:mx-2 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }

  .lg\:pb-2 {
    padding-bottom: 16px !important;
  }

  .lg\:pt-2 {
    padding-top: 16px !important;
  }

  .lg\:pr-2 {
    padding-right: 16px !important;
  }

  .lg\:pl-2 {
    padding-left: 16px !important;
  }

  .lg\:py-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .lg\:px-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .lg\:mb-3 {
    margin-bottom: 24px !important;
  }

  .lg\:mt-3 {
    margin-top: 24px !important;
  }

  .lg\:mr-3 {
    margin-right: 24px !important;
  }

  .lg\:ml-3 {
    margin-left: 24px !important;
  }

  .lg\:my-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .lg\:mx-3 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }

  .lg\:pb-3 {
    padding-bottom: 24px !important;
  }

  .lg\:pt-3 {
    padding-top: 24px !important;
  }

  .lg\:pr-3 {
    padding-right: 24px !important;
  }

  .lg\:pl-3 {
    padding-left: 24px !important;
  }

  .lg\:py-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .lg\:px-3 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  .lg\:mb-4 {
    margin-bottom: 32px !important;
  }

  .lg\:mt-4 {
    margin-top: 32px !important;
  }

  .lg\:mr-4 {
    margin-right: 32px !important;
  }

  .lg\:ml-4 {
    margin-left: 32px !important;
  }

  .lg\:my-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .lg\:mx-4 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }

  .lg\:pb-4 {
    padding-bottom: 32px !important;
  }

  .lg\:pt-4 {
    padding-top: 32px !important;
  }

  .lg\:pr-4 {
    padding-right: 32px !important;
  }

  .lg\:pl-4 {
    padding-left: 32px !important;
  }

  .lg\:py-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .lg\:px-4 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }

  .lg\:mb-5 {
    margin-bottom: 40px !important;
  }

  .lg\:mt-5 {
    margin-top: 40px !important;
  }

  .lg\:mr-5 {
    margin-right: 40px !important;
  }

  .lg\:ml-5 {
    margin-left: 40px !important;
  }

  .lg\:my-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .lg\:mx-5 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }

  .lg\:pb-5 {
    padding-bottom: 40px !important;
  }

  .lg\:pt-5 {
    padding-top: 40px !important;
  }

  .lg\:pr-5 {
    padding-right: 40px !important;
  }

  .lg\:pl-5 {
    padding-left: 40px !important;
  }

  .lg\:py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .lg\:px-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .lg\:mb-6 {
    margin-bottom: 48px !important;
  }

  .lg\:mt-6 {
    margin-top: 48px !important;
  }

  .lg\:mr-6 {
    margin-right: 48px !important;
  }

  .lg\:ml-6 {
    margin-left: 48px !important;
  }

  .lg\:my-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }

  .lg\:mx-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }

  .lg\:pb-6 {
    padding-bottom: 48px !important;
  }

  .lg\:pt-6 {
    padding-top: 48px !important;
  }

  .lg\:pr-6 {
    padding-right: 48px !important;
  }

  .lg\:pl-6 {
    padding-left: 48px !important;
  }

  .lg\:py-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .lg\:px-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  .lg\:mb-7 {
    margin-bottom: 56px !important;
  }

  .lg\:mt-7 {
    margin-top: 56px !important;
  }

  .lg\:mr-7 {
    margin-right: 56px !important;
  }

  .lg\:ml-7 {
    margin-left: 56px !important;
  }

  .lg\:my-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }

  .lg\:mx-7 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }

  .lg\:pb-7 {
    padding-bottom: 56px !important;
  }

  .lg\:pt-7 {
    padding-top: 56px !important;
  }

  .lg\:pr-7 {
    padding-right: 56px !important;
  }

  .lg\:pl-7 {
    padding-left: 56px !important;
  }

  .lg\:py-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .lg\:px-7 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }

  .lg\:mb-8 {
    margin-bottom: 64px !important;
  }

  .lg\:mt-8 {
    margin-top: 64px !important;
  }

  .lg\:mr-8 {
    margin-right: 64px !important;
  }

  .lg\:ml-8 {
    margin-left: 64px !important;
  }

  .lg\:my-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .lg\:mx-8 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }

  .lg\:pb-8 {
    padding-bottom: 64px !important;
  }

  .lg\:pt-8 {
    padding-top: 64px !important;
  }

  .lg\:pr-8 {
    padding-right: 64px !important;
  }

  .lg\:pl-8 {
    padding-left: 64px !important;
  }

  .lg\:py-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .lg\:px-8 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }

  .lg\:mb-9 {
    margin-bottom: 72px !important;
  }

  .lg\:mt-9 {
    margin-top: 72px !important;
  }

  .lg\:mr-9 {
    margin-right: 72px !important;
  }

  .lg\:ml-9 {
    margin-left: 72px !important;
  }

  .lg\:my-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }

  .lg\:mx-9 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }

  .lg\:pb-9 {
    padding-bottom: 72px !important;
  }

  .lg\:pt-9 {
    padding-top: 72px !important;
  }

  .lg\:pr-9 {
    padding-right: 72px !important;
  }

  .lg\:pl-9 {
    padding-left: 72px !important;
  }

  .lg\:py-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .lg\:px-9 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }

  .lg\:mb-10 {
    margin-bottom: 80px !important;
  }

  .lg\:mt-10 {
    margin-top: 80px !important;
  }

  .lg\:mr-10 {
    margin-right: 80px !important;
  }

  .lg\:ml-10 {
    margin-left: 80px !important;
  }

  .lg\:my-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .lg\:mx-10 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }

  .lg\:pb-10 {
    padding-bottom: 80px !important;
  }

  .lg\:pt-10 {
    padding-top: 80px !important;
  }

  .lg\:pr-10 {
    padding-right: 80px !important;
  }

  .lg\:pl-10 {
    padding-left: 80px !important;
  }

  .lg\:py-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .lg\:px-10 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }

  .lg\:mb-11 {
    margin-bottom: 88px !important;
  }

  .lg\:mt-11 {
    margin-top: 88px !important;
  }

  .lg\:mr-11 {
    margin-right: 88px !important;
  }

  .lg\:ml-11 {
    margin-left: 88px !important;
  }

  .lg\:my-11 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }

  .lg\:mx-11 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }

  .lg\:pb-11 {
    padding-bottom: 88px !important;
  }

  .lg\:pt-11 {
    padding-top: 88px !important;
  }

  .lg\:pr-11 {
    padding-right: 88px !important;
  }

  .lg\:pl-11 {
    padding-left: 88px !important;
  }

  .lg\:py-11 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }

  .lg\:px-11 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }

  .lg\:mb-12 {
    margin-bottom: 96px !important;
  }

  .lg\:mt-12 {
    margin-top: 96px !important;
  }

  .lg\:mr-12 {
    margin-right: 96px !important;
  }

  .lg\:ml-12 {
    margin-left: 96px !important;
  }

  .lg\:my-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  .lg\:mx-12 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }

  .lg\:pb-12 {
    padding-bottom: 96px !important;
  }

  .lg\:pt-12 {
    padding-top: 96px !important;
  }

  .lg\:pr-12 {
    padding-right: 96px !important;
  }

  .lg\:pl-12 {
    padding-left: 96px !important;
  }

  .lg\:py-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }

  .lg\:px-12 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }

  .lg\:mb-13 {
    margin-bottom: 104px !important;
  }

  .lg\:mt-13 {
    margin-top: 104px !important;
  }

  .lg\:mr-13 {
    margin-right: 104px !important;
  }

  .lg\:ml-13 {
    margin-left: 104px !important;
  }

  .lg\:my-13 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }

  .lg\:mx-13 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }

  .lg\:pb-13 {
    padding-bottom: 104px !important;
  }

  .lg\:pt-13 {
    padding-top: 104px !important;
  }

  .lg\:pr-13 {
    padding-right: 104px !important;
  }

  .lg\:pl-13 {
    padding-left: 104px !important;
  }

  .lg\:py-13 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }

  .lg\:px-13 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }

  .lg\:mb-14 {
    margin-bottom: 112px !important;
  }

  .lg\:mt-14 {
    margin-top: 112px !important;
  }

  .lg\:mr-14 {
    margin-right: 112px !important;
  }

  .lg\:ml-14 {
    margin-left: 112px !important;
  }

  .lg\:my-14 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }

  .lg\:mx-14 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }

  .lg\:pb-14 {
    padding-bottom: 112px !important;
  }

  .lg\:pt-14 {
    padding-top: 112px !important;
  }

  .lg\:pr-14 {
    padding-right: 112px !important;
  }

  .lg\:pl-14 {
    padding-left: 112px !important;
  }

  .lg\:py-14 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }

  .lg\:px-14 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }

  .lg\:mb-15 {
    margin-bottom: 120px !important;
  }

  .lg\:mt-15 {
    margin-top: 120px !important;
  }

  .lg\:mr-15 {
    margin-right: 120px !important;
  }

  .lg\:ml-15 {
    margin-left: 120px !important;
  }

  .lg\:my-15 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .lg\:mx-15 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }

  .lg\:pb-15 {
    padding-bottom: 120px !important;
  }

  .lg\:pt-15 {
    padding-top: 120px !important;
  }

  .lg\:pr-15 {
    padding-right: 120px !important;
  }

  .lg\:pl-15 {
    padding-left: 120px !important;
  }

  .lg\:py-15 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .lg\:px-15 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }

  .lg\:mb-16 {
    margin-bottom: 128px !important;
  }

  .lg\:mt-16 {
    margin-top: 128px !important;
  }

  .lg\:mr-16 {
    margin-right: 128px !important;
  }

  .lg\:ml-16 {
    margin-left: 128px !important;
  }

  .lg\:my-16 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }

  .lg\:mx-16 {
    margin-right: 128px !important;
    margin-left: 128px !important;
  }

  .lg\:pb-16 {
    padding-bottom: 128px !important;
  }

  .lg\:pt-16 {
    padding-top: 128px !important;
  }

  .lg\:pr-16 {
    padding-right: 128px !important;
  }

  .lg\:pl-16 {
    padding-left: 128px !important;
  }

  .lg\:py-16 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }

  .lg\:px-16 {
    padding-right: 128px !important;
    padding-left: 128px !important;
  }

  .lg\:mb-17 {
    margin-bottom: 136px !important;
  }

  .lg\:mt-17 {
    margin-top: 136px !important;
  }

  .lg\:mr-17 {
    margin-right: 136px !important;
  }

  .lg\:ml-17 {
    margin-left: 136px !important;
  }

  .lg\:my-17 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }

  .lg\:mx-17 {
    margin-right: 136px !important;
    margin-left: 136px !important;
  }

  .lg\:pb-17 {
    padding-bottom: 136px !important;
  }

  .lg\:pt-17 {
    padding-top: 136px !important;
  }

  .lg\:pr-17 {
    padding-right: 136px !important;
  }

  .lg\:pl-17 {
    padding-left: 136px !important;
  }

  .lg\:py-17 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }

  .lg\:px-17 {
    padding-right: 136px !important;
    padding-left: 136px !important;
  }

  .lg\:mb-18 {
    margin-bottom: 144px !important;
  }

  .lg\:mt-18 {
    margin-top: 144px !important;
  }

  .lg\:mr-18 {
    margin-right: 144px !important;
  }

  .lg\:ml-18 {
    margin-left: 144px !important;
  }

  .lg\:my-18 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }

  .lg\:mx-18 {
    margin-right: 144px !important;
    margin-left: 144px !important;
  }

  .lg\:pb-18 {
    padding-bottom: 144px !important;
  }

  .lg\:pt-18 {
    padding-top: 144px !important;
  }

  .lg\:pr-18 {
    padding-right: 144px !important;
  }

  .lg\:pl-18 {
    padding-left: 144px !important;
  }

  .lg\:py-18 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }

  .lg\:px-18 {
    padding-right: 144px !important;
    padding-left: 144px !important;
  }

  .lg\:mb-19 {
    margin-bottom: 152px !important;
  }

  .lg\:mt-19 {
    margin-top: 152px !important;
  }

  .lg\:mr-19 {
    margin-right: 152px !important;
  }

  .lg\:ml-19 {
    margin-left: 152px !important;
  }

  .lg\:my-19 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }

  .lg\:mx-19 {
    margin-right: 152px !important;
    margin-left: 152px !important;
  }

  .lg\:pb-19 {
    padding-bottom: 152px !important;
  }

  .lg\:pt-19 {
    padding-top: 152px !important;
  }

  .lg\:pr-19 {
    padding-right: 152px !important;
  }

  .lg\:pl-19 {
    padding-left: 152px !important;
  }

  .lg\:py-19 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }

  .lg\:px-19 {
    padding-right: 152px !important;
    padding-left: 152px !important;
  }

  .lg\:mb-20 {
    margin-bottom: 160px !important;
  }

  .lg\:mt-20 {
    margin-top: 160px !important;
  }

  .lg\:mr-20 {
    margin-right: 160px !important;
  }

  .lg\:ml-20 {
    margin-left: 160px !important;
  }

  .lg\:my-20 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .lg\:mx-20 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }

  .lg\:pb-20 {
    padding-bottom: 160px !important;
  }

  .lg\:pt-20 {
    padding-top: 160px !important;
  }

  .lg\:pr-20 {
    padding-right: 160px !important;
  }

  .lg\:pl-20 {
    padding-left: 160px !important;
  }

  .lg\:py-20 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .lg\:px-20 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }

  .lg\:bg-image-right {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
  }

  .lg\:bg-image-left {
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
  }

  .lg\:bg-image-center {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .offer-bar .row .grid-item {
    text-align: left;
  }

  .offer-bar .row .grid-item .title {
    margin: 0;
  }

  .offer-bar .row .grid-item.buttons {
    justify-content: flex-end;
  }

  .right-sidebar {
    padding-right: 112px;
  }

  .left-sidebar {
    padding-left: 112px;
  }
}
@media (min-width: 1200px) {
  .xl\:mb-0 {
    margin-bottom: 0px !important;
  }

  .xl\:mt-0 {
    margin-top: 0px !important;
  }

  .xl\:mr-0 {
    margin-right: 0px !important;
  }

  .xl\:ml-0 {
    margin-left: 0px !important;
  }

  .xl\:my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .xl\:mx-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .xl\:pb-0 {
    padding-bottom: 0px !important;
  }

  .xl\:pt-0 {
    padding-top: 0px !important;
  }

  .xl\:pr-0 {
    padding-right: 0px !important;
  }

  .xl\:pl-0 {
    padding-left: 0px !important;
  }

  .xl\:py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .xl\:px-0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  .xl\:mb-1 {
    margin-bottom: 8px !important;
  }

  .xl\:mt-1 {
    margin-top: 8px !important;
  }

  .xl\:mr-1 {
    margin-right: 8px !important;
  }

  .xl\:ml-1 {
    margin-left: 8px !important;
  }

  .xl\:my-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .xl\:mx-1 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  .xl\:pb-1 {
    padding-bottom: 8px !important;
  }

  .xl\:pt-1 {
    padding-top: 8px !important;
  }

  .xl\:pr-1 {
    padding-right: 8px !important;
  }

  .xl\:pl-1 {
    padding-left: 8px !important;
  }

  .xl\:py-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .xl\:px-1 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .xl\:mb-2 {
    margin-bottom: 16px !important;
  }

  .xl\:mt-2 {
    margin-top: 16px !important;
  }

  .xl\:mr-2 {
    margin-right: 16px !important;
  }

  .xl\:ml-2 {
    margin-left: 16px !important;
  }

  .xl\:my-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .xl\:mx-2 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }

  .xl\:pb-2 {
    padding-bottom: 16px !important;
  }

  .xl\:pt-2 {
    padding-top: 16px !important;
  }

  .xl\:pr-2 {
    padding-right: 16px !important;
  }

  .xl\:pl-2 {
    padding-left: 16px !important;
  }

  .xl\:py-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .xl\:px-2 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .xl\:mb-3 {
    margin-bottom: 24px !important;
  }

  .xl\:mt-3 {
    margin-top: 24px !important;
  }

  .xl\:mr-3 {
    margin-right: 24px !important;
  }

  .xl\:ml-3 {
    margin-left: 24px !important;
  }

  .xl\:my-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .xl\:mx-3 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }

  .xl\:pb-3 {
    padding-bottom: 24px !important;
  }

  .xl\:pt-3 {
    padding-top: 24px !important;
  }

  .xl\:pr-3 {
    padding-right: 24px !important;
  }

  .xl\:pl-3 {
    padding-left: 24px !important;
  }

  .xl\:py-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .xl\:px-3 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  .xl\:mb-4 {
    margin-bottom: 32px !important;
  }

  .xl\:mt-4 {
    margin-top: 32px !important;
  }

  .xl\:mr-4 {
    margin-right: 32px !important;
  }

  .xl\:ml-4 {
    margin-left: 32px !important;
  }

  .xl\:my-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .xl\:mx-4 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }

  .xl\:pb-4 {
    padding-bottom: 32px !important;
  }

  .xl\:pt-4 {
    padding-top: 32px !important;
  }

  .xl\:pr-4 {
    padding-right: 32px !important;
  }

  .xl\:pl-4 {
    padding-left: 32px !important;
  }

  .xl\:py-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .xl\:px-4 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }

  .xl\:mb-5 {
    margin-bottom: 40px !important;
  }

  .xl\:mt-5 {
    margin-top: 40px !important;
  }

  .xl\:mr-5 {
    margin-right: 40px !important;
  }

  .xl\:ml-5 {
    margin-left: 40px !important;
  }

  .xl\:my-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .xl\:mx-5 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }

  .xl\:pb-5 {
    padding-bottom: 40px !important;
  }

  .xl\:pt-5 {
    padding-top: 40px !important;
  }

  .xl\:pr-5 {
    padding-right: 40px !important;
  }

  .xl\:pl-5 {
    padding-left: 40px !important;
  }

  .xl\:py-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .xl\:px-5 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .xl\:mb-6 {
    margin-bottom: 48px !important;
  }

  .xl\:mt-6 {
    margin-top: 48px !important;
  }

  .xl\:mr-6 {
    margin-right: 48px !important;
  }

  .xl\:ml-6 {
    margin-left: 48px !important;
  }

  .xl\:my-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }

  .xl\:mx-6 {
    margin-right: 48px !important;
    margin-left: 48px !important;
  }

  .xl\:pb-6 {
    padding-bottom: 48px !important;
  }

  .xl\:pt-6 {
    padding-top: 48px !important;
  }

  .xl\:pr-6 {
    padding-right: 48px !important;
  }

  .xl\:pl-6 {
    padding-left: 48px !important;
  }

  .xl\:py-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .xl\:px-6 {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  .xl\:mb-7 {
    margin-bottom: 56px !important;
  }

  .xl\:mt-7 {
    margin-top: 56px !important;
  }

  .xl\:mr-7 {
    margin-right: 56px !important;
  }

  .xl\:ml-7 {
    margin-left: 56px !important;
  }

  .xl\:my-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }

  .xl\:mx-7 {
    margin-right: 56px !important;
    margin-left: 56px !important;
  }

  .xl\:pb-7 {
    padding-bottom: 56px !important;
  }

  .xl\:pt-7 {
    padding-top: 56px !important;
  }

  .xl\:pr-7 {
    padding-right: 56px !important;
  }

  .xl\:pl-7 {
    padding-left: 56px !important;
  }

  .xl\:py-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .xl\:px-7 {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }

  .xl\:mb-8 {
    margin-bottom: 64px !important;
  }

  .xl\:mt-8 {
    margin-top: 64px !important;
  }

  .xl\:mr-8 {
    margin-right: 64px !important;
  }

  .xl\:ml-8 {
    margin-left: 64px !important;
  }

  .xl\:my-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .xl\:mx-8 {
    margin-right: 64px !important;
    margin-left: 64px !important;
  }

  .xl\:pb-8 {
    padding-bottom: 64px !important;
  }

  .xl\:pt-8 {
    padding-top: 64px !important;
  }

  .xl\:pr-8 {
    padding-right: 64px !important;
  }

  .xl\:pl-8 {
    padding-left: 64px !important;
  }

  .xl\:py-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .xl\:px-8 {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }

  .xl\:mb-9 {
    margin-bottom: 72px !important;
  }

  .xl\:mt-9 {
    margin-top: 72px !important;
  }

  .xl\:mr-9 {
    margin-right: 72px !important;
  }

  .xl\:ml-9 {
    margin-left: 72px !important;
  }

  .xl\:my-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }

  .xl\:mx-9 {
    margin-right: 72px !important;
    margin-left: 72px !important;
  }

  .xl\:pb-9 {
    padding-bottom: 72px !important;
  }

  .xl\:pt-9 {
    padding-top: 72px !important;
  }

  .xl\:pr-9 {
    padding-right: 72px !important;
  }

  .xl\:pl-9 {
    padding-left: 72px !important;
  }

  .xl\:py-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .xl\:px-9 {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }

  .xl\:mb-10 {
    margin-bottom: 80px !important;
  }

  .xl\:mt-10 {
    margin-top: 80px !important;
  }

  .xl\:mr-10 {
    margin-right: 80px !important;
  }

  .xl\:ml-10 {
    margin-left: 80px !important;
  }

  .xl\:my-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .xl\:mx-10 {
    margin-right: 80px !important;
    margin-left: 80px !important;
  }

  .xl\:pb-10 {
    padding-bottom: 80px !important;
  }

  .xl\:pt-10 {
    padding-top: 80px !important;
  }

  .xl\:pr-10 {
    padding-right: 80px !important;
  }

  .xl\:pl-10 {
    padding-left: 80px !important;
  }

  .xl\:py-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .xl\:px-10 {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }

  .xl\:mb-11 {
    margin-bottom: 88px !important;
  }

  .xl\:mt-11 {
    margin-top: 88px !important;
  }

  .xl\:mr-11 {
    margin-right: 88px !important;
  }

  .xl\:ml-11 {
    margin-left: 88px !important;
  }

  .xl\:my-11 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }

  .xl\:mx-11 {
    margin-right: 88px !important;
    margin-left: 88px !important;
  }

  .xl\:pb-11 {
    padding-bottom: 88px !important;
  }

  .xl\:pt-11 {
    padding-top: 88px !important;
  }

  .xl\:pr-11 {
    padding-right: 88px !important;
  }

  .xl\:pl-11 {
    padding-left: 88px !important;
  }

  .xl\:py-11 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }

  .xl\:px-11 {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }

  .xl\:mb-12 {
    margin-bottom: 96px !important;
  }

  .xl\:mt-12 {
    margin-top: 96px !important;
  }

  .xl\:mr-12 {
    margin-right: 96px !important;
  }

  .xl\:ml-12 {
    margin-left: 96px !important;
  }

  .xl\:my-12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  .xl\:mx-12 {
    margin-right: 96px !important;
    margin-left: 96px !important;
  }

  .xl\:pb-12 {
    padding-bottom: 96px !important;
  }

  .xl\:pt-12 {
    padding-top: 96px !important;
  }

  .xl\:pr-12 {
    padding-right: 96px !important;
  }

  .xl\:pl-12 {
    padding-left: 96px !important;
  }

  .xl\:py-12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }

  .xl\:px-12 {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }

  .xl\:mb-13 {
    margin-bottom: 104px !important;
  }

  .xl\:mt-13 {
    margin-top: 104px !important;
  }

  .xl\:mr-13 {
    margin-right: 104px !important;
  }

  .xl\:ml-13 {
    margin-left: 104px !important;
  }

  .xl\:my-13 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }

  .xl\:mx-13 {
    margin-right: 104px !important;
    margin-left: 104px !important;
  }

  .xl\:pb-13 {
    padding-bottom: 104px !important;
  }

  .xl\:pt-13 {
    padding-top: 104px !important;
  }

  .xl\:pr-13 {
    padding-right: 104px !important;
  }

  .xl\:pl-13 {
    padding-left: 104px !important;
  }

  .xl\:py-13 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }

  .xl\:px-13 {
    padding-right: 104px !important;
    padding-left: 104px !important;
  }

  .xl\:mb-14 {
    margin-bottom: 112px !important;
  }

  .xl\:mt-14 {
    margin-top: 112px !important;
  }

  .xl\:mr-14 {
    margin-right: 112px !important;
  }

  .xl\:ml-14 {
    margin-left: 112px !important;
  }

  .xl\:my-14 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }

  .xl\:mx-14 {
    margin-right: 112px !important;
    margin-left: 112px !important;
  }

  .xl\:pb-14 {
    padding-bottom: 112px !important;
  }

  .xl\:pt-14 {
    padding-top: 112px !important;
  }

  .xl\:pr-14 {
    padding-right: 112px !important;
  }

  .xl\:pl-14 {
    padding-left: 112px !important;
  }

  .xl\:py-14 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }

  .xl\:px-14 {
    padding-right: 112px !important;
    padding-left: 112px !important;
  }

  .xl\:mb-15 {
    margin-bottom: 120px !important;
  }

  .xl\:mt-15 {
    margin-top: 120px !important;
  }

  .xl\:mr-15 {
    margin-right: 120px !important;
  }

  .xl\:ml-15 {
    margin-left: 120px !important;
  }

  .xl\:my-15 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }

  .xl\:mx-15 {
    margin-right: 120px !important;
    margin-left: 120px !important;
  }

  .xl\:pb-15 {
    padding-bottom: 120px !important;
  }

  .xl\:pt-15 {
    padding-top: 120px !important;
  }

  .xl\:pr-15 {
    padding-right: 120px !important;
  }

  .xl\:pl-15 {
    padding-left: 120px !important;
  }

  .xl\:py-15 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }

  .xl\:px-15 {
    padding-right: 120px !important;
    padding-left: 120px !important;
  }

  .xl\:mb-16 {
    margin-bottom: 128px !important;
  }

  .xl\:mt-16 {
    margin-top: 128px !important;
  }

  .xl\:mr-16 {
    margin-right: 128px !important;
  }

  .xl\:ml-16 {
    margin-left: 128px !important;
  }

  .xl\:my-16 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }

  .xl\:mx-16 {
    margin-right: 128px !important;
    margin-left: 128px !important;
  }

  .xl\:pb-16 {
    padding-bottom: 128px !important;
  }

  .xl\:pt-16 {
    padding-top: 128px !important;
  }

  .xl\:pr-16 {
    padding-right: 128px !important;
  }

  .xl\:pl-16 {
    padding-left: 128px !important;
  }

  .xl\:py-16 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }

  .xl\:px-16 {
    padding-right: 128px !important;
    padding-left: 128px !important;
  }

  .xl\:mb-17 {
    margin-bottom: 136px !important;
  }

  .xl\:mt-17 {
    margin-top: 136px !important;
  }

  .xl\:mr-17 {
    margin-right: 136px !important;
  }

  .xl\:ml-17 {
    margin-left: 136px !important;
  }

  .xl\:my-17 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }

  .xl\:mx-17 {
    margin-right: 136px !important;
    margin-left: 136px !important;
  }

  .xl\:pb-17 {
    padding-bottom: 136px !important;
  }

  .xl\:pt-17 {
    padding-top: 136px !important;
  }

  .xl\:pr-17 {
    padding-right: 136px !important;
  }

  .xl\:pl-17 {
    padding-left: 136px !important;
  }

  .xl\:py-17 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }

  .xl\:px-17 {
    padding-right: 136px !important;
    padding-left: 136px !important;
  }

  .xl\:mb-18 {
    margin-bottom: 144px !important;
  }

  .xl\:mt-18 {
    margin-top: 144px !important;
  }

  .xl\:mr-18 {
    margin-right: 144px !important;
  }

  .xl\:ml-18 {
    margin-left: 144px !important;
  }

  .xl\:my-18 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }

  .xl\:mx-18 {
    margin-right: 144px !important;
    margin-left: 144px !important;
  }

  .xl\:pb-18 {
    padding-bottom: 144px !important;
  }

  .xl\:pt-18 {
    padding-top: 144px !important;
  }

  .xl\:pr-18 {
    padding-right: 144px !important;
  }

  .xl\:pl-18 {
    padding-left: 144px !important;
  }

  .xl\:py-18 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }

  .xl\:px-18 {
    padding-right: 144px !important;
    padding-left: 144px !important;
  }

  .xl\:mb-19 {
    margin-bottom: 152px !important;
  }

  .xl\:mt-19 {
    margin-top: 152px !important;
  }

  .xl\:mr-19 {
    margin-right: 152px !important;
  }

  .xl\:ml-19 {
    margin-left: 152px !important;
  }

  .xl\:my-19 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }

  .xl\:mx-19 {
    margin-right: 152px !important;
    margin-left: 152px !important;
  }

  .xl\:pb-19 {
    padding-bottom: 152px !important;
  }

  .xl\:pt-19 {
    padding-top: 152px !important;
  }

  .xl\:pr-19 {
    padding-right: 152px !important;
  }

  .xl\:pl-19 {
    padding-left: 152px !important;
  }

  .xl\:py-19 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }

  .xl\:px-19 {
    padding-right: 152px !important;
    padding-left: 152px !important;
  }

  .xl\:mb-20 {
    margin-bottom: 160px !important;
  }

  .xl\:mt-20 {
    margin-top: 160px !important;
  }

  .xl\:mr-20 {
    margin-right: 160px !important;
  }

  .xl\:ml-20 {
    margin-left: 160px !important;
  }

  .xl\:my-20 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }

  .xl\:mx-20 {
    margin-right: 160px !important;
    margin-left: 160px !important;
  }

  .xl\:pb-20 {
    padding-bottom: 160px !important;
  }

  .xl\:pt-20 {
    padding-top: 160px !important;
  }

  .xl\:pr-20 {
    padding-right: 160px !important;
  }

  .xl\:pl-20 {
    padding-left: 160px !important;
  }

  .xl\:py-20 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }

  .xl\:px-20 {
    padding-right: 160px !important;
    padding-left: 160px !important;
  }

  .xl\:bg-image-right {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
  }

  .xl\:bg-image-left {
    background-size: cover;
    background-position: center left;
    background-repeat: no-repeat;
  }

  .xl\:bg-image-center {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .main-slider .header-slide,
.main-slider .swiper-slide {
    background-position: bottom right !important;
  }
}
@media (max-width: 1199px) {
  .blog-header li figure figcaption {
    padding: 30px;
  }
}
@media (max-width: 991px) {
  .blog-header {
    display: block;
  }

  .blog-header li {
    width: 100%;
  }

  .blog-header li.blog-column-active {
    width: 100%;
  }
}
@media (max-width: 767px) {
  /* col height  */
  .one-fifth-screen {
    height: 600px;
  }

  .one-fourth-screen {
    height: 500px;
  }

  .one-third-screen {
    height: 350px;
  }

  .one-second-screen {
    height: 300px;
  }

  .extra-small-screen {
    height: 250px;
  }
}
/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */




/* ---------------------------- PERSONALIZZAZIONE PAOLO ---------------------------- */
/* GENERICO */


h1, h2, h3, h4, h5, h6, h7, p, span, div, li, a, td, input {
	color: #526574;
	letter-spacing: 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
}
div.medium, span.medium {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}
h1 {
	color: #0190df;
	text-decoration: none;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	margin: 20px 0;
}
h2 {
	color: #0190df;
	text-decoration: none;
	font-weight: 700;
	font-size: 30px;
	line-height: 40px;
	margin: 20px 0;
}
h3 {
	color: #0190df;
	text-decoration: none;
	font-weight: 700;
	font-size: 28px;
	line-height: 34px;
	margin: 20px 0;
}
h4 {
	color: #0190df;
	text-decoration: none;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	margin: 20px 0;
}
h5 {
	color: #0190df;
	text-decoration: none;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	margin: 20px 0;
}
h6 {
	color: #0190df;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0;
}
h7, h7 a {
	color: #0190df;
	text-decoration: none;
	font-weight: 500;
	font-size: 12px !important;
	line-height: 16px;
	margin: 16px 0;
}
a {
	color: #018ede;
	text-decoration: none;
}
a:hover {
	color: #006fac;
	text-decoration: none;
}
.link {
	color: #018ede;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
	font-weight: 700;
}
.hidden {
	display: none;
}
.btn {
	border-radius: 20px;
}
.alert {
	border-radius: 20px;
}
.alert-info, .alert-info p {
	background-color: cadetblue;
}
.alert-warning, .alert-warning p {
	background-color: orange;
}
.alert-success{
	background-color: green;
}
.alert-danger{
	background-color: red;
}
.alert-info, .alert-info p, .alert-info i.fas, .alert-info span, .alert-info h1 , .alert-info h2, .alert-info h3, .alert-info h4, .alert-info h5, .alert-info h6, .alert-warning, .alert-warning p, .alert-warning i.fas,  .alert-warning span, .alert-warning h1 , .alert-warning h2, .alert-warning h3, .alert-warning h4, .alert-warning h5, .alert-warning h6, .alert-success, .alert-success p, .alert-success i.fas,  .alert-success span, .alert-success h1 , .alert-success h2, .alert-info h3, .alert-successsuccess h4, .alert-success h5, .alert-success h6, .alert-danger, .alert-danger p, .alert-danger i.fas,  .alert-danger span, .alert-danger h1 , .alert-danger h2, .alert-danger h3, .alert-danger h4, .alert-danger h5, .alert-danger h6 {
	color: #fff;
}
.alert-info a.alert-link {
	background-color: #fff;
	padding: 7px 15px;
	border-radius: 28px;
	color: #018ede;
	font-size: 12px;
}
.alert-info a.alert-link i {
	color: #018ede;
}
div.alert h5 {
	margin: 5px 0 10px;
}
.fas {
	border: none;
	background: none;
	color: #018ede;
}
.darkblu {
	color: #243770;
}
.red {
	color: red;
}
.green {
	color: green;
}
.white {
	color: #fff;
}
.label-primary {
	font-weight: 500;
}
.btn-outline-secondary {
	border: 1px solid #00000029
}
.nverde {
	color: #37b182;
	font-weight: 600;
}
.nverde:hover {
	color: #0090DF;
}
.link-box-nverde {
	font-size: 40px;
	font-weight: 600;
	line-height: 44px;
	/*padding: 10px;
*/
	text-transform: uppercase;
	color: #37B082;
}
/*.link-box-nverde:hover {
	background-color: #fff;
	color: #37b182;
}
*/
.link-box-cta {
	color: #fff;
	background-color: #243770;
	padding: 10px;
	border-radius: 20px;
	text-transform: uppercase;
	font-weight: 500;
}
.link-box-cta:hover {
	background-color: #fff;
	color: #243770;
}
.box-contatti-testo {
	/*padding: 10px 20px;*/
	font-weight: 500;
	color: #fff;
}
.box-contatti-link {
	/*padding: 10px 20px;*/
	text-align: center;
}
.btn-primary:disabled {
	background-color: #ecf1f4;
	border-color: #00000029;
	cursor: not-allowed;
}


/* MAIN */

.wow {
	margin: 50px 0;
}
/* TABELLE */
table tr th {
	font-weight: 500;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #ecf1f4;
	color: #191c21;
}
table tr th a {
	text-transform: uppercase;
	font-weight: 700;
}
table th, table td {
	border-color: #9ba9b4;
}
table td {
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	/*text-transform: capitalize;*/
	color: #516574;
	border: 1px solid #99aab5;
}
table td span {
	font-weight: 600;
}
table td span.label {
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}
.table-bordered th, .table th {
	vertical-align: inherit;
	text-align: center;
	border: 1px solid #99aab5;
}
.table-bordered thead td, .table-bordered thead th {
	border-bottom-width: 0;
  line-height: 16px;
}
.table th {
	padding-left: 0.6rem;
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
}
.table td {
	padding: 0.6rem;
	text-align: center;
}
.table th, .table td {
	border: 1px solid #99aab5;
	vertical-align: middle;
}
table.notable tr td { 
	border: 0px; 
	padding:5px;
}

#privacy_options_cont table tr td {
	border: 1px solid #00000029;
	padding: 5px;
}

@media (max-width: 570px) {
  table tr th, table td {
  	font-size: 12px;
  }
  .table th {
	 padding: 0.1rem;
  }
  .table td {
  	padding: 0.1rem;
  }
}
/* FORM */
.form-control, .input-group-text {
	display: flex;
	align-items: center;
	padding: 0px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #99AAB5;
	text-align: left;
	background-color: #ecf1f4;
	border: none;
	border-radius: 28px;
}
.form-control {
	padding: 1em;
}
.input-group-text {
	margin: 0 5px;
}
.input-group-text div {
	padding:  10px 15px;
}
.form-only-read {
	cursor: not-allowed;
	background-color: #ecf1f4;
}
.radius-chiudi-dx {
	border-radius: 0 20px 20px 0;
}
div.input-area {
	background-color: #ecf1f4;
}
input[type=submit], input[type=button], input[type=radio], .button {
	/*border-radius: 20px;
	background-color: #0090df;
	border: 0px;
	color: #fff;
	font-weight: 500;
	padding: 10px 20px;
	text-transform: uppercase;
*/
	border: none;
	box-shadow: none;
	outline: none;
	/*max-width: 100%;*/
	display: inline-block;
	align-items: center;
	text-align: center;
	letter-spacing: 0px;
	border-radius: 28px;
	min-height: 48px;
	max-height: 48px;
	font-size: 16px;
	line-height: 1.2;
	text-transform: uppercase;
	padding: 16px 40px;
	background-color: #0090df;
	color: #fff;
	font-weight: 700;
	width: auto;
    padding: 0 40px;
}

input[type=submit]:disabled, input[type=button]:disabled, input[type=radio]:disabled, .button:disabled {
   background-color: grey;
}

input[value=x] {
	
    max-width: 50px;
    min-height: 24px;
    max-height: 24px;
    line-height: 0;
    padding: 16px;
    background-color: #fff;
    color: #0090df;
	border: 2px solid #0090df;
    font-weight: 700;
}

a.button {width: 100%;}
a.button:hover {color: #fff;}

.input-sub-icon {
	border: none;
	background: none;
}
input.small{ 
	width: auto;
}
input[type=checkbox], input[type=radio] {
    width: auto;
}
.button, input[type=radio] {
	width: auto;
}
.label-left {
	float: right;
}
.col-form-label {
  padding-left: 1em;
}
.col-radio {
  padding-top: 8px;
}
input[type=submit]:hover, input[type=button]:hover, .button:hover {
	background-color: #006fac;
}
.input-right {
	border-left: 1px solid #00000029;
}
.input-left {
	border-right: 1px solid #00000029;
}
.input-nopadding {
	padding-left: 0px !important;
	padding-right: 0px !important;
	text-align: center;
}
select, input {
	border: none;
/*	width: 100%;	*/
	background-color: #ecf1f4;
}
.input-radio-bolletta {
  min-height: 0px !important;
}

/* SELETTORE FORNITURA*/
.div-sel-fornitura {
	border-radius: 16px;
	background-color: #ecf1f4;
	padding: 20px 30px;
}
.sel-fornitura, .sel-servizio { padding: 7px 0;}

/* MENU */
#menu-sx {
	padding-right: 55px;
}
.menu-sx-div {
	border-radius: 16px;
	background-color: #ecf1f4;
}
.menu-sx-home {
	background-color: #0190df;
}
.menu-sx-div ul {
	padding: 20px 30px;
}
.menu-sx-div ul li {
	list-style: none;
	text-transform: uppercase;
	margin: 8px 0;
}
.menu-sx-div ul li a {
	font-size: 14px;
	font-weight: 600;
	color: #191c21;
	text-decoration: none;
	margin: 0 0 0 10px;
}
.menu-sx-div ul li a:hover {
	color: #0190df;
	text-decoration: none;
}
.menu-sx-home ul li {
	margin: 0;
	line-height: 18px;
}
.menu-sx-home ul li a {
	margin: 0;
	font-weight: 600;
	color: #fff;
}
.menu-sx-home ul li a:hover {
	color: #FFFFFF;
}
.menu-sx-home .link-profilo {
	margin: 20px 0 0 20px;
}
.menu-sx-title {
	font-weight: 700;
  text-align: left;
  color: #191c21;
}
#menu-sx-exit, #menu-profilo {
  color: #191c21;
  background-color: #ECF1F4;
}
#menu-sx-exit ul li a, #menu-profilo ul li a {
  color: #191c21;
}
@media (max-width: 991px) {
  .menu-sx-div {
  	border-radius: 0px;
  	background: none;
  }
  .menu-sx-home {
  	background-color: #0190df;
	border-radius: 28px;
  }
  .menu-sx-div ul {
  	padding: 10px;
  }
  .menu-sx-div ul li {
  	list-style: none;
    text-align: left;
  	text-transform: uppercase;
  	margin: 5px 0;
  }
  .menu-sx-div ul li a {
  	color: #191c21;
  	text-decoration: none;
  	font-weight: 600;
  	margin: 0px;
  }
  .menu-sx-div ul li a:hover {
  	color: #0190df;
  	text-decoration: none;
  }
/*  .menu-sx-home {
  	display: none;
  }*/
}
.menu-admin li {
	background: #ecf1f4;
    list-style: none;
    padding: 10px 20px;
    width: auto;
    border-radius: 28px;
    margin: 5px 0;
	font-weight: 500;
}
.menu-admin li:hover {
	background: #0190df;
	color: #fff;
}


.dropdown-menu {
	top: 96px;
	left: 200px;
	padding: 20px;
}
@media (max-width: 991px) {
  .hide-menu-mobile {
  	display: none;
  }
}
@media (min-width: 991px) {
  #navbarNav {
  	display: none !important;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  header nav.navbar .nav .nav-item a, header nav.navbar .nav .nav-item a span.nverde, header nav div.container div div.scritta-account, header nav div.container div div.scritta-account span.scritta-account-name {
  	font-size: 10px;
  }
}
header nav.navbar .accordion-menu {
	text-align: right;
}
.navbar .container {
	align-items: baseline;
}
header nav.navbar {
	min-height: 90px;
	height: auto;
	border-bottom: 1px solid #0000001A;
}
@media (max-width: 570px) {
  header nav.navbar div div {
  	text-align: left;
  }
  header nav.navbar .accordion-menu {
  	text-align: center;
  	margin-top: 20px;
  }
  .dropdown-menu {
  	top: 110px;
  	width: 100%;
  	left: 0px;
  }
}

.menu-sx-div ul li,
.menu-sx-div .menu-sx-title,
.menu-sx-div .menu-sx-title, .menu-mobile-sub ul li {
	text-align: left;
	list-style: none;
}

@media (max-width: 991px) {
  .menu-sx-div ul li,
  .menu-sx-div .menu-sx-title,
  .menu-mobile-sub ul li {
  	text-align: left;
  	list-style: none;
  }
}

.menu-mobile-sub {
	border-top: 1px solid #dee2e6;
	padding-top: 20px;
}
.menu-mobile-sub ul {
	padding: 0px;
  list-style: none;
}
.menu-mobile-sub ul li {
  margin: 5px 0;
}
.testomenu-disabilitato {
	opacity: 0.2;
	pointer-events: none;
}




/* LOGIN */
.form-login {
	background-color: #ecf1f4;
	color: #191c21;
	border-color: #9ba9b4;
	border-radius: 20px;
}
.form-login .row {
	margin: 0px;
}
#login-block {
	/*margin: 50px 0;
*/
}
#login-block form {
	padding: 20px;
}
.form-login .row {
	margin: 20px 0;
}
.form-login-newute {
	border: 3px solid #00000029;
	padding: 20px;
	margin-bottom: 30px;
	border-radius: 20px;
}
.form-login-newute a {
	text-transform: uppercase;
}
@media (max-width: 991px) {
.form-login-newute {
	margin-top: 20px;
}
}


/* HOME */
#box-home {
	margin: 50px 0;
}
.box-home-div {
	padding: 20px;
	text-align: center;
	background-color: #ecf1f4;
	border-radius: 5px;
	box-shadow: 0px 3px 2px #e2e2e2;
	display: block;
}
.box-home-div:hover {
	background-color: #0090DF;	
}
.box-home-div:hover i, .box-home-div:hover h6 {
	color: #fff;
}
.box-home-div-2 {
	padding: 20px;
	text-align: center;
	background-color: #fff;
}
.box-home-div p, .box-home-div-2 p {
	font-size: 14px;
	font-weight: 500;
	color: #516574;
	margin-bottom: 2px;
}
.box-home-div h6, .box-home-div-2 h6 {
	margin-bottom: 5px;
} 
.box-home-div-2 img {
	width: 50%;
}
@media (max-width: 991px) {
  .box-home-div, .box-home-div-2 {
  	margin-top: 20px;
  }
}
.box-home-left {
	margin: 0px;
	padding-right: 5px;
	padding-left: 0px;
}
.box-home-center {
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
}
.box-home-right {
	margin: 0px;
	padding-right: 0px;
	padding-left: 5px;
}
.box-servizio {
	margin: 0 5px;
	padding: 20px;
	text-align: center;
	background-color: #ecf1f4;
	border-radius: 5px;
	box-shadow: 0px 3px 2px #e2e2e2;
}
#box-cta {
	padding: 27px 33px 18px;
	border-radius: 15px;
	background-color: #0b2f7b;
  background-image: linear-gradient(to right, #0b2f7b, #018ede);
}
.box-cta-testo {
	text-decoration: none;
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	margin: 20px 0;
}
#box-cta a, .box-cta-testo:hover {
	text-decoration: none;
}

/* COMUNICA LETTURA */
.ultima-lettura {
	background: #ecf1f4;
    border-radius: 28px;
    padding: 20px;
    margin-top: 50px;
}


/* MODAL */
.modal {
	padding: 0 1%;
	width: 100%;
}
.modal-dialog {
	max-width: 100%;
}
.close {
  font-size: 100px;
  font-weight: 100;
  color: #bec9d0;
  font-family: auto;
}
.modal-header {
  border-bottom: 0px;
}
.modal-body {
  padding: 5rem 10rem 10rem 10rem;
}
.modal.show .modal-dialog {
  margin: -1px;
}

.ui-dialog {
    background: #fff;
    border: 0px;
    border-radius: 28px;
    padding: 20px;
    max-width: 100%;
    min-width: 100%;
    text-align: left;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    min-height: 100%;
	padding: 2%;
}	

.ui-dialog-content {
    margin: 0 auto;
}
.ui-dialog-titlebar{
	/*border-bottom: 1px solid #f2f2f2;*/
    width: 100%;
    margin-bottom: 50px;
	margin-top: 50px;
}
.ui-dialog-content img {
	max-width: inherit;
	width: auto;
}
.ui-dialog-title {
	text-transform: uppercase;
    font-weight: 700;
}
.ui-dialog-titlebar-close{
	background-image: url(../web/images/chiudi.png);
	background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    border: none;
    background-color: #fff;
    margin-bottom: 20px;
	border: none;
	float: right;
	margin-top: -50px;
}
button:focus {
    outline: 0px auto -webkit-focus-ring-color;
}
#notifiche_dialog div.img img, #modal_panel_notifica_dett  div.img img {width: 100%; min-width: 100%; max-width: 100%;}
.modal-open .modal {
  padding: 0px;
}

.modal-content {
	border-radius: 0px;
	position: fixed;
	height: 100%;
	overflow-y: scroll;
}

@media (max-width: 991px) {
  .modal-body {
    padding: 1rem;
  }
}

@media (min-width: 1200px)
.modal-content .modal-header, .modal-content .modal-body, .modal-content .modal-footer {
  max-width: 800px;
}
@media (min-width: 992px)
.modal-content .modal-header, .modal-content .modal-body, .modal-content .modal-footer {
  max-width: 800px;
}
@media (min-width: 768px)
.modal-content .modal-header, .modal-content .modal-body, .modal-content .modal-footer {
  max-width: 720px;
}
@media (min-width: 576px)
.modal-content .modal-header,.modal-content .modal-body, .modal-content .modal-footer {
  max-width: 540px;
}
.fa-long-arrow-alt-right {
	color: #526574;
}
/* HEADER */
.col-auto.pl-lg-0 .logo {
	margin-right: 20px;
}
@media (max-width: 991px) {
  .col-auto.pl-lg-0 .logo {
  	margin-right: 0;
  }
}
header nav.navbar .logo img {
	/*height: 73px;
	padding-top: 11px;
	margin-bottom: 14px;*/
	height: 90px;
    padding-top: 0px;
    margin-bottom: 0px;
}
.logo-print {
	height: 90px;
}
.area-print {
	padding: 5%;
}
.title-fatt-print{
	color: #0090DF;
	font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}
.col-auto.pl-lg-0 .dropdown-toggle, .col-auto.pl-lg-0 .dropdown-toggle span {
	font-size: 14px;
	font-weight: 600;
}
.col-auto.pl-lg-0 .dropdown-toggle {
	color: #191C21;
}
.col-auto.pl-lg-0 .dropdown-toggle span {
	color: #0090DF;
}
.scritta-account {
  padding-top: 32px;
  font-size: 14px;
	font-weight: 600;
  float: right;
  color: #191c21;
}
.scritta-account .scritta-account-name {
  font-weight: 600;
  color: #0090DF;
}
@media (max-width: 991px) {
  .scritta-account {
    padding-top: 0;
    float: none;
  }
}
.badge {
	min-width: 28px;
	margin-left: 3px;
	padding: 7px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 20px;
	color: #fff;
	background-color: #0b2f7b;
  background-image: linear-gradient(to right, #018ede, #0b2f7b);
}
/* PROFILO */
.input-profilo {
	width: 250px;
}
.text-area {
	min-height: 200px;
	width: 100%;
	border: none;
}
@media (max-width: 570px) {
  .input-profilo {
  	width: 125px;
  }
}
/* BOLLETTACLICK */
.pannello-contratto {
	border: 1px solid #00000029;
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 10px;
}
.col-sm-6.bollclick-header-codcli {
  font-weight: 700;
  padding-left: 0px;
}
.row.bollclick-header {
  border-bottom: 1px solid #99aab5;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
}

/* LA TUA FORNITURA */
#accordion h5 {
  margin: 1px 0;
}
/*#accordion .card:first-child {
  border-radius: 20px 20px 0 0;
}
#accordion .card:last-child {
  border-radius: 0 0 20px 20px;
}*/
#accordion .card:focus,
#accordion .card {
  border-radius: 0;
}
#accordion .card button:focus,
#accordion .card button.btn {
  border-radius: 0;
}
#accordion .card .collapse,
#accordion .card .collapsing,
#accordion .card .collapse.show {
  padding: .375rem 0.75rem;
}
#accordion .btn-link.focus,
#accordion .btn-link:focus,
#accordion .btn-link:hover {
  text-decoration: none;
}
.card {
    border: 0px;
}
.card button.btn-link {
	border-bottom: 1px solid rgba(0,0,0,.125);
}
/* CHANGE */
.div-change-form {
	margin-top: 30px;
}
/* OPZIONE INVERNO */
.div-opzinv {
	margin: 30px 0;
	padding: 20px;
	border: 1px solid #00000029;
	border-radius: 20px;
	min-height: 220px;
}
.div-opzinv:last-child {
}
.div-opzinv .col-sm-6 div {
	border: 1px solid #00000029;
	border-radius: 20px;
	padding: 20px;
}



/* recupero un po di roba dal css precedente. andata perduta */

input[type="text"].sw_input_readonly {
	background-color: #afafaf;
}

input[type="text"].sw_mandatory_field {
	border: 1px solid red;
}

input[type="text"].sw_dato_da_confermare {
	border: 1px solid red;
	background-color: yellow;
}
input[type="image"] {
	background-color: #fff;	
	max-width: 24px;
}



/* ADMIN */
.btn-back {
	border-top: 1px solid #f2f2f2;
	text-align: center;
	width: 100%;
	padding: 20px;
	margin-top: 20px;
}
input.dettagli, input[name="img-lente1"], input[name="img-lente2"] {
	width: 20px;
	background-color: #fff;
}

@media (max-width: 570px){
	header nav.navbar .accordion-menu {
    text-align: right;
	}
}
.btn-success, .btn-default {
    padding: 2px;
    font-size: 12px;
	}
div.btn-success {
	background-color: #fff;
	border-color: #fff;
}

/* testo che contiene una tooltip esplicativa */
.has-help {
	border-bottom: 1px dotted darkgreen;
}
.has-help:hover {
	background-color: #e5ffcc;
	cursor: help;
	color: black;
}
div.div-disabilitato {
	opacity: 0.5;
	pointer-events: none;
}

select#current_utenza { 
	max-width: 220px;
	font-size: 12px; 
}