:root {
	--divimageclampwidth: var(--clampsize_22);

	--fontsize_01: clamp(12px,  4vw, 20px);
	--fontsize_02: clamp(15px,  5vw, 25px);
	--fontsize_03: clamp(18px,  6vw, 30px);
	--fontsize_04: clamp(21px,  7vw, 35px);
	--fontsize_05: clamp(24px,  8vw, 40px);
	--fontsize_06: clamp(27px,  9vw, 45px);
	--fontsize_07: clamp(30px, 10vw, 50px);

	--clampsize_01: clamp(2px, 0.5vw, 3px);
	--clampsize_02: clamp(3px, 1.0vw, 5px);
	--clampsize_03: clamp(5px, 1.5vw, 8px);
	--clampsize_04: clamp(6px, 2.0vw, 10px);
	--clampsize_05: clamp(8px, 2.5vw, 13px);
	--clampsize_06: clamp(9px, 3.0vw, 15px);
	--clampsize_07: clamp(11px, 3.5vw, 18px);
	--clampsize_08: clamp(12px, 4.0vw, 20px);
	--clampsize_09: clamp(14px, 4.5vw, 23px);
	--clampsize_10: clamp(15px, 5.0vw, 25px);
	--clampsize_11: clamp(17px, 5.5vw, 28px);
	--clampsize_12: clamp(18px, 6.0vw, 30px);
	--clampsize_13: clamp(20px, 6.5vw, 33px);
	--clampsize_14: clamp(21px, 7.0vw, 35px);
	--clampsize_15: clamp(23px, 7.5vw, 38px);
	--clampsize_16: clamp(24px, 8.0vw, 40px);
	--clampsize_17: clamp(26px, 8.5vw, 43px);
	--clampsize_18: clamp(27px, 9.0vw, 45px);
	--clampsize_19: clamp(29px, 9.5vw, 48px);
	--clampsize_20: clamp(30px, 10.0vw, 50px);
	--clampsize_21: clamp(32px, 10.5vw, 53px);
	--clampsize_22: clamp(33px, 11.0vw, 55px);
	--clampsize_23: clamp(35px, 11.5vw, 58px);
	--clampsize_24: clamp(36px, 12.0vw, 60px);
	--clampsize_25: clamp(38px, 12.5vw, 63px);
	--clampsize_26: clamp(39px, 13.0vw, 65px);
	--clampsize_27: clamp(41px, 13.5vw, 68px);
	--clampsize_28: clamp(42px, 14.0vw, 70px);
	--clampsize_29: clamp(44px, 14.5vw, 73px);
	--clampsize_30: clamp(45px, 15.0vw, 75px);
	--clampsize_31: clamp(47px, 15.5vw, 78px);
	--clampsize_32: clamp(48px, 16.0vw, 80px);
	--clampsize_33: clamp(50px, 16.5vw, 83px);
	--clampsize_34: clamp(51px, 17.0vw, 85px);
	--clampsize_35: clamp(53px, 17.5vw, 88px);
	--clampsize_36: clamp(54px, 18.0vw, 90px);
	--clampsize_37: clamp(56px, 18.5vw, 93px);
	--clampsize_38: clamp(57px, 19.0vw, 95px);
	--clampsize_39: clamp(59px, 19.5vw, 98px);
	--clampsize_40: clamp(60px, 20.0vw, 100px);
	--clampsize_41: clamp(62px, 20.5vw, 103px);
	--clampsize_42: clamp(63px, 21.0vw, 105px);
	--clampsize_43: clamp(65px, 21.5vw, 108px);
	--clampsize_44: clamp(66px, 22.0vw, 110px);
	--clampsize_45: clamp(68px, 22.5vw, 113px);
	--clampsize_46: clamp(69px, 23.0vw, 115px);
	--clampsize_47: clamp(71px, 23.5vw, 118px);
	--clampsize_48: clamp(72px, 24.0vw, 120px);
	--clampsize_49: clamp(74px, 24.5vw, 123px);
	--clampsize_50: clamp(75px, 25.0vw, 125px);
	--clampsize_51: clamp(77px, 25.5vw, 128px);
	--clampsize_52: clamp(78px, 26.0vw, 130px);
	--clampsize_53: clamp(80px, 26.5vw, 133px);
	--clampsize_54: clamp(81px, 27.0vw, 135px);
	--clampsize_55: clamp(83px, 27.5vw, 138px);
	--clampsize_56: clamp(84px, 28.0vw, 140px);
	--clampsize_57: clamp(86px, 28.5vw, 143px);
	--clampsize_58: clamp(87px, 29.0vw, 145px);
	--clampsize_59: clamp(89px, 29.5vw, 148px);
	--clampsize_60: clamp(90px, 30.0vw, 150px);
	--clampsize_61: clamp(92px, 30.5vw, 153px);
	--clampsize_62: clamp(93px, 31.0vw, 155px);
	--clampsize_63: clamp(95px, 31.5vw, 158px);
	--clampsize_64: clamp(96px, 32.0vw, 160px);
	--clampsize_65: clamp(98px, 32.5vw, 163px);
	--clampsize_66: clamp(99px, 33.0vw, 165px);
	--clampsize_67: clamp(101px, 33.5vw, 168px);
	--clampsize_68: clamp(102px, 34.0vw, 170px);
	--clampsize_69: clamp(104px, 34.5vw, 173px);
	--clampsize_70: clamp(105px, 35.0vw, 175px);
	--clampsize_71: clamp(107px, 35.5vw, 178px);
	--clampsize_72: clamp(108px, 36.0vw, 180px);
	--clampsize_73: clamp(110px, 36.5vw, 183px);
	--clampsize_74: clamp(111px, 37.0vw, 185px);
	--clampsize_75: clamp(113px, 37.5vw, 188px);
	--clampsize_76: clamp(114px, 38.0vw, 190px);
	--clampsize_77: clamp(116px, 38.5vw, 193px);
	--clampsize_78: clamp(117px, 39.0vw, 195px);
	--clampsize_79: clamp(119px, 39.5vw, 198px);
	--clampsize_80: clamp(120px, 40.0vw, 200px);
	--clampsize_81: clamp(122px, 40.5vw, 203px);
	--clampsize_82: clamp(123px, 41.0vw, 205px);
	--clampsize_83: clamp(125px, 41.5vw, 208px);
	--clampsize_84: clamp(126px, 42.0vw, 210px);
	--clampsize_85: clamp(128px, 42.5vw, 213px);
	--clampsize_86: clamp(129px, 43.0vw, 215px);
	--clampsize_87: clamp(131px, 43.5vw, 218px);
	--clampsize_88: clamp(132px, 44.0vw, 220px);
	--clampsize_89: clamp(134px, 44.5vw, 223px);
	--clampsize_90: clamp(135px, 45.0vw, 225px);
	--clampsize_91: clamp(137px, 45.5vw, 228px);
	--clampsize_92: clamp(138px, 46.0vw, 230px);
	--clampsize_93: clamp(140px, 46.5vw, 233px);
	--clampsize_94: clamp(141px, 47.0vw, 235px);
	--clampsize_95: clamp(143px, 47.5vw, 238px);
	--clampsize_96: clamp(144px, 48.0vw, 240px);
	--clampsize_97: clamp(146px, 48.5vw, 243px);
	--clampsize_98: clamp(147px, 49.0vw, 245px);
	--clampsize_99: clamp(149px, 49.5vw, 248px);
	--clampsize_100: clamp(150px, 50.0vw, 250px);
	--clampsize_101: clamp(152px, 50.5vw, 253px);
	--clampsize_102: clamp(153px, 51.0vw, 255px);
	--clampsize_103: clamp(155px, 51.5vw, 258px);
	--clampsize_104: clamp(156px, 52.0vw, 260px);
	--clampsize_105: clamp(158px, 52.5vw, 263px);
	--clampsize_106: clamp(159px, 53.0vw, 265px);
	--clampsize_107: clamp(161px, 53.5vw, 268px);
	--clampsize_108: clamp(162px, 54.0vw, 270px);
	--clampsize_109: clamp(164px, 54.5vw, 273px);
	--clampsize_110: clamp(165px, 55.0vw, 275px);
	--clampsize_111: clamp(167px, 55.5vw, 278px);
	--clampsize_112: clamp(168px, 56.0vw, 280px);
	--clampsize_113: clamp(170px, 56.5vw, 283px);
	--clampsize_114: clamp(171px, 57.0vw, 285px);
	--clampsize_115: clamp(173px, 57.5vw, 288px);
	--clampsize_116: clamp(174px, 58.0vw, 290px);
	--clampsize_117: clamp(176px, 58.5vw, 293px);
	--clampsize_118: clamp(177px, 59.0vw, 295px);
	--clampsize_119: clamp(179px, 59.5vw, 298px);
	--clampsize_120: clamp(180px, 60.0vw, 300px);
	--clampsize_121: clamp(182px, 60.5vw, 303px);
	--clampsize_122: clamp(183px, 61.0vw, 305px);
	--clampsize_123: clamp(185px, 61.5vw, 308px);
	--clampsize_124: clamp(186px, 62.0vw, 310px);
	--clampsize_125: clamp(188px, 62.5vw, 313px);
	--clampsize_126: clamp(189px, 63.0vw, 315px);
	--clampsize_127: clamp(191px, 63.5vw, 318px);
	--clampsize_128: clamp(192px, 64.0vw, 320px);
	--clampsize_129: clamp(194px, 64.5vw, 323px);
	--clampsize_130: clamp(195px, 65.0vw, 325px);
	--clampsize_131: clamp(197px, 65.5vw, 328px);
	--clampsize_132: clamp(198px, 66.0vw, 330px);
	--clampsize_133: clamp(200px, 66.5vw, 333px);
	--clampsize_134: clamp(201px, 67.0vw, 335px);
	--clampsize_135: clamp(203px, 67.5vw, 338px);
	--clampsize_136: clamp(204px, 68.0vw, 340px);
	--clampsize_137: clamp(206px, 68.5vw, 343px);
	--clampsize_138: clamp(207px, 69.0vw, 345px);
	--clampsize_139: clamp(209px, 69.5vw, 348px);
	--clampsize_140: clamp(210px, 70.0vw, 350px);
	--clampsize_141: clamp(212px, 70.5vw, 353px);
	--clampsize_142: clamp(213px, 71.0vw, 355px);
	--clampsize_143: clamp(215px, 71.5vw, 358px);
	--clampsize_144: clamp(216px, 72.0vw, 360px);
	--clampsize_145: clamp(218px, 72.5vw, 363px);
	--clampsize_146: clamp(219px, 73.0vw, 365px);
	--clampsize_147: clamp(221px, 73.5vw, 368px);
	--clampsize_148: clamp(222px, 74.0vw, 370px);
	--clampsize_149: clamp(224px, 74.5vw, 373px);
	--clampsize_150: clamp(225px, 75.0vw, 375px);
	--clampsize_151: clamp(227px, 75.5vw, 378px);
	--clampsize_152: clamp(228px, 76.0vw, 380px);
	--clampsize_153: clamp(230px, 76.5vw, 383px);
	--clampsize_154: clamp(231px, 77.0vw, 385px);
	--clampsize_155: clamp(233px, 77.5vw, 388px);
	--clampsize_156: clamp(234px, 78.0vw, 390px);
	--clampsize_157: clamp(236px, 78.5vw, 393px);
	--clampsize_158: clamp(237px, 79.0vw, 395px);
	--clampsize_159: clamp(239px, 79.5vw, 398px);
	--clampsize_160: clamp(240px, 80.0vw, 400px);
	--clampsize_161: clamp(242px, 80.5vw, 403px);
	--clampsize_162: clamp(243px, 81.0vw, 405px);
	--clampsize_163: clamp(245px, 81.5vw, 408px);
	--clampsize_164: clamp(246px, 82.0vw, 410px);
	--clampsize_165: clamp(248px, 82.5vw, 413px);
	--clampsize_166: clamp(249px, 83.0vw, 415px);
	--clampsize_167: clamp(251px, 83.5vw, 418px);
	--clampsize_168: clamp(252px, 84.0vw, 420px);
	--clampsize_169: clamp(254px, 84.5vw, 423px);
	--clampsize_170: clamp(255px, 85.0vw, 425px);
	--clampsize_171: clamp(257px, 85.5vw, 428px);
	--clampsize_172: clamp(258px, 86.0vw, 430px);
	--clampsize_173: clamp(260px, 86.5vw, 433px);
	--clampsize_174: clamp(261px, 87.0vw, 435px);
	--clampsize_175: clamp(263px, 87.5vw, 438px);
	--clampsize_176: clamp(264px, 88.0vw, 440px);
	--clampsize_177: clamp(266px, 88.5vw, 443px);
	--clampsize_178: clamp(267px, 89.0vw, 445px);
	--clampsize_179: clamp(269px, 89.5vw, 448px);
	--clampsize_180: clamp(270px, 90.0vw, 450px);
	--clampsize_181: clamp(272px, 90.5vw, 453px);
	--clampsize_182: clamp(273px, 91.0vw, 455px);
	--clampsize_183: clamp(275px, 91.5vw, 458px);
	--clampsize_184: clamp(276px, 92.0vw, 460px);
	--clampsize_185: clamp(278px, 92.5vw, 463px);
	--clampsize_186: clamp(279px, 93.0vw, 465px);
	--clampsize_187: clamp(281px, 93.5vw, 468px);
	--clampsize_188: clamp(282px, 94.0vw, 470px);
	--clampsize_189: clamp(284px, 94.5vw, 473px);
	--clampsize_190: clamp(285px, 95.0vw, 475px);
	--clampsize_191: clamp(287px, 95.5vw, 478px);
	--clampsize_192: clamp(288px, 96.0vw, 480px);
	--clampsize_193: clamp(290px, 96.5vw, 483px);
	--clampsize_194: clamp(291px, 97.0vw, 485px);
	--clampsize_195: clamp(293px, 97.5vw, 488px);
	--clampsize_196: clamp(294px, 98.0vw, 490px);
	--clampsize_197: clamp(296px, 98.5vw, 493px);
	--clampsize_198: clamp(297px, 99.0vw, 495px);
	--clampsize_199: clamp(299px, 99.5vw, 498px);
	--clampsize_200: clamp(300px, 100.0vw, 500px);
}

@font-face {
	font-family:'Aspira';
	src:	url('../fonts/aspira_regular.eot'),
			url('../fonts/aspira_regular.eot?#ie') format('embedded-opentype'),
			url('../fonts/aspira_regular.ttf') format('truetype'),
			url('../fonts/aspira_regular.woff2') format('woff2'),
			url('../fonts/aspira_regular.woff') format('woff');
	font-style: normal;
	font-weight: 400
}

body {
	background-attachment: fixed;
	font-family: Aspira,Helvetica,Arial,sans-serif;
	color: white;
	font-size: 20;
}

select{
	background-color: transparent;
	color:white;
	border: 5px;
}

.select-me {
	background-color: transparent;
	color: white;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.select-me2 {
	background-color: transparent;
	color: white;
	padding: 0.1rem;
	display: inline;
	background-image: none;
	padding: 0em 0em 0em 0.25em ;
	font-size: 26px;
}

option {
    background-color: #333;
	color: white;
}

.select-wrapper {
  /* ... */
  color: white;
  background-color: transparent;
}

.maxwidth_top {
	max-width: 500px;
	padding-top: 80px;
}

.maxwidth {
	max-width: 500px;
}

.input-me {
	background-color: transparent;
	color: white;
}

.input-me:focus {
	background-color: transparent;
	color: white;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }

.button-me {
	width: 100%;
}

.input-login-me {
	background-color: transparent;
	color: white;
	width: 7rem;
}

.input-login-me2 {
	background-color: transparent;
	color: white;
	width: 9.5rem;
}

.input-login-me3 {
	background-color: transparent;
	color: white;
	width: 5.5rem;
}

thead,
tbody,
tfoot,
tr,
td,
th {
	padding: 4px 2px 0px 2px;
}

.switch-me:checked {
	background-color:red;
	border-color: red;
}

.menu__item-me {
	display: block;
	padding: 4px 24px;
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	text-decoration: none;
	transition-duration: .5s;
	top: 20px;
    left: 100px;
    position: absolute;
}

.box {
	position: relative;
}

.box:before {
	content: "";
	position: absolute;
	inset: 0;
	background: #ffff;
	clip-path: polygon(0 0,100% 0,100% calc(100% - 10.00px),calc(100% - 20.00px) 100%,0 100%,0 0,1px  1px ,1px calc(100% - 1px),calc(100% - 20.00px - 0.41px) calc(100% - 1px),calc(100% - 1px) calc(100% - 10.00px - 0.41px),calc(100% - 1px) 1px,1px 1px);
}

.labelme {
	position: absolute;
	top: -2.9ex;
	left: 0.2ex;
}

.itembox {
	width:250px;
	margin:0 auto;
}

.item {
	width:250px;
	height:30px;

	font-size:16px;
	line-height:40px;
	text-align:center;

	cursor:pointer;
	position:relative;
	transition:all .3s;
	user-select: none;
}

.item.onDrag {
	/*transform: scale(1.05, 1.1);*/
	opacity:1;
	box-shadow:0 0 5px rgba(255,255,255,.9);
}

.item::before {
	content:"";
	position:absolute;
	width:15px;
	height:15px;
	top:50%;
	right:0px;
	transform:translateY(-50%);
	/*background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAADQklEQVR4Xu2bQXIjQQzD7J/56f5ZcnXNEdUtqorYu4YSgXT2sPt++ae6gXf19R7/UoByCRRAAcobKD/fF0AByhsoP98XQAHKGyg/3xdAAcobKD/fF0AByhsoP98XQAHKGyg/3xdAAcobKD/fF0AByhsoP98XQAHKGyg/3xdAAcobKD/fF0AByhsoP98XQAHKGyg/3xdAAcobKD/fF0AByhsoP98XQAHKGyg//9QL8FfeY/p8zBEPPi5WgKwCmCMeVIAs8Uc65ogHFUABfhvwV0DWB/yDjAd9AbLE/RWwqv/4MvgHGQ/6AsSh/y6AOeJBBVAA/xK4xwH8g4wHH7d/93RRucmHXn1KAJrvXLgBBQgDSMcrQJpAOF8BwgDS8QqQJhDOV4AwgHS8AqQJhPMVIAwgHa8AaQLhfAUIA0jHK0CaQDhfAcIA0vEKkCYQzleAMIB0vAKkCYTzTwnwCd/RHv+lBZwSwH8WTgmcmcMc8eBjbwU4A5J+BXPEgwpAWV2ZwxzxoAJcAUk/ijniQQWgrK7MYY54UAGugKQfxRzxoAJQVlfmMEc8qABXQNKPYo54UAEoqytzmCMeVIArIOlHMUc8+Nj0Qzd37kgDX/qVUwLQfOfCDShAGEA6XgHSBML5ChAGkI5XgDSBcL4ChAGk4xUgTSCcrwBhAOl4BUgTCOcrQBhAOl4B0gTC+QoQBpCOV4A0gXC+AoQBpOMVIE0gnH9KgG/4jvb4Dy3glAD+zyBK4Mwc5ogHH3srwBmQ9CuYIx5UAMrqyhzmiAcV4ApI+lHMEQ8qAGV1ZQ5zxIMKcAUk/SjmiAcVgLK6Moc54kEFuAKSfhRzxIMKQFldmcMc8aACXAFJP4o54kG6qXO7GlCAXTzGt1GA8cp3BSrALh7j2yjAeOW7AhVgF4/xbRRgvPJdgQqwi8f4NgowXvmuQAXYxWN8GwUYr3xXoALs4jG+jQKMV74rUAF28RjfRgHGK98VqAC7eIxvowDjle8KVIBdPMa3UYDxyncFKsAuHuPbKMB45bsCFWAXj/FtFGC88l2BCrCLx/g2CjBe+a5ABdjFY3wbBRivfFegAuziMb6NAoxXvitQAXbxGN9GAcYr3xX4D1NkIoFb64KVAAAAAElFTkSuQmCC);*/
	background-image:url("../img/hamburg2.png");
	background-size:100% 100%;
	background-position:center center;
}

.item:last-child {
	height:20px;
}

.item:last-child::before {
	border:none;
	height:0;
}

.itemClip {
	position: absolute;
	opacity:1;
	top:0;
	left:0;
	transform:translate(-50%, -50%);
	transition:none;
}

.hide {
	display:none;
}

a {
	text-decoration: none;
	color: #FFF;
}

.modal-content{
	background: linear-gradient(135deg,#450077 0,#0049aa 100%);
	/* background-attachment: fixed; */
	border-color: white;
}
.btn-close{
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	opacity: 1;
	border-radius: 10rem;
}

.navbar-brand-me{
	font-size: 4vw;
}

.offcanvas.offcanvas-end-me{
	width: 250px;
	transform: translateX(-100%);
	left: -1px;
}

.text-bg-dark-me{
	background-color: RGBA(33, 37, 41, 0.9) !important;
}

.nav-link-me{
	color: white;
}

.container-me{
	justify-content: space-evenly !important;
	margin-left: 70px;
	/* justify-content: space-around !important; */
}

.toggle-button-me{
	position: fixed;
	left: 10px;
}

.nav-link-dd-me {
	font-size:clamp(12px,5vw,23px)
}

.nav-link-me {
	color:#fff;
	font-size:clamp(12px,5vw,23px);
	--bs-nav-link-padding-y:0.7rem
}

body {
	/*WM23*/
	background: linear-gradient(135deg,#8a4101 0,#2d2d2d 100%);
	background-attachment: fixed;
}

.nav-link.active-me{
	color: #8a4101;
}