@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;600;700&family=Poppins:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap");

:root {
  --black: #161616;
  --grey: #F7F7F7;
  --white: #FFFFFF;
  --lightgrey: #5C5C5C;

  --green: #00ACA5;
  --blue: #00B1D1;
  --purple: #9F4188;
  --red: #E50057;
  --yellow: #FAB31E;

  --lightGreen: #77C6C1;
  --lightBlue: #77CAE0;
  --lightPurple: #B97CAC;
  --lightRed: #ED6D84;
  --lightYellow: #FDCA70;

  --feedblue: #00B1D1;
  --feedgreen: #00AC67;
  --feedorange: #FAA91E;
  --feedred: #E50010;

  --font-primary: 'League Spartan', sans-serif;
  --font-secondary: 'Poppins', sans-serif;
}

.colorBlack,
.hoverColorBlack:hover {
  color: var(--black) !important;
}

.bgColorBlack,
.hoverBgColorBlack:hover {
  background: var(--black);
}

.borderBlack,
.hoverBorderBlack:hover {
  border-color: var(--black);
}

.beforeBlack::before,
.hoverBeforeBlack:hover:before,
.afterBlack::after {
  background: var(--black);
}

.colorGrey,
.hoverColorGrey:hover {
  color: var(--grey);
}

.bgColorGrey,
.hoverBgColorGrey:hover {
  background: var(--grey);
}

.borderGrey,
.hoverBorderGrey:hover {
  border-color: var(--grey);
}

.beforeGrey::before,
.hoverBeforeGrey:hover:before,
.afterGrey::after {
  background: var(--grey);
}

.colorWhite,
.hoverColorWhite:hover {
  color: var(--white);
}

.bgColorWhite,
.hoverBgColorWhite:hover {
  background: var(--white);
}

.borderWhite,
.hoverBorderWhite:hover {
  border-color: var(--white);
}

.beforeWhite::before,
.hoverBeforeWhite:hover:before,
.afterWhite::after {
  background: var(--white);
}

.colorGreen,
.hoverColorGreen:hover {
  color: var(--green);
}

.bgColorGreen,
.hoverBgColorGreen:hover {
  background: var(--green);
}

.borderGreen,
.hoverBorderGreen:hover {
  border-color: var(--green);
}

.beforeGreen::before,
.hoverBeforeGreen:hover:before,
.afterGreen::after {
  background: var(--green);
}

.colorBlue,
.hoverColorBlue:hover {
  color: var(--blue);
}

.bgColorBlue,
.hoverBgColorBlue:hover {
  background: var(--blue);
}

.borderBlue,
.hoverBorderBlue:hover {
  border-color: var(--blue);
}

.beforeBlue::before,
.hoverBeforeBlue:hover:before,
.afterBlue::after {
  background: var(--blue);
}

.colorPurple,
.hoverColorPurple:hover {
  color: var(--purple);
}

.bgColorPurple,
.hoverBgColorPurple:hover {
  background: var(--purple);
}

.borderPurple,
.hoverBorderPurple:hover {
  border-color: var(--purple);
}

.beforePurple::before,
.hoverBeforePurple:hover:before,
.afterPurple::after {
  background: var(--purple);
}

.colorRed,
.hoverColorRed:hover {
  color: var(--red);
}

.bgColorRed,
.hoverBgColorRed:hover {
  background: var(--red);
}

.borderRed,
.hoverBorderRed:hover {
  border-color: var(--red);
}

.beforeRed::before,
.hoverBeforeRed:hover:before,
.afterRed::after {
  background: var(--red);
}

.colorYellow,
.hoverColorYellow:hover {
  color: var(--yellow);
}

.bgColorYellow,
.hoverBgColorYellow:hover {
  background: var(--yellow);
}

.borderYellow,
.hoverBorderYellow:hover {
  border-color: var(--yellow);
}

.beforeYellow::before,
.hoverBeforeYellow:hover:before,
.afterYellow::after {
  background: var(--yellow);
}

.colorLightGreen,
.hoverColorLightGreen:hover {
  color: var(--lightGreen);
}

.bgColorLightGreen,
.hoverBgColorLightGreen:hover {
  background: var(--lightGreen);
}

.borderLightGreen,
.hoverBorderLightGreen:hover {
  border-color: var(--lightGreen);
}

.beforeLightGreen::before,
.hoverBeforeLightGreen:hover:before,
.afterLightGreen::after {
  background: var(--lightGreen);
}

.colorLightBlue,
.hoverColorLightBlue:hover {
  color: var(--lightBlue);
}

.bgColorLightBlue,
.hoverBgColorLightBlue:hover {
  background: var(--lightBlue);
}

.borderLightBlue,
.hoverBorderLightBlue:hover {
  border-color: var(--lightBlue);
}

.beforeLightBlue::before,
.hoverBeforeLightBlue:hover:before,
.afterLightBlue::after {
  background: var(--lightBlue);
}

.colorLightPurple,
.hoverColorLightPurple:hover {
  color: var(--lightPurple);
}

.bgColorLightPurple,
.hoverBgColorLightPurple:hover {
  background: var(--lightPurple);
}

.borderLightPurple,
.hoverBorderLightPurple:hover {
  border-color: var(--lightPurple);
}

.beforeLightPurple::before,
.hoverBeforeLightPurple:hover:before,
.afterLightPurple::after {
  background: var(--lightPurple);
}

.colorLightRed,
.hoverColorLightRed:hover {
  color: var(--lightRed);
}

.bgColorLightRed,
.hoverBgColorLightRed:hover {
  background: var(--lightRed);
}

.borderLightRed,
.hoverBorderLightRed:hover {
  border-color: var(--lightRed);
}

.beforeLightRed::before,
.hoverBeforeLightRed:hover:before,
.afterLightRed::after {
  background: var(--lightRed);
}

.colorLightYellow,
.hoverColorLightYellow:hover {
  color: var(--lightYellow);
}

.bgColorLightYellow,
.hoverBgColorLightYellow:hover {
  background: var(--lightYellow);
}

.borderLightYellow,
.hoverBorderLightYellow:hover {
  border-color: var(--lightYellow);
}

.beforeLightYellow::before,
.hoverBeforeLightYellow:hover:before,
.afterLightYellow::after {
  background: var(--lightYellow);
}



.select2-container {
  border-bottom: 1px solid var(--lightPurple);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: unset !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--lightYellow) !important;
}

.select2-results__option:hover {
  background-color: var(--lightYellow) !important;
}

.select2-results__option.select2-results__option--highlighted:hover,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--lightYellow) !important;
}

.myForm .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: .5rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: var(--white) !important;
}

.myForm .select2-dropdown {
  border: 4px solid var(--lightgrey) !important
}

.myForm .select2-container--default .select2-selection--single {
  height: auto;
  border: none;
  background-color: #f2f2f3;
  border-radius: 7px;
}

.myForm .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0.3em 0.6em;
  line-height: inherit;
  font: inherit;
  font-size: 0.9rem;
}

.myForm .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.myForm .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.myForm .select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 11px;
}

.select2-container--disabled {
  opacity: 0.7;
}

.jconfirm .jconfirm-box {
  padding: 3em 1em 2em 1em;
  font-size: .9rem;
  border-width: 3px !important;
  border-style: solid;
  border-radius: 38px !important;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  text-transform: capitalize;
  border: 3px solid var(--purple) !important;
}


.jconfirm .jconfirm-box div.jconfirm-closeIcon {
  opacity: 1;
  padding-top: 3px;
  top: 1em;
  right: 1em;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon::after {
  content: '';
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: -3px;
  left: -2px;
  z-index: -1;
}

.jconfirm-content li {
  color: var(--feedred);
}

.jconfirm .jconfirm-box .jconfirm-content-pane {
  margin-bottom: 0px !important;
}

.jconfirm .jconfirm-box-container.jconfirm-no-transition {
  padding: 4em 0 4em 0;
}


.jconfirm .jconfirm-box .jconfirm-content-pane .jconfirm-content>div {
  margin-bottom: 0;
}

/*clone titleLev4*/
.jconfirm .jconfirm-box div.jconfirm-title-c {
  font-family: 'Roboto', sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3em;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1em;
  text-transform: uppercase;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
  float: none !important;
  text-align: right;
}

.jconfirm .jconfirm-box .jconfirm-buttons .btn.btn-default {
  border-radius: 0;
  color: white !important;
}

.jconfirm .jconfirm-box .jconfirm-buttons .btn.btn-default {
  background-color: var(--black);
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon::after {
  background: var(--white);
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
  color: var(--black);
}


.jconfirm .jconfirm-box.jconfirm-type-blue {
  border-color: var(--feedblue);
  background-color: white;
}

.jconfirm .jconfirm-box.jconfirm-type-blue div.jconfirm-title-c .jconfirm-title {
  color: var(--feedblue);
}

.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-buttons .btn.btn-default:hover {
  background-color: var(--feedblue);
}



.jconfirm .jconfirm-box.jconfirm-type-green {
  border-color: var(--feedgreen);
  background-color: white;
}

.jconfirm .jconfirm-box.jconfirm-type-green div.jconfirm-title-c .jconfirm-title {
  color: var(--feedgreen);
}

.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-buttons .btn.btn-default {
  background-color: var(--feedgreen);
}


.jconfirm .jconfirm-box.jconfirm-type-red {
  border-color: var(--feedred);
}

.jconfirm .jconfirm-box.jconfirm-type-red div.jconfirm-title-c .jconfirm-title {
  color: var(--feedred);
}

.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-buttons .btn.btn-default:hover {
  background-color: var(--feedred);
}



.jconfirm .jconfirm-box.jconfirm-type-yellow {
  border-color: var(--feedorange);
}

.jconfirm .jconfirm-box.jconfirm-type-yellow div.jconfirm-title-c .jconfirm-title {
  color: var(--feedorange);
}

.jconfirm .jconfirm-box.jconfirm-type-yellow .jconfirm-buttons .btn.btn-default:hover {
  background-color: var(--feedorange);
}

::selection {
  color: #fff;
  text-shadow: none;
  background: var(--purple);
}

html,
body {
  font-family: var(--font-primary);
  font-size: 23px;
  font-weight: 400;
  color: var(--black);
}

/* p, a, span, li, ul, h1, h2, h3, h4, h5, h6, th, td{
    font: inherit;
    color: inherit;
    line-height: 1em;
  } */

ol {
  padding-inline-start: 0;
}

a {
  text-decoration: none;
  font-weight: 400;
  color: var(--purple);
}

a:hover {
  text-decoration: none;
  cursor: pointer;
  color: inherit;
  color: var(--red);
}

.regularLink,
.infoPage a {
  display: inline-block;
  position: relative;
  padding: 0 .2em;
}

.regularLink::after,
.infoPage a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--orange);
  width: 100%;
  height: 0.2em;
  -webkit-transition: height .2s ease-in-out;
  -moz-transition: height .2s ease-in-out;
  -o-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out;
  z-index: -1;
}

.regularLink:hover,
.infoPage a:hover {
  color: white;
  text-decoration: none;
}

.regularLink:hover::after,
.infoPage a:hover::after {
  height: 1.8em;
}

.regularLink.reverse::after,
.infoPage a.reverse::after {
  background-color: var(--black);
}

p,
label,
figure {
  margin-bottom: 0;
}

p {
  line-height: 1.5em;
}

:focus {
  outline: none !important;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}


.titleLev1 {
  font-weight: bold;
  font-family: var(--font-primary);
}

.titleLev2 {
  font-family: var(--font-primary);
  font-weight: 600;
}

.titleLev3,
.titleLev4,
.titleLev5,
.titleLev6 {
  font-weight: 500;
}

.titleLev1>span,
.titleLev2>span,
.titleLev3>span,
.titleLev4>span {
  font: inherit;
}

.customBtn {
  display: inline-block !important;
  position: relative;
  padding: 1.2rem 2.5rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
  font-family: var(--font-primary), sans-serif;
  cursor: pointer !important;
  border-width: 3px !important;
  border-radius: 17px !important;
  border-style: solid !important;
  text-align: center;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.customBtn:hover {
  -webkit-transition: color 0.3s 0.1s;
  -moz-transition: color 0.3s 0.1s;
  -o-transition: color 0.3s 0.1s;
  transition: color 0.3s 0.1s;
}

.customBtn::before {
  content: "";
  width: 20%;
  height: 10%;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: 0%;
  -webkit-transform: translate(-50%, 100%);
  -moz-transform: translate(-50%, 100%);
  -o-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  transform-origin: bottom center;
  z-index: -1;
}

.customBtn:hover::before {
  width: 110%;
  height: 300%;
  -webkit-transform: translate(-50%, 40%);
  -moz-transform: translate(-50%, 40%);
  -o-transform: translate(-50%, 40%);
  transform: translate(-50%, 40%);
}

.secondaryButton {
  text-transform: uppercase;
  font-size: 0.75rem;
  padding-top: 10px;
  padding-left: 20px;
  letter-spacing: 2.42px;
  font-weight: normal;
  position: relative;
  display: inline-block;
}

.secondaryButton::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 3px;
  opacity: 1;
  transition: .3s ease-in-out;
}

.secondaryButton::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 3px;
  transform: translateY(-100%);
  opacity: 0;
  transition: .3s ease-in-out;
}

.secondaryButton:hover::before {
  transform: translateY(100%);
  opacity: 0;
}

.secondaryButton:hover::after {
  transform: translateY(0);
  opacity: 1;
}

.menu-padding {
  padding-top: var(--menuh);
}

.menu-margin {
  margin-top: var(--menuh);
}

.myCustomSelect+.select2-container .select2-selection .select2-selection__rendered {
  padding: 11px 17px !important;
  line-height: 1.5rem !important;
  font-size: 1rem !important;
  border-radius: 7px !important;
  background-color: #f2f2f3;
}

.main-content input.form-control[type=text],
.main-content input.form-control[type=number],
.main-content input.form-control[type=tel],
.main-content input.form-control[type=email],
.main-content input.form-control[type=password],
.main-content textarea.form-control,
.main-content select.form-control {
  font-size: 0.9rem;
  padding: 0.3em 0.6em;
}

input.form-control[type=text]:hover,
input.form-control[type=number]:hover,
input.form-control[type=tel]:hover,
input.form-control[type=email]:hover,
input.form-control[type=password]:hover,
textarea.form-control:hover,
select.form-control:hover,
input.form-control[type=text]:focus,
input.form-control[type=number]:focus,
input.form-control[type=tel]:focus,
input.form-control[type=email]:focus,
input.form-control[type=password]:focus,
textarea.form-control:focus,
select.form-control:focus,
.myCustomSelect+.select2-container:focus,
.myCustomSelect+.select2-container .select2-selection:focus,
.myCustomSelect+.select2-container .select2-selection .select2-selection__rendered:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.mandatoryMarker {
  font: inherit;
  line-height: inherit;
  color: var(--pink);
}

/* CUSTOM FORM APPEREANCE*/
.customRadio input[type=radio],
.customCheckbox input[type=checkbox] {
  display: none;
}

/* CHECKBOX STYLE */
.customCheckbox {
  margin-bottom: 0.6rem;
}

.myForm .field .customCheckbox label {
  font-weight: 400;
}

.customCheckbox input[type=checkbox]+label>.fakeCheck::after,
.customRadio input[type=radio]+label>.fakeCheck::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: var(--purple);
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: all .3s cubic-bezier(.3, .81, .67, 2.5);
  -moz-transition: all .3s cubic-bezier(.3, .81, .67, 2.5);
  -o-transition: all .3s cubic-bezier(.3, .81, .67, 2.5);
  transition: all .3s cubic-bezier(.3, .81, .67, 2.5);
}

.customCheckbox input[type=checkbox]+label {
  padding-left: 1.1em;
  position: relative;
  cursor: pointer;
}

.customCheckbox input[type=checkbox]+label>.fakeCheck {
  display: block;
  position: absolute;
  font-size: calc(1em - 4px);
  margin-left: 2px;
  height: 0.9em;
  width: 0.9em;
  left: 0;
  top: 0.4em;
  cursor: pointer;
  outline: 2px solid var(--black);
  padding: 2px;
  border-radius: 3px;
}

.customCheckbox input[type=checkbox]:not(:checked)+label:hover>.fakeCheck,
.customCheckbox input[type=checkbox]:not(:checked)+label>.fakeCheck:hover {
  outline-color: var(--lightPurple);
}

.customCheckbox input[type=checkbox]:checked+label>.fakeCheck {
  outline-color: var(--lightPurple);
}

.customCheckbox input[type=checkbox]:checked+label>.fakeCheck::after {
  height: 0.7em;
  width: 0.7em;
}

.checkAllChecks {
  cursor: pointer;
  font-weight: 700;
}

/* END CHECKBOX STYLE */

/* RADIO STYLE */
.customRadio {
  display: inline-block;
}

.customRadio:not(:last-child) {
  margin-right: 3em;
}

.customRadio input[type=radio]+label {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.customRadio input[type=radio]+label>.fakeCheck {
  display: block;
  position: relative;
  height: 22px;
  width: 22px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 22px;
  flex: 0 0 22px;
  cursor: pointer;
  border: 2px solid var(--purple);
  border-radius: 50%;
  margin-right: 0.4em;
  margin-left: 5px;
}

.customRadio input[type=radio]+label>.fakeCheck::after {
  border-radius: 50%;
}

.customRadio input[type=radio]:checked+label>.fakeCheck {
  border-color: var(--purple);
}

.customRadio input[type=radio]:checked+label {
  color: var(--black);
}

.customRadio input[type=radio]:checked+label>.fakeCheck::after {
  width: 12px;
  height: 12px;
  background-color: var(--purple);
}

/* END RADIO STYLE */

.videoContainer {
  padding-top: 56%;
  position: relative;
}

.videoContainer iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.myForm input.form-control[type=text],
.myForm input.form-control[type=number],
.myForm input.form-control[type=tel],
.myForm input.form-control[type=email],
.myForm input.form-control[type=password],
.myForm textarea.form-control,
.myForm select.form-control {
  font-size: 0.8em;
  background-color: var(--white);
  border-bottom: 1px solid var(--lightPurple);
  border-radius: 0;
  padding: 0.2em 0.6em;
}

.myForm .field textarea {
  resize: none;
}

.myForm .field {
  margin-bottom: 1em;
}

.myForm .field label,
.myForm .field legend {
  margin-bottom: 0.3em;
  color: var(--lightPurple);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.myForm .privacyContentBlock {
  font-size: .8em;
}

.textContainer * {
  line-height: inherit;
  color: inherit;
}

.resizer.rounded {
  border-radius: 36px !important;
  overflow: hidden;
}

.imgContainer {
  position: relative;
  width: 100%;
  height: 0;
}

.imgContainer img {
  position: absolute;
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.sideBar {
  cursor: pointer;
  position: fixed;
  top: var(--menuh);
  background: transparent linear-gradient(177deg, var(--lightYellow) 0%, #EFB646 100%) 0% 0% no-repeat padding-box;
  z-index: 500;
  width: 100%;
}

.sideBar:hover {
  background: var(--lightYellow)
}

.pointer {
  cursor: pointer;
}

#colloquiFormWrapper {
  width: 60vw;
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  padding-top: var(--menuh);
  z-index: 499;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}

#colloquiFormWrapper.withoutNav {
  padding-top: 0;
}

#colloquiFormWrapper.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.noScroll {
  overflow: hidden;
}

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

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

.cursor-pointer {
  cursor: pointer;
}

.grecaptcha-badge {
  z-index: 999;
}

@media (max-width: 1200px) {
  #colloquiFormWrapper {
    width: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  #colloquiFormWrapper.active {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

}

@media(max-width: 991px) {

  html,
  body {
    font-size: 22px;
  }

  .titleLev1 {
    font-size: 2.16rem;
  }

  .titleLev2 {
    font-size: 1.89rem;
  }

  .titleLev3 {
    font-size: 1.79rem;
  }

  .titleLev4 {
    font-size: 1.63rem;
  }

  .titleLev5 {
    font-size: 1.37rem;
  }

  .titleLev6 {
    font-size: 1.16rem;
  }

  .smallTitle {
    font-size: 1.03rem;
  }

  .smallParagraph {
    font-size: 0.89rem;
  }

  .subtitle {
    font-size: 1.34rem;
  }

  .occhiello {
    font-size: .94rem;
  }
}

@media(max-width: 767px) {

  html,
  body {
    font-size: 18px;
  }

  .titleLev1 {
    font-size: 2.16rem;
  }

  .titleLev2 {
    font-size: 1.89rem;
  }

  .titleLev3 {
    font-size: 1.79rem;
  }

  .titleLev4 {
    font-size: 1.63rem;
  }

  .titleLev5 {
    font-size: 1.37rem;
  }

  .titleLev6 {
    font-size: 1.16rem;
  }

  .smallTitle {
    font-size: 1.03rem;
  }

  .smallParagraph {
    font-size: 0.89rem;
  }

  .subtitle {
    font-size: 1.34rem;
  }

  .occhiello {
    font-size: .94rem;
  }

  .customBtn {
    border-width: 2px !important;
    border-radius: 11px !important;
  }

  .myForm .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
  }

}



@media (max-width: 576px) {
  .customBtn {
    padding: .5rem 1rem;
  }
}

@media(max-width: 320px) {

  html,
  body {
    font-size: 16px;
  }

}

@media(min-width: 992px) {

  html,
  body {
    font-size: 22px;
  }

  .titleLev1 {
    font-size: 2.8rem;
  }

  .titleLev2 {
    font-size: 2.3rem;
  }

  .titleLev3 {
    font-size: 2rem;
  }

  .titleLev4 {
    font-size: 1.5rem;
  }

  .titleLev5 {
    font-size: 1.4rem;
    line-height: 1.2;
  }

  .titleLev6 {
    font-size: 1.2rem;
  }

  .smallTitle {
    font-size: 1.1rem;
  }

  .smallParagraph {
    font-size: 0.87rem;
  }

  .subtitle {
    font-size: 1.74rem;
  }

  .occhiello {
    font-size: 1.09rem;
  }
}

/* xl */
@media (min-width: 1200px) {

  html,
  body {
    font-size: 18px;
  }

  .titleLev1 {
    font-size: 2.8rem;
  }

  .titleLev2 {
    font-size: 2.3rem;
  }

  .titleLev3 {
    font-size: 2rem;
  }

  .titleLev4 {
    font-size: 1.5rem;
  }

  .titleLev5 {
    font-size: 1.4rem;
    line-height: 1.2;
  }

  .titleLev6 {
    font-size: 1.2rem;
  }

  .smallTitle {
    font-size: 1.1rem;
  }

  .smallParagraph {
    font-size: 0.87rem;
  }

  .subtitle {
    font-size: 1.74rem;
  }

  .occhiello {
    font-size: 1rem;
  }

  .sideBar {
    top: 0 !important;
    right: 0;
    height: 100vh;
    width: auto !important;
    writing-mode: vertical-lr;
  }

}

@media(min-width: 1800px) {

  html,
  body {
    font-size: 22px;
  }

  .titleLev1 {
    font-size: 3.17rem;
  }

  .titleLev2 {
    font-size: 3rem;
  }

  .titleLev3 {
    font-size: 2.7rem;
  }

  .titleLev4 {
    font-size: 2.04rem;
  }

  .titleLev5 {
    font-size: 1.65rem;
    line-height: 1.2;
  }

  .titleLev6 {
    font-size: 1.26rem;
  }

  .smallTitle {
    font-size: 1.1rem;
  }

  .smallParagraph {
    font-size: 0.87rem;
  }

  .subtitle {
    font-size: 1.74rem;
  }

  .occhiello {
    font-size: 1.06rem;
  }

  .d-xxl-block {
    display: block !important;
  }

  .flex-xxl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
}


/* Swiper  */

.swiper-pagination {
  text-align: left !important;
}

.swiper-pagination-bullet-active {
  background: var(--purple) !important;
}

.swiper-pagination-bullet {
  width: .8rem !important;
  height: .8rem !important;
  background: var(--lightPurple) !important;
}

/* Blog */

#blogList .blog-card .blog-image,
.blog-items .blog-card .blog-image {
  overflow: hidden;
}

#blogList .blog-card img,
.blog-items .blog-card img {
  transition: transform .3s ease;
}

#blogList .blog-card:hover img,
.blog-items .blog-card:hover img {
  transform: scale(1.03);
  /* border-radius: 0 !important; */
}

#blogList .blog-card:hover .blog-info>h6,
.blog-items .blog-card:hover .blog-info>h6 {
  color: var(--red) !important;
}

#blogList .blog-card:hover .blog-info>span,
.blog-items .blog-card:hover .blog-info>span {
  color: var(--black);
}


/* Iubenda */

body a.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right] {
  right: 3% !important;
}

body .iubenda-tp-btn.iubenda-cs-preferences-link {
  display: none !important;
}


/* Modal */

#modalEs .modal-content {
  width: auto;
  margin: 0 auto;
}

@media (min-width: 576px) {
  #modalEs .modal-dialog {
    max-width: 1200px;
    max-height: 1100px;
  }
}

#modalEs .modal-header {
  border-bottom: none;
}