/* Code By Webdevtrick ( https://webdevtrick.com ) */
@import url('https://fonts.googleapis.com/css?family=Orbitron|Bebas+Neue|Cinzel|Playfair+Display|Encode+Sans+Semi+Condensed');
#sOverview h1,#sOverview h2,#sOverview h3,#sOverview h4,#sOverview h5,#sOverview h6{color:#fff; font-family: 'Orbitron', sans-serif; text-align: center; }
#sOverview h3{font-size:2.8em;line-height:1em;}
#sOverview h4{font-size:2.2em;text-shadow:1px 1px #000;}
#sOverview h5{font-size:2.0em;text-shadow:1px 1px #000;}
#sOverview h6{font-size:1.8em;text-shadow:1px 1px #000;}
#sOverview .Context, #sOverview .Remark {font-family: 'Encode Sans Semi Condensed', Arial, Helvetica, sans-serif;}
@media screen and (max-width:480px) {#sOverview h3{font-size:2.2em;} #sOverview h4{font-size:1.8em;} #sOverview h5{font-size:1.6em;} #sOverview h6{font-size:1.3em;} }

/*.wrapper h3 {font-size:4em;font-family: 'Bebas Neue', sans-serif; text-align: center; text-shadow: 0px 0px 10px #666666, 0px 0px 10px #666666, 0px 0px 10px #666666, 0px 0px 10px #666666, 0px 0px 10px #666666, 0px 0px 10px #666666, 0px 0px 10px #666666;}
.wrapper h4, .wrapper h5 {font-size:4em;font-family: 'Bebas Neue', sans-serif; text-align: center; margin-top: 30px; margin-bottom: 30px;}*/

.BIOSTitle {color:#fff !important;}

.wrapper .inner-800 { margin: 0 auto; width: 800px;}
.wrapper .inner { margin: 0 auto; width: 1000px;}
.wrapper .inner-1200 { margin: 0 auto; width: 1200px;}
.wrapper .inner-1800 { margin: 0 auto; width: 1800px;}
.wrapper .innerImg { margin: 0 auto; width: 1500px;}

.Titletop { top: 30px;}
/*.Titlebg { height: 300px; border-bottom:1px solid #262626; */
/*.Titlebg-300 { height: 300px; 
background:linear-gradient(90deg,#000000,#2a2a2a);
background:-moz-linear-gradient(90deg,#000000,#2a2a2a);
background:-webkit-linear-gradient(90deg,#000000,#2a2a2a);}*/

.wrapper .BigFeatureCust {/*width:1500px;*/width:100%;left:0;}
.wrapper .BigFeatureCust2022 {width:100%;left:0;}

.Titlebg { background-image:url("../mb/features/Tit600-bg.jpg");}
.wrapper .Titlebg-400 { height: 450px; 
background-image:url("../mb/features/Tit600-bg.jpg");}
.Titlebg-300 { height: 300px; 
background-image:url("../mb/features/Tit600-bg.jpg");}
.Titlebg-200 { height: 200px; 
background-image:url("../mb/features/Tit600-bg.jpg");}
.Titlebg-100 { height: 100px; 
background-image:url("../mb/features/Tit600-bg.jpg");}

.Titlebg22 { background-image:url("../mb/features/Tit2022-bg.jpg");}
.wrapper .Titlebg22-400 { height: 450px; 
background-image:url("../mb/features/Tit2022-bg.jpg");}
.Titlebg22-300 { height: 300px; 
background-image:url("../mb/features/Tit2022-bg.jpg");}
.Titlebg22-200 { height: 200px; 
background-image:url("../mb/features/Tit2022-bg.jpg");}
.Titlebg22-100 { height: 100px; 
background-image:url("../mb/features/Tit2022-bg.jpg");}

.Titlebg22_700 { background-image:url("../mb/features/Tit2022-700-bg.jpg");}
.wrapper .Titlebg22_700-400 { height: 450px; 
background-image:url("../mb/features/Tit2022-700-bg.jpg");}
.Titlebg22_700-300 { height: 300px; 
background-image:url("../mb/features/Tit2022-700-bg.jpg");}
.Titlebg22_700-200 { height: 200px; 
background-image:url("../mb/features/Tit2022-700-bg.jpg");}
.Titlebg22_700-100 { height: 100px; 
background-image:url("../mb/features/Tit2022-700-bg.jpg");}

.wrapper .Context600 {margin: 2% auto 0; padding:1% 2%; background:rgba(0,0,0,0.0); border-radius:0.3em; border:1px solid rgba(0,0,0,0.0); color:#fff; text-shadow:1px 1px #000; line-height:30px; width: 900px;} 

@media screen and (max-width:1280px) {
	.wrapper .BigFeatureWide, .wrapper .BigFeatureCust {width:86%;}
	.Titlebg-400, .Titlebg-300, .Titlebg-200, .Titlebg-100, .Titlebg22-400, .Titlebg22-300, .Titlebg22-200, .Titlebg22-100, .Titlebg22_700-400, .Titlebg22_700-300, .Titlebg22_700-200, .Titlebg22_700-100 {height: auto;}
}
@media screen and (max-width:480px) {
	.wrapper .BigFeatureWide, .wrapper .BigFeatureCust {width:100%;}
	.wrapper .Context600 {padding:.1%;font-size:0.9rem; width: 100%;}
	.wrapper .inner { margin: 0 auto; width: 100%;}
	.wrapper .inner-1200 { margin: 0 auto; width: 100%;}
	.wrapper .inner-1800 { margin: 0 auto; width: 100%;}
	.wrapper .innerImg { margin: 0 auto; width: 100%;}
	.Titlebg-400, .Titlebg-300, .Titlebg-200, .Titlebg-100, .Titlebg22-400, .Titlebg22-300, .Titlebg22-200, .Titlebg22-100, .Titlebg22_700-400, .Titlebg22_700-300, .Titlebg22_700-200, .Titlebg22_700-100 {height:auto;}
}


.menu-2 ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.menu-2 ul:hover li:not(:hover) a {
  opacity: 1.0;
}
.menu-2 ul li {
  position: relative;
  padding: 30px 100px 30px 100px;
  cursor: pointer;
}
.menu-2 ul li.active a {
  color: #009cff;
}
.menu-2 ul li::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background:linear-gradient(226deg,#2f2f2f3b, #414040,#2f2f2f3b);
  transform: scaleX(1);
}
.menu-2 ul li::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background:linear-gradient(226deg,#009cff29, #009cff,#009cff29);
  transform: scaleX(0);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-2 ul li:hover::after, ul li.active::after {
  transform: scaleX(1);
}
.menu-2 ul li a {
  position: relative;
  display: flex;
  color: #888;
  font-family: Orbitron, sans-serif;
  text-decoration: none;
  font-size: 18px;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-2 ul li a:hover {  
  text-decoration: none;
  color: white;
}
.menu-2 ul li:hover a{  
  text-decoration: none;
  color: white;
}
@media screen and (max-width:480px) {
	.menu-2 ul	{overflow-x: auto;overflow-y: visible;}
	.menu-2 ul li {flex-shrink: 0;}
}

.menu-3 ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.menu-3 ul:hover li:not(:hover) a {
  opacity: 1.0;
}
.menu-3 ul li {
  position: relative;
  padding: 30px 60px 30px 60px;
  cursor: pointer;
}
.menu-3 ul li.active a {
  color: #009cff;
}
.menu-3 ul li::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background:linear-gradient(226deg,#2f2f2f3b, #414040,#2f2f2f3b);
  transform: scaleX(1);
}
.menu-3 ul li::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background:linear-gradient(226deg,#009cff29, #009cff,#009cff29);
  transform: scaleX(0);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-3 ul li:hover::after, ul li.active::after {
  transform: scaleX(1);
}
.menu-3 ul li a {
  position: relative;
  display: flex;
  color: #888;
  font-family: Orbitron, sans-serif;
  text-decoration: none;
  font-size: 18px;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-3 ul li a:hover {  
  text-decoration: none;
  color: white;
}
.menu-3 ul li:hover a{  
  text-decoration: none;
  color: white;
}
@media screen and (max-width:480px) {
	.menu-3 ul	{overflow-x: auto;overflow-y: visible;}
	.menu-3 ul li {flex-shrink: 0;}
}

.menu-4 ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.menu-4 ul:hover li:not(:hover) a {
  opacity: 1.0;
}
.menu-4 ul li {
  position: relative;
  padding: 30px 35px 30px 35px;
  cursor: pointer;
}
.menu-4 ul li.active a {
  color: #009cff;
}
.menu-4 ul li::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background:linear-gradient(226deg,#2f2f2f3b, #414040,#2f2f2f3b);
  transform: scaleX(1);
}
.menu-4 ul li::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background:linear-gradient(226deg,#009cff29, #009cff,#009cff29);
  transform: scaleX(0);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-4 ul li:hover::after, ul li.active::after {
  transform: scaleX(1);
}
.menu-4 ul li a {
  position: relative;
  display: flex;
  color: #888;
  font-family: Orbitron, sans-serif;
  text-decoration: none;
  font-size: 18px;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-4 ul li:hover a{  
  text-decoration: none;
  color: white;
}
@media screen and (max-width:480px) {
	.menu-4 ul	{overflow-x: auto;overflow-y: visible;}
	.menu-4 ul li {flex-shrink: 0;}
}

.menu-5 ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.menu-5 ul:hover li:not(:hover) a {
  opacity: 1.0;
}
.menu-5 ul li {
  position: relative;
  padding: 30px 10px 30px 10px;
  cursor: pointer;
}
.menu-5 ul li.active a {
  color: #009cff;
}
.menu-5 ul li::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background:linear-gradient(226deg,#2f2f2f3b, #414040,#2f2f2f3b);
  transform: scaleX(1);
}
.menu-5 ul li::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background:linear-gradient(226deg,#009cff29, #009cff,#009cff29);
  transform: scaleX(0);
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-5 ul li:hover::after, ul li.active::after {
  transform: scaleX(1);
}
.menu-5 ul li a {
  position: relative;
  display: flex;
  color: #888;
  font-family: Orbitron, sans-serif;
  text-decoration: none;
  font-size: 18px;
  transition: 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-5 ul li:hover a{  
  text-decoration: none;
  color: white;
}
@media screen and (max-width:480px) {
	.menu-5 ul	{overflow-x: auto;overflow-y: visible;}
	.menu-5 ul li {flex-shrink: 0;}
  .slider.Slidimg.SlidWD{width: 100vw !important;;margin:0 0!important;overflow: hidden;}
  .slider.responsive.SlidWD{width: 100vw !important;;margin:0 0!important;overflow: hidden;}
  .slider.responsive.SlidWD .left.image{width:50vw;}
  .slider.responsive.SlidWD .right.image{width:50vw;} 
  .slider.responsive.SlidWD .left.image img{width: 100vw !important;}
  .slider.responsive.SlidWD .right.image img{width: 100vw !important;}
  
}
@media screen and (min-width:480px) {
  .menu-1 ul{justify-content: center;}
  .menu-2 ul{justify-content: center;}
  .menu-3 ul{justify-content: center;}
  .menu-4 ul{justify-content: center;}
  .menu-5 ul{justify-content: center;}
  .menu-6 ul{justify-content: center;}
  .wrapper .Context600:hover {background:rgba(0,0,0,0.0); border:1px solid rgba(0,0,0,0.0); box-shadow:0 3px 8px rgba(0,0,0,0.5);  transition:all 0.3s ease-in-out;width: 900px;}
}

.slider.Slidimg.SlidWD{width:1500px;margin:0 0!important;overflow: hidden;}
.slider.responsive.SlidWD{width:1500px;margin:0 0!important;overflow: hidden;}
.iconlist{width:9vw;}


#SelectMemory {width:25%;font-family: "Trebuchet MS";height: 35px;padding: 6px 12px;font-size: 16px;line-height: 1.5em;color: #555;background-color: #F5F5F5;border-radius: 5px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);cursor:pointer;}
@media screen and (max-width:480px) {
	#SelectMemory {width:100%;}
}