:root {color-scheme:light only;--prim-col-normal:#A533C8;--prim-col-normal-light:#D574DC;--prim-col-active:#791797ff;--prim-col-light:#d177ecff;--prim-col-inverse:#fff;--sec-col-normal:#ff0000;--sec-col-active:#d10000ff;--sec-col-light:#ff8d8dff;--sec-col-inverse:#fff;--sec-col-1:#696969;--sec-col-2:#151515;--sec-col-2:#EDEDED;}/*#A533C8-93279A*/
html{scroll-behavior:smooth;scrollbar-gutter:stable;}
body{overflow-x:hidden;background-color: #fff;font-family: "Syne", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#565661;font-size: 16px;line-height: 20px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body.modal-open {padding-right: 0 !important;}
a {color: #000;}
a:focus, a:hover{color: black;text-decoration: none;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{color: #444;}
.lead{line-height: 1.5rem;}
.min-w-25{min-width:25%;}
.min-w-50{min-width:50%;}
.min-w-75{min-width:75%;}
.color-normal{color:var(--prim-col-normal);}
.color-normal-light{color:var(--prim-col-normal-light);}
.bg-color-normal{background-color:var(--prim-col-normal);}
.bg-color-normal-light{background-color:var(--prim-col-normal-light);}
.button-remove:hover{background-color:var(--prim-col-normal-light);}
input[type="checkbox"]:not(.custom-control-input){appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #000;background:#fff;cursor:pointer;position:relative;vertical-align:middle;margin-right:6px;overflow:visible;}
input[type="radio"]:not(.custom-control-input){appearance:none;-webkit-appearance:none;width:18px;height:18px;background:#fff;cursor:pointer;position:relative;vertical-align:middle;margin-right:6px;overflow:visible;border:1px solid;}
input[type="radio"]{border-radius:50%;}
input[type="checkbox"]:not(.custom-control-input):checked{background-color:var(--prim-col-normal);}
input[type="checkbox"]:not(.custom-control-input):checked::after{content:"";position:absolute;left:6px;top:-4px;width:6px;height:17px;border:2px solid #000;border-top:none;border-left:none;transform:rotate(45deg);background:transparent;}
input[type="radio"]:not(.custom-control-input):checked{border-color:var(--prim-col-normal);box-shadow: 0 0 0 10px #282828 inset;border:none;}
input[type="radio"]:not(.custom-control-input):checked::after{content:"";position:absolute;width:8px;height:8px;background:var(--prim-col-normal);border-radius:50%;top:7px;left:7px;margin-left:-2px;margin-top:-2px;}
/*****************/
#topButton{display:inline-block;padding:5px 0;background-color:#000;min-height:0;width:30px;text-align:center;position:fixed;bottom:10px;right:7px;left:auto;top:auto;transition:background-color .3s, opacity .5s, visibility .5s;z-index:100;font-size:11px;cursor:pointer;overflow:hidden;box-sizing:border-box;}
#topButton:hover{background-color:#222;}
#topButton:active{background-color:#555;}
#topButton .fa{font-size:1.5em;line-height:40px;color:var(--prim-col-normal);display:block;}
#topButton .text{color:#fff;transform: scale(1) translate(0, 0) skew(0deg) rotate(-90deg);display:block;font-weight:900;white-space:nowrap;text-transform:uppercase;position:absolute;left:50%;top:58%;transform-origin:center;line-height:1;padding:0;margin:0;}
#topButton:hover .text{max-height:100%;transition: min-height 2s ease-in;padding:5px 0 5px 5px;}
@media (max-width:768px){
  #topButton:not(.mobile){
    display:inline-block;
    height:170px;
    min-height:170px;
    transition:height .35s ease, min-height .35s ease, opacity .35s ease, visibility .35s ease;
    overflow:hidden;
  }
  #topButton:not(.mobile) .text{transform:translate(-50%,-50%) rotate(-90deg);}
}
@media (hover:hover){
#topButton:hover .text{transform:translate(-50%,-50%) rotate(-90deg);}
#topButton:hover,#topButton:active,#topButton.active{height:170px;}
}
button.clean{background:none;border:none;box-shadow:none;cursor:pointer;}
.btn-inverse {color: #ffffff;text-shadow: 0 -1px 0 rgb(0 0 0 / 25%); background-color: #363636;background-image: linear-gradient(to bottom, #444444, #222222);background-repeat: repeat-x;border-color: #222222 #222222 #000000;}
a.btn.btn-inverse:focus, a.btn.btn-inverse:hover {color: #fff;background: #333;}
.btn.nofshadow:focus {outline: none;box-shadow: none;}
/* focus color change*/
.form-control:focus, .btn-primary.focus, .btn-primary:focus {border-color: #000;box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);}
.btn.btnwhite{border: 1px solid #fff;background-color:#fff;color:black;}
.btn.btnwhite:hover, .btn.white:active{border: 1px solid #fff;color:white;background-color:transparent;}
.btn.btnblack{border: 1px solid #000;background-color:#000;color:white;}
.btn.btnblack:hover{border: 1px solid #000;color:#000;background-color:transparent;}
/*new scollbar*/
.webscrollbar{scrollbar-width:thin;}/*firefox*/
.webscrollbar::-webkit-scrollbar {width: 10px;}
.webscrollbar::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
.webscrollbar::-webkit-scrollbar-thumb {background: grey; border-radius: 5px;}
.webscrollbar::-webkit-scrollbar-thumb:hover {background: black;}
@media (min-width: 576px){
.modal-dialog:not(.modal-sm, .modal-lg, .modal-xl) {max-width:700px;}
}
/*fixes */
#logo img, .logo img{width:auto;height:auto!important;}
button, select{color:#000;}/*ios*/
.modal-body{word-wrap: break-word;}
@media (min-width: 767px){
#logo img, .logo img{max-width:200px;}
}
@media (min-width: 135px){
#logo img, .logo img{max-width:100%!important;}
}
table caption{caption-side: top;}
/*bs3 compat */
.has-success .form-control-feedback { color: #3c763d;}
.form-control-feedback {position: absolute;top: .5rem;right: 1.5rem;z-index: 2;display: block;text-align: center;pointer-events: none;}
/* popups fix*/
.mfp-content .panel-group .card, .mfp-content .card-deck .card{margin-bottom:10px;}
.mfp-content .panel-group .card .card-title, .mfp-content .card-deck .card .card-title{margin-bottom:0;}
/* cookie bot*/
div#CybotCookiebotDialog{animation: slide-right 1s forwards;}
@media (max-width: 550px){div#CybotCookiebotDialog{min-height:200px;}}
@keyframes slide-right {
  0% {
	transform: translate(-200%, -100%);
  }
}