/* 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:#4A4A4A;
	--text-white-color:#E5E5E5;
	/* --header-color: #222; */
	--text-highlight-color:#36ACAC;
	--text-highlightT-color:#007878;
	--text-highlightSub-color:#619696;
	--text-hidden-color:#9B9B9B;
	--nav-color: #555555;
	--nav-highlight-color:#BCFFFF;


}

html,
body {
	min-height: 100vh;
	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;
	box-sizing: border-box;
}
body{
	padding-top:100px;
}

a{
	text-decoration:none;
	color:var(--text-color);
}

.hidden{
	display:none;
	display:none !important;
}
.show{
	visibility: visible !important;
	opacity: 1 !important;
}

/* -------------------------------------------Header Start------------------------------------------- */
	strong{
		color:var(--text-highlight-color)
	}
	header{
		/* position:sticky; */
		position: fixed;
		z-index: 100;
		right: 0;
		left: 0;
		top: 0;
		
	}
	body:not([class*="home"]) header{
		-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);
		/*box-shadow:0px 1px 2px 0px #aaa5;*/
	}
	header nav .logo img{
		width: 100%;
		vertical-align: top;
	}
	header nav .logo {
		display: inline-block;
		width: 150px;
	}
	header nav  {
		/* transition: height 0.5s ; */
		/* width:95%; */
		padding: 0 2.5%;
		margin: auto;
		height: 70px;
		overflow: hidden;

		height: 90px;
	}
	header nav ul {
		margin: auto 0 0 0 ;
		font-size: 0;
	}
	header a{
		display:inline-block ;
		padding: 15px 20px;
		text-decoration:none;
		color:var(--text-color);
		font-weight: bold;
		font-size: 1rem;
	}
	header nav ul {
		display: none;
	}
	input#burger{
		display: none;
	}
	@media screen and (max-width:767px) {
		header nav  {
			transition: height 0.5s ;
		}
		label.burger{
			position: absolute;
			margin: auto 0 auto auto;
			top: 25px;
			/* bottom: 0; */
			/* left: 0; */
			right: 5%;
			display: flex;
			align-items: center;
			width: 30px;
			height: 23px;
			cursor: pointer;
			z-index: 1;
		}
		label.burger span,
		label.burger span::after,
		label.burger span::before{
			background-color: var(--nav-color);
			display: block;
			border-radius: 10px;
			width: 100%;
			height: 3px;
		}
		body[class*="home"] label.burger span,
		body[class*="home"] label.burger span::after,
		body[class*="home"] label.burger span::before{
			background-color:#fff;
		}
		body[class*="home"] header input:checked+nav{
			-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(0,0,0,.7);
			box-shadow:0px 1px 2px 0px #fff5;
		}
		label.burger span::after,
		label.burger span::before{
			content: '';
			position: absolute;
		}
		label.burger span::after{
			top: 0;
		}
		label.burger span::before{
			bottom: 0;
		}
		/* header input[type="checkbox"]:checked + nav>ul { */
		header input[type="checkbox"]:checked + nav ul {
			display: block;
		}
		header input[type="checkbox"]:checked + nav  {
			height: 100vh;
		}
		header nav ul a {
			width: 100%; 
		}
		/* header input[type="checkbox"]:checked + nav ul ul a { */
		header nav ul ul a {
			text-indent:2rem;
		}
		/* header nav ul ul li[class*='active'] a{ */
		header nav ul ul li.active a{
			position: relative;
			color:var(--text-highlight-color)
		}
		/* header nav ul ul li[class*='active'] a::after{ */
		header nav ul ul li.active a::after{
			position: absolute;
			content: '';
			display: block;
			width: 0.5rem;
			height: 0.5rem;
			margin: auto;
			top: 0;
			bottom: 0;
			left: 2rem;
			border-radius:2rem;
			/* left: -1rem; */
			background-color: var(--text-highlight-color);
		}
		/* header nav>ul>li[class*='active']>a{ */
		header nav>ul>li.active>a{
			color:var(--text-highlight-color);
		}
		/* 手機 header nav 分隔線 */
		header nav>ul {
			/* border-top:1px solid; */
			box-shadow: 0 -1px 0 #ddd8;
			padding: 20px 0px;
		}
		header nav > ul li.locale {
			display: none;
		}
	}

	@media screen and (min-width:768px) {
		header nav ul>li.active span{
			color:var(--text-highlight-color)
		}
		header nav{
			display: flex;
			justify-content:space-between;
			align-items: flex-end;
		}
		label.burger{
			display: none;
		}
		header nav ul {
			display: block;
		}
		header nav ul li  {
			display: inline-block;
		}
		header nav ul ul {
			display: none;
			position: absolute;
			width:100%;
			right: 0;
			left: 0;
			text-align: right;
			margin: auto;
			background-color: var(--nav-color);
			padding: 0 8%;
			box-sizing: border-box;
		}
		header nav ul li:nth-of-type(2).active  ul{
			display: block;
		}
		header nav ul ul a{
			color: var(--text-white-color);
			padding: 10px 20px;
		}
		header nav ul ul li.active a{
			color:var(--nav-highlight-color);
			/* color: aliceblue; */
		}
		header nav ul ul li:not([class*='active']):hover a{
			color:var(--nav-highlight-color);
            opacity: 0.6;
            transition:all 0.5s;
		}
		/* header nav>ul>li>a.active{
			position: relative;
		}
		header nav>ul>li>a.active:after{
			content:'';
			position: absolute;
			border-radius:100px;
			height: 0.2rem;
			right: 0;
			left: 0;
			width: 80%;
			background-color:var(--text-highlight-color);
			bottom: 0.2rem;
			margin: auto;
		} */

		/*header nav>ul>li:last-of-type>a{
            position: relative;
        }
        header nav>ul>li:last-of-type>a:after{
            content:'';
            position: absolute;
            border-radius:100px;
            height: 0.2rem;
            height: 2px;
            right: 0;
            left: 0;
            width: 80%;
            background-color:var(--text-highlight-color);
            opacity: 0.8;
            bottom: 0.2rem;
            margin: auto 10%;
            transition:margin 0.5s;
            z-index: -1;
        }
		header nav>ul>li ~ li:last-of-type>a:after{
            display: none;
        }
        header nav>ul>li[class*="active"]:nth-of-type(1) ~ li:last-of-type>a:after{
			display: block;
            margin-left:-290%;
        }
        header nav>ul>li[class*="active"]:nth-of-type(2) ~ li:last-of-type>a:after{
			display: block;
            margin-left:-190%;
        }
        header nav>ul>li[class*="active"]:nth-of-type(3) ~ li:last-of-type>a:after{
			display: block;
            margin-left:-90%;
        }
        header nav>ul>li[class*="active"]:last-of-type a:after{
			display: block;
            margin-left:10%;
        }

        header nav>ul>li:nth-of-type(1):hover ~ li:last-of-type>a:after{
            margin-left:-290% !important;
        }
        header nav>ul>li:nth-of-type(2):hover ~ li:last-of-type>a:after{
            margin-left:-190% !important;
        }
        header nav>ul>li:nth-of-type(3):hover ~ li:last-of-type>a:after{
            margin-left:-90% !important;
        }
        header nav>ul>li:nth-of-type(4):hover >a:after{
            margin-left:10% !important; 
        }*/


	}
/* -------------------------------------------Header End------------------------------------------- */

/* -------------------------------------------Home Start------------------------------------------- */

body::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 11px;
	backdrop-filter: saturate(80%) blur(20px);
	/* background-color: #0000; */
	
}

body::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid #ffffff;
	background-color: var(--nav-color);
}
body::-webkit-scrollbar-track{
	/* width: 0; */
	/* margin-left: -100%; */
}
.__home .phone
{
	/* aspect-ratio: 885/527; */
	aspect-ratio: 915/494;
	/* max-height: 500px; */
	/* aspect-ratio: 100/50; */
	box-sizing: border-box;
	padding: 0rem 5rem;
	width: 85%;
	min-width: calc(1280px * 0.7);
	max-width: calc(1280px * 0.9);
	margin: auto;
	margin-top: -8rem;
	overflow: hidden;

	margin-top: -14rem;
	margin-left: 30%;
	z-index: 1;
}
.lamp,.light{
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	box-sizing: border-box;
}
.lamp{
	width: 8%;
	height: 8%;
	top: 9%;
	left: 49%;
	border-radius: 10px 10px 10px 10px;
	box-shadow: -5px 8px 0px rgba(246,201,73, 1);
	background-color: rgba(255,255,255, 1);
	z-index: 1;
}
.light{
	overflow: hidden;
	top: 6%;
	bottom: 3%;
	right: 46%;
	left: 23%;
	border-radius: 10px;
	background: linear-gradient(240deg, rgba(229, 228, 174, 0.7) 30%, rgba(254, 254, 253, 0) 55%);
	transform: rotate3d(0.8,-0.7,0,50deg);
}

.animation{
	width: calc(1280px * 0.8);
	/* min-width: calc(1280px * 0.8); */
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row-reverse;
	box-sizing: border-box;
	padding: 4rem 4rem 2rem 4rem;
	/* transform: rotate(-45deg); */
	transform: rotate3d(-0.4,-0.1,0.25,-70deg);
	margin-left: 4rem;
}
.animation .Rectangle{
	display: block;
	width: 20%;
	height: 80%;
	box-sizing: border-box;
	border: 4px solid #fff;
	border-radius: 15px;
	/* background-color: #afa; */
}
.animation .Rectangle:nth-child(1){
	background: linear-gradient(135deg, rgba(142, 252, 180, 1) 0%, rgba(104, 215, 226, 1) 70%, rgba(173, 247, 253, 1) 100%);  
	box-shadow: 0px 20px 50px rgba(248,215,215, 0.5) inset, -10px 10px 10px rgba(0,0,0, 0.2);
}
.animation .Rectangle:nth-child(2){
	background: linear-gradient(135deg, rgba(142, 252, 180, 1) 0%, rgba(104, 215, 226, 1) 70%, rgba(173, 247, 253, 1) 100%);
	box-shadow: 0px 20px 50px rgba(248,215,215, 0.5) inset, -10px 10px 10px rgba(0,0,0, 0.2);
}
.animation .Rectangle:nth-child(3){
	background: linear-gradient(315deg, rgba(132, 205, 201, 1) 0%, rgba(56, 127, 247, 1) 100%);
	box-shadow: -30px 60px 50px rgba(0,0,0, 0.3), -50px 80px 70px rgba(0,0,0, 0.5);
	opacity: 1;
}
.animation .Rectangle:nth-child(4){
	background: linear-gradient(225deg, rgba(82, 181, 249, 1) 0%, rgba(33, 80, 156, 1) 100%);
	box-shadow: 0px 20px 50px rgba(248,215,215, 0.5) inset, -10px 10px 10px rgba(0,0,0, 0.2);
}


:root{
	--productLinkmaring:2rem;
}
.__home{
	padding-top: 0;
	overflow-x: hidden;
}
.__home header{
	position:absolute ;
}
.__home .homeBg {
	/* height: 1080px; */
	margin-bottom: calc(-1080px + 16rem);
	width: 100%;
	overflow: hidden;
	object-fit: contain;
}
.__home .homeBg img{
	display: block;
	margin: auto;
	 width: 100%;
	height: 100%;
	height: 1080px;
	object-fit: cover;
	/* vertical-align: top; */
}
.__home header a{
	color:#ffffff;
}

.homeTitleBody{
	max-width: 1280px;
	margin: auto;
	position: relative;
	z-index: 1;
}
.homeTitle p{
	line-height: 2rem;
	letter-spacing: 1px;
	margin-top: 1rem ;
}
.homeTitle{
	/* opacity: 1; */
	background-color: rgba(53,65,80, 0.6);
	color: #FFFFFF;
	box-sizing: border-box;
}

.__home{
	display: flex;
	flex-direction:column;
}
.productLink{
	display: flex;
	flex-wrap: wrap;
	font-weight: bold;
	box-sizing: border-box;
	border:1px solid var(--text-color);
	border-radius: 5px;
	margin: calc(var(--productLinkmaring) + 3rem) auto auto auto;
	background-color: #FFFFFF;
	/* position: sticky; */
	top: 0;
	box-shadow:  2px 2px 5px rgba(0,0,0, 0.2);
	max-width: calc(1280px * 0.8);
	width: 90%;
	justify-content: space-around;
	
}
.productLink .title{
	width: 100%;
	margin: calc( -1 * var(--productLinkmaring) - 0.3rem) auto 0 0.5rem ;
}
.productLink .title h2{
	display: inline-block;
	background-color:var(--text-color);
	color:#ffffff;
	box-sizing: border-box;
	padding:0.5rem 2rem;
	border-radius:5px 5px 0 0;
	font-size: 1.3rem;
}
.productLink .link{
	box-sizing:border-box;
	padding: 2.5rem 5% 3.5rem 5rem ;
	position: relative;
}
.productLink .link::before{
	content: '';
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	background-size: contain;
	background-repeat: no-repeat;
	position:absolute ;
	top: -29px;
	bottom: 0;
	/* left: 3.5rem; */
	margin: auto;
	margin-left: -10px;
}
.productLink .link:nth-child(4):before{
	left: 2.8rem;
	background-image: url('../img/linkDose.png');
}
.productLink .link:nth-child(3)::before{
	left: 3rem;
	background-image: url('../img/linkElectricity.png');
}
.productLink .link:nth-child(2)::before{
	left: 2.2rem;
	background-image: url('../img/linkWind.png');
}
.productLink .link p:nth-child(1){
	text-indent:0.5rem;
	line-height: 1.6rem;
	transition: background-color 0.2s;
}
.productLink .link p:nth-child(2){
	/* background-color: #000; */
	box-sizing: border-box;
	padding: 0.4rem 0.7rem;
	/* margin-left: -0.5rem; */
	border-radius: 0 0 5px 5px;
}
.productLink .link p:nth-child(1){
	box-sizing: border-box;
	border-radius: 5px 5px 0 0;
	font-size: 1.6rem;
	padding-right: 1rem;
	padding-left: .1rem;
	line-height: 3rem;
}
.productLink .link:nth-child(2) p:nth-child(2){
	background-color: #EAE5D3;
}
.productLink .link:nth-child(3) p:nth-child(2){
	background-color: #D6E7DA;
}
.productLink .link:nth-child(4) p:nth-child(2){
	background-color: #E1F1FE;
}
.productLink .link:nth-child(2):hover p:nth-child(1){
	background-color: #EAE5D3;
}
/* .productLink .link:nth-child(2):hover{
	
} */
.productLink .link:nth-child(3):hover p:nth-child(1){
	background-color: #D6E7DA;
}
.productLink .link:nth-child(4):hover p:nth-child(1){
	background-color: #E1F1FE;
}


.applications{
	max-width: 1280px;
	margin: 6rem auto 0 ;
	width: 100%;
}
.applications .pic,.applications .txt{
	box-sizing:border-box;
}
.applications article{
	display: flex;
	flex-wrap: wrap;
}
.applications article .txt{
	margin: auto;
}
.applications .txt{
	font-weight: bold;
}
.applications .txt p{
	margin-top: 1rem;
	line-height: 2rem;
	letter-spacing: 1px;
}      
.applications article .txt::after{
	content: '';
	display: block;
	background-color: var(--text-hidden-color);
	width: 50%;
	height: 1px;
	margin-top: 1rem;
	border-radius: 10px;
}

.applications .pic img{
	width: 100%;
	vertical-align: top;
	border-radius:10px;
	box-shadow: 0px 16px 32px rgba(0,0,0, 0.3);
	
}

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

	.__home .homeBg {
		/* height: 1080px; */
		margin-bottom: calc(-1080px + 130px);
		width: 100%;
		overflow: hidden;
		object-fit: contain;
	}
	.__home .phone{
		width: 100%;
		padding: 0;
		display: none;
	}

	.productLink .link::before{
		/*display: non;*/
	}
}


@media screen and (max-width:995px) and (min-width:768px) {
	.productLink .link{
		padding: 1.5rem 4% 1.5rem 4rem ;
	}
	.productLink .link:nth-child(4):before{
		left: 1.8rem;
	}
	.productLink .link:nth-child(3)::before{
		left: 2rem;
	}
	.productLink .link:nth-child(2)::before{
		left: 1.2rem;
	}
}


@media screen and (min-width:768px){
	.homeTitle h1{
		font-size: 2.5rem;
		font-weight: bold;
		margin-bottom: 1.5rem;
	}
	.homeTitle{
		width: 60%;
		margin: 0 auto 0 5% ;
		padding: 5rem 3rem 3.5rem 3rem;
		border-radius: 6px;
	}
	.applications article:nth-child(even){
		flex-direction: row-reverse;
		text-align: right;
	}
	.applications .pic{
		width: 60%;
		padding:2rem;
	}
	.applications .txt{
		width: 40%;
		padding:2rem;
	}
	.applications article:nth-child(2) .txt::after{
		margin: 1rem 0 auto auto;
	}
	.applications .txt h2{
		font-size: 1.5rem;
	}
	
}
@media screen and (max-width:767px) {
	.homeTitle h1{
		font-size: 2rem;
		font-weight: bold;
	}
	.homeTitle p{
		font-size: 0.9rem;
	}
	.homeTitle{
		padding:5rem 2rem;
	}
	.productLink .link{
		padding: 1.5rem 5% 1.5rem 5rem ;
		width: 100%;
		text-align: center;
	}
	.applications .pic,.applications .txt{
		width: 100%;
		padding:1rem;
	}
	.applications .txt h2{
		font-size: 1.3rem;
	}
	.applications .txt p{
		font-size:0.9rem;
		line-height: 1.3rem;
	}
	.applications .txt{
		padding:  1rem 1.5rem;
		margin-bottom: 2rem !important;
	}
	
}




/* -------------------------------------------Home End------------------------------------------- */

/* -------------------------------------------aboutIntifar Start------------------------------------------- */


:root{
	--aboutBgH:40vw;
	--aboutBgHMax:600px;

	--aboutBgH:640px;
	--aboutBgHMax:500px;
}
.__aboutIntifar{
	padding-top: 70px;
	padding-top: 90px;
}
.aboutBg{
	width: 100%;
	overflow: hidden;
	margin: 2rem 0;
}
.aboutBg img{
	/* transform: scale(1.2); */
	display: block;
	width: 100%;
	vertical-align: top;
	height: var(--aboutBgH);
	max-height: var(--aboutBgHMax);
	object-fit: cover;
}
.aboutBg .aboutBldg{
	width: 100%;
	max-width: 1280px;
	margin: auto;
}
.aboutBg .aboutBldg img{
	width: 80%;
	margin: calc(-1 * var(--aboutBgH)) 5% 0 auto;
	height: calc(20px + var(--aboutBgH));
	max-height: calc(20px + var(--aboutBgHMax));
}
.__aboutIntifar .aboutTxtBody{
	width: 100%;
	max-width: 1280px;
	margin: auto;
}
.__aboutIntifar .aboutTxt{
	box-sizing: border-box;
	font-weight: bold;
	letter-spacing: 1px;
	
}
.__aboutIntifar .aboutTxt p{
	letter-spacing: 1px;
	line-height: 2rem;
}
.__aboutIntifar .aboutTxt h1{
	margin-bottom: 2rem;
}
.__aboutIntifar .aboutTxt p + p{
	margin-top: 1rem;
}
.__aboutIntifar .aboutTxt h1 span {
	color:var(--text-highlight-color);
	margin-left: 0.6rem;
}
.slogan{
	width: 100%;
	display: flex;
	flex-direction:column;
	/* flex-wrap: wrap; */
}
.slogan .sloganItem{
	box-sizing: border-box;
	border: 2px solid #96BDBD ;
	background-color: #fff;
	position: relative;
	/* margin-top: -1rem; */
	font-weight: bold;
	margin: 0.5rem 0;
}
.slogan .sloganItem h2{
	width: 100%;
	font-size: 1.3rem;
}
.slogan .sloganItem p{
	width: 100%;
	margin-top: 0.7rem;
	/* font-size: 1.5rem; */
}
.slogan .sloganItem:nth-child(even){
	margin-left: auto;
	border-radius: 100px 0 0 100px ;
	border-right: 0;
	/* padding-left: 8rem; */
}
.slogan .sloganItem:nth-child(odd){
	text-align: right;
	border-radius: 0 100px 100px 0;
	border-left: 0;
	/* padding-right: 8rem; */
}

.slogan .sloganItem::before{
	content:'';
	position:absolute;
	top: -2px;
	bottom: -2px;
	left: 0;
	right: 0;
	display: block;
}

.slogan .sloganItem::after{
	content:'';
	position:absolute;
	top: 50%;
	margin-top: -1.4rem;
	width: 2.8rem;
	height: 2.8rem;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.slogan .sloganItem:nth-child(odd)::after{
	right: 3.5rem;
}
.slogan .sloganItem:nth-child(even)::after{
	left: 3.5rem;
}
.slogan .sloganItem:nth-child(1)::after{
	background-image: url(../img/about-icons-1.png);
}
.slogan .sloganItem:nth-child(2)::after{
	background-image: url(../img/about-icons-2.png);
}
.slogan .sloganItem:nth-child(3)::after{
	background-image: url(../img/about-icons-3.png);
}
.slogan .sloganItem:nth-child(4)::after{
	background-image: url(../img/about-icons-4.png);
}
.slogan .sloganItem:nth-child(5)::after{
	background-image: url(../img/about-icons-5.png);
}
.slogan .sloganItem:nth-child(6)::after{
	background-image: url(../img/about-icons-6.png);
}
.slogan .sloganItem:nth-child(7)::after{
	background-image: url(../img/about-icons-7.png);
}
.slogan .sloganItem:nth-child(8)::after{
	background-image: url(../img/about-icons-8.png);
}

@media screen and (min-width:996px) {
	.slogan .sloganItem:nth-child(1){ 
	width: 75%;
	}
	.slogan .sloganItem:nth-child(5){ 
		width: 70%;
	}
	.slogan .sloganItem:nth-child(2){ 
		width: 80%;
	}
	.slogan .sloganItem:nth-child(6){ 
		width: 75%;
	}
	.slogan .sloganItem:nth-child(7){ 
		width: 80%;
	}
	.slogan .sloganItem:nth-child(8){ 
		width: 65%;
	}
	.__aboutIntifar .aboutTxt{
		width: 60%;
		margin: 6rem 10% 6rem auto;
	}
}

@media screen and (max-width:995px) {
	.__aboutIntifar .aboutTxt{
		margin: 6rem 3rem 6rem 3rem;
	}
}
@media screen and (min-width:768px) {
	.__aboutIntifar .aboutTxt h1{
		font-size: 1.6rem;
		
	}
	.__aboutIntifar .aboutTxt p{
		margin-left: 4rem;
	}
	.slogan .sloganItem{
		width: 70%;
		padding: 2.5rem;
	}
	.slogan .sloganItem:nth-child(even){
		padding-left: 8rem;
	}
	.slogan .sloganItem:nth-child(odd){
		padding-right: 8rem;
	}

	.slogan .sloganItem:nth-child(odd)::after{
		right: 3.5rem;
	}
	.slogan .sloganItem:nth-child(even)::after{
		left: 3.5rem;
	}
}
@media screen and (max-width:767px) {
	.__aboutIntifar .aboutTxt{
		margin: 4rem 1rem 4rem 1rem;
	}
	.__aboutIntifar .aboutTxt h1{
		font-size: 1.5rem;
		
	}
	.__aboutIntifar .aboutTxt p{
		/*font-size: 0.9rem;*/
		/* margin-left: 4rem; */
	}
	.slogan .sloganItem h2{
		font-size: 1.2rem;
	}
	.slogan .sloganItem p{
		font-size: 0.9rem;
		line-height: 1.5rem;
	}
	.slogan .sloganItem:nth-child(odd),
	.slogan .sloganItem:nth-child(even){
		width: 90%;
		padding: 1rem 1rem 1rem 5rem;
		margin: .5rem 1rem;
		text-align: left;
		border-radius: 5px;
		border: 2px solid #96BDBD;
	}
	.slogan .sloganItem:nth-child(odd)::after,
	.slogan .sloganItem:nth-child(even)::after{
		width: 2rem;
		height: 2rem;
		left: 1.8rem;
	}
}
@media screen and (min-width:1280px) {
	.slogan{
		max-width: 1280px;
		margin: auto;
	}
	.slogan .sloganItem:nth-child(odd):before{
		background: linear-gradient(90deg, rgba(255,255,255,1) 1%, rgba(255,255,255,0) 20%);
	}
	.slogan .sloganItem:nth-child(even):before{
		background: linear-gradient(-90deg, rgba(255,255,255,1) 1%, rgba(255,255,255,0) 20%);
	}

}

/* -------------------------------------------aboutIntifar End------------------------------------------- */



/* -------------------------------------------Product Start------------------------------------------- */

.bgPic img{
	width: 1800px;
}
.__productEsdCoating .bgPic img{
	width: auto;
	height: 900px;
}
.bgPic {
	margin:auto;
	overflow: hidden;
	position: relative;
	max-width: 1800px;
	margin-top:-100px ;
	height: 900px;
	margin-bottom:-800px;
	opacity: .5;
}
.bgPic::after,
.bgPic::before{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
}
.bgPic::before{
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(144,144,195,0) 40%);
}


.main ,.mainPic{
	position: relative;
}
.main h1>span{
	color:var(--text-highlightSub-color);
	display: block;
	
}
.main{
	max-width: calc(1200px * 0.8);
	margin:auto;
	display: flex;
	/* padding: 25px 20px; */
	padding: 0 20px;
	padding-top: 90px;
	box-sizing:border-box;
	padding-bottom:80px;
}
.main + .main{
	padding-top: 0px;
}
.main .title{
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	letter-spacing:1px;
	font-weight: bold;
	line-height: 2em;
}
.main .txt strong{
	display: block;
	color:var(--text-highlightT-color)
}
.main .title h2{ 
	font-size: 1.35rem;
}
.main .title p,.main .title b{ 
	font-size: 1.85rem;
	display: block;
	color:var(--text-hidden-color);
}
.main .txt{
	letter-spacing:1px;
}
.main .txt h1 strong{
	font-size: 1.85rem;
	font-weight: bold;
}    
.main .txt h1 span{
	font-size: 1.35rem;
	padding-top: 0.5rem;
	padding-left: .1rem;
}    
.main .txt p {
	line-height: 1.8em;
}
.main .txt ul li{
	list-style-type:disc;
	line-height: 2em;
	letter-spacing:1px;
}
.main .txt ul {
	padding-left:2em;
}


/* 介紹說明 字背景 模糊 */
.main + .main .txt{
	/*-webkit-backdrop-filter:saturate(180%) blur(5px);*/
	/*backdrop-filter: saturate(180%) blur(5px);*/
	border-radius:10px;
}
.main .txt p,.main .txt li{
	/*font-weight:650;*/
	/* text-shadow: -1px 0 #fff5, 0 1px #fff5, 1px 0 #fff5, 0 -1px #fff5; */
}



@media screen and (min-width:768px) {
	.main .title{
		flex-basis: 18rem;
		/* width: 250px; */
		text-align: right;
		padding-right: 2rem;
	}
	.main .txt{
		width: 80%;
	}
	.bgPic::after{
		background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(144,144,195,0) 25%, rgba(144,144,195,0) 75%, rgba(255,255,255,1) 100%);
	}
}
@media screen and (max-width:768px) {
	.main{
		flex-direction: column;
	}
	.main .title{
		padding: 2em 0;
		
	}
	.main .txt{
		width: 95%;
		margin: auto;
	}
	.main .txt h1{
		text-align: center;
	}
	.main{
		padding-top: 0px;
		padding-bottom:50px;
	}
	.main + .main{
		padding-top: 0px;
	}
}




.mainPic .picSelect .pic,
.mainPic .picView .pic{
	aspect-ratio: 1/1;
	border-radius: 10px;
}
.mainPic .picSelect .pic img,
.mainPic .picView .pic img{
	width: 100%;
	height: 100%;
	object-fit:contain;
}
.mainPic .picView .picDesc{
	text-align: center;
	line-height: 2rem;
	color: var(--text-highlightT-color);
}


.picSelect,
.picView{
	padding:10px;
	box-sizing:border-box;
}
.picSelect .pic + .pic {
	margin-top: 20px;
}
.pic>img{
	width:100%;
	display:block;
}
.mainPic .pic{
	box-sizing:border-box;
	overflow:hidden;
}
@media screen and (max-width:767px) {
	.mainPic .picView{
		display:none;
	}
	.picSelect img{
		border-radius: 10px;
	}
	
}

@media screen and (min-width:768px) {
	
	.mainPic .picView .pic,
	.mainPic .picSelect .pic.active{
		border: 2px solid var(--text-highlightT-color);
	}
	.mainPic .picSelect .pic:not([class*="active"]){
		opacity: 0.6;
		
	}
	.mainPic{
		max-width:1024px;
		box-sizing:border-box;
		padding:0 20px;
		margin:auto;
		display:flex;
		align-items: center;
		width: 90%;
	}
	.mainPic .picSelect{
		width: 150px;
		overflow-y:scroll;
		height: 773px;
		margin-bottom: auto;
		margin-left: 3%;
	}
 
	.mainPic .picSelect::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 8px;
		backdrop-filter: saturate(80%) blur(20px);
	   
	}
	.mainPic .picSelect::-webkit-scrollbar-thumb {
		border-radius: 6px;
		border: 2px solid #ffffff;
		background-color: var(--nav-color);
	}
	.mainPic .picView{
		width: 60%;
		margin-left: 2%;
	}


	/* animation */
	.mainPic .picSelect .pic:not([class*="active"]){
        opacity:0.4;
		transform: scale(1);
		transition: opacity 0.5s,transform 0.5s;
	}
    .mainPic .picSelect .pic:not([class*="active"]):hover{
		opacity: 0.8;
		transform: scale(0.95);
	}



}

h1::after{
	position:absolute;
}


/* -------------------------------------------Product End------------------------------------------- */





/* -------------------------------------------certEquip start------------------------------------------- */

.__certEquip .certTxtBody{
    width: 100%;
    max-width: 1280px;
    margin: auto;
}
.__certEquip .certTxt{
    box-sizing: border-box;
    font-weight: bold;
    letter-spacing: 1px;

}
.__certEquip .certTxt p{
    letter-spacing: 1px;
    line-height: 2rem;
}
.__certEquip .certTxt h1{
    margin-bottom: 2rem;
}
.__certEquip .certTxt h1 span {
    color:var(--text-highlight-color);
    margin-left: 0.6rem;
}

.__certEquip .certHGallery {
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
	margin-bottom: 4rem;
	padding: 0 10rem;
}
.__certEquip .certHGallery .img {
	text-align: center;
	margin: 2rem;
}
.__certEquip .certHGallery .img img {
	box-shadow: 0 8px 16px #0003;
	margin-bottom: 2rem;
}

.__certEquip .equipHGallery {
	display: flex;
	align-items: flex-end;
	flex-wrap: nowrap;
	overflow: auto;
	margin-bottom: 4rem;
	padding: 0 10rem;
}
.__certEquip .equipHGallery .img {
	position: relative;
	text-align: center;
	padding: 2rem;
}
.__certEquip .equipHGallery .img:not(:first-child):after {
	content: '';
	position: absolute;
	top: 30%;
	left: 0;
	height: 30%;
	border-left: 3px dotted #81bdbd;
}
.__certEquip .equipHGallery .img img {
	max-height: 300px;
	margin-bottom: 2rem;
}
.__certEquip .equipHGallery .img.h400 img {
	max-height: 400px;
}

@media screen and (min-width:996px) {
    .__certEquip .certTxt{
        width: 60%;
        margin: 6rem 10% 4rem auto;
    }
}

@media screen and (max-width:995px) {
    .__certEquip .certTxt{
        margin: 6rem 3rem 6rem 3rem;
    }
}
@media screen and (min-width:768px) {
    .__certEquip .certTxt h1{
        font-size: 1.6rem;

    }
    .__certEquip .certTxt p{
        margin-left: 4rem;
    }
}
@media screen and (max-width:767px) {
    .__certEquip .certTxt{
        margin: 4rem 1rem 4rem 1rem;
    }
    .__certEquip .certTxt h1{
        font-size: 1.5rem;
    }
    .__certEquip .certTxt p{
        font-size: 0.9rem;
    }
    .__certEquip .certHGallery {
    	flex-direction: column;
    	padding: 0;
    }
    .__certEquip .certHGallery img {
    	max-width: 95%;
    }
    .__certEquip .equipHGallery {
    	flex-direction: column;
    	align-items: center;
    	padding: 0;
    }
    .__certEquip .equipHGallery img {
    	max-width: 95%;
    }
    .__certEquip .equipHGallery .img:not(:first-child):after {
    	display: none;
    }
}

/* -------------------------------------------certEquip End------------------------------------------- */





/* -------------------------------------------contact start------------------------------------------- */

.__contact .contactTxtBody{
    width: 100%;
    max-width: 1280px;
    margin: auto;
}
.__contact .contactTxt{
    box-sizing: border-box;
    /*font-weight: bold;*/
    letter-spacing: 1px;

}
.__contact .contactTxt p{
    letter-spacing: 1px;
    line-height: 2rem;
}
.__contact .contactTxt h1{
    margin-bottom: 2rem;
}
.__contact .contactTxt h1 span {
    color:var(--text-highlight-color);
    margin-left: 0.6rem;
}

@media screen and (min-width:996px) {
    .__contact .contactTxt{
        width: 60%;
        margin: 6rem 10% 4rem auto;
    }
}

@media screen and (max-width:995px) {
    .__contact .contactTxt{
        margin: 6rem 3rem 6rem 3rem;
    }
}
@media screen and (min-width:768px) {
    .__contact .contactTxt h1{
        font-size: 1.6rem;

    }
    .__contact .contactTxt p {
        margin-left: 4rem;
        margin-bottom: 1rem;
    }
}
@media screen and (max-width:767px) {
    .__contact .contactTxt{
        margin: 4rem 1rem 4rem 1rem;
    }
    .__contact .contactTxt h1{
        font-size: 1.5rem;

    }
    .__contact .contactTxt p {
        font-size: 0.9rem;
        /* margin-left: 4rem; */
    }
}

/* -------------------------------------------contact End------------------------------------------- */





/* -------------------------------------------Footer start------------------------------------------- */
footer{
	box-sizing:border-box;
	padding: 3rem 2rem 1rem 2rem;
	margin-top:5rem;
	font-size:0.6rem;
	background-color: #eee;
	display:flex;
	justify-content:space-between;
	backdrop-filter: saturate(180%) blur(20px);
	box-shadow:0px 1px 2px 0px #eee;
}



.languageNav{
	display:inline-block; 
	margin-left:1rem;
	position:relative;
}
.languageNav .dropdown-menu{
	/* display:none; */
	opacity: 0;
	visibility:collapse;
	transition: opacity 0.3s,visibility 0.3s;
}
.languageNav .dropdown-menu{
	position: absolute;
	width: 200%;
	right: -50%;
	left: -50%;
	bottom: 1.5rem;
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	background-color: rgba(255,255,255,.8);
	border-radius:10px;
	box-shadow:1px 1px 3px 0px #aaa5;
	overflow:hidden;
}
/* .languageNav .dropdown-menu:after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 30px 0 30px;
	border-color: #007bff transparent transparent transparent;
	position: absolute;
	left: 0;
	top: 100%;
	right: 0;
	margin: auto;

} */
.languageNav .dropdown-menu .dropdown-item{
	display:block;
	box-sizing:border-box;
	padding:0.8rem 1.5rem;
	white-space:nowrap;
	text-align:center;
	font-weight:bold;
	
}
.languageNav .dropdown-menu .dropdown-item.active{
	background-color:#007bff;
	color:#fff;
}
.languageNav .dropdown-menu .dropdown-item:not(.active):hover{
	background-color:#007bff22;
}
.languageNav .dropdown-menu .dropdown-item + .dropdown-item{
	border-top:1px solid #aaa6;
}
.languageNav .dropdown-toggle{
	cursor: pointer;
	
}
.languageNav .dropdown-toggle:after{
	content:'\25B2';
	/* transform: rotate(90deg); */
	display: inline-block;
}

@media screen and (max-width:767px) {
	footer{
		display:flex;
		flex-wrap: wrap;
	}
	footer>span{
		padding:0.5rem 0;
	}
}




/* -------------------------------------------Footer End------------------------------------------- */









/* body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 11px;
    backdrop-filter: saturate(80%) blur(20px);
}

body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid var(--semiconBgColor);
    background-color: rgba(0, 0, 0, 1);
} */

body::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 11px;
	backdrop-filter: saturate(80%) blur(20px);
	
}

body::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 2px solid #ffffff;
	background-color: var(--nav-color);
}