/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
	   url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
	   url('../fonts/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
	   url('../fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
	   url('../fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
	   url('../fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
	   url('../fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-mono-200 - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/roboto-mono-v8-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/roboto-mono-v8-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-mono-v8-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-mono-v8-latin-200.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-mono-v8-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-mono-v8-latin-200.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-regular - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-mono-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/roboto-mono-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-mono-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-mono-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-mono-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-mono-v8-latin-regular.svg#RobotoMono') format('svg'); /* Legacy iOS */
}
/* roboto-mono-500 - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-mono-v8-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/roboto-mono-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-mono-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-mono-v8-latin-500.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-mono-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-mono-v8-latin-500.svg#RobotoMono') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/roboto-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/roboto-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/roboto-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/roboto-condensed-v19-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* playfair-display-regular - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v22-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/playfair-display-v22-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/playfair-display-v22-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/playfair-display-v22-latin-ext_latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-500 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/playfair-display-v22-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/playfair-display-v22-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/playfair-display-v22-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/playfair-display-v22-latin-ext_latin-500.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-600 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/playfair-display-v22-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/playfair-display-v22-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/playfair-display-v22-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/playfair-display-v22-latin-ext_latin-600.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/playfair-display-v22-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/playfair-display-v22-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/playfair-display-v22-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/playfair-display-v22-latin-ext_latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-800 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/playfair-display-v22-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/playfair-display-v22-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/playfair-display-v22-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/playfair-display-v22-latin-ext_latin-800.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-900 - latin-ext_latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/playfair-display-v22-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/playfair-display-v22-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/playfair-display-v22-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/playfair-display-v22-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/playfair-display-v22-latin-ext_latin-900.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* lora-regular - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lora-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/lora-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/lora-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/lora-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/lora-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/lora-v17-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-600 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/lora-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/lora-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/lora-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/lora-v17-latin-600.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/lora-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/lora-v17-latin-600.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-500 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/lora-v17-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/lora-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/lora-v17-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/lora-v17-latin-500.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/lora-v17-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/lora-v17-latin-500.svg#Lora') format('svg'); /* Legacy iOS */
}
/* lora-italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lora-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/lora-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/lora-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/lora-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/lora-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/lora-v17-latin-italic.svg#Lora') format('svg'); /* Legacy iOS */
}

/* sintony-regular - latin */
@font-face {
  font-family: 'Sintony';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sintony-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/sintony-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/sintony-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/sintony-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/sintony-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/sintony-v8-latin-regular.svg#Sintony') format('svg'); /* Legacy iOS */
}
/* sintony-700 - latin */
@font-face {
  font-family: 'Sintony';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/sintony-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/sintony-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/sintony-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/sintony-v8-latin-700.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/sintony-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/sintony-v8-latin-700.svg#Sintony') format('svg'); /* Legacy iOS */
}

/* system default */
@font-face {
	font-family: system;
	font-style: normal;
	font-weight: 300;
	src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

/* variable */

:root {
	--main-color: #F5A623;
	--main-color-transparent: #F5A62322;
	--text-color: #444;
	--header-color: #222;
	--light-header-color: #fff;
}

/* bootstrap */

.btn-warning {
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.text-00abff {
	color: #00abff!important;
}

.bg-333 {
	background-color: #333;
}

.mx-6 {
	margin-right: 6rem!important;
	margin-left: 6rem!important;
}
.mx-7 {
	margin-right: 7rem!important;
	margin-left: 7rem!important;
}
.mx-8 {
	margin-right: 8rem!important;
	margin-left: 8rem!important;
}
.mx-9 {
	margin-right: 9rem!important;
	margin-left: 9rem!important;
}
.mx-10 {
	margin-right: 10rem!important;
	margin-left: 10rem!important;
}
.ml-6 {
	margin-left: 6rem!important;
}
.ml-7 {
	margin-left: 7rem!important;
}
.ml-8 {
	margin-left: 8rem!important;
}
.ml-9 {
	margin-left: 9rem!important;
}
.ml-10 {
	margin-left: 10rem!important;
}
.mr-6 {
	margin-right: 6rem!important;
}
.mr-7 {
	margin-right: 7rem!important;
}
.mr-8 {
	margin-right: 8rem!important;
}
.mr-9 {
	margin-right: 9rem!important;
}
.mr-10 {
	margin-right: 10rem!important;
}

.my-6 {
	margin-top: 6rem!important;
	margin-bottom: 6rem!important;
}
.my-7 {
	margin-top: 7rem!important;
	margin-bottom: 7rem!important;
}
.my-8 {
	margin-top: 8rem!important;
	margin-bottom: 8rem!important;
}
.my-9 {
	margin-top: 9rem!important;
	margin-bottom: 9rem!important;
}
.my-10 {
	margin-top: 10rem!important;
	margin-bottom: 10rem!important;
}
.mt-6 {
	margin-top: 6rem!important;
}
.mt-7 {
	margin-top: 7rem!important;
}
.mt-8 {
	margin-top: 8rem!important;
}
.mt-9 {
	margin-top: 9rem!important;
}
.mt-10 {
	margin-top: 10rem!important;
}
.mb-6 {
	margin-bottom: 6rem!important;
}
.mb-7 {
	margin-bottom: 7rem!important;
}
.mb-8 {
	margin-bottom: 8rem!important;
}
.mb-9 {
	margin-bottom: 9rem!important;
}
.mb-10 {
	margin-bottom: 10rem!important;
}

.px-6 {
	padding-right: 6rem!important;
	padding-left: 6rem!important;
}
.px-7 {
	padding-right: 7rem!important;
	padding-left: 7rem!important;
}
.px-8 {
	padding-right: 8rem!important;
	padding-left: 8rem!important;
}
.px-9 {
	padding-right: 9rem!important;
	padding-left: 9rem!important;
}
.px-10 {
	padding-right: 10rem!important;
	padding-left: 10rem!important;
}

.py-6 {
	padding-top: 6rem!important;
	padding-bottom: 6rem!important;
}
.py-7 {
	padding-top: 7rem!important;
	padding-bottom: 7rem!important;
}
.py-8 {
	padding-top: 8rem!important;
	padding-bottom: 8rem!important;
}
.py-9 {
	padding-top: 9rem!important;
	padding-bottom: 9rem!important;
}
.py-10 {
	padding-top: 10rem!important;
	padding-bottom: 10rem!important;
}

.w-85 {
	width: 85%!important;
}

/* base */

html,
body {
	height: 100%;
	margin: 0;
	font-family: Sintony, Roboto, system;
	font-size: 17px;
	color: var(--text-color);

	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6, h7 {
	color: var(--header-color);
}
h1 {
	font-size: 3rem;
}

a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: var(--text-color);
}
a:hover {
	text-decoration: none;
}

.pointer,
[rel] {
	cursor: pointer;
}

::selection {
	/* WebKit/Blink Browsers */
	background: #3CA0CD;
	color: #fff;
}
::-moz-selection {
	/* Gecko Browsers */
	background: #3CA0CD;
	color: #fff;
}

p {
	line-height: 1.7;
}

a.link {
	position: relative;
	color: #555;
	transition: all 0.25s linear;
}
a.link:hover {
	color: #000;
	transition: all 0.25s linear;
}
a.link:before {
	content: '';
	position: absolute;
	left: -4%;
	bottom: -1px;
	display: block;
	width: 108%;
	height: 1px;
	border-bottom: 1px dotted #0005;
	transform-origin: center;
	transform: scale(1);
	transition: 0.25s linear;
}
a.link:hover:before {
	transform: scale(0);
}
a.link:after {
	content: '';
	position: absolute;
	left: -4%;
	bottom: -1px;
	display: block;
	width: 108%;
	height: 1px;
	border-bottom: 1px solid #000a;
	transform-origin: center;
	transform: scale(0);
	transition: 0.25s linear;
}
a.link:hover:after {
	transform: scale(1);
}

a.link.text-primary:after {
	border-bottom-color: #0056b3;
}
p > a.link {
	line-height: 1.4;
}

.text-main-color {
	color: var(--main-color);
}
.underdash {
	border-bottom: 2px dotted var(--main-color);
}

footer {
	position: relative;
	z-index: 20;
	background-color: #0001;
	font-family: Roboto;
	font-size: .7rem;
}

/* layout */

body {
	background-color: #fff;
}

body {
	/* iOS 11.0-iOS 11.1 */
	padding-top: constant(safe-area-inset-top);
	padding-right: constant(safe-area-inset-right);
	padding-bottom: constant(safe-area-inset-bottom);
	padding-left: constant(safe-area-inset-left);
	/*iOS 11.2 */
	padding-top: env(safe-area-inset-top);
	padding-right: env(safe-area-inset-right);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
}

/*
html,
body {
	overscroll-behavior-y: none;
	overflow-x: hidden;
}
html {
  position: fixed;
  height: 100%;
  overflow: hidden;
}

body {
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

html {
	-webkit-text-size-adjust: none;
	touch-action: manipulation;
}
body {
	touch-action: none;
	touch-action: pan-x pan-y;
	overflow-x: hidden;
	padding-top: constant(safe-area-inset-top);
	padding-right: constant(safe-area-inset-right);
	padding-bottom: constant(safe-area-inset-bottom);
	padding-left: constant(safe-area-inset-left);
	padding-top: env(safe-area-inset-top);
	padding-right: env(safe-area-inset-right);
	padding-bottom: env(safe-area-inset-bottom);
	padding-left: env(safe-area-inset-left);
}

body:before {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}
*/
a{
	/* background-image: url(); */
	background-position: center center;
}
.body {
	position: relative;
	height: 100%!important;
	overflow: auto!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-direction: column!important;
	flex-direction: column!important;
	-ms-flex-pack: justify!important;
	justify-content: space-between!important;
}

.apps {
	position: relative;
	flex: 1 1 auto!important;
	padding-top: 150px!important;
}
body:is(.__bott) .apps,
body:is(.__arguseyes) .apps{
	padding-top: 0 !important;
	
}
body:is(.__bott) .body,
body:is(.__arguseyes) .body{
	height: auto !important;
}
/* home banner */

section.home-banner {
	position: relative;
	overflow: hidden;
	height: 100vh;
	min-height: 43.75rem;
	/*max-height: 80rem;*/
}

.home-banner .logo {
	position: absolute;
	top: 2rem;
	left: 3rem;
	width: 200px;
	height: 50px;
	background-image: url(../img/logo-intifar-white.png);
	background-size: cover;
	z-index: 2;
}

.home-banner .home-video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #333;
	background: rgb(77,85,100);
	background: linear-gradient(157deg, rgba(77,85,100,1) 0%, rgba(22,30,40,1) 100%);
}
.home-video .inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.home-video .video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	max-width: inherit;
	max-height: 50%;
	z-index: 1;
	opacity: .65;
	object-fit: cover;
}
.home-video .titles {
	position: absolute;
	/* top: 30%; */
	top: 40%;
	/* top: 50%; */
	left: 15%;
	z-index: 1;
}
.home-video .titles .title {
	color: #fff;
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1;
	text-shadow: #0005 0 6px 12px, #0003 0 12px 16px;
}
.home-video .titles .subtitle {
	margin-top: .5rem;
	/*margin-left: .5rem;*/
	color: #fffe;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1.3;
	text-shadow: #0007 0 2px 4px;
}
.home-video .source-desc {
	position: absolute;
	right: 2rem;
	bottom: 1rem;
	z-index: 1;
	opacity: .5;
	color: #fff;
	font-size: .75rem;
}
.home-video .source-desc a {
	color: #fff;
}

.down-scroller {
	position: absolute;
	left: 0;
	bottom: 9rem;
	width: 100%;
	z-index: 1;
	color: #fff;
	text-align: center;
	transition: all .2s;
}
.down-scroller:hover {
	transform: translate(0,20%);
	transition: all .5s;
}

.right-scroller {
	position: absolute;
	right: 0;
	bottom: 50%;
	z-index: 2;
	margin-right: 20px;
	color: #fff;
	text-align: center;
	transition: all .2s;
}

.section-hover {
	position: relative;
	padding: 2rem 2rem;
	border: 1px solid #0000;
	border-radius: .5rem;
	transition: all .2s;
}
.section-hover .right-scroller {
	display: none;
}
@media (min-width: 992px) {
	.section-hover:hover {
		cursor: pointer;
		background-color: #fff;
		border: 1px solid #eee;
		transform: translate(0, -5px);
		box-shadow: 0 10px 10px #0001;
		transition: all .5s;
	}
	.section-hover:hover .right-scroller {
		display: block;
	}
}

section .section-title {
	font-weight: 500;
	margin: .5rem 0 2rem 0;
}
section .section-slogan {
	position: relative;
	margin: -1.5rem 0 2rem 0;
	min-width: 300px;
	line-height: 1.7;
	font-weight: bold;
	color: #000a;
}
@media (min-width: 992px) {
	section .section-title {
		margin: .5rem 3rem 2rem 0;
	}
	section .section-slogan {
		margin: -1.5rem 3rem 2rem 1rem;
	}
}

@media (min-width: 992px) {
	section .section-slogan.border-right-blue:before,
	section .section-slogan.border-right-orange:before,
	section .section-slogan.border-right-green:before {
		content: '';
		position: absolute;
		top: .85rem;
		left: 100%;
		margin-left: 40px;
		width: 0;
		height: 3.5rem;
		border-left-width: 5px;
		border-left-style: solid;
	}
	section .section-slogan.border-right-blue:before { border-left-color: #007bff; }
	section .section-slogan.border-right-orange:before { border-left-color: #FFBF00; }
	section .section-slogan.border-right-green:before { border-left-color: #A0D44F; }
}

section p {
	margin-left: 1rem;
}

section img {
	max-width: 100%;
	/*height: auto;*/
}

/* header */

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	padding: 2rem 3rem 0 3rem;

	-webkit-background-size: 6px 6px;
	-moz-background-size: 6px 6px;
	background-size: 4px 4px; /* Controls the size of the stripes */

	/* -webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px); */
	transition: background-color 0.5s cubic-bezier(0.28, 0.11, 0.32, 1);
	transition-property: background-color, -webkit-backdrop-filter;
	transition-property: background-color, backdrop-filter;
	transition-property: background-color, backdrop-filter, -webkit-backdrop-filter;

	/* background-color: rgba(255,255,255,.7); */
}
.header::before{
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	z-index: -1;
	position: absolute;
	inset: 0;
	content: '';
}

.__home .header::before,
.__semicon .header::before {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	/* background-color: rgba(255,255,255,0); */
}

@media (max-width: 991px) {
	.header {
		padding: 2rem 1rem 0 3rem;
		/*background: none;*/
		border-bottom: 0 none;
	}
}

.header .logo {
	display: block;
	width: 200px;
	height: 2.5rem;
	margin-bottom: 1rem;
	background-image: url(../img/logo-intifar-lg.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.header .collapsing .logo,
.header .collapse.show .logo {
	width: 0;
}
.header .menu {
	margin: 0 0 .5rem 0;
	list-style: none;
}
.header .menu li {
	/*display: inline-block;*/
}
.header .menu .nav-link {
	padding: .25rem 1.25rem;
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 2px #fff, -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
.header .collapsing .menu .nav-link,
.header .collapse.show .menu .nav-link {
	padding-right: 1rem;
	text-align: right;
}
.header .menu .active{
	position: relative;
}
/* .header .menu .active > .nav-link { */
.header:not(.noFixed) .menu .active > .nav-link {
	color: #000;
}

.header .menu .nav-item > .nav-link:before {
	content: '';
	position: absolute;
	inset: auto 0;
	top: 100%;
	margin: auto;
	border-radius: 0.2rem;
	/* left: 15%; */
	/* width: 70%; */
	width: 0;
	height: 0.1rem;
    /* -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out; */

}

@media screen and (min-width:1200px){
	.header .menu .active > .nav-link:before {
		background-color: #555;
		margin-top: .2rem;
		width: 90%;
	}
	.header .menu .nav-item:hover > .nav-link:before {
		width: 90%;
		background-color: #555;
		transition: width 0.2s ease-in;
	}

	.header .collapsing .menu .active .nav-link:before,
	.header .collapse.show .menu .active .nav-link:before {
		top: 0%;
		right: 0;
		width: 100%;
		height: 100%;
		margin-top: 0;
		padding-right: 1rem;
		border-top: 0 none;
	}

	/* navbar hover show list  */
	.navbar-nav li:hover > .navbar-nav {
		display: block;
	}
}



.header .collapsing .menu .toggle-locale,
.header .collapse.show .menu .toggle-locale {
	display: none;
}
.header .menu .dropdown-toggle::after {
	display: none;
}

.section-back {
	margin: .75rem 0 0 2.5rem;
	display: flex;
	align-items: center;
	font-size: .85rem;
	font-weight: bold;
}

.privacy h5 {
	position: relative;
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding-left: 3rem;
}
.privacy h5:before {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 9px;
	margin-left: 0;
	width: 40%;
	height: 0;
	border-top: 1px solid #0003;
}
.privacy h5:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 8px;
	margin-left: -4px;
	width: 2.5rem;
	height: 0;
	border-top: 2px solid #0007;
}
.privacy p {
	margin-left: 0;
	padding-left: 3rem;
}

.container-youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.container-youtube .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* page */

li {
	line-height: 1.75rem;
}

.home-banner {
	position: relative;
	z-index: 40;
	height: 700px;
}
.home-banner .banner {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.banner.ai_industry4 .title {
	position: relative;
	top: 30%;
	width: 55%;
	z-index: 1;
	text-align: right;
}
.banner.ai_industry4 .banner-title {
	color: #333;
	letter-spacing: -1px;
}
.banner.ai_industry4 .banner-subtitle {
	margin-bottom: 0;
	color: #8CAED9;
	font-weight: bold;
	letter-spacing: 3px;
}
.banner.ai_industry4 .banner-subtitle b {
	color: #738FB2;
}
.banner.ai_industry4 .bg {
	position: absolute;
	z-index: 0;
	top: 50px;
	left: 50%;
	width: 1136px;
	height: 600px;
	background-image: url(../img/ai_industry4.jpg);
	background-position: 50% 50%;
	background-size: contain;
	background-repeat: no-repeat;
}


.bg-curve {
	position: relative;
	z-index: 50;
	width: 100%;
	height: 588px;
	margin-top: -150px;
	overflow: hidden;
}
.bg-bigcurve {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1160px;
	min-width: 2320px;
	height: 588px;
	overflow: hidden;
	background-image: url(../img/bg-bigcurve.svg);
	background-position: 50% 0;
	background-size: 100%;
	background-repeat: no-repeat;
}
.bg-icondrop {
	position: absolute;
	bottom: -13px;
	left: 50%;
	margin-left: -1160px;
	min-width: 2320px;
	height: 320px;
	background-position: 50% 101%;
	background-size: 100%;
	background-repeat: no-repeat;

	transition-property: all;
	transition-duration: .3s;
	transition-timing-function: ease-out;
}
.bg-icondrop1 {
	background-image:url(../img/bg-icondrop1.svg);
}
.bg-icondrop2 {
	background-image:url(../img/bg-icondrop2.svg);
}
.bg-icondrop3 {
	background-image:url(../img/bg-icondrop3.svg);
}
.bg-icondrop4 {
	background-image:url(../img/bg-icondrop4.svg);
}
.bg-icondrop5 {
	background-image:url(../img/bg-icondrop5.svg);
}
@media (min-width: 2320px) {
	.bg-bigcurve {
		width: 100%;
		margin-left: -50%;
	}
	.bg-icondrop {
		width: 100%;
		margin-left: -50%;
	}
}

.curve-icons {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -580px;
	width: 1160px;
	height: 200px;
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	flex: 1 1 auto!important;
}
.curve-icon {
}
.curve-icon img {
	width: auto;
	height: 90px;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: ease-out;
}
.curve-icon1 img {
	margin-bottom: 20px;
}
.curve-icon2 img {
	margin-bottom: 10px;
}
.curve-icon3 img {
	margin-bottom: 30px;
}
.curve-icon4 img {
	margin-bottom: 10px;
}
.curve-icon5 img {
	margin-bottom: 60px;
}

.bg-icondrop1 .curve-icon1,
.bg-icondrop2 .curve-icon2,
.bg-icondrop3 .curve-icon3,
.bg-icondrop4 .curve-icon4,
.bg-icondrop5 .curve-icon5 {
	align-self: flex-start;
}
.bg-icondrop1 .curve-icon1 img,
.bg-icondrop2 .curve-icon2 img,
.bg-icondrop3 .curve-icon3 img,
.bg-icondrop4 .curve-icon4 img,
.bg-icondrop5 .curve-icon5 img {
	max-height: 150px;
	min-height: 130px;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
.bg-icondrop1 .curve-icon1 img {
	margin-bottom: 30px;
}
.bg-icondrop2 .curve-icon2 img {
	margin-bottom: 60px;
}
.bg-icondrop3 .curve-icon3 img {
	margin-bottom: 40px;
}
.bg-icondrop4 .curve-icon4 img {
	margin-bottom: 50px;
}
.bg-icondrop5 .curve-icon5 img {
	margin-bottom: 70px;
}

h3 {
	margin-bottom: 1rem;
	font-size: 1.25rem;
	font-weight: bold;
	color: #333;
}

.page-title {
	text-align: center;
}

.side-title {
	line-height: 2rem;
	font-size: 1.5rem;
	font-weight: bold;
}

.para213 {}
.para213 h7 {
	font-size: .85rem;
	color: #555;
}
.para213 p {}

.prodblk {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 18rem;
	/* margin: 0 2rem 2rem 0; */
	border: 1px solid #ccc;
	border-radius: 5px;
}
@media (max-width: 800px) {
	.prodblk {
		width: 100%;
	}
}
.prodblk-bg {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	height: 150px;
	border-radius: 5px 5px 0 0;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.prodblk-bg-label {
	display: inline-block;
	padding: 0 1.5rem;
	line-height: 2rem;
	font-weight: bold;
}
.prodblk-bg-label-dark {
	background-color: #333;
	color: #fff;
}
.prodblk-bg-label-light {
	background-color: #fff;
	color: #333;
}
.prodblk-bg-label-blue {
	background-color: #0065AC;
	color: #fff;
}
.prodblk-bg-label-orange {
	background-color: #C87E00;
	color: #fff;
}
.prodblk-bg-label-red {
	background-color: #C81200;
	color: #fff;
}
.prodblk-bg-label-green {
	background-color: #009C38;
	color: #fff;
}
.prodblk-body {
	display: flex;
	flex-direction: column;
	flex-grow: 1!important;
	padding: 1rem 1.5rem;
}
.prodblk-title {
	margin-bottom: 1rem;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 1.5rem;
	line-height: 2rem;
}
.prodblk-text {
}

.bg-smartedt {
	background-image: url(../img/scene-smartedt.jpg);
}
.bg-simu {
	background-image: url(../img/scene-simu.jpg);
}
.bg-shield {
	background-image: url(../img/scene-shield.jpg);
}
.bg-ttdr {
	background-image: url(../img/scene-ttdr.jpg);
}
.bg-icchef {
	background-image: url(../img/scene-icchef.jpg);
}
.bg-argus {
	background-image: url(../img/scene-argus.jpg);
}
.bg-savi {
	background-image: url(../img/scene-savi.jpg);
}

.prodbanner {
	position: relative;
	width: 100%;
}
.prodbanner-bg {
	position: absolute;
	z-index: 10;
	top: 30px;
	width: 100%;
	height: 300px;
}
.prodbanner-bg-dark {
	background-color: #333333;
}
.prodbanner-img {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	background-size: contain;
	background-repeat: no-repeat;
}
	.prodbanner-img-smartedt {
		width: 100%;
		height: 400px;
		background-image: url(../img/banner-smartedt.png);
		background-position: 75% 31px;
		background-size: 578px;
	}
	.prodbanner-img-simu {
		width: 100%;
		position: relative;
		/* height: 570px; */
		/* height: clamp(350px,80vw,570px); */
		height: clamp(350px,72vw,570px);
		background-image: url(../img/banner-simu.png);
		background-position: 75% 0;
		margin-bottom: 2em;
	}
	.prodbanner-bg-simu{
		height: 50%;
		bottom: 0;
		top: clamp(10px,3.5vw,30px);
	}
	.prodbanner-img-shield {
		top: 30px;
		width: 100%;
		height: 400px;
		background-image: url(../img/banner-shield.png);
		background-position: 65% 0;
	}
	.prodbanner-img-shieldpat {
		top: 30px;
		width: 100%;
		height: 400px;
		background-image: url(../img/banner-shieldpat.png);
		background-position: 65% 0;
	}
	.prodbanner-img-ttdr {
		top: 30px;
		width: 100%;
		height: 335px;
		background-image: url(../img/banner-ttdr.png);
		background-position: 65% 0;
	}
	.prodbanner-img-icchef {
		top: 30px;
		width: 100%;
		height: 400px;
		background-image: url(../img/banner-icchef.png);
		background-position: 65% 0;
	}
	.prodbanner-img-argus {
		top: 30px;
		width: 100%;
		height: 400px;
		background-image: url(../img/banner-argus.png);
		background-position: 65% 0;
	}
	.prodbanner-img-savi {
		top: 30px;
		width: 100%;
		height: 400px;
		background-image: url(../img/banner-savi.png);
		background-position: 65% 0;
	}
.prodbanner-title {
	position: absolute;
	z-index: 30;
	top: 9rem;
	right: 45%;
	width: 60%;
	display: flex;
	-ms-flex-align: start!important;
	align-items: flex-start!important;
	color: #fff;
}
.prodbanner-fullname {
	-ms-flex-positive: 1!important;
	flex-grow: 1!important;
	margin-top: 1rem;
	margin-right: 1rem;
	font-size: .75rem;
	font-weight: bold;
	letter-spacing: 8px;
	text-transform: uppercase;
	text-align: right;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.prodbanner-name {
	line-height: 3rem;
	font-size: 3rem;
	font-weight: bold;
	text-shadow: 0 2px 6px rgba(0,0,0,.5);
}
.prodbanner-desc {
	align-self: flex-end;
	margin-left: 2rem;
	font-size: 1.5rem;
	font-weight: bold;
	text-shadow: 0 2px 6px rgba(0,0,0,.5);
}

.bg-rhombus {
	width: 100%;
	/*height: 300px;*/
	background-image: url(../img/bg-rhombus.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.bg-robotarm {
	background-image: url(../img/bg-robotarm.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 50%;
}

.bg-transparentdiamonds {
	position: absolute;
	top: 400px;
	left: 50%;
	margin-left: -712px;
	width: 1423px;
	max-width: 100%;
	height: 896px;
	max-height: 100vh;
	background-image: url(../img/bg-transparentdiamonds.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.bg-slope {
	background-image: url(../img/bg-slope.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 100%;
}

.savi-f4,
.savi-f4 * {
	color: #fff;
}
.saviicon {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 25%;
	height: 345px;
	max-width: 300px;
	margin-top: 3rem;
	padding: 1rem 3rem;
	border-radius: .5rem;
}
.saviicon.active {
	background-color: #444;
	transition: all .5s linear;
}

.saviicon h5 {
	margin-top: 1.5rem;
	text-align: center;
	font-weight: bold;
	line-height: 3rem;
}
.saviicon.active h5 {
	color: #B8FFC2;
}

.saviicon .desc {
	display: block;
	max-height: 0;
	overflow: hidden;
}
.saviicon.active .desc {
	max-height: 100px;
	transition: all .2s linear;
}

.saviicon.active .bg-saviicon {
	transition: all .5s linear;
}

.bg-saviicon {
	width: 100%;
	height: 150px;
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: 50% 90%;
}
.bg-savi-flexible {
	background-image: url(../img/icon-savi-flexible0.png);
}
.bg-savi-highrecognition {
	background-image: url(../img/icon-savi-highrecognition0.png);
}
.bg-savi-variance {
	background-image: url(../img/icon-savi-variance0.png);
}
.bg-savi-aiaoi {
	background-image: url(../img/icon-savi-aiaoi0.png);
}

.active .bg-savi-flexible {
	background-image: url(../img/icon-savi-flexible1.png);
}
.active .bg-savi-highrecognition {
	background-image: url(../img/icon-savi-highrecognition1.png);
}
.active .bg-savi-variance {
	background-image: url(../img/icon-savi-variance1.png);
}
.active .bg-savi-aiaoi {
	background-image: url(../img/icon-savi-aiaoi1.png);
}


/* PAGE_HASHTAG */

/* .__home .header,
.__semicon .header {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background-color: rgba(255,255,255,0);
} */
:is(.__home,.__semicon,.__semicon2022) .header .menu .nav-link {
	text-shadow: none;
	/*text-shadow: 0 0 2px #0004, -1px 0 #0004, 0 1px #0004, 1px 0 #0004, 0 -1px #0004;*/
	color: #fff;
}
:is(.__home, .__semicon2022) .header .menu .nav-item:hover > .nav-link:before,
:is(.__bott) .header:is(.noFixed) .menu .nav-item:hover > .nav-link:before ,
:is(.__arguseyes) .header:is(.noFixed) .menu .nav-item:hover > .nav-link:before {
	background-color: #fff8;
}
:is(.__semicon,.__semicon2022) .header .menu .active .nav-link:before,
:is(.__bott) .header:is(.noFixed) .menu .active .nav-link:before ,
:is(.__arguseyes) .header:is(.noFixed) .menu .active .nav-link:before {
	background-color: #fff;
}
.__home .header .logo,
.__semicon .header .logo,
.__bott .header:is(.noFixed) .logo ,
.__arguseyes .header:is(.noFixed) .logo {
/* :is(.__home,.__semicon,.__bott) .header .logo{ */
	background-image: url(../img/logo-intifar-white.png);
}
.__home .apps {
	padding-top: 0 !important;
}

.__semicon {
	overflow: hidden;
	background: rgb(56,35,82);
	background: linear-gradient(165deg, rgba(56,35,82,1) 0%, rgba(114,73,163,1) 48%, rgba(62,20,105,1) 100%);
}
.__semicon .header {
	background: rgba(76,55,102, .5);
}
.__semicon .apps {
	/*margin-top: 82.5px;*/
}
.__semicon footer {
	background: #fff0;
}
.__semicon footer > span > a,
.__semicon footer > div > span,
.__semicon footer > div > div > a {
	color: #fff;
}

	body::-webkit-scrollbar {
		-webkit-appearance: none;
	}
	body::-webkit-scrollbar:vertical {
		width: 11px;
	}
	body::-webkit-scrollbar:horizontal {
		height: 11px;
	}
	body::-webkit-scrollbar-thumb {
		border-radius: 8px;
		border: 3px solid #fff;
		background-color: rgba(0, 0, 0, .3);

		/*border: 3px solid #ccc;*/
		/*background-color: #fff;*/
	}
	/*body::-webkit-scrollbar-track {
		background-color: #777;
	}
	body::-webkit-scrollbar-thumb {
		background-color: #000000;
		border: 2px solid #555555;
	}*/

	.__semicon .apps::-webkit-scrollbar {
		-webkit-appearance: none;
	}
	.__semicon .apps::-webkit-scrollbar:vertical {
		width: 11px;
	}
	.__semicon .apps::-webkit-scrollbar:horizontal {
		height: 11px;
	}
	.__semicon .apps::-webkit-scrollbar-thumb {
		border-radius: 8px;
		border: 3px solid rgb(56,35,82);
		background-color: rgba(255, 255, 255, 1);
	}

.esd-photo-wall {
	position: relative;
	width: 100%;
	background-color: #eee;
	background: linear-gradient(340deg, #fff, #ddd, #fff);
}
.esd-photo-wall .caption {
	position: absolute;
	top: 2rem;
	width: 100%;
	margin: 2rem;
	text-align: center;
	font-weight: bold;
	font-size: 1.2rem;
}
.esd-photo-wall .caption ~ .frame {
	padding-top: 150px;
}
.esd-photo-wall .frame {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 1280px;
	margin: 100px auto;
	padding: 75px 0;
}
.esd-photo-wall .photo {
	display: flex;
	align-items: center;
	width: 280px;
	margin: 15px 10px;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: 0 8px 12px #0003;
}
.esd-photo-wall .photo img {
	width: 100%;
	height: auto;
}
@media (max-width: 1280px) {
	.esd-photo-wall .photo {
		transform: translateY(0) !important;
		width: 250px;
	}
}
@media (max-width: 800px) {
	.esd-photo-wall .photo {
		transform: translateY(0) !important;
		width: 80%;
	}
}



.argus-menu {
	/* padding-top: 8rem; */
	padding-top: 4rem;
	padding-bottom: 3rem;
	display: -ms-flexbox!important;
	display: flex!important;
	-ms-flex-wrap: nowrap!important;
	flex-wrap: nowrap!important;
	/* flex-wrap: wrap !important; */
	-ms-flex-pack: center!important;
	/* justify-content: center!important; */
	justify-content: space-around;
	max-width: 1280px;
	margin: auto;
}
@media screen and (max-width:996px) {

}
.argus-card {
	position: relative;
	z-index: 1;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* width: 19rem; */
	width: 23%;
	/* margin: 0 .5rem; */
	/* margin: 10px; */
	padding: 0;
	background-color: #f0f0f0;
	text-align: center;
	border-radius: 6px;
	border: 4px solid #ccc0;
	transition: .2s;

	box-shadow: 0.5px 0.5px 3px 0px #ccc;
}
.argus-card > .img {
	position: relative;
	overflow: hidden;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-around;
	align-items: flex-end;
	max-height: 592px;
	background-blend-mode: multiply;
	background-color: #f0f0f0;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}
.argus-card > .img:before {
	content: '';
	flex-shrink: 1;
	width: 1px;
	padding-top: 100%;
}
.argus-card > .img > div {
	flex-grow: 1;
}
.argus-card > .img img {
	transition: .3s;
}
.argus-card > .txt {
	padding: 1.5rem 0 10rem;
	height: 150px;
}
.argus-card h2 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 3rem;
	transition: .15s;
}

.argus-card:hover,
.argus-card.active {
	z-index: 2;
	top: -6px;
	box-shadow: 0 12px 16px -8px #0003, 0 14px 20px -4px #b2000055;
	background-color: #fff;
	border-color: #ff7320;
	transform: scale(1.05);
	transition: .1s;
}
.argus-card:hover > .img,
.argus-card.active > .img {
	background-color: #fff;
}
.argus-card:hover > .txt,
.argus-card.active > .txt {
	background-color: #ff7320;
}
.argus-card:hover > .txt *,
.argus-card.active > .txt * {
	color: #fff;
}

.with-sticky-menu .argus-menu {
	position: sticky;
	z-index: 2;
	top: -340px;
	padding-bottom: 0;
	transition: .3s;
	/* background-color: #fffa; */
}
.with-sticky-menu .argus-card {
	top: -3px;
	background-color: #f0f0f0;
	transition: .3s;
}
.with-sticky-menu .argus-card:hover,
.with-sticky-menu .argus-card.active {
	box-shadow: 0 12px 16px -8px #0003, 0 14px 20px -4px #b2000055;
}
.with-sticky-menu .argus-card > .img {
	transform: translateY(-2rem);
	opacity: 0;
	transition: .3s;
}
.with-sticky-menu .argus-card h2 {
	font-size: 1.5rem;
	transition: .3s;
	transition: .3s;
}
.with-sticky-menu .argus-card > .txt {
	margin-bottom: 0;
	padding: 1rem 0 4rem;
	height: 50px;
	transition: .3s;

	/*transform: translateY(-1rem);*/
	padding: 2rem 0 4rem;
}
.with-sticky-menu .argus-card > .txt p  {
	display: none;
}



.bbdot-title {
	display: flex;
	align-items: center;
	/*margin-top: 8rem;*/
	margin-bottom: 1.5rem;
	font-size: 1.75rem;
	font-weight: bold;
	margin-left: -6rem;
}
.bbdot {
	position: relative;
	width: 5rem;
	height: 5rem;
	margin-right: 1rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background-color: #39b3f9;
	background: linear-gradient(0deg, #39b3f9 0%, #4de6e4 100%);
	color: #fff;
	border-radius: 5rem;
	box-shadow: 0 8px 8px -4px #0007;
}
.bbdot:after {
	content: '';
	position: absolute;
	top: -6px;
	right: -6px;
	bottom: -6px;
	left: -6px;
	border-radius: 100%;
	border: 4px solid #39b3f966;
}




/* 透明底色 */
.with-sticky-menu .argus-menu::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -50%;
	left: -50%;
	height: 100%;
	transition: .3s;
	background-color: #fffa;
}
@media screen and (max-width:1280px) {
	.with-sticky-menu .argus-menu {
		top: -28vw;
	}
}
@media screen and (max-width:800px) {
	.argus-menu{
		flex-direction: column;
		flex-wrap:wrap !important;
	}
	.argus-menu .argus-card {
		/* width: 45%; */
		width: 90%;
		flex-direction: row;
		margin:auto;
		margin: 1rem auto;
	}
	.argus-card > .img:before {
		width: 150px;
		padding-top: 100%;
	}
	.argus-card > .img {
		padding-bottom: 0;
		margin-bottom: 1rem;
	}
	.argus-card > .txt {
		padding: 0;
		height: auto;
		margin: auto;
	}
	.argus-card > .txt h2 {
		font-size:1.4rem;
	}
	.argus-card > .txt p {
		font-size:0.8rem;
	}
	.with-sticky-menu .argus-menu .argus-card.active  .img{
		display:none;
	}
	.with-sticky-menu .argus-card {
			top: 0px;
	}
	.with-sticky-menu .argus-menu {
		/* position: relative ; */
		position: sticky;
		z-index: 2;
		/* top: 0; */
		/* top:calc(-100% + 74px ); */
		top:-660px;
		padding-bottom: 0;
		transition: .3s;
		background-color:rgba(255,255,255,0)
		/* top: -10px; */
		/* top: -26vw; */
	}

	.with-sticky-menu .argus-menu .argus-card.active .img  {
		display: flex;
		width: 0%;
		height:  150px;
	}
	.with-sticky-menu .argus-card.active > .txt p{
		display:none;
	}
	.with-sticky-menu .argus-card > .txt p{
		display:block;
	}
	.with-sticky-menu .argus-card > .txt {
		margin:auto;
		padding: 0;
		height: auto;
	}
	.with-sticky-menu .argus-card.active{
		position: sticky;
		border: none;
		transform: scale(1);
	}
	.with-sticky-menu .argus-card.active  > .txt{
		margin-bottom:0;
	}
	.argus-menu{
		padding: 0;
	}
	.argus-card:hover > .txt, .argus-card.active > .txt {
		background: none;
	}
	.argus-card:hover > .txt *, .argus-card.active > .txt * {
		color: #222;
	}
	.with-sticky-menu .argus-card:not([class*=active]) > .img {
		transform: translateY(0);
		opacity: 1;
	}
	.with-sticky-menu .argus-card:hover, .with-sticky-menu .argus-card.active {
		box-shadow: 0.5px 0.5px 3px 0px #aaa;
	}
	.with-sticky-menu .argus-menu::before {
		content: none;
	}
}

.__contact div.body{
	height: auto !important;
}




/* 首頁 字幕 輪播 */
.textCarousel{
	--carousel-fontsize: clamp(1rem,6vw,3.5rem);
	font-size: var(--carousel-fontsize);
	font-weight: 600;
	height: calc( 1em * 1.5);
	overflow: hidden;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.textCarousels{
	animation-name: titleMove;
	animation-duration: 50s;
	animation-timing-function: steps(10, end);
	animation-iteration-count:infinite;
}
.textCarousels p{
	box-sizing: border-box;
	margin: 0 ;
	padding: 0;
	padding-bottom: 2rem;
	line-height: 1.5;
	white-space:nowrap;
	color: #fff;
	text-shadow: #0005 0 6px 12px, #0003 0 12px 16px;
	/* width: 100%; */
	/* float: left; */
	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
	transform: translateY(-50px);
	opacity: 0;
	animation-name: titleAnimation;
	animation-timing-function: ease;
	animation-duration: 5s;
	animation-iteration-count:infinite;
}
@keyframes titleAnimation {
	0% {
		transform: translateY(-50px);
		opacity: 0;
		-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
		clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
	}

	20% {
		transform: translateY(0);
		opacity: 1;
		-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 5%);
		clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 5%);
	}

	80% {
		transform: translateY(0);
		opacity: 1;
		-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 5%);
		clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 5%);
	}

	100% {
		transform: translateY(50px);
		opacity: 0;
		-webkit-clip-path: polygon(100% 0, 100% 0%, 0 100%, 0 100%);
		clip-path: polygon(100% 0, 100% 0%, 0 100%, 0 100%);
	}
}
@keyframes titleMove {
	0% {
		transform: translateY( 0 ); 
	}

	100% {
		transform: translateY(calc( (-2rem - var(--carousel-fontsize) * 1.5) * 10 )); 
	}
}

.nav-float :is(label,p){
	margin: 0;
}

@media screen and (max-width:996px){
	/* 手機版 輪播 置中 */
	.home-video .titles{
		left: 0%;
		width: 100%;
		text-align: center;
	}
	
}

.navbar-nav .navbar-nav{
	display: none;
}

.header .menu .nav-float{
	white-space: nowrap;
	flex-direction: column; 
}
.header .menu .nav-float li .nav-link{
	padding: 0;
	width: min-content;
}





@media screen and (min-width:1200px){
	
	/* .navbar-nav li:hover > .navbar-nav {
		display: block;
	} */
	
	.header .menu .nav-float{
		--text-color: #0003;
		/* -webkit-backdrop-filter: blur(5px); */
		/* backdrop-filter: blur(5px); */
		/* background-color: rgba(200, 200, 200, 0.28); */
		/* background-color: rgba(255,255,255,.7); */
		/* -webkit-backdrop-filter: saturate(180%) blur(20px); */
		/* backdrop-filter: saturate(180%) blur(20px); */
		/* background-color: rgba(0, 0, 0, 0.4666666667); */
		/* color: #eee; */
		text-shadow: -1px -1px 2px var(--text-color), 1px -1px 2px var(--text-color), -1px 1px 2px var(--text-color), 1px 1px 2px var(--text-color);
		box-sizing: border-box;
		border-radius: 0.5rem;
		box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.2666666667);
		padding: 0.5rem 0;
		z-index: 1;
		position: absolute; 
		top:100%; 
		transform: translateZ(0); 	
	}
	.header .menu .nav-float::before{
		content: '';
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
		z-index: -1;
		position: absolute;
		inset: 0;
		border-radius: 0.5rem;
		overflow: hidden;
		
	}

	.__home .header .menu .nav-float, 
	.__semicon .header .menu .nav-float{
		background-color: rgba(0, 0, 0, 0.28);
	}

	.navbar-nav li:hover > .navbar-nav {
		display: block;
	}
	
	.header .menu .nav-float li{
		padding: .5rem 2.25rem;
	}

	.header .menu .nav-float li .nav-link{
		text-align: start;
	}

	.navbar-nav.nav-float:after{
		content: '';
		display: block;
		height: 100%;
		width: 1rem;
		position: absolute;
		top: 0;
		right: 100%;
		z-index: -1;
	}

	.header .menu .navFloatSub{
		position: absolute; 
		left:100%; 
		top:-1rem; 
		flex-direction: column; 
		white-space: nowrap;
		margin: 0.5rem;
	}

}
.header .menu .nav-link:is(label){
	position: relative;
	margin:0; 
	padding:0 !important;
}


@media screen and (max-width:1199px){

	/* .navbar-show:checked ~ .navbar-nav{
		display: block;
	} */
	.header .menu .nav-link:is(label){
		/* margin:0;  */
		/* padding:0 !important; */
		margin-left: auto;

	}

	.header .menu .nav-float{
		text-align: end;
		padding-right: 2.5rem;
		position: relative;
	}

	.header .menu .nav-float::after{
		content: '';
		display: block;
		border-radius: 2rem;
		height: 95%;
		width: 0.1rem;
		/* background-color: #000; */
		background-color: rgba(0, 0, 0, 0.28);
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1.5rem;
		margin: auto;
	}
	.nav-link{
		padding: 5rem 1rem;
	}
	.header .menu .nav-float li .nav-link{
		text-align: end;
	}
	/* .header .collapsing .menu .nav-link, */
	.header .collapse.show .menu  .nav-float .nav-link{
		padding: 0.25rem 0;
		margin-left:auto ;
	}

}

.left-line{
	position: relative;
}
.left-line::before{
	content: '';
	border-radius: 2rem;
	width: 0.15rem;
	top: 0;
	bottom: 0.5rem;
	right: 0;
	left: 0;
	height: 65%;
	margin: auto;
	margin-left: -1.25rem;
	position: absolute;
	background-color: #16545B;
	/* background-color: #063E4A; */
	opacity: 0.7;
}

.footer-black{
	background-color: #0D0D0D;
	color:#FFFFFF;
	a{
		color:#FFFFFF;
	}
}

.footer-black a{
	color:#FFFFFF;
}

.footer-black .scrollTop{
	position: absolute;
	aspect-ratio: 1/1;
	/* inset: 0 0 auto 0; */
	border: 0;
	bottom: 100%;
	right: 0 ;
	left: 0	;
	width: 2rem;
	border-radius: 100% 100% 0 0;
	/* line-height: 2rem; */
	padding: 1rem;
	background-color: #0D0D0D;
	color:#FFFFFF;
	margin: auto;
	margin-bottom: -1.8rem;
	width: min-content;
	outline:none;
	z-index: -1;
	
}
.footer-black i.scrollBtn{
	position: absolute;
	top: 0.5rem;
	font-size: 1rem;
	right: 0;
	left: 0;
	margin: auto;
}
.footer-black i::after,.footer-black i::before{
	vertical-align: middle;
}


.footer-black .logo{
	width: 10rem;
	text-align: start;
	margin: 0;
	position: relative;
	
	margin-bottom:2rem;
	
}

.footer-black .logo::after{
	content: attr(data-title);
	/* text-align: end; */
	position: absolute;
	top: 100%;
	right: 0;
}



/* bott */


.__bott .header:is(.noFixed){
	position: sticky;
	margin-bottom: -5.5rem;
	color:#fff;
}

.__arguseyes .header:is(.noFixed){
	position: sticky;
	margin-bottom: -5.5rem;
}

.__bott .header:is(.noFixed) a,
.__arguseyes .header:is(.noFixed) a{
	color:#fff;
	text-shadow: none;
}

.__bott .header:is(.noFixed) a ,
.__arguseyes .header:is(.noFixed) a{
	color:#fff;
	text-shadow: none;
}
.__bott .header:is(.noFixed) .navbar-collapse,
.__arguseyes .header:is(.noFixed) .navbar-collapse{
	position: absolute;
	top: 100%;
	right: 3em;
	left: 3em;
}



.__bott .header:is(.noFixed)::before ,
.__arguseyes .header:is(.noFixed)::before {
	content: initial;
}

.__bott ,
.__arguseyes {
	--clamp-size: 4.5vw;
}

/* .__bott :is(i,h3,h4){ */
.__bott :where(i, h3, h4) ,
.__arguseyes :where(i, h3, h4) {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.__bott .title {
	background-image: url("../img/bott-header.jpg");
	background-repeat: no-repeat;
	/* background-attachment:fixed; */
	/* height: 30rem; */
	height: clamp(22rem, 50vw, 25rem);
	background-size: cover;
	background-position: center;
}

.__arguseyes .title .introduction-title{
	--introduction-title-height:600px;
	width: 100%;
	height: var(--introduction-title-height);
}

.__arguseyes .title .owl-nav{
	width: max-content;
	/* margin-left: 12%; */
	/* margin-top: -50px; */
	position: absolute;
	bottom: 60px;
	left: 15%;
	transform: translateX(-50%);
}
.__arguseyes .title .owl-nav button + button{
	margin-left: 3rem;
}

.__arguseyes .title .owl-nav-btn{
	border-radius: 50%;
	color: #eee;
	border: 1.5px solid;
	aspect-ratio: 1/1;
	vertical-align: middle;
	display: flex;
	filter: drop-shadow(2px 2px 5px #000000);
}
.__arguseyes .title .owl-nav-btn i{
	margin: auto;
}

.__arguseyes .title .introduction-title .slogan{
	position: absolute;
	bottom: 120px;
	left: 15%;
	/* transform-origin: 50% 50%; */
	transform: translateX(-50%);
	text-align: center;
	color: #fff;
	font-size: clamp(1em, 2.5vw ,1.5em);
	text-shadow: 2px 2px 2px #2225,
				-2px 2px 2px #2225,
				2px -2px 2px #2225,
				-2px -2px 2px #2225;
	/* -webkit-text-stroke: 1px #2225; */
	/* text-stroke: 1px #2225; */
}
.__arguseyes .title .introduction-title .slogan::after{
	content: '';
	display: block;
	position: absolute;
	bottom: -0.2em;
	height: 2px;
	/* background-color: #94CCCC; */
	background: linear-gradient(to right, transparent 0%, #94CCCC 50%, transparent 100%);
	background: linear-gradient(to right, transparent 0%, #94CCCC 30%, #94CCCC 70%, transparent 100%);
	width: 120%;
	left:-10%;
	border-radius: 20px;
	
	/* transform: translateX(-50%); */
}


.__arguseyes .title .introduction-title .img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.__arguseyes .title .introduction-title .content{
	width: 100%;
	height: 100%;
	display: block;
	margin-top: calc(-1 * var(--introduction-title-height));
}

.__arguseyes .title .introduction-title .img picture{
	width: 100%;
	height: 100%;
	display: flex;
}
.__arguseyes .title .introduction-title .img picture source,
.__arguseyes .title .introduction-title .img picture img{
	object-fit: cover;
}


.__bott :is(h3, h4) img ,
.__arguseyes :is(h3, h4) img {
	width: 1em;
	/* margin-bottom:0.1em; */
	/* margin-right: 0.2em; */
}

.__bott section>header ,
.__arguseyes section>header {
	margin-bottom: 3em;
}

.__bott section>header :is(p, h3, h4, h2, img, i) ,
.__arguseyes section>header :is(p, h3, h4, h2, img, i) {
	font-size: 2rem;
	font-size: clamp(1rem, var(--clamp-size), 2rem);
}

.__bott section>header img ,
.__arguseyes section>header img {
	width: 1.5em;
	vertical-align: middle;
}

.__bott section ,
.__arguseyes section {
	padding: 1.5rem 0.5rem;
}

.title-slogan {
	width: 100%;
	text-align: center;
	color: var(--light-header-color);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	background-color: rgba(0, 0, 0, 0.1333333333);
	transform: translateY(12rem);
	padding: 0.5rem 0;
	/* margin-top:10rem; */
}

.title-slogan :is(h1, h2, h3, li) {
	color: var(--light-header-color);
	font-weight: bold;
}

.title-slogan h2 {
	position: absolute;
	bottom: 100%;
	right: 0;
	left: 0;
	text-align: center;
	/* font-size:1.3rem; */
	font-size: clamp(0.875rem, 2vw, 1.3rem);
}

.title-slogan h3 {
	/* font-size:4.5rem; */
	font-size: clamp(3rem, 8vw, 4.5rem);
	margin-bottom: 1rem;
}

.title-slogan ul {
	padding: 0 0.5rem;
}

.title-slogan li {
	font-size: clamp(0.875rem, 2vw, 1rem);
	display: inline;
	white-space: nowrap;
}

.title-slogan li+li {
	margin-left: 1.5rem;
}

.__bott section ,
.__arguseyes section {
	max-width: 1600px;
	margin: auto;
	/* margin:2rem auto; */
}

.__bott :is(p) ,
.__arguseyes :is(p) {
	margin: 0;
	padding: 0;
}

.argus-introduction {
	background-color: #F5F5F5;
	border-radius: 2rem;
	/* padding:1rem 5rem; */
	padding: clamp(0.2rem, var(--clamp-size), 1em) clamp(1rem, var(--clamp-size), 5rem);
	display: flex;
	gap: 4em;
}

.argus-introduction :is(h3, h4) {
	/* color:#1A5A76; */
}

.argus-introduction header {
	margin-bottom: 1em;
}

.argus-introduction article {
	/* width: 50%; */
	width: -moz-min-content;
	width: min-content;
	flex-grow: 1;
}

.argus-introduction ul {
	margin: 0;
	padding: 0;
}

.argus-introduction li {
	list-style: none;
	letter-spacing: 1px;
}

.argus-introduction li+li {
	margin-top: 0.5em;
}

.argus-introduction li i {
	margin-right: 0.5rem;
}

.reasons {
	background-image: url("../img/bott-reasons.jpg");
	background-repeat: no-repeat;
	/* background-attachment:fixed; */
	background-size: cover;
	background-position: center;
	padding: 2rem;
}

.reasons header {
	margin-bottom: 4rem;
}

.reasons h3 {
	color: var(--light-header-color);
	text-align: center;
	font-size: 1.5rem;
	text-shadow: 1px 1px #000;
}

.reasons .content {
	height: 70%;
	/* row-gap:5rem; */
	/* column-gap:2rem; */
	/* row-gap: 2rem; */
	/* column-gap: 2em; */
	gap: 2em;
}

.reasons .content p {
	padding: 0;
	margin: 0;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	aspect-ratio: 1/1;
	/* width: 6rem;
	height: 6rem; */
	width: 10rem;
	height: 10rem;
	font-size: 1.7rem;
	text-align: center;
	border-radius: 100%;
	background-color: rgba(255, 255, 255, 0.5333333333);
	text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.3333333333);
	box-shadow: 1px 1px 10px 0px rgba(255, 255, 255, 0.3333333333);
	font-weight: bold;
}

.reasons .content p span {
	display: block;
}

.question {
	padding: 2rem 2rem;
	background-color: rgb(207, 244, 252);
}

.question header {
	width: 100%;
	text-align: center;
	margin-bottom: 2rem;
}

.question ul {
	padding: 0;
	margin: 0;
	row-gap: 1.5rem;
	-moz-column-gap: 2.5rem;
	column-gap: 2.5rem;
}

.question li {
	display: inline-block;
	list-style: none;
	vertical-align: middle;
}

.question li  {
	font-size: 18px;
}

.question li i {
	margin-right: 0.5rem;
	vertical-align: middle;
}

.__bott .contact {
	background-color: #F2F2F2;
	text-align: center;
}

.__bott .contact header ,
.__arguseyes .contact header {
	margin-bottom: 1em;
}

.__bott .contact a,
.__bott .contact button ,
.__arguseyes .contact a,
.__arguseyes .contact button {
	margin: 0.2em;
}

.__bott .contact .toContactBtn ,
.__arguseyes .contact .toContactBtn {
	border-radius: 0.5rem;
	margin: 0.5em;
	border: none;
	font-weight: bold;
	color: #fff;
	padding: 0.5em 1em;
	background-color: #3E0000;
	font-size:1.5rem;
}

.img {
	margin: auto;
}

.img img {
	width: 100%;
	/* height: 100%; */
	-o-object-fit: contain;
	object-fit: contain;
}

.icons {
	width: 8rem;
	padding: 0.5rem;
	aspect-ratio: 1/1;
	border-radius: 2rem;
	border: 0.3rem solid #F2F2F2;
}

.features {
	text-align: center;
	row-gap: 2rem;
	-moz-column-gap: 1rem;
	column-gap: 1rem;
}

.features header :is(p, h3, h4, h2, img, i) {
	font-size: 2rem;
}

.features header img {
	width: 1.5em;
	/* vertical-align: bottom; */
	vertical-align: middle;
	margin: 0 0.2em 0 1em;
}

.features .feature {
	width: 10rem;
}

.features p {
	margin: 0.5rem 0 0 0;
	padding: 0;
}

.keyPoints .point {
	background-color: #F2F2F2;
	border-radius: 0.2rem;
	display: flex;
	align-items: center;
	padding: 1rem 1rem;
	width: 90vw;
	max-width: 800px;
	height: 10em;
}

.keyPoints .point header {
	width: 8em;
	font-size: 1rem;
	margin-right: 1rem;
	text-align: center;
}

.keyPoints .point header h3,
.keyPoints .point header h4 {
	font-size: 1rem;
}

.keyPoints .point> :last-child {
	flex-grow: 1;
	text-align: start;
}

.keyPoints .point .img {
	width: 4em;
	padding: 0.5em;
	border-radius: 100%;
	border: 0.3em solid #fff;
	margin-bottom: 0.2rem;
}

.keyPoints .point .img img {
	display: block;
}

.targetedTowards {
	-moz-column-gap: 1rem;
	column-gap: 1rem;
	row-gap: 1rem;
}

.targetedTowards article {
	flex-grow: 1;
	text-align: center;
	position: relative;
}

.targetedTowards article header {
	border: 0.3em solid #042433;
	padding: 0.5em 0.5em 0.5em 0.1em;
	border-radius: 5rem;
}

.targetedTowards article header:hover+ul {
	display: block;
	position: absolute;
	top: 110%;
	/* background-color:#000; */
	background-color: rgba(255, 255, 255, 0.6666666667);
	z-index: 10;
	padding: 1em 3em;
	text-align: start;
	white-space: nowrap;
	border-radius: 1rem;
	left: 0;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.3333333333);
}

.targetedTowards ul {
	display: none;
}

.actualCases {
	
	gap: 2em;
}

.actualCase + .actualCase{
	/* margin-top: 1rem; */
}
.actualCases .actualCase .content{
	width: 100%;
}

.actualCases .actualCase .content > div{
	--actualCase-color-one:243, 163, 45;
	--actualCase-color-two:74, 29, 83;
	--actualCase-color-three:62, 0, 0;
	border-radius: 0.1rem;
	color: #fff;
	background-color: rgb(var(--actualCase-color-one));
	padding: 0.5rem 2rem;
	transition: opacity 0.2s;
}

.actualCases .actualCase .content > div:first-child:hover{
	opacity: 1;
}

.actualCases .actualCase .content > div:first-child{
	box-shadow: 0.1em 0.1em 0.4em 0 rgba(0, 0, 0, 0.2);
	opacity: 0.7;
}

.actualCases .actualCase:nth-child(2) .content > div {
	background-color: rgb(var(--actualCase-color-two));
}

.actualCases .actualCase:nth-child(3) .content > div {
	background-color: rgb(var(--actualCase-color-three));
}

.actualCases .actualCase .content > div:last-child{
	/* opacity: 0.3; */
}


.actualCases .actualCase .content > div:last-child{
	background-color: rgba(var(--actualCase-color-one),0.7);
}
.actualCases .actualCase:nth-child(2) .content > div:last-child{
	background-color: rgba(var(--actualCase-color-two),0.7);
}
.actualCases .actualCase:nth-child(3) .content > div:last-child{
	background-color: rgba(var(--actualCase-color-three),0.7);
}
.actualCases .actualCase .content > div:last-child:hover{
	background-color: rgba(var(--actualCase-color-one),1);
}
.actualCases .actualCase:nth-child(2) .content > div:last-child:hover{
	background-color: rgba(var(--actualCase-color-two),1);
}
.actualCases .actualCase:nth-child(3) .content > div:last-child:hover{
	background-color: rgba(var(--actualCase-color-three),1);
}




.actualCases .actualCase .content span {
	font-size: clamp(0.875rem, var(--clamp-size), 1.3rem);
}

.actualCases .actualCase .content span:first-child {
	font-size: clamp(1rem, var(--clamp-size), 1.8rem);
}

.actualCases .actualCase .content span+span {
	margin-left: 2rem;
}



/* .actualCases .actualCase+.actualCase {
	margin-top: 1.5rem;
} */
.actualCases .actualCaseVideo {
	background-color: #171717 ;
	padding: 1rem;
	border-radius: 0.2rem;
	width: clamp(300px, 45%, 700px);
	
}

.actualCases .actualCaseVideo video{
	/* object-fit: cover; */
}


@media screen and (max-width:996px) {
	.actualCases .actualCase .content{
		width: 100%;
	}
	.actualCases .actualCaseVideo {
		width: 100%;
	}
	.actualCase{
		flex-direction: column;
	}
}

.brown-line {
	position: relative;
	color: rgb(108,0,0);
	display: block;
	margin: auto !important;
	width: -moz-max-content;
	width: max-content;
}

.brown-line:before {
	content: "";
	width: 0.15em;
	height: 100%;
	background-color: #935839;
	display: block;
	position: absolute;
	left: -0.8em;
	top: 0;
	border: 0;
	border-radius: 0.5em;
	transform: scaleY(1.5);
	box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.4);
}

.blue-line-bottom {
	position: relative;
	color: #1A5A76;
	width: -moz-max-content;
	width: max-content;
}

.blue-line-bottom:before {
	content: "";
	margin: auto;
	width: 80%;
	height: 0.08em;
	background-color: rgba(26, 90, 118, 0.6666666667);
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 110%;
	border-radius: 0.5em;
	transform: scaleY(1.5);
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1333333333);
}

.__bott .core>header ,
.__arguseyes .core>header {
	letter-spacing: 5px;
	/* border-bottom: dashed 2px #0F4962; */
	padding: 0 0 0.5em 2rem;
	margin-bottom: 0;
}

.dot-dash{
	width: 100%;
	height: 10px;
	/* background-image: url(../img/dot-dash.png); */
	border-bottom:1px dashed #104862;
	/* background-size: 3em ; */
	/* background-size: 2em 6px; */
	background-position: center center;
	background-repeat:repeat-x;
	margin-bottom:-3rem;
}


.core-item {
	/* height: 20rem; */
	/* flex-wrap:wrap; */
}

.core-item header {
	text-align: center;
}

.core-item header :is(h3, h4) span {
	white-space: nowrap;
}

.core-item div:first-child {
	padding-top:4rem;	
	flex-shrink: 10;
	height: 100%;
}

.core-item div:first-child > div{
	height: 100%;
	background-color: #DCEAF7;
	padding: 1rem 2rem;
	border-radius: 0.2rem 0 0 0.2rem;
}

.core-item div:first-child header {
	margin-top:2rem;
	margin-bottom: 1rem;
}

.core-item div:first-child p {
	line-height: 2em;
	letter-spacing: 1px;
	margin-bottom: 1rem;
}

.core-item .img {
	/* width: 100%; */
	/* flex-basis: 30%; */
	flex-basis: clamp(200px, 40vw, 500px);
	margin: 0;
	height: 100%;
	/* width: clamp(10rem,30vw,25rem); */
	/* width: 1600px; */
	/* width: 100%; */
}

.core-item .img img {
	height: 100%;
	object-fit: cover;
}

.blue-question {
	color: #094092;
}

.owl-dots {
	text-align: center;
}

.owl-dots button {
	margin: 0.2rem;
}

.owl-dots button span {
	width: 10px;
	height: 10px;
	display: block;
	background-color: #eee;
	border-radius: 100%;
	transition: background-color 0.2s;
}

.owl-dots button.active span {
	background-color: rgba(0, 0, 0, 0.6);
}

.core .owl-nav,
.core .owl-dots {
	/* z-index: 100; */
	position: absolute;
	bottom: 0;
	/* right: 40%; */
	right: 26%;
	left: 0;
	margin: auto;
	padding: 0.5rem 0rem;
}
.core .owl-dots{
	width: max-content;
	height: 45px;
}
.core .owl-nav {
	/* z-index: 99; */
	width: 200px;
	display: flex;
	justify-content: space-around;
}
/* 優先問題 可以試試@layer */
.core .owl-nav button {
	transform: scale(0.8);
	aspect-ratio: 1/1;
	border-radius: 100%;
	background-color:#2F97E0 !important;
	color:#fff !important;
	outline: 0.1em solid #2F97E0;
	outline-offset: 0.2em;
	-webkit-transition: background-color 0.3s,outline-color 0.3s;
    -ms-transition: background-color 0.3s,outline-color 0.3s;
    transition: background-color 0.3s ,outline-color 0.3s;
}
.core .owl-nav button:hover {
	background-color:#00619F !important;
	outline-color: #00619F;
}

.core .owl-stage,
.core .owl-item,
.core .item {
	display: flex;
}

.core .owl-item {
	display: flex;
	align-items: end;
}




/* --------------arguseyes-------------- */
/*  */

.__arguseyes .backend-introduction header{
	background-color: #91eae9BA;
	position: absolute;
	right: 0;
	left: 0;
	top: -10em;
	
}

.__arguseyes .backend-introduction header > div{
	width: 100%;
	display: flex;
	max-width: 1600px;
	margin: auto;
	padding: 1.5em 1em;
}


.__arguseyes .backend-introduction header > div div{
	border-radius: 0.25em;
	font-weight: bold;
	padding: 1em 1.5em;
}

.__arguseyes .backend-introduction header > div h3{
	font-size: 1.2em;
	margin-left: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.__arguseyes .backend-introduction header > div h3::before{
	content: '';
	display: block;
	height: 80%;
	width: 2px;
	background-color: #82CECC;
	border-radius: 0.2rem;
	position: absolute;
	left: -1em;
}

/* .__arguseyes .backend-introduction {
	background-color: #82CECC;
} */

.__arguseyes .backend-introduction{
	padding: 0;
	max-width: none;
	width: 100%;
	background-color: #F2F2F2;
	margin-top: 10em;
	position: relative;
}

.__arguseyes .backend-introduction .backend-introduction-content{
	max-width: 1600px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5em;
}

.__arguseyes .backend-introduction article{
	width: 100%;
	display: flex;
}

.__arguseyes .backend-introduction-content article .content h4{
	/* background-color: #000; */
	position: relative;
	margin-bottom: 0.8em;
}
.__arguseyes .backend-introduction-content article .content p{
	/* background-color: #000; */
	text-indent:2em;
}

.__arguseyes .backend-introduction-content article .content h4::after{
	content: '';
	display: block;
	position: absolute;
	bottom: -0.3em;
	height: 2px;
	background: linear-gradient(to right, transparent 0%, #94CCCC 30%, #94CCCC 70%, transparent 100%);
	width: 100%;
	left: 0;
	border-radius: 20px;
}

.__arguseyes .backend-introduction .img{
	background-color: #0B3041;
	aspect-ratio: 16/9;
	overflow: hidden;
	border-radius: 0.5em;
}


.__arguseyes .backend-introduction img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 0.25em;
}

.__arguseyes .title-left-line{
	--line-spacing:0.5em;
	position: relative;
	margin-left: var(--line-spacing);
}
.__arguseyes .title-left-line::before{
	content: '';
	display: block;
	height: 100%;
	width: 2px;
	border-radius: 10px;
	background-color: #82CECC;
	border-radius: 0.2rem;
	position: absolute;
	left: calc( -1 * var(--line-spacing));
	/* position: absolute; */
	/* left: -1em; */
}

/*  ----- .__arguseyes slogan-area -----  */

.__arguseyes .slogan-area{
	/* flex-wrap: wrap;
	display: flex; */
	display: grid;
	/* grid-template-columns: clamp(300px,35%,500px) minmax(1fr,65%); */
	grid-template-columns: calc(35% - 0.5em) calc(65% - 0.5em);
	grid-template-rows: repeat(2, auto);;
	column-gap: 1em;
}

.__arguseyes .slogan-area .owl-carousel{
	position: relative;
}

.__arguseyes .slogan-area .owl-dots{
	margin: auto;
	width: max-content;
}
.__arguseyes .slogan-area .owl-nav{
	margin: auto;
	width: max-content;
	justify-content: space-between;
	display: flex;
	width: 10rem;
	margin-bottom: -1.75rem;
}

.__arguseyes .slogan-area header{
	width: 100%;
	margin-bottom: 1em;
	grid-column-start: 1;
	grid-column-end: 3;
}


.__arguseyes .slogan-area .slogan-main{
	display: flex;
	flex-direction: column;
	align-items: center;
	/* width: clamp(350px,40%,600px); */
	/* width: 40%; */
}
.__arguseyes .slogan-area .slogan-main p:first-of-type{
	text-align: center;
	position: relative;
	margin-bottom: 0.8em;
}

.__arguseyes .slogan-area .slogan-main p:first-of-type::after{
	content: '';
	display: block;
	position: absolute;
	bottom: -0.3em;
	height: 2px;
	background: linear-gradient(to right, transparent 0%, #94CCCC 30%, #94CCCC 70%, transparent 100%);
	width: 100%;
	left: 0;
	border-radius: 20px;
}

.__arguseyes .slogan-area .slogan-main p:not(:first-of-type){
	/* letter-spacing: ; */
	text-indent: 2em;
	width: 100%;
}

.__arguseyes .slogan-area .slogan-main p:not(:first-of-type) + p{
	/* letter-spacing: ; */
	margin-top: 1em;
}


.__arguseyes .slogan-area .owl-carousel .owl-stage{
	display: flex;
}

.__arguseyes .slogan-area .slogan-card{
	/* width: clamp(400px, 50%,600px); */
	display: flex;
	flex-direction: column;
	background-color: #75BCBB;
	height: 100%;
	border-radius: 0.25em;
	padding: 1em 1.5em;
	min-height: 450px;
	box-shadow: 5px 5px 5px 0px #0004;
	/* margin-bottom: 0.5em; */
}
.__arguseyes .slogan-area .slogan-card h4{
	margin-bottom: 1em;
	position: relative;
	padding: 0.5em 0.5em;
}
.__arguseyes .slogan-area .slogan-card h4::after{
	content: '';
	display: block;
	background-color: #DCEAF7;
	width: 2.5em;
	position: absolute;
	bottom: 0em;
	left: 0.8em;
	height: 2px;
}

.__arguseyes .slogan-area .slogan-card p{
	text-indent: 2em;

}

.__arguseyes .slogan-area .slogan-card ul{
	list-style-type: none;
	padding: 1em 0 0 0;
	margin: 0;
}

.__arguseyes .slogan-area .slogan-card li{
	margin-top: 0.5em;
}

/* --------- hardware-category --------- */
.__arguseyes .hardware-category article + article{
	margin-top: 3em;
}

.__arguseyes .hardware-category header{
	background-color: #F1F5F9;
	padding: 1em 1.5em;
	/* box-shadow: 0px 5px 5px -5px #D9D9D9; */
	box-shadow: 0px 5px 5px -5px #b0b0b0;
}

.__arguseyes .hardware-category img{
	width: 100%;
	height: 100%;
}
.__arguseyes .hardware-category .img{
	width: 100%;
	aspect-ratio: 16/9;
	position: relative;
	background-color: #59A8ADBA;
	border-radius: 0.25em;
	overflow: hidden;
}

.__arguseyes .hardware-category .img .watermark{
	position: absolute;
	top: 50%; 
	left: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	color: #fff;
	font-size: 1.2em;
}

.__arguseyes .hardware-category table{
	width: 100%;
}
/* .__arguseyes .hardware-category table td{
	border: 1px solid #000;
} */
/* .__arguseyes .hardware-category table th{
	border: 1px solid #000;
} */

.__arguseyes .hardware-category table tr th,
.__arguseyes .hardware-category table tr td{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 1em;
}
.__arguseyes .hardware-category table tr th{
	border-right: 1px solid #000;
	text-align: center;
	vertical-align: middle;
}
.__arguseyes .hardware-category table tr td{
	border-left: 1px solid #000;
	width: 80%;
}

.__arguseyes .hardware-category table tr:first-of-type th{
	border-top: none;
}
.__arguseyes .hardware-category table tr:first-of-type td{
	border-top: none;
}
.__arguseyes .hardware-category table tr:last-of-type th{
	border-bottom: none;
}
.__arguseyes .hardware-category table tr:last-of-type td{
	border-bottom: none;
}

.__arguseyes .hardware-category > header .img{
	display: none;
}

/* product-category product-category-content category-title category-item */
/* --------- product-category --------- */
.__arguseyes .product-category .category-title{
	display: none;
}

.__arguseyes .product-category .category-item{
	margin-bottom: 3em;
}

.__arguseyes .product-category .category-item > * + *{
	margin-top: 1em;
}

.__arguseyes .product-category .category-item ul{
	list-style-type: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.__arguseyes .product-category .category-item ul li + li{
	margin-top: 0.5em;
}
.__arguseyes .product-category .category-item .user{
	background-color: #F2F2F2;
	padding: 1em ;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 0.25em;
}

.__arguseyes .product-category .category-item header{
	position: relative;
	margin-bottom: 2em;
}

.__arguseyes .product-category .category-item header::after{
	content: '';
	display: block;
	position: absolute;
	/* background-color: #929292; */
	background: linear-gradient(to right, transparent 0%, #929292 20%, #929292 80%, transparent 100%);
	height: 0.1em;
	width: 100%;
	bottom: -0.5em;
}

.__arguseyes .product-category .category-item:nth-of-type(1) .img{
	background-color:#163E64 ;
}
.__arguseyes .product-category .category-item:nth-of-type(2) .img{
	background-color:#D77829 ;
}
.__arguseyes .product-category .category-item:nth-of-type(3) .img{
	background-color:#78206E ;
}

.__arguseyes .product-category .category-item .img{
	aspect-ratio: 16/9;
	border-radius: 0.25em;
}
.__arguseyes .product-category .category-item img{
	width: 100%;
	height: 100%;
	/* object-fit: cover; */
}



/* --------- fn-solution --------- */
.__arguseyes .fn-solution{
	position: relative;
	margin-top: 10em;
}

.__arguseyes .fn-solution > header{
	/* background-color: #91eae9BA; */
	position: absolute;
	right: 0;
	left: 0;
	top: -10em;
	
}

.__arguseyes .fn-solution > header > div{
	width: 100%;
	display: flex;
	max-width: 1600px;
	margin: auto;
	padding: 1.5em 3em;
	/* border-bottom: 1px solid #000; */
	box-shadow: 0px 6px 5px -5px #0005;
}


.__arguseyes .fn-solution > header > div div{
	border-radius: 0.25em;
	font-weight: bold;
	padding: 0.5em 1em;
}

.__arguseyes .fn-solution > header > div h3{
	font-size: 1.2em;
	margin-left: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.__arguseyes .fn-solution-content{
	display: grid;
}

.__arguseyes .fn-solution-content article{
	background-color: #F1F5F9;
	padding: 1em 1.5em;
	border-radius: 0.5em;
	position: relative;
}

.__arguseyes .fn-solution-content article:has(header) {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.__arguseyes .fn-solution-content article header {
	display: flex;
	flex-direction: column-reverse;
	text-align: center;
	background-color: #E8E8E8;
	width: 100%;
	border-radius: 0.25em;
	z-index: 1;
}


.__arguseyes .fn-solution-content article header :is(p,h4){
	font-size: 1.25em;
}
.__arguseyes .fn-solution-content article header p{
	color: #C04F15;
}

.__arguseyes .fn-solution-content article .img {
	background-color: #000000;
	border-radius: 0.25em;
	overflow: hidden;
	aspect-ratio: 16/9;
	width: 100%;
}

.__arguseyes .fn-solution-content .img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}


.__arguseyes .fn-solution-content article li + li{
	margin-top: 0.5em;
}



.__arguseyes .highlight{
	font-size: 1.5em;
}
.__arguseyes .mark{
	padding: 0;
	background-color: transparent;
	color: #163E64;
}
.__arguseyes .indent{
	text-indent: 2em;
}


.directions{
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	position: absolute;
	top: 3rem;
	right: 0.5rem;
	padding: 0.5rem 1rem;
	vertical-align: middle;
	color:#fff;
	border-radius: 0.5rem;
}
.directions-color{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border:0.2rem solid;
	margin-right: 0.5rem;
	/* vertical-align: middle; */
}

.directions-title{
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	background-color: #0005;
	position: absolute;
	top: 3rem;
	right: 0;
	left: 0;
	text-align: center;
	color:#fff;
	width: max-content;
	padding: 0.2rem 1rem;
	border-radius:0.5rem;
}

.__arguseyes section.contactUs{
	max-width: none ;	
}

.__arguseyes .contactUs header{
	/* background-color: #91eae9BA; */
	background-color: #00B2B9BA;
	
}

.__arguseyes .contactUs header > div{
	width: 100%;
	display: flex;
	max-width: 1600px;
	margin: auto;
	padding: 1.5em 1em;
}


.__arguseyes .contactUs header > div div{
	border-radius: 0.25em;
	font-weight: bold;
	padding: 0.5em 0.5em;
}

.__arguseyes .contactUs header > div h3{
	font-size: 1.2em;
	/* margin-left: 3em; */
	margin-left: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.__arguseyes .contactUs header > div h3::before{
	content: '';
	display: block;
	height: 80%;
	width: 2px;
	background-color: #82CECC;
	border-radius: 0.2rem;
	position: absolute;
	left: -1em;
}


.circle{
	aspect-ratio: 1/1;
	display: inline-block;
	/* width: 3rem; */
	border-radius: 50%;
	padding: 0.2em;
	border: 1px solid #fff;
}



@media screen and (max-width: 995px) {

	.__arguseyes .backend-introduction .img{
		width: 40%;
	}
	
	.__arguseyes .backend-introduction .content{
		width: 60%;
		margin-left: 1em;
		/* padding: 0.5em 0.5em; */
	}
	.__arguseyes .backend-introduction .backend-introduction-content{
		padding: 0.5em 0.5em;
	}

	.__arguseyes .fn-solution-content{
		grid-template-columns: repeat(2,1fr);
		grid-template-rows: repeat(2,1fr) auto;
		row-gap: 1em;
		column-gap: 0.5em;
	}
	.__arguseyes .fn-solution-content article header{
		margin-bottom: 1em;
	}
	.__arguseyes .fn-solution-content article .img{
		margin-bottom: 1em;
	}
	.__arguseyes .fn-solution-content article .content{
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.blurred-bg{
		/* position:absolute; */
		/* opacity: 0.3; */
		z-index: -1;
		top: 0;
		bottom: 0;
	}
	.bbdot-title{
		margin-left: -3rem;
	}


	.__arguseyes .slogan-area{
		/* grid-template-columns: clamp(300px,35%,500px) minmax(1fr,65%); */
		grid-template-columns: repeat(1, 100%);
		grid-template-rows: repeat(3, auto);
		gap: 2rem;
		padding: 2rem 0;
	}

	
	.__arguseyes .slogan-area header{
		grid-column-start: 1;
		grid-column-end: 2;
	}
	
	.__arguseyes .contactUs header > div{
		flex-direction: column;
		gap: 1rem;
	}
	.__arguseyes .contactUs header > div > div:nth-of-type(2){
		flex-direction: column;
		gap: 1rem;
	}


}
@media screen and (max-width: 768px) {
	.dot-dash{
		margin-bottom:0.2rem;
	}
	
	.core-item .img {
		display: none;
	}

	.core-item div:first-child {
		background-color: #DCEAF7;
		padding: 0.5rem 1rem;
		border-radius: 0.2rem;
		/* min-height: 22rem; */
	}

	.core-item div:first-child p {
		line-height: 1.5em;
		letter-spacing: 2px;
		margin-bottom: 2rem;
		/* background-color:#000; */
	}

	.core .owl-nav,
	.core .owl-dots {
		right: 0;
	}
	
	.__arguseyes .fn-solution-content{
		grid-template-columns: repeat(1,1fr);
		grid-template-rows: repeat(6,auto);
		row-gap: 1em;
		column-gap: 0.5em;
	}

}
@media screen and (max-width: 1199px) {

	nav.header.noFixed:has( #headerToggler.show ){
		position: fixed;
	}
	
	nav.header #headerToggler{
		transition: all 0.2s;
		right: 1em;
		left: 1em;
	}

	nav.header.noFixed:has( #headerToggler.show ) #headerToggler{
		position: static;
	}

	.header::after{
		transition: backdrop-filter 0.5s;
	}

	/* .header:has( #headerToggler.show  .menu li:hover )::after, */
	.header:has( #headerToggler.show  .menu input[type*="radio"]:checked )::after{
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
		z-index: -1;
		position: absolute;
		inset: 0;
		content: '';
	}

	.header input[type*="radio"][value="product"]:checked  ~ * ul[show-name="product"],
	.header input[type*="radio"][value="news"]:checked  ~ * ul[show-name="news"]{
		margin-right: 1em;
	}

	/* .header #headerToggler.show  .menu li:hover > ul:not(:has( li:hover ul )){ */
	/* .header #headerToggler.show  .menu li:hover > ul:not(:has( li:hover ul )){ */
	.header input[type*="radio"][value="product"]:checked  ~ * ul[show-name="product"],
	.header input[type*="radio"][value*="software"]:checked  ~ * ul[show-name="software"],
	.header input[type*="radio"][value*="detect"]:checked  ~ * ul[show-name="detect"],
	.header input[type*="radio"][value="news"]:checked  ~ * ul[show-name="news"]{
		/* border: 1px solid #000; */
		box-shadow: 1px 1px 5px 0px #0005;
		background-color: #0005;
		border-radius: 0.5rem;
		padding: 0.5em 1em;
	}
	
	/* .header #headerToggler.show  .menu li:hover > ul:not(:has( li:hover ul ))::after */
	.header input[type*="radio"][value="product"]:checked  ~ * ul[show-name="product"]::after,
	.header input[type*="radio"][value*="software"]:checked  ~ * ul[show-name="software"]::after,
	.header input[type*="radio"][value*="detect"]:checked  ~ * ul[show-name="detect"]::after,
	.header input[type*="radio"][value*="news"]:checked  ~ * ul[show-name="news"]::after{
		content: none;	
	}

	/* .header #headerToggler.show  .menu li:hover > ul:not(:has( li:hover ul )) li a, */
	/* .header #headerToggler.show  .menu li:hover > ul:not(:has( li:hover ul )) li label{ */
	.header input[type*="radio"][value="product"]:checked  ~ * ul[show-name="product"] :is(a,label),
	.header input[type*="radio"][value*="software"]:checked  ~ * ul[show-name="software"] :is(a,label),
	.header input[type*="radio"][value*="detect"]:checked  ~ * ul[show-name="detect"] :is(a,label),
	.header input[type*="radio"][value*="news"]:checked  ~ * ul[show-name="news"] :is(a,label){
		text-align: start !important;
		width: 100%;
	}

	/* [value*="product"] */
	.header input[type*="radio"][value*="product"]:checked  ~ * ul[show-name="product"],
	.header input[type*="radio"][value*="software"]:checked  ~ * ul[show-name="software"],
	.header input[type*="radio"][value*="detect"]:checked  ~ * ul[show-name="detect"],
	.header input[type*="radio"][value*="news"]:checked  ~ * ul[show-name="news"]{
		display: block;
	}



}





@media screen and (min-width: 768px) {
	/* product-category product-category-content category-title category-item */
	/* --------- product-category --------- */
	.__arguseyes .product-category .product-category-content{
		display: grid;
		flex-wrap: wrap;
		row-gap: 3em;
		column-gap: 1em;
		grid-template-columns: repeat(4,1fr);
		grid-template-rows: repeat(2,1fr);
	}
	.__arguseyes .product-category .category-item{
		/* width: 50%; */
		/* flex-grow: 1; */
		margin: 0;
	}
	.__arguseyes .product-category .category-item:nth-of-type(1){
		grid-column: 1/3;
	}
	.__arguseyes .product-category .category-item:nth-of-type(2){
		grid-column: 3/5;
	}
	.__arguseyes .product-category .category-item:nth-of-type(3){
		grid-column: 2/4;
	}

	/* --------- hardware-category --------- */
	.__arguseyes .hardware-category article + article{
		margin-top: 0;
	}
	.__arguseyes .hardware-category{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		grid-template-rows: auto repeat(2,1fr);
		column-gap: 1em;
		row-gap: 1.5em;
	}
	.__arguseyes .hardware-category header{
		grid-column: 1/5;
		grid-row: 1;
	}
	.__arguseyes .hardware-category article:nth-of-type(1){
		grid-column: 1/3;
	}
	.__arguseyes .hardware-category article:nth-of-type(2){
		grid-column: 3/5;
	}
	.__arguseyes .hardware-category article:nth-of-type(3){
		grid-column: 2/4;
	}
}

@media screen and (min-width: 996px) {
	.__arguseyes .backend-introduction article{
		display: block;
		width: calc(100% / 2 - 1em);
	}
	.__arguseyes .backend-introduction .img{
		margin-bottom: 1em;
	}

	.__arguseyes .backend-introduction .backend-introduction-content{
		padding: 1em 1.5em;
		column-gap: 1em;
		row-gap: 2em;
	}

	.arguseyes .slogan-area{
		padding: 0.5em 1em;
	}



	.__arguseyes .fn-solution-content{
		grid-template-columns: repeat(3,1fr);
		grid-template-rows: repeat(6,1fr);
		row-gap: 2em;
		column-gap: 1em;
	}

	.__arguseyes .fn-solution-content article:has(header){
		flex-direction: column-reverse;
	}
	.__arguseyes .fn-solution-content article header{
		margin-top: -2em;
		padding: 0.5em 1em;
		width: 80%;
	}
	.__arguseyes .fn-solution-content article:has(:hover){
		z-index: 100000;
	}

	.__arguseyes .fn-solution-content article:has(header) .content{
		position: absolute;
		display: none;
		border-radius:0.25em;
		/* width: 100%; */
		width: max-content;
		z-index: 100;
		background-color: #F1F5F9BA;
		padding: 1em 1.5em;
		top: 0;
		-webkit-backdrop-filter: saturate(180%) blur(20px);
		backdrop-filter: saturate(180%) blur(20px);
		box-shadow: 1px 1px 10px 0px #0002;
	}
	.__arguseyes .fn-solution-content article:nth-child(1) .content{
		/* left: 102%; */
		left: 0;
	}
	.__arguseyes .fn-solution-content article:nth-child(2) .content{
		/* left: 102%; */
		left: 0;
	}
	.__arguseyes .fn-solution-content article:nth-child(3) .content{
		/* right:102%; */
		right: 0;
	}
	.__arguseyes .fn-solution-content article:nth-child(4) .content{
		/* right:102%; */
		right: 0;
	}
	.__arguseyes .fn-solution-content article:nth-child(1){
		grid-column: 1/2 ;
		grid-row:  1/4 ;
	}
	.__arguseyes .fn-solution-content article:nth-child(2){
		grid-column: 1/2 ;
		grid-row:  4/7 ;
	}
	.__arguseyes .fn-solution-content article:nth-child(3){
		grid-column: 3/4 ;
		grid-row:  1/4 ;
	}
	.__arguseyes .fn-solution-content article:nth-child(4){
		grid-column: 3/4 ;
		grid-row:  4/7 ;
	}
	.__arguseyes .fn-solution-content article:nth-child(5){
		grid-column: 2/3 ;
		grid-row:  1/3 ;
	}
	.__arguseyes .fn-solution-content article:nth-child(6){
		grid-column: 2/3 ;
		grid-row:  3/7 ;
	}

	/* product-category product-category-content category-title category-item */
	/* --------- product-category --------- */
	/* .__arguseyes .product-category .product-category-content{
		display: flex;
	} */
	.__arguseyes .product-category .category-title{
		display: block;
	}
	.__arguseyes .product-category .category-title .img {
		/* aspect-ratio: 1/1; */
		aspect-ratio: 1/1.5;
		width: 100%;
	}
	.__arguseyes .product-category .category-title .title-item {
		display: block;
		font-size: 1.5rem;
		position: relative;
		margin: auto;
		width: 90%;
		margin-bottom: 1.5em;
	}
	.__arguseyes .product-category .category-title .title-item::after {
		position: absolute;	
		bottom: 0;
		content: '';
		display: block;
		width: 100%;
		height: 0.1em;
		background-color: #82CECC;
		bottom: -0.5em;
		
	}
	.__arguseyes .product-category .category-title .title-item p {
		line-height: 1.2em;
	}

	.__arguseyes .product-category .product-category-content{
		grid-template-columns: repeat(7,1fr);
		grid-template-rows: 1fr;
	}
	.__arguseyes .product-category .category-item:nth-of-type(1) header::after{
			/* background-color: #929292; */
			background: linear-gradient(to right, transparent 0%, #929292 20%, #929292 100%);
	}
	.__arguseyes .product-category .category-item:nth-of-type(2) header::after{
			background-color: #929292;
			width: 120%;
			margin-left: -10%;
	}
	.__arguseyes .product-category .category-item:nth-of-type(3) header::after{
			/* background-color: #929292; */
			background: linear-gradient(to right,  #929292 0%, #929292 80% , transparent 100%);
	}

	.__arguseyes .product-category .category-item:nth-of-type(1){
		grid-column: 2/4;
	}
	.__arguseyes .product-category .category-item:nth-of-type(2){
		grid-column: 4/6;
	}
	.__arguseyes .product-category .category-item:nth-of-type(3){
		grid-column: 6/8;
	}


	.__arguseyes .hardware-category{
		display: grid;
		grid-template-columns: repeat(11,1fr);
		grid-template-rows: auto repeat(1,1fr);
		column-gap: 0.5em;
	}
	.__arguseyes .hardware-category header{
		grid-column: 1/3;
		grid-row: 1;
		margin: 0 auto auto auto;
	}
	.__arguseyes .hardware-category article:nth-of-type(1){
		grid-column: 3/6;
	}
	.__arguseyes .hardware-category article:nth-of-type(2){
		grid-column: 6/9;
	}
	.__arguseyes .hardware-category article:nth-of-type(3){
		grid-column: 9/12;
	}
	.__arguseyes .hardware-category article th{
		width: 20%;
	}
	
	.__arguseyes .hardware-category article:nth-of-type(2) th ,
	.__arguseyes .hardware-category article:nth-of-type(3) th{
		visibility: hidden;
	}
	.__arguseyes .hardware-category article table{
		/* margin-left: -20%; */
		width: 130%;
		transform: translateX(-20.5%);
	}
	.__arguseyes .hardware-category article:nth-of-type(2) td,
	.__arguseyes .hardware-category article:nth-of-type(3) td{
		/* width: 120%; */
	}
	.__arguseyes .hardware-category > header .img{
		display: block;
		background-color: transparent;
		aspect-ratio: 5/4;
	}


}

@media screen and (min-width: 1200px) {
	.__bott section {
		padding: 2.5rem 2rem;
	}

	.__arguseyes section {
		padding: 2.5rem 2rem;
	}

	.__arguseyes .header:is(.noFixed){
		position: sticky;
		margin-bottom: -2rem;
	}

	.__arguseyes .backend-introduction article{
		width: calc(100% / 3 - 1em);
	}

	.reasons {
		background-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgb(255, 255, 255) 100%), url("../img/bott-reasons.jpg");
	}

	.question {
		background-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(207, 244, 252) 15%, rgb(207, 244, 252) 85%, rgb(255, 255, 255) 100%);
	}

	.contact {
		background-image: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 15%, rgb(242, 242, 242) 85%, rgb(255, 255, 255) 100%);
	}


}


@media (hover: hover) and (min-width: 1000px) {
	.__arguseyes .fn-solution-content article{
		transition: opacity 0.2s ;
	}
	.__arguseyes .fn-solution-content article:hover .content{
		display: block;
	}
	.__arguseyes .fn-solution-content:has(article:hover) article:not(:hover){
		opacity: 0.2;
	}
}



.notePaper:is(p,label){
	background-color: #104862;
	padding: 1rem;
	width: calc(100% - 1.85rem);
	display: block;
	color: #fff;
	position: relative;
	text-align: center;
}
.notePaper.cover{
	position: absolute;
	z-index: 1;
	bottom: 0;
	transform-origin: 0% 50%;
	opacity: 1;
	background-color: #747474;
	transition: all 0.2s , opacity 0s;
	pointer-events: none;
}
.notePaper + .notePaper{
	margin-top: 1rem;
}

.notePaper:is(p,label)::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	content: '';
	width: 0;
	height: 0;
	border-top: 1.85rem solid transparent;
	border-left: 1.85rem solid #104862;
	border-bottom: 1.85rem solid transparent;
}
.notePaper.cover:is(p,label)::after{
	border-left: 1.85rem solid #747474;
}

.__arguseyes .price{
	transform-style: preserve-3d;
	perspective: 600px;
}


.price input:checked ~ .cover{
	opacity: 0;
	transition: all 0.2s , opacity 0.5s ;
	transform: rotateY(-90deg);
	opacity: 0;
}


.__simu .slogan:nth-child(even){
	flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
	.__simu .slogan,
	.__simu .slogan:nth-child(even){
		flex-direction: column-reverse;
	}
}