@charset "UTF-8";


/* Variables */
:root {


  --colorError: #be1b1b;
  --colorOk: #00A86B;
  --colorWarn: #ffeb3b;

  --colorText: black;

  --colorDisabled: rgba(16, 16, 16, 0.3);

  --contentWidth: 1300px;

  --padSides: 20px; 
  
  --fontSize1: 59px;
  --fontSize2: 37px;
  --fontSize3: 24px;
  --fontSize4: 16px;
  --fontSize5: 14px;
  --fontSize6: 9px;
  --fontSizeText : var(--fontSize4);

  --lineHeight: 1.4;

  --inputFocus: transparent;

  --inputSidePads: 10px;
  --inputCheckSize: 15px;

  --listPad: 10px;
}

/*reset*/
*, ::after, ::before{
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  max-width: 100%;

  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;

  text-align: left;

  font: inherit;
  font-size: 100%; 
  font-family: var(--fontText,sans-serif);

  color: inherit;

  outline: none;
  -webkit-text-size-adjust: 100%;
  line-height: var(--lineHeight);

  box-sizing: border-box;

  user-select: none;
  -webkit-touch-callout: none;  

  word-break: break-word;
}
ol,ul{
  list-style: disc;
  padding-left: var(--listPad);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

div, 
section, 
main, 
html{
  width: auto;
  height: auto;
}
html,
body{
  position: relative;
  min-width: 320px;
  min-height: 100vh;
  max-width: 100vw;
}



html{
  overflow-x: hidden;
  width: 100vw;
}
body{
  scrollbar-width: auto;
  scrollbar-color: rgb(82,82,82) rgba(0,0,0,0);
  scroll-behavior: smooth;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  overflow-y: auto;
}
::-webkit-scrollbar {
  width: 10px;
  max-width: 10px;
}
::-webkit-scrollbar-thumb{
  background-color: rgb(82,82,82);
}
::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0);
}
main{
  width: 100%;
}



/*layout*/
section,
.content{
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}
section{
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
  max-width: 100%;
}
.content{
  max-width: var(--contentWidth);
  width: calc(100% - calc(var(--padSides) * 2));
}



.scroll{
  overflow-y:auto;
}
.scroll::-webkit-scrollbar {
  width: 5px;
}
.scroll::-webkit-scrollbar-track {
  background: transparent; 
}

.hide{
  display: none;
}
[hidden]{
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
   
     
/*images*/
img{
  pointer-events: none;
  object-fit: contain;
}
img.imgLoading,
img[mnr-src-loading]{
  opacity: 0;
}  
img.imgLoading.imgLoaded{
  opacity: 1;
}    
         


/*texts*/
h1,h2,h3,h4,h5,h6,p{
  color: var(--colorText);
}
h1,h2,h3,h4,h5,h6{
  font-family: var(--fontTitle, inherit);
  color: var(--colorText);
}
p{
  font-family: var(--fontText, inherit);
  font-size:var(--fontSizeText);
}
h6{
  font-size:var(--fontSize6);
}
h5{
  font-size:var(--fontSize5);
}
h4,p{
  font-size:var(--fontSize4);
}
h3{
  font-size:var(--fontSize3);
}
h2{
  font-size:var(--fontSize2);
}
h1{
  font-size:var(--fontSize1);
}
strong,b{
  font-weight: bold;
}
span,strong,b,a,option{
  font-size: inherit;
  color: inherit;
  font-family: inherit;
  line-height: inherit;
}
a,a:hover{
  text-decoration: none; 
}
a:focus{
  color: none;
}
    


/*inputs*/
.input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}
.input:-moz-placeholder{ 
   color: var(--placeholderColor,inherit);
   font-size: var(--placeholderFontSize,inherit);
   font-family: var(--placeholderFont,inherit);
   opacity: 1;
}
.input:-ms-input-placeholder{ 
   color: var(--placeholderColor,inherit);
   font-size: var(--placeholderFontSize,inherit);
   font-family: var(--placeholderFont,inherit);
   opacity: 1;
}
.input::-moz-placeholder{ 
   color: var(--placeholderColor,inherit);
   font-size: var(--placeholderFontSize,inherit);
   font-family: var(--placeholderFont,inherit);
   opacity: 1;
}
.input::-webkit-input-placeholder{ 
   color: var(--placeholderColor,inherit);
   font-size: var(--placeholderFontSize,inherit);
   font-family: var(--placeholderFont,inherit);
   opacity: 1;
}

.input:focus::-webkit-input-placeholder{
  color: var(--inputFocus);
}
.input:focus:-moz-placeholder{
  color: var(--inputFocus);
}
.input:focus::-moz-placeholder{
  color: var(--inputFocus);
}
.input:focus:-ms-input-placeholder {
  color: var(--inputFocus);
}
.input:focus{
  outline: none
}


.input,
.button{
  -webkit-appearance: none;
  -o-text-overflow: clip;
  text-overflow: clip;
  padding-left: var(--inputSidePads);
  padding-right: var(--inputSidePads);
  background-color: white;
  width: 100%;
  resize: none;
}
.selectable,
.input,
.xe-notice *,
.xdebug-error *{
  user-select: text;
  -o-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -webkit-touch-callout: text;
}
input[type=checkbox].input, 
input[type=radio].input{
  height: var(--inputCheckSize);
  width: var(--inputCheckSize);
  min-height: var(--inputCheckSize);
  background: #fff;
  cursor: pointer;
  display:inline-block;
  padding: 0;
}
input[type=checkbox].input:checked{
  background: var(--colorOk);
}

.button{
  border: unset;
  cursor: pointer;

  transition: all 0.5s;
  
  display: flex;

  justify-content: center;
  align-items: center;

  text-align: center;
}
.button.disabled, 
.button:disabled, 
.button:disabled[disabled]{
  color: black;
  opacity: 1;
  background-color: var(--colorDisabled);
  cursor: not-allowed;
}