:root{
  --dirtWhite: #FEFBF3;
  --black: #2C3022;
  --footerBlack: #191D0F;
  --orange: #EFA814;
  --darkOrange: #EA8B06;
  --beige: #C4B392;
  --sand: #CFAA3B;
  --green: #506B37;
  --feedblue: #70A9CF;
  --feedgreen: #9ABC39;
  --feedorange: #FFB300;
  --feedred: #DC584E;
}
/*@font-face {
  font-family: 'Jost';
  src: url("../fonts/Jost-Regular.eot");
  src: url("../fonts/Jost-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Jost-Regular.otf") format("opentype"),
    url("../fonts/Jost-Regular.svg") format("svg"),
    url("../fonts/Jost-Regular.ttf") format("truetype"),
    url("../fonts/Jost-Regular.woff") format("woff"),
    url("../fonts/Jost-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Jost';
  src: url("../fonts/Jost-SemiBold.eot");
  src: url("../fonts/Jost-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Jost-SemiBold.otf") format("opentype"),
    url("../fonts/Jost-SemiBold.svg") format("svg"),
    url("../fonts/Jost-SemiBold.ttf") format("truetype"),
    url("../fonts/Jost-SemiBold.woff") format("woff"),
    url("../fonts/Jost-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}*/
@font-face {
  font-family: 'Amarante';
  src: url("../fonts/Amarante-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Amarante-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/Amarante-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/Amarante-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/Amarante-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/Amarante-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/Amarante-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 400;
  font-style: normal;
}

.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;
}

.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-container--default .select2-selection--single .select2-selection__arrow{
  top: 5px;
}

.myForm .select2-dropdown .select2-results__options::-webkit-scrollbar {
  width: 11px;
}
.myForm .select2-dropdown .select2-results__options::-webkit-scrollbar-track {
  background: var(--lightgrey);
}
.myForm .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
  background-color: var(--brown);
  border-radius: 6px;
  border: 3px solid var(--lightgrey);
}
.myForm .select2-dropdown .select2-results__options{
  scrollbar-width: thin;
  scrollbar-color: var(--brown) var(--lightgrey);
}

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


.jconfirm .jconfirm-box{
  padding: 3em 1em 2em 1em;
  font-size: .9rem;
  border-width: .5rem !important;
  border-style: solid;
  border-radius: 0 !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: -1px;
  left: -2px;
  z-index: -1;
}

.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: 'Amarante', sans-serif;
  line-height: 1.1em;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
  font: inherit;
  line-height: inherit;
}

.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(--black);
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon{
  color: white;
}


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


.jconfirm .jconfirm-box.jconfirm-type-blue div.jconfirm-closeIcon:hover::after{
  background-color: var(--feedblue);
}

.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-closeIcon:hover::after{
  background: var(--feedgreen);
}

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

.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-closeIcon:hover::after{
  background: 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-closeIcon:hover::after{
  background: 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(--orange);
}

html, body{
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  color: var(--black);
  background-color: var(--dirtWhite);
  z-index: -2;
  position: relative;
}

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

p{
  line-height: 1.4em;
}

ol{
  padding-inline-start: 0;
}

a{
  text-decoration: none;
  font-weight: 700;
}

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

label{
  font-size: 0.9rem;
}

.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.6em;
}

:focus{outline: none!important;}
ul{
  padding: 0;
  margin: 0;
}
ul li{
  list-style: none;
}

.colorWhite, .hoverColorWhite:hover{
  color: white;
}

.bgColorWhite, .hoverBgColorWhite:hover, .bgAfterColorWhite::after, .hoverBgAfterColorWhite:hover::after, .bgBeforeColorWhite::before, .hoverBgBeforeColorWhite:hover::before{
  background-color: white;
}

.borderColorWhite, .hoverBorderColorWhite:hover{
  border-color: white;
}

.colorDirtWhite, .hoverColorDirtWhite:hover{
  color: var(--dirtWhite);
}

.bgColorDirtWhite, .hoverBgColorDirtWhite:hover, .bgAfterColorDirtWhite::after, .hoverBgAfterColorDirtWhite:hover::after, .bgBeforeColorDirtWhite::before, .hoverBgBeforeColorDirtWhite:hover::before{
  background-color: var(--dirtWhite);
}

.borderColorDirtWhite, .hoverBorderColorDirtWhite:hover{
  border-color: var(--dirtWhite);
}

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

.bgColorBlack, .hoverBgColorBlack:hover, .bgAfterColorBlack::after, .hoverBgAfterColorBlack:hover::after, .bgBeforeColorBlack::before, .hoverBgBeforeColorBlack:hover::before{
  background-color: var(--black);
}

.borderColorBlack, .hoverBorderColorBlack:hover{
  border-color: var(--black);
}

.colorFooterBlack, .hoverColorFooterBlack:hover{
  color: var(--footerBlack);
}

.bgColorFooterBlack, .hoverBgColorFooterBlack:hover, .bgAfterColorFooterBlack::after, .hoverBgAfterColorFooterBlack:hover::after, .bgBeforeColorFooterBlack::before, .hoverBgBeforeColorFooterBlack:hover::before{
  background-color: var(--footerBlack);
}

.borderColorFooterBlack, .hoverBorderColorFooterBlack:hover{
  border-color: var(--footerBlack);
}

.colorOrange, .hoverColorOrange:hover{
  color: var(--orange);
}

.bgColorOrange, .hoverBgColorOrange:hover, .bgAfterColorOrange::after, .hoverBgAfterColorOrange:hover::after, .bgBeforeColorOrange::before, .hoverBgBeforeColorOrange:hover::before{
  background-color: var(--orange);
}

.borderColorOrange, .hoverBorderColorOrange:hover{
  border-color: var(--orange);
}

.colorDarkOrange, .hoverColorDarkOrange:hover{
  color: var(--darkOrange);
}

.bgColorDarkOrange, .hoverBgColorDarkOrange:hover, .bgAfterColorDarkOrange::after, .hoverBgAfterColorDarkOrange:hover::after, .bgBeforeColorDarkOrange::before, .hoverBgBeforeColorDarkOrange:hover::before{
  background-color: var(--darkOrange);
}

.borderColorDarkOrange, .hoverBorderColorDarkOrange:hover{
  border-color: var(--darkOrange);
}

.colorSand, .hoverColorSand:hover{
  color: var(--sand);
}

.bgColorSand, .hoverBgColorSand:hover, .bgAfterColorSand::after, .hoverBgAfterColorSand:hover::after, .bgBeforeColorSand::before, .hoverBgBeforeColorSand:hover::before{
  background-color: var(--sand);
}

.borderColorSand, .hoverBorderColorSand:hover{
  border-color: var(--sand);
}

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

.bgColorGreen, .hoverBgColorGreen:hover, .bgAfterColorGreen::after, .hoverBgAfterColorGreen:hover::after, .bgBeforeColorGreen::before, .hoverBgBeforeColorGreen:hover::before{
  background-color: var(--green);
}

.borderColorGreen, .hoverBorderColorGreen:hover{
  border-color: var(--green);
}


@-webkit-keyframes noiseAnimation {
  0% {
    transform: translate3d(0,9rem,0);
  }
  10% {
    transform: translate3d(-1rem,-4rem,0);
  }
  20% {
    transform: translate3d(-8rem,2rem,0);
  }
  30% {
    transform: translate3d(9rem,-9rem,0);
  }
  40% {
    transform: translate3d(-2rem,7rem,0);
  }
  50% {
    transform: translate3d(-9rem,-4rem,0);
  }
  60% {
    transform: translate3d(2rem,6rem,0);
  }
  70% {
    transform: translate3d(7rem,-8rem,0);
  }
  80% {
    transform: translate3d(-9rem,1rem,0);
  }
  90% {
    transform: translate3d(6rem,-5rem,0);
  }
  to {
    transform: translate3d(-7rem,0,0);
  }
}

@-moz-keyframes noiseAnimation {
  0% {
    transform: translate3d(0,9rem,0);
  }
  10% {
    transform: translate3d(-1rem,-4rem,0);
  }
  20% {
    transform: translate3d(-8rem,2rem,0);
  }
  30% {
    transform: translate3d(9rem,-9rem,0);
  }
  40% {
    transform: translate3d(-2rem,7rem,0);
  }
  50% {
    transform: translate3d(-9rem,-4rem,0);
  }
  60% {
    transform: translate3d(2rem,6rem,0);
  }
  70% {
    transform: translate3d(7rem,-8rem,0);
  }
  80% {
    transform: translate3d(-9rem,1rem,0);
  }
  90% {
    transform: translate3d(6rem,-5rem,0);
  }
  to {
    transform: translate3d(-7rem,0,0);
  }
}

@-o-keyframes noiseAnimation {
  0% {
    transform: translate3d(0,9rem,0);
  }
  10% {
    transform: translate3d(-1rem,-4rem,0);
  }
  20% {
    transform: translate3d(-8rem,2rem,0);
  }
  30% {
    transform: translate3d(9rem,-9rem,0);
  }
  40% {
    transform: translate3d(-2rem,7rem,0);
  }
  50% {
    transform: translate3d(-9rem,-4rem,0);
  }
  60% {
    transform: translate3d(2rem,6rem,0);
  }
  70% {
    transform: translate3d(7rem,-8rem,0);
  }
  80% {
    transform: translate3d(-9rem,1rem,0);
  }
  90% {
    transform: translate3d(6rem,-5rem,0);
  }
  to {
    transform: translate3d(-7rem,0,0);
  }
}

@keyframes noiseAnimation {
  0% {
    transform: translate3d(0,9rem,0);
  }
  10% {
    transform: translate3d(-1rem,-4rem,0);
  }
  20% {
    transform: translate3d(-8rem,2rem,0);
  }
  30% {
    transform: translate3d(9rem,-9rem,0);
  }
  40% {
    transform: translate3d(-2rem,7rem,0);
  }
  50% {
    transform: translate3d(-9rem,-4rem,0);
  }
  60% {
    transform: translate3d(2rem,6rem,0);
  }
  70% {
    transform: translate3d(7rem,-8rem,0);
  }
  80% {
    transform: translate3d(-9rem,1rem,0);
  }
  90% {
    transform: translate3d(6rem,-5rem,0);
  }
  to {
    transform: translate3d(-7rem,0,0);
  }
}

.titleLev1{
  font-family: 'Amarante';
  line-height: .8em;
}

.titleLev2{
  font-family: 'Amarante', sans-serif;
  line-height: .9em;
}

.titleLev3{
  font-family: 'Amarante', sans-serif;
  line-height: 1em;
}

.titleLev4{
  font-family: 'Jost', sans-serif;
  font-weight: 600;
  line-height: 1em;
}

.titleLev5{
  font-family: 'Jost', sans-serif;
  font-weight: 600;
  line-height: 1.1em;
}

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

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

.noisedAfter::after {
  top: -10rem;
  left: -10rem;
  width: calc(100% + 20rem);
  height: calc(100% + 20rem);
  content: "";
  position: absolute;
  animation: noiseAnimation 1s steps(2) infinite;
  background-image: url(/images/noise.png);
  background-position: 50%;
	box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.dockedScrollDown{
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transition: all .2s cubic-bezier(.3,.81,.67,2.5);
	-moz-transition: all .2s cubic-bezier(.3,.81,.67,2.5);
	-o-transition: all .2s cubic-bezier(.3,.81,.67,2.5);
	transition: all .2s cubic-bezier(.3,.81,.67,2.5);
	font-size: 3rem;
	width: 1em;
	height: .5em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
	text-align: center;
	cursor: pointer;
}

.dockedScrollDown:hover{
	font-size: calc(3rem * 1.2);
}

.dockedScrollDown::after{
	content: "\f078";
	font-size: 1rem;
	font-family: "Font Awesome 5 Free";
  font-weight: 900;
	position: absolute;
	top: 59%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.scrollDownLabel{
  position: absolute;
  font-family: 'Jost', sans-serif;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  width: 7em;
  cursor: pointer;
  padding-right: 1.5em;
  left: 50%;
  bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.scrollDownLabel::after {
  content: "\f063";
  position: absolute;
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  color: inherit;
  top: 0;
  right: .25em;
  -webkit-transition: transform .2s ease-in-out;
  -moz-transition: transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.scrollDownLabel:hover::after {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

#c3d {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: -1;
  outline: none;
}

.customBtn{
  display: inline-block;
  position: relative;
  padding: .5em 2.5em .5em 0.8em;
  font-size: 1rem;
  font-family: 'Jost', sans-serif;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  z-index: 1;
  background-color: transparent !important;
}

.customBtn::before{
  content: "";
  display: block;
  position: absolute;
  overflow: hidden;
  border-radius: 3em;
  border: 2px solid;
  border-color: inherit;
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: calc(100% - 2em);
  -moz-transform-origin: calc(100% - 2em);
  -o-transform-origin: calc(100% - 2em);
  transform-origin: calc(100% - 2em);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  z-index: -1;
}

.customBtn:hover::before{
  width: 1.5em;
  height: 1.5em;
  left: calc(100% - 2em);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.customBtn::after{
  content: "\f061";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: block;
  position: absolute;
  height: 0;
  top: .7em;
  right: 0;
  font-size: .7em;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: currentColor;
  width: 1.8em;
  text-align: center;
}

.classicBtn{
  display: inline-block;
  position: relative;
  padding: .5em 1.5em;
  font-size: 21px;
  border-width: 3px;
  border-style: solid;
  font-family: 'Jost', sans-serif;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
}

.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 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, 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, 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(--green);
}

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

/* CHECKBOX STYLE */

.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(--black);
  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.4em;
  position: relative;
  cursor: pointer;
}

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

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

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

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

.checkAllChecks, #formNewsletter .checkAllChecks{
  color: var(--black);
  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(--black);
  border-radius: 50%;
  margin-right: 0.4em;
}

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

.customRadio input[type=radio]:checked + label{
  font-weight: 600;
}

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

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

.customRadio input[type=radio] + label > .fakeCheck::after{
  background-color: var(--orange);
}

.customRadio input[type=radio]:checked + label > .fakeCheck::after{
  width: 12px;
  height: 12px;
}
/* END RADIO STYLE */

.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 textarea.form-control, .myForm select.form-control{
  font-size: 1em;
  background: transparent;
  border-bottom: 1px solid var(--black);
  border-radius: 0;
}

.myForm .field textarea{
  resize: none;
}

.myForm .field:not(:last-child){
  margin-bottom: 1em;
}

.myForm .field label {
  margin-bottom: 0.3em;
}

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

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

.textContainer > p{
  font: inherit;
  line-height: inherit;
  color: inherit;
}

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


/*animation*/



@-webkit-keyframes orbit {
	0% {
		-webkit-transform: rotate(0deg) translateX(7px) rotate(0deg);
		transform: rotate(0deg) translateX(7px) rotate(0deg)
	}
	to {
		-webkit-transform: rotate(-1turn) translateX(7px) rotate(1turn);
		transform: rotate(-1turn) translateX(7px) rotate(1turn)
	}
}

@keyframes orbit {
	0% {
		-webkit-transform: rotate(0deg) translateX(7px) rotate(0deg);
		transform: rotate(0deg) translateX(7px) rotate(0deg)
	}
	to {
		-webkit-transform: rotate(-1turn) translateX(7px) rotate(1turn);
		transform: rotate(-1turn) translateX(7px) rotate(1turn)
	}
}

@-webkit-keyframes orbit2 {
	0% {
		-webkit-transform: rotate(0deg) translateX(5px) rotate(0deg);
		transform: rotate(0deg) translateX(5px) rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn) translateX(5px) rotate(-1turn);
		transform: rotate(1turn) translateX(5px) rotate(-1turn)
	}
}

@keyframes orbit2 {
	0% {
		-webkit-transform: rotate(0deg) translateX(5px) rotate(0deg);
		transform: rotate(0deg) translateX(5px) rotate(0deg)
	}
	to {
		-webkit-transform: rotate(1turn) translateX(5px) rotate(-1turn);
		transform: rotate(1turn) translateX(5px) rotate(-1turn)
	}
}

.floatingElement{
  position: absolute;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.floating1{
	-webkit-animation-name: orbit;
	animation-name: orbit;
  animation-delay: -1352.47ms;
  animation-duration: 3354.43ms;
}

.floating2{
	-webkit-animation-name: orbit2;
	animation-name: orbit2;
  animation-delay: -552.47ms;
  animation-duration: 3054.43ms;
}


.entranceFromTop.animate, .entranceFromBottom.animate{
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.entranceFromTop{
  position: relative;
  -webkit-transform: translateY(-30%);
  -moz-transform: translateY(-30%);
  -o-transform: translateY(-30%);
  transform: translateY(-30%);
  opacity: 0;
  -webkit-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  -moz-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  -o-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  transition: 1s cubic-bezier(.21,.72,.76,1.05);
}

.entranceFromBottom{
  position: relative;
  -webkit-transform: translateY(30%);
  -moz-transform: translateY(30%);
  -o-transform: translateY(30%);
  transform: translateY(30%);
  opacity: 0;
  -webkit-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  -moz-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  -o-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  transition: 1s cubic-bezier(.21,.72,.76,1.05);
}


.entranceFromRight.animate, .entranceFromLeft.animate{
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}

.entranceFromRight{
  position: relative;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -o-transform: translateX(50%);
  transform: translateX(50%);
  opacity: 0;
  -webkit-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  -moz-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  -o-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  transition: 1s cubic-bezier(.21,.72,.76,1.05);
}

.entranceFromLeft{
  position: relative;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  -moz-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  -o-transition: 1s cubic-bezier(.21,.72,.76,1.05);
  transition: 1s cubic-bezier(.21,.72,.76,1.05);
}

#catalogo .shape{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(/images/face.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}


@media (max-width: 1366px){
  .customBtn{
    color: white;
  }
}

/* max lg */
@media (max-width: 1199px){
}

/* xs, sm, md*/
@media (max-width: 991px){
}

/* xs, sm*/
@media (max-width: 767px){
  html{
    height: 100%;
  }

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

  .titleLev1{
    font-size: 3.27rem;
  }

  .titleLev2{
    font-size: 2.47rem;
  }

  .titleLev3, .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    font-size:  1.83rem;
  }

  .titleLev4{
    font-size: 1.55rem;
  }

  .titleLev5{
    font-size: 1.09rem;
  }

  .noisedAfter::after {
    opacity: .7;
  }

  #catalogo .shape{
    width: 90vw;
    height: 90vw;
    margin-left: -45vw;
    margin-top: -45vw;
  }

}

/* xs */
@media (max-width: 575px){

}

/* sm */
@media (min-width: 576px){
}

/* md */
@media (min-width: 768px){
  html, body{
    font-size: 19px;
  }

  .titleLev1{
    font-size: 4.7rem;
  }

  .titleLev2{
    font-size: 2.47rem;
  }

  .titleLev3, .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    font-size: 1.84rem;
  }

  .titleLev4{
    font-size: 1.36rem;
  }

  .titleLev5{
    font-size: 1.1rem;
  }

  #catalogo .shape{
    width: 30vw;
    height: 30vw;
    margin-left: -15vw;
    margin-top: -15vw;
  }
}

/* lg */
@media (min-width: 992px){
}

/* xl */
@media (min-width: 1200px){
  html, body{
    font-size: 21px;
  }

  .titleLev1{
    font-size: 5.8rem;
  }

  .titleLev2{
    font-size: 3.9rem;
  }

  .titleLev3, .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    font-size: 2.61rem;
  }

  .titleLev4{
    font-size: 2.04rem;
  }

  .titleLev5{
    font-size: 1.42rem;
  }
}

/* xxl */
@media (min-width: 1800px){

}

/* xxxl */
@media (min-width: 2600px){
}