:root {
	--divimageclampwidth: var(--clampsize_22);
	
	--fontsize_005: clamp(9px,  3vw, 15px);
	--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: 100
} */

@font-face {
	font-family:'Aspira';
	src:	url('../fonts/aspira_light.otf');
}

body {
	font-family: Aspira,Helvetica,Arial,sans-serif;
	color: white;
	/* font-size: 20; */
	font-size: var(--clampsize_08);
	background: var(--colorgrad);
	background-attachment: fixed;
}

.overlay {
	display: none;
	position: fixed;
	z-index: 9998;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: rgba(0, 0, 0, 0.8);
}

.splash {
	z-index: 9999;
	display: none;
	position: fixed;
	width: 100%;
	top: 50%;
	text-align: center;
	font-size: var(--clampsize_14);
}

.lds-ellipsis {
	z-index:9999;
	display: none;
	position: fixed;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	}
.lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #fff;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
	}
	@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
	}
	@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}

.live-pulse {
	background: rgb(255, 0, 0);
	border-radius: 50%;
	margin: 10px;
	height: 20px;
	width: 20px;

	box-shadow: 0 0 0 0 rgb(255, 0, 0);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
	}
}

.progress-me {
	background: rgba(255,255,255,0.1);
	justify-content: flex-start;
	border-radius: 100px;
	align-items: center;
	position: relative;
	padding: 0 5px;
	display: flex;
	height: 40px;
	width: 90%;
	top:30px;
	margin:auto;
	display: none;
}
  
.progress-value {
	animation: load 1.0s normal forwards;
	box-shadow: 0 10px 40px -10px #fff;
	border-radius: 100px;
	background: #fff;
	height: 30px;
	width: 0;
}
  
@keyframes load {
	0% { width: 20%; }
	100% { width: 20%; }
}

.rainbow-text {
	background-image: repeating-linear-gradient(45deg, orange, red,  violet, green, yellow, orange, red, violet);
	text-align: center;
	background-size: 800% 800%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 24px;
	animation: rainbow 6s ease infinite;
}

@keyframes rainbow { 
	0%{background-position:0% 50%}
	50%{background-position:100% 25%}
	100%{background-position:0% 50%}
}

.load-wrapp {
    float: left;
    width: var(--clampsize_40);
    height: var(--clampsize_40);
    margin: 0 var(--clampsize_10) var(--clampsize_10) 0;
    padding: var(--clampsize_08) var(--clampsize_08) var(--clampsize_08);
    border-radius: var(--clampsize_02);
    text-align: center;
    background-color: #d8d8d8;
}

.load-wrapp p {
    padding: 0 0 var(--clampsize_08);
}
.load-wrapp:last-child {
    margin-right: 0;
}

.line {
    display: inline-block;
    width: var(--clampsize_06);
    height: var(--clampsize_06);
    border-radius: var(--clampsize_06);
    background-color: #4b9cdb;
}

.load-1 .line:nth-last-child(1) {
    animation: loadingA 1.5s 1s infinite;
}
.load-1 .line:nth-last-child(2) {
    animation: loadingA 1.5s 0.5s infinite;
}
.load-1 .line:nth-last-child(3) {
    animation: loadingA 1.5s 0s infinite;
}

.load-2 .line:nth-last-child(1) {
    animation: loadingB 1.5s 1s infinite;
}
.load-2 .line:nth-last-child(2) {
	animation: loadingB 1.5s 0.5s infinite;
}
.load-2 .line:nth-last-child(3) {
	animation: loadingB 1.5s 0s infinite;
}

.load-3 .line:nth-last-child(1) {
	animation: loadingC 0.6s 0.1s linear infinite;
}
.load-3 .line:nth-last-child(2) {
	animation: loadingC 0.6s 0.2s linear infinite;
}
.load-3 .line:nth-last-child(3) {
	animation: loadingC 0.6s 0.3s linear infinite;
}

@keyframes loadingA {
	0% {
	height: var(--clampsize_06);
	}
	50% {
		height: var(--clampsize_14);
	}
	100% {
		height: var(--clampsize_06);
	}
}

@keyframes loadingB {
	0% {
		width: var(--clampsize_06);
	}
	50% {
		width: var(--clampsize_14);
	}
	100% {
		width: var(--clampsize_06);
	}
}

@keyframes loadingC {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0, var(--clampsize_06));
	}
	100% {
		transform: translate(0, 0);
	}
}

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");
	font-size: clamp(12px, 4.5vw, 23px) !important;
}
.select-me2 {
	background-color: transparent;
	color: white;
	padding: 0.1rem;
	display: inline;
	background-image: none;
	padding: 0em 0em 0em 0.25em ;
	font-size: var(--fontsize_02) !important;
	width: clamp(18px, 6vw, 30px);
}

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

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

.maxwidth_top {
	max-width: 500px;
	margin-top: var(--clampsize_30) !important;
}

.maxwidth {
	max-width: 500px;
}

.input-me {
	background-color: transparent;
	color: white;
	font-size: var(--fontsize_01) !important;
}

.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%;
	font-size: var(--fontsize_01) !important;
}

.input-login-me {
	background-color: transparent;
	color: white;
	width: var(--clampsize_50)  !important;
	font-size: var(--clampsize_08) !important;
}

.input-login-me-fr {
	background-color: transparent;
	color: white;
	width: var(--clampsize_60)  !important;
	font-size: var(--clampsize_08) !important;
}

.input-login-me2 {
	background-color: transparent;
	color: white;
	/* width: 9.5rem; */
	width: clamp(96px, 33vw, 160px) !important;
	font-size: var(--clampsize_08) !important;
}

.input-login-me2-fr {
	background-color: transparent;
	color: white;
	/* width: 9.5rem; */
	width: var(--clampsize_100) !important;
	font-size: var(--clampsize_08) !important;
}

.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;
	top: 2.9ex;
	font-size: var(--fontsize_01) !important;
}
/* .box>table {
	font-size: clamp(12px, 4vw, 20px);
} */
.navbar-toggler:focus {
	box-shadow: 0 0 0 0px;
  }
  
.navbar-dark{
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar {
	--bs-navbar-toggler-padding-x: 1vw;
}

.navbar-toggler{
	border: 0px;
}
.navbar{
	/* --bs-navbar-padding-y: 1vw; */
	--bs-navbar-padding-y: var(--clampsize_02)!important;
}
.navbar-toggler-icon{
	width:   var(--clampsize_12) !important;
	height:  var(--clampsize_12) !important;

}
.fontclamp {
	font-size: var(--clampsize_08) !important;
}

.fontclamp-big {
	font-size: var(--clampsize_14);
}

.fontclamp-2 {
	font-size: var(--fontsize_03);
}

.paddingme {
	padding-right: var(--fontsize_03);
}

.fontclamp-team {
	/* font-size: var(--fontsize_02) !important; */
	font-size: var(--clampsize_09) !important;
	line-height: var(--clampsize_09) !important;
}

.fontclamp-small {
	font-size: clamp(9px, 3vw, 15px);
}

.imageclamp {
	height:		var(--clampsize_18) !important;
	max-width:  var(--clampsize_18) !important;
}

.imageclamp-big {
	height:		var(--clampsize_70) !important;
	max-width:  var(--clampsize_70) !important;
}

.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;
	font-size: var(--fontsize_02) !important;
}

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

.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: var(--fontsize_01);
}

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

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

.nav-link-me{
	color: white;
	font-size: clamp(12px, 5.0vw, 23px);
}

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

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

.modal-content{
	background: var(--colorgrad);
	/* background-attachment: fixed; */
	border-color: white;
}

.circle {
	width: var(--clampsize_04);
	height: var(--clampsize_04);
	border-radius: 5px;
	background-color: red;
	float: right;
	margin-top: var(--clampsize_04);
	margin-left: 5px;
}

.loader {
    position: absolute;
    top: calc(50% - var(--clampsize_13));
    left: calc(50% - var(--clampsize_13));
    width: var(--clampsize_26);
    height: var(--clampsize_26);
    border-radius: 50%;
    perspective: 800px;
}

.inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;  
}

.inner.one {
    left: 0%;
    top: 0%;
    animation: rotate-one 1s linear infinite;
    border-bottom: var(--clampsize_01) solid #EFEFFA;
}

.inner.two {
    right: 0%;
    top: 0%;
    animation: rotate-two 1s linear infinite;
    border-right: var(--clampsize_01) solid #EFEFFA;
}

.inner.three {
    right: 0%;
    bottom: 0%;
    animation: rotate-three 1s linear infinite;
    border-top: var(--clampsize_01) solid #EFEFFA;
}

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}

.image-trans-opa {
  transition: opacity 0.5s ease-in-out;
}