@charset "utf-8";
/* CSS Document */

.non-link {
text-decoration: none!important;
}
.non-link:hover {
text-decoration: underline;
    color: #e53b1d!important;
}


/***title-grad***/
.title-grad {
  background: linear-gradient(43deg, #4158D0 0%, #ff0000 46%, #474972 100%, #474972  0%, #ff0000 46%, #4158D0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    background-size: 400% 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: rainbow 5s ease infinite;
  animation: rainbow 5s ease infinite;
}
@-webkit-keyframes rainbow {
  0% { background-position: 0% 46% }
  46% { background-position: 100% 46% }
  100% { background-position: 0% 46% }
}
 
@keyframes rainbow {
  0% { background-position: 0% 46% }
  46% { background-position: 100% 46% }
  100% { background-position: 0% 46% }
}
/*** title-grad end***/

.text-shadow {
text-shadow: 4px 4px 3px rgba(231, 227, 227, 1);
}
.prime__decorsquare {
    height: 99px;
    width: 1060px;
    position: absolute;
    top: 0;
    right: 50%;
    -webkit-transform: translateX(-357px);
    -ms-transform: translateX(-357px);
    transform: translateX(-357px);
    background-image: url(data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='44.5' cy='44.5' r='2.5' fill='%23ff6b00'/%3E%3C/svg%3E%0A);
    background-color: #0B0F19;
    /*background: linear-gradient(90deg, #0B0F19 0%, #172033 51.04%, #0B0F19 100%);*/
    background-position: 50%;
}

.prime__menu {
    height: 200px;
    width: 200px;
    position: absolute;
    top: 99px;
    right: 50%;
    -webkit-transform: translateX(-357px);
    -ms-transform: translateX(-357px);
    transform: translateX(-357px);
    background-color: #e53b1b;
    background-position: 50%;
    padding: 20px;
    overflow: hidden;
}
.prime__menulink {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    padding: 8px 0;
}

/****************************/



@media screen and (max-width:1024px) {
  .prime__main {
    padding: 0;
    width: 100%
  }
}
.prime__logolink {
  display: inline-block;
  margin-bottom: 51px;
  position: relative;
  z-index: 2
}
.prime__gears {
  width: 910px;
  height: 571px;
  position: absolute;
  top: 50px;
  overflow: hidden;
  right: 50%;
  -webkit-transform: translate(870px, 0);
  -ms-transform: translate(870px, 0);
  transform: translate(870px, 0)
}
@media screen and (max-width:1070px) {
  .prime__main {
    min-height: auto;
    padding-bottom: 0
  }
  .prime__gears {
    font-size: .1041666667vw;
    width: 790em;
    height: 571em;
    -webkit-transform: translate(770px, 0);
    -ms-transform: translate(770px, 0);
    transform: translate(770px, 0)
  }
}
@media screen and (max-width:1024px) {
  .prime__gears {
    -webkit-transform: translate(668px, 0);
    -ms-transform: translate(668px, 0);
    transform: translate(668px, 0);
    font-size: .1162790698vw;
    width: 753em
  }
}
.prime__gears:after {
  content: ""
}
@media screen and (max-width:769px) {
  .prime__logolink {
    margin-bottom: 16px
  }
  .prime__gears {
    position: relative;
    font-size: .1515151515vw;
    left: 0;
    right: 0;
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
    margin-bottom: -80px
  }
  .prime__gears:after {
    width: 100%;
    height: 140em;
    position: absolute;
    top: 0;
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(51%, rgba(0, 0, 0, 0)));
    background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) 51%)
  }
}
.prime__gearswrap {
  width: 330px;
  height: 324px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none
}
.prime__gear {
  position: absolute;
  pointer-events: none
}
.prime__gear-1-1 {
  z-index: 11;
}
.prime__gear-1 {
  z-index: 10;
  -webkit-animation: 100s linear infinite rotateclockwise;
  animation: 100s linear infinite rotateclockwise
}
.prime__gear-2 {
  z-index: 10;
  top: 112px;
  left: 282px;
  animation: 130s linear infinite reverse rotateclockwise
}
@media screen and (max-width:1070px) {
  .prime__gearswrap {
    width: 330em;
    height: 324em
  }
  .prime__gear-1 {
    width: 330em
  }
  .prime__gear-2 {
    width: 97em;
    top: 112em;
    left: 282em
  }
}
.prime__gear-3 {
  z-index: 9;
  top: -8px;
  left: 230px;
  animation: 130s linear infinite reverse rotateclockwise
}
@media screen and (max-width:1070px) {
  .prime__gear-3 {
    width: 200em;
    top: -8em;
    left: 230em
  }
}
.prime__gear-4 {
  z-index: 8;
  top: 272px;
  left: 114px;
  animation: 130s linear infinite reverse rotateclockwise
}
@media screen and (max-width:1070px) {
  .prime__gear-4 {
    width: 90em;
    top: 272em;
    left: 114em
  }
}
.prime__gear-5 {
  z-index: 7;
  top: 162px;
  left: -48px;
  animation: 130s linear infinite reverse rotateclockwise
}
@media screen and (max-width:1070px) {
  .prime__gear-5 {
    width: 218em;
    top: 162em;
    left: -48em
  }
}
.prime__gear-6 {
  z-index: 6;
  top: -77px;
  left: 130px;
  animation: 130s linear infinite reverse rotateclockwise
}
@media screen and (max-width:1070px) {
  .prime__gear-6 {
    width: 218em;
    top: -77em;
    left: 130em
  }
}
.prime__gear-7 {
  z-index: 5;
  top: 162px;
  left: 162px;
  animation: 130s linear infinite reverse rotateclockwise
}
@media screen and (max-width:1070px) {
  .prime__gear-7 {
    width: 157em;
    top: 162em;
    left: 242em
  }
}
.prime__gear-8 {
  z-index: 4;
  top: -15px;
  left: 49px;
  animation: 130s linear infinite reverse rotateclockwise
}
@media screen and (max-width:1070px) {
  .prime__gear-8 {
    width: 73em;
    top: -15em;
    left: 49em
  }
}
.prime__gear-9 {
  z-index: 3;
  top: -21px;
  left: -35px;
  animation: 130s linear infinite reverse rotateclockwise
}
@media screen and (max-width:1070px) {
  .prime__gear-9 {
    width: 146em;
    top: -21em;
    left: -35em
  }
}
.prime__gear-background {
  z-index: 0;
  max-width: inherit;
  top: -124px;
  left: -201px
}
@keyframes rotateclockwise {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@media screen and (max-width:1024px) {
  .prime-v2 {
    padding: 34px 0;
    min-height: 450px
  }
  .prime-v2 .prime__menulist {
    display: block;
    padding: 37px 29px 14px 40px
  }
  .prime-v2 .prime__menuitem {
    margin-bottom: 17px
  }
  .prime-v2 .prime__menulink {
    font-size: 15px
  }
}
.prime-v2 .prime__main {
  padding-left: 190px;
  padding-bottom: 0;
  width: 100%;
  min-height: auto
}
.prime-v2 .prime__heading {
  margin-bottom: 28px
}
.prime-v2 .prime__logolink {
  position: absolute;
  left: 10px;
  top: 16px
}
.prime-v2 .prime__description {
  max-width: 480px
}
.prime-v2 .prime__archivebtns {
  margin-top: 36px
}
.prime-v2 .prime__gears {
  top: -69px
}
@media screen and (max-width:1070px) {
  .prime__gear-background {
    width: 884em;
    top: -124em;
    left: -201em
  }
  .prime-v2 .prime__gears {
    top: -110px;
    -webkit-transform: translate(840px, 0);
    -ms-transform: translate(840px, 0);
    transform: translate(840px, 0)
  }
}
@media screen and (max-width:1024px) {
  .prime-v2 .prime__main {
    padding-left: 0
  }
  .prime-v2 .prime__logolink {
    position: static
  }
  .prime-v2 .prime__gears {
    top: -99px;
    -webkit-transform: translate(668px, 0);
    -ms-transform: translate(668px, 0);
    transform: translate(668px, 0)
  }
}
.archive .prime__archivewrap {
  margin: 0;
  background: #000;
  margin-left: calc(50% - 240px);
  padding-left: 30px;
  position: relative
}
@media screen and (max-width:1024px) {
  .archive .prime__archivewrap {
    margin-left: 0;
    padding-left: 1.5rem
  }
  .archive .prime__archivewrap:before {
    display: none
  }
}
@media screen and (max-width:769px) {
  .prime-v2 {
    min-height: auto
  }
  .prime-v2 .prime__gears {
    top: -59px;
    -webkit-transform: translate(-50px, 0);
    -ms-transform: translate(-50px, 0);
    transform: translate(-50px, 0)
  }
  .archive .prime__archivewrap {
    padding-left: 1.2rem
  }
}