@font-face {font-family:'Centauri';src: url("/fonts/Centauri.otf") format("opentype"),	 url('/fonts/Centauri.woff') format('woff');}
/*@font-face {font-family:'Audiowide';src: url("/fonts/Audiowide-Regular.ttf") format("truetype");}*/
.lazy{overflow: hidden; transition: 0.2s;}
@media screen and (min-width:481px) {
    body{background-color:#181818!important;}
    #briefDesc{margin-left:0px!important;width: 100%!important; color:white!important;margin-top: 45px!important;font-family: 'Alumni Sans', sans-serif;}
    .briefbg{width:1500px!important;margin: 100px auto!important;}
    .briefUl{column-count:2!important;font-size:24px!important;	margin-bottom: 30px!important;margin-top: 10px!important;}
    .brieftxt{font-size: 30px!important;}
    /*.briefUl li {text-indent: -8px!important;}*/
    #briefModel{color:white!important;font-size:70px!important; font-weight: 700;font-family: 'Alumni Sans', sans-serif;border-left:none!important;margin: 0 0 -9px 0!important;padding: 10px 0 10px 0px!important; text-shadow:none!important;}
    .briefAwardsItem img{width:90px!important; margin:0 0!important;}
    .briefAwardsItem a{width:90px!important;}
    .briefAwardsItem .slick-slide .slick-active{width:90px!important;}
    /*border-image: linear-gradient(to right,#000,#ffe318,#ff4700,#b10fcf,#000) 10 10 10 10!important;*/
    #SubItem{margin-top:0!important;border-top: 0px solid!important;border-bottom: 2px solid!important;border-image: linear-gradient(to right,#000,#000,#f00,#b10fcf,#f00,#000,#000) 10 10 10 10!important;z-index:10000;position: relative;}
    #SubItem li{background:linear-gradient(#1c1b1b,black)!important;width: 20%!important;}
    #SubItem{background:linear-gradient(#1c1b1b,black)!important;}
    /*#SubItem li.selected{background:linear-gradient(#626262, #000)!important;}*/
    #SubItem li.selected{background:none!important;text-shadow: 0 0 0.4em #fff,0 0 0.1em #f00!important;font-size:18px;}
    #SubItem li:hover {cursor:pointer; color: #FFF!important;text-shadow: 0 0 0.2em #fff!important;}
    .topwrapper .inner{margin: 0 auto!important; padding-top:5vh!important;height:90%;max-width: 95%;}
    .DirColumn{height:100%!important;display: flex!important;flex-direction: column!important;}
    .posRelative{height:fit-content!important;display:flex!important;align-items: center!important;margin-left:3%!important;width: 80%!important;}
    #briefAwardsList{margin-left:3%!important;}
    .AwardsIcon{height:100px!important;}
    .ProductPos{margin-left: 50px!important;}
    .slick-dots li.slick-active{background: white!important;border: 2px solid white!important;}
    .slick-dots{position:relative!important;}
    .slick-dots li:hover{background:white!important;transition: 0.2s all ease-in-out;}
    .slick-dots li {background: #0000009c;
      position: relative;
      display: inline-block;
      width: 38px;
      height: 6px;
      margin: 0 1px;
      padding: 0;
      cursor: pointer;
      box-shadow: 0 0 3px #b9b9b9;
      transform: skewX(316deg);}
    .innerImg img {	margin: 40px auto 0px; width: 96%;	border: 2px solid transparent;/*	border-image: linear-gradient(to bottom right, rgba(184, 39, 252, 0.7) 0%, rgba(252, 44, 44, 0.7) 25%, rgba(255, 234, 10, 0.7) 50%, rgba(254, 200, 55, 0.7) 75%, rgba(253, 24, 146, 0.7) 100%);box-shadow: 0 0 5px 5px rgba(234,0,0,0.3);*/border-image: linear-gradient(to bottom right, rgb(0 0 0 / 70%) 0%, rgb(183 44 252 / 65%) 25%, rgb(255 106 247 / 78%) 50%, rgb(55 179 254 / 86%) 75%, rgb(0 0 0 / 70%) 100%);border-image-slice: 1; }
    .Context_Img img{border: 2px solid transparent;/*	border-image: linear-gradient(to bottom right, rgba(184, 39, 252, 0.7) 0%, rgba(252, 44, 44, 0.7) 25%, rgba(255, 234, 10, 0.7) 50%, rgba(254, 200, 55, 0.7) 75%, rgba(253, 24, 146, 0.7) 100%);box-shadow: 0 0 5px 5px rgba(234,0,0,0.3);*/border-image: linear-gradient(to bottom right, rgb(0 0 0 / 70%) 0%, rgb(252 111 44 / 65%) 25%, rgb(255 135 106 / 78%) 50%, rgb(205 55 254 / 78%) 75%, rgb(0 0 0 / 70%) 100%);border-image-slice: 1;}
    #sOverview h1, #sOverview h2, #sOverview h3, #sOverview h4, #sOverview h5, #sOverview h6{color:white!important;font-family:'Orbitron', sans-serif!important;text-shadow: 0 0 2px #000, 0 0 4px black, 0 0 8px #351b68!important; font-weight: 500!important;}
    .wrapper .SpecForm li:hover {background:rgba(39, 39, 39, 0.7)!important;transition:All 0.3s ease-in-out!important;}
    .wrapper .SpecForm li{transition:All 0.3s ease-in-out!important;}
    .SmallFeature{transition:All 0.5s ease-in-out!important;}
    .Buttons{font: bold 13pt arial, helvetica, sans-serif!important;border-radius:0em!important;background: rgb(115 41 41 / 42%)!important;border: 0em!important;box-shadow: 1px 1px 2px rgb(115 41 41 / 42%)!important;clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;}
    .Buttons:hover{border: 0em!important;color: #FFF!important; text-shadow: 0 0 0.1em #fff,0 0 0.1em #fff!important;background:rgb(255 0 0 / 74%)!important;}
    .wrapper .Context600{background:rgb(0 0 0 / 25%)!important; margin: 2% auto!important;text-align: justify!important;}
    .SmallFeature .Context{width: 75%!important;margin: 0 auto;}
    .SmallFeature .Context600{width: 75%!important;margin: 0 auto;text-align: justify!important;}
    .Titlebg{margin-top:200px!important;}
    .BigFeature h3{padding-top:10px!important;}
    .menu-2 ul{justify-content: center!important;}
    .menu-3 ul{justify-content: center!important;}
    .menu-4 ul{justify-content: center!important;}
    .menu-5 ul{justify-content: center!important;}
}
@media screen and (max-width:480px) {
    body{background-color:#000!important;}
    .topwrapper{display: flex!important;    justify-content: space-around!important;    align-items: center!important;}
    .topwrapper .inner{	display: flex!important;flex-direction: column-reverse!important; 	align-items: center!important;}
    .slick-dots li.slick-active{background: white!important;border: 2px solid white!important;}
    .slick-dots{position:relative!important;}
    .slick-dots li:hover{background:white!important;transition: 0.2s all ease-in-out;}
    .slick-dots li {background: #0000009c;
      position: relative;
      display: inline-block;
      width: 38px;
      height: 6px;
      margin: 0 1px;
      padding: 0;
      cursor: pointer;
      box-shadow: 0 0 3px #b9b9b9;
      transform: skewX(316deg);}
    .DirColumn{background:rgba(0,0,0,0.36);color: white !important;}
    #briefModel{color:white!important;font-family: 'Orbitron', sans-serif!important;border-left:none!important;margin: 0 0 20px 0!important;padding: 45px 0 10px 0px!important;font-size: 30px!important;text-align:center!important;}
    .posRelative{height:129px!important;display:flex!important;align-items: center!important;margin-left:10%!important;width: 80%!important;}
    #sOverview h1, #sOverview h2, #sOverview h3, #sOverview h4, #sOverview h5, #sOverview h6{color:white!important;font-family:'Orbitron', sans-serif!important;font-size: 1.7em!important;text-shadow: 0 0 2px #000, 0 0 4px black, 0 0 8px #351b68!important; font-weight: 500!important;}
    .AwardsIcon{height:85px!important;}
    #SubItem{margin-top:0!important;border-top: 0px solid!important;border-bottom: 1px solid!important;border-image: linear-gradient(to right,#000,#000,#f00,#b10fcf,#f00,#000,#000) 10 10 10 10!important;z-index:10000;position: relative;}
    #SubItem li{background:linear-gradient(#1c1b1b,black)!important;width: 20%!important;}
    #SubItem{background:linear-gradient(#1c1b1b,black)!important;}
    #SubItem li.selected{background:none!important;text-shadow: 0 0 0.4em #fff,0 0 0.1em #f00!important;font-size:14px;}
    #SubItem li:hover {cursor:pointer; color: #FFF!important;text-shadow: 0 0 0.2em #fff,0 0 0.2em #fff!important;}
    .Buttons{font: bold 13pt arial, helvetica, sans-serif!important;border-radius:0em!important;background: rgb(115 41 41 / 42%)!important;border: 0em!important;box-shadow: 1px 1px 2px rgb(115 41 41 / 42%)!important;clip-path: polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;}
    .Buttons:hover{border: 0em!important;color: #FFF!important; text-shadow: 0 0 0.1em #fff0 0 0.1em #fff!important;background:rgb(255 0 0 / 74%)!important;}
    .wrapper .Context600{background:rgb(0 0 0 / 45%)!important;width: 90% !important; margin:2% auto!important;text-align: justify!important; line-height: 1.2rem!important;}
    .SmallFeature .Context{background:rgb(0 0 0 / 45%)!important;width: 90% !important; margin:2% auto!important;text-align: justify!important; line-height: 1.2rem!important;}
    .menu-2 ul li {position: relative;padding: 20px 12px 20px 24px;cursor: pointer;overflow-y: hidden;}
    .menu-3 ul li {position: relative;padding: 20px 12px 20px 24px;cursor: pointer;overflow-y: hidden;}
    .menu-4 ul li {position: relative;padding: 20px 12px 20px 24px;cursor: pointer;overflow-y: hidden;}
    .menu-5 ul li {position: relative;padding: 20px 12px 20px 24px;cursor: pointer;overflow-y: hidden;}
    .menu-2 ul li a{font-size: 16px!important;}
    .menu-3 ul li a{font-size: 16px!important;}
    .menu-4 ul li a{font-size: 16px!important;}
    .menu-5 ul li a{font-size: 16px!important;}
    .menu-2 ul{justify-content: flex-start!important;}
    .menu-3 ul{justify-content: flex-start!important;}
    .menu-4 ul{justify-content: flex-start!important;}
    .menu-5 ul{justify-content: flex-start!important;}
}


.Gallery{width: 90vw;display: flex;flex-direction: row;flex-wrap: wrap;margin:0 auto;}
@media screen and (min-width:481px) {.Gallery a{color:rgba(0,0,0,0); position:relative;width:23%;margin:10px 5px;}.Gallery a img{color:rgba(0,0,0,0);width:90%;margin-left:auto;}}
@media screen and (max-width:480px) {.Gallery a{color:rgba(0,0,0,0); position:relative;width:100%;margin:10px 0;}.Gallery a img{color:rgba(0,0,0,0);width:95%;margin:0 auto;}}

.BigFeature img{  object-fit: none!important;}
.BigFeature{z-index: 100000!important;}
.wrapper .BigFeatureWide{z-index: 100000!important;}

.wrapper .SpecForm .SpecItem{width:13em!important;}
.wrapper .SpecForm .Notice{line-height: initial!important;}
#statement .Remark{padding-top:0.6em;}

#SteelLengendSA div div h6{padding:1% 0 0 0!important;}
.wide-33-1.left .Context h6{padding:1% 0 0 0!important;}

.slick-dots li button:before{content:''!important;}
.center{display: flex!important; justify-content: center!important;}
/*#briefAvailable{border-image: linear-gradient(to top, rgb(184 39 252) 0%, rgb(255 13 147) 25%, rgb(255 133 133) 50%, rgb(254 211 55) 75%, rgb(253 24 146) 100%)!important;  border-image-slice: 30%!important;}*/
#briefAvailable{border-image: linear-gradient(to top, rgb(184 39 252) 0%, rgb(255 129 199) 25%, rgb(255 0 165) 50%, rgb(145 0 255) 75%, rgb(255 195 227) 100%)!important;  border-image-slice: 30%!important; color: #e1e1e1!important; text-shadow: 0 0 0.5em #800!important;}
.SpecForm{background-color: rgb(18 14 14 / 64%)}    
/* The Modal (background) */
.ProductModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
  
  /* Modal Content (image) */
  .Product-modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
  }
  
  /* Caption of Modal Image */
  #Product-caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
  }
  
  /* Add Animation */
  .Product-modal-content, #Product-caption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }
  
  /* The Close Button */
  .ProductClose {
    position: absolute;
    bottom: 10vh;
    left: 49vw;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .ProductClose:hover,
  .ProductClose:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    .Product-modal-content {
      width: 100%;
    }
  }
.gl_link{
background: linear-gradient(0.25turn,#dbb5fc 0%, #ffffff 10% ,#dbb5fc 0%);
background-size: 200% auto;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 1.5s linear infinite;
font-weight: 900;
display:block;
}
.cn_link{
background: linear-gradient(0.25turn,#f79999 0%, #ffffff 10% ,#f79999 0%);
background-size: 200% auto;
background-clip: text;
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 1.5s linear infinite;
font-weight: 900;
display:block;
}
.menu-2 ul li a{font-weight: 700;color: #b5b5b5;text-shadow: 0 0 0.7em #000, 0 0 0.7em #000;}
.menu-2 ul li:hover a{color: #fb5e25!important;text-shadow: 0 0 0.7em #000, 0 0 0.7em #000;}
.menu-2 ul li.active a{font-weight: 700; color:#fff !important;text-shadow: 0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,0 0 0.7em #fb5e25;  }
.menu-2 ul li::after{background: #fb5e25!important;box-shadow: 0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,;}

.menu-3 ul li a{font-weight: 700;color: #b5b5b5;text-shadow: 0 0 0.7em #000, 0 0 0.7em #000;}
.menu-3 ul li:hover a{color: #fb5e25!important;text-shadow: 0 0 0.7em #000, 0 0 0.7em #000;}
.menu-3 ul li.active a{font-weight: 700; color:#fff !important;text-shadow: 0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,0 0 0.7em #fb5e25;  }
.menu-3 ul li::after{background: #fb5e25!important;box-shadow: 0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,;}

.menu-4 ul li a{font-weight: 700;color: #b5b5b5;text-shadow: 0 0 0.7em #000, 0 0 0.7em #000;}
.menu-4 ul li:hover a{color: #fb5e25!important;text-shadow: 0 0 0.7em #000, 0 0 0.7em #000;}
.menu-4 ul li.active a{font-weight: 700; color:#fff !important;text-shadow: 0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,0 0 0.7em #fb5e25;  }
.menu-4 ul li::after{background: #fb5e25!important;box-shadow: 0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,;}

.menu-5 ul li a{font-weight: 700;color: #b5b5b5;text-shadow: 0 0 0.7em #000, 0 0 0.7em #000;}
.menu-5 ul li:hover a{color: #fb5e25!important;text-shadow: 0 0 0.7em #000, 0 0 0.7em #000;}
.menu-5 ul li.active a{font-weight: 700; color:#fff !important;text-shadow: 0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,0 0 0.7em #fb5e25;  }
.menu-5 ul li::after{background: #fb5e25!important;box-shadow: 0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,;}

.menu-6 ul li a{font-weight: 700;color: #b5b5b5;text-shadow: 0 0 0.7em #000, 0 0 0.7em #000;}
.menu-6 ul li:hover a{color: #fb5e25!important;text-shadow: 0 0 0.7em #000, 0 0 0.7em #000;}
.menu-6 ul li.active a{font-weight: 700; color:#fff !important;text-shadow: 0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,0 0 0.7em #fb5e25;  }
.menu-6 ul li::after{background: #fb5e25!important;box-shadow: 0 0 0.7em #fb5e25,0 0 0.7em #fb5e25,;}

.wrapper .BigFeatureCust{width: 100%!important;}
span{background-color: rgba(0,0,0,0.1);}

.anm-loading{position: relative; margin: auto; box-sizing: border-box; background-clip: padding-box; width: 80px; height: 80px; border-radius: 100px; border: 8px solid rgba(255, 255, 255, 0.1); animation: anm-loading-wiggle 1s infinite;}
.anm-loading:before,.anm-loading:after{content: ""; position: absolute; margin: -8px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: .05; border: inherit; border-color: transparent; animation: anm-loading-spin 1.2s cubic-bezier(0.6, 0.2, 0.2, 1) infinite, anm-loading-fade 1.2s linear infinite;}
.anm-loading:before{border-top-color: #fff;}
.anm-loading:after{border-top-color: #fff; animation-delay: 0.3s;}@keyframes anm-loading-spin{100%{transform: rotate(360deg);}}@keyframes anm-loading-fade{20%{opacity: .1;} 40%{opacity: 1;} 60%{opacity: .1;}}