html {overflow-x: hidden !important; -ms-overflow-style: -ms-autohiding-scrollbar;}

h1, h2, h3, h4, h5, p {margin: 0px;}
section h1 {font-size: 3.5em; font-weight: 700;}
section h2 {font-size: 2.5rem; font-weight: 600;}
section h3 {font-size: 2em; font-weight: 500;}
section h4 {font-size: 1.75em;}
section h5 {font-size: 1.5em;}
section h6 {font-size: 1.25em; font-weight: 500;}
section p {font-size: 1.25rem; line-height: 1.5rem;}
section #section-header .separate-1-3 p {padding-top: 15px;}

.max-width-1200, .max-width-500, .max-width-800, .max-width-1600, .max-width-650, .max-width-350, .max-width-1000,.max-width-900,.max-width-1400 {margin-right: auto; margin-left: auto;}
.max-width-1600 {max-width: 1600px;} .max-width-1400 {max-width: 1400px;} .max-width-1200 {max-width: 1200px;}
.max-width-1000 {max-width: 1000px;} .max-width-900  {max-width: 900px;} .max-width-800  {max-width: 800px;}
.max-width-650  {max-width: 650px;} .max-width-500  {max-width: 500px;} .max-width-350  {max-width: 350px;}

.main {width: 100%;}
.main img {max-width: 100%; display: block; margin: auto;}
section {width: 100%; box-sizing: border-box; font-family: 'Rajdhani', sans-serif, 'Microsoft JhengHei';}
.margin-title-distance {margin-bottom: 30px;}
.margin-distance {margin-bottom: 80px;}
.bgc-black {background-color: #000; color: #fff;}
.bgc-white {background-color: #fff; color: #000;}
.separate {width: 100%; box-sizing: border-box;}
.separate > * {/*font-size: 18px;*/ display: inline-block; vertical-align: top; box-sizing: border-box; padding: 0px 10px;}
.separate .separate-1-3 {width: 33.33%; padding: 0px 7px;}
.separate .separate-2-3 {width: 66.66%; padding: 0px 7px;}
.separate .separate-1-2 {width: 50%; padding: 0px 7px;}
.separate .separate-1-4 {width: 25%; padding: 0px 7px;}
.separate .separate-3-4 {width: 75%; padding: 0px 7px;}
.separate .separate-1-5 {width: 20%; padding: 0px 7px;}
.separate .separate-4-5 {width: 80%; padding: 0px 7px;}
.picture {width: 100%; vertical-align: top;}
.picture img {width: 100%; display: block;}
.opacitychange {position: relative;}
.sensor {position: relative; top: 10px; opacity: 0;}
.sensor[data-type="right"] {position: relative; top: 0px; opacity: 1; right: -50px;}

.guild-bar {text-align: center; background-color: #3E3E3E; width: 100%; z-index: 99; height: 56px; display: block; border-bottom: 2px solid #DADADA;}
.guild-bar a {display: inline-block; height: 56px; line-height: 56px; padding-left: 15px; padding-right: 15px; text-decoration: none; color: #fff; vertical-align: middle; color: #838383; border-bottom: 2px solid #DADADA; font-size: 15px;}
.guild-bar a:nth-child(1) {background-color: #333;}
.guild-bar a.logo {opacity: 0; transition: .5s;}
.guild-bar img {height: 30px; max-width: none; vertical-align: middle; width: 123px; transition: 0.5s;}

.loading-page,.loading-page img {display: none;}
section[data-id="#section-video"] {background: #000; padding: 0;}
section[data-id="#section-sensor"] {background: url(https://images.evga.com/articles/01467/sensor_bg.jpg); background-size: cover; background-repeat: no-repeat; overflow: hidden; z-index: 3; min-height: 715px;}
section[data-id="#section-sensor-FR"] {background: url(https://images.evga.com/articles/01467/FR/sensor_bg.jpg); background-size: cover; background-repeat: no-repeat; overflow: hidden; z-index: 3; min-height: 715px;}
section[data-id="#section-sensor-DE"] {background: url(https://images.evga.com/articles/01467/DE/sensor_bg.jpg); background-size: cover; background-repeat: no-repeat; overflow: hidden; z-index: 3; min-height: 715px;}
section[data-id="#section-sensor-UK"] {background: url(https://images.evga.com/articles/01467/UK/sensor_bg.jpg); background-size: cover; background-repeat: no-repeat; overflow: hidden; z-index: 3; min-height: 715px;}
section[data-id="#section-rate"] {background: linear-gradient(to bottom, #000000 0%, #424242 40%, #424242 100%);}
section[data-id="#section-caps"] {/*background: url(https://images.evga.com/articles/01467/caps_bg.jpg); background-size: cover; background-repeat: no-repeat; overflow: hidden;*/ background: #000; z-index: 3; min-height: 560px;}
section[data-id="#section-key"] {background: #000;}
section[data-id="#section-rgb"] {background: #000; /*background: linear-gradient(to bottom, #000000 0%, #222222 30%, #fff 60%, #fff 100%); min-height: 585px;*/}
section[data-id="#section-choice"] {background: url(https://images.evga.com/articles/01467/choice_bg.jpg); background-size: cover; background-repeat: no-repeat; overflow: hidden; z-index: 3; min-height: 500px;}
section[data-id="#section-software"] {background: url(https://images.evga.com/articles/01467/bg3.jpg) fixed; background-size: cover; background-repeat: no-repeat; overflow: hidden; z-index: 3;}
section[data-id="#section-feature"] {background: #151517; padding-top: 30px;}
section[data-id="#section-specification"] {background: #151517;}

#section-video, #section-sensor, #section-sensor-FR, #section-sensor-DE, #section-sensor-UK, #section-rate, #section-caps, #section-key, #section-rgb, #section-choice, #section-software, #section-feature, #section-specification, #section-soon, #section-footer {text-align: center; padding: 30px 0;}
#section-video {padding: 5px 0; margin-bottom: -25px;}
#section-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#section-video .video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
#section-specification p, #section-specification ul li, #section-specification h3, #section-specification h4 {text-align: left;}
#section-sensor > div.sensor.flex-center > div:nth-child(1), #section-sensor > div.sensor.flex-center > div:nth-child(2) {text-align: left; margin-top: 165px;}
#section-sensor-FR > div.sensor.flex-center > div:nth-child(1), #section-sensor-FR > div.sensor.flex-center > div:nth-child(2) {text-align: left; margin-top: 165px;}
#section-sensor-DE > div.sensor.flex-center > div:nth-child(1), #section-sensor-DE > div.sensor.flex-center > div:nth-child(2) {text-align: left; margin-top: 165px;}
#section-sensor-UK > div.sensor.flex-center > div:nth-child(1), #section-sensor-UK > div.sensor.flex-center > div:nth-child(2) {text-align: left; margin-top: 165px;}
#section-rgb > div.sensor.flex-center > div.separate-1-3 {width: 12.66%;}
#section-rgb > div.sensor.flex-center > div.separate-2-3 {width: 79.33%;}
#section-feature > div:nth-child(4) > div > div:nth-child(1) > div.sensor.flex-start, #section-feature > div:nth-child(4) > div > div:nth-child(2) > div.sensor.flex-start {text-align: left;}
#section-rate > div.sensor.flex-center > div.separate-1-2 {text-align: left;}
#section-rate > div.sensor.flex-center > div.separate-2-2 > div > img {transform: scale(1.5); margin: 10% 0% 15% 30%;}
#section-rate > div.sensor.flex-center > div.separate-1-2 > p:nth-child(2) {margin-top: 8%; position: absolute;}

.main .rgb-glow-header {position: absolute; top: 0px; left: 50%; transform: translateX(-50%);}
.main .hue-animation {animation: color-hue 5s 0.2s linear infinite;}
.main .section-header {position: relative;}

.d-flex {display: flex}
.flex-center {display: flex; align-items: center;}
.flex-start {display: flex; align-items: flex-start;}
.justify-center {justify-content: center;}
.carousel-icon {margin: 0px 15px 0 0;}
.carousel-icon img {width: 76px;}
.titleText {color: #ffb606;}
.titleText-w {color: #fff;}
.text-center {text-align: center;}
.uc {text-transform: uppercase;}
.main .lightImg {margin: -5px auto 5px;}
#section-sensor > div > div.separate-1-2.opacitychange > div.flex-center > div > img {margin-left: -20px;}
#section-sensor-FR > div > div.separate-1-2.opacitychange > div.flex-center > div > img {margin-left: -20px;}
#section-sensor-DE > div > div.separate-1-2.opacitychange > div.flex-center > div > img {margin-left: -20px;}
#section-sensor-UK > div > div.separate-1-2.opacitychange > div.flex-center > div > img {margin-left: -20px;}
label.more-purple {text-align: center; margin: 20px auto 0px auto; width: 50px; cursor: pointer; display: block;}
label.more-purple #check-purple {display: none;}
.seemore {-webkit-animation: scaleDraw 5s ease-in-out infinite;}
@keyframes scaleDraw {
  0%{transform: scale(1);}
  25%{transform: scale(1.1);}
  50%{transform: scale(1);}
  75%{transform: scale(1.1);}
}

@keyframes color-hue {
 from {-webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg);}
 to {-webkit-filter: hue-rotate(359deg); filter: hue-rotate(359deg);}
}
.type-icon {position: relative; display: flex; justify-content: center; padding: 3% 35% 0;}
#type-picture {width: 70%; float: left;}
#section-choice > div.sensor.flex-center > div:nth-child(1) > div.separate-50 > .type-icon > a {margin: 6%;}
#section-caps > div.sensor.flex-center > div:nth-child(1) > p, #section-caps > div.sensor.flex-center > div:nth-child(2) > p {margin-top: 10px;}
#section-rgb > div.separate.flex-center > div.separate-3-4 > div > ul > li {transform: scale(1); transition: .2s;}
#section-rgb > div.separate.flex-center > div.separate-3-4 > div > ul > li:hover {transform: scale(1.05);}
#section-rgb > div.separate.flex-center > div.separate-3-4 > div > ul > li.rgb-list-active {transform: scale(1.05);}

main .nav-bg { background: #28282c; position: relative; z-index: 999;}
main .nav {display: flex; justify-content: center; list-style: none; margin: 0 auto; max-width: 1200px; text-transform: uppercase;}
main .nav li {cursor: pointer; margin: 0; padding: 0.5em 1.5em; font-size: 19px;}
main .nav li.nav-active {color: #fff; font-weight: 700; text-decoration: underline;}
main .nav li:hover, .nav a:hover {background-color: #45454b; color: #fff;}
main .nav a {display: block; margin: 0; padding: 0; text-decoration: none;}
main .is-sticky .nav-bg {width: 100%;}
main #undefined-sticky-wrapper.sticky-wrapper {background: #151517;}

.mac-dock {width: 100%; text-align: center; max-width: 1600px; margin-left: auto; margin-right: auto;}
.layer-two {width: 75%; display: inline-block; transition: 0.5s; cursor: pointer; text-align: center; filter: brightness(1); transform: scale(1);}
.layer-two h5 {transition: 0.5s; font-size: 2.5em;}
#tabs {margin: 1.5em 0;}
main #section-soon > div > div.flex-center > .separate {margin: 0.5rem 2%; width: 30%;}
main #section-soon p {font-weight: 500; text-align: center; margin-top: 15px;}
main #section-soon img:hover {transform: scale(1.04);}
main #section-soon img {transform: scale(1); transition: .2s;}

.slider-precision .picture {padding: 0px 25px;}
.slider-precision h3 {font-size: 32px;}
.slider-precision p {font-size: 1.15rem; line-height: 1.25rem;}
.slider-precision > button {top: 39%}
.slider-precision ul {bottom: 14%;}
.slider-precision ul > li {height: 15px; width: 15px; line-height: 15px; text-align: center; background-color: #666;}
.slider-precision li button {height: 15px; width: 15px; line-height: 15px; text-align: center;}
.slick-dots li button::before {font-size: 45px; height: 15px; width: 15px; line-height: 15px; text-align: center; left: 50%; top: 50%; transform: translate(-50%,-52%); vertical-align: middle;}
#section-choice > div.sensor.flex-center {padding: 2% 0 3%;}

.moredetail {width: 100%; margin: 0 auto;}
.moredetail button {top: 48%;}
section .slick-track {width: 100%;}
section .slick-arrow {position: absolute; z-index: 3;}
section .slick-next, section .slick-prev {width: 30px; height: 30px; border-radius: 50%; background-color: #000;}
section .slick-next {right: 5px;}
section .slick-prev {left: 5px;}
section .slick-list {width: 95%; text-align: center; margin-right: auto; margin-left: auto;}
section .slider-detail {width: 100%;}
section .slider-detail img {width: 100%; display: block;}
section .slider-detail a {display: block; padding: 0px 1em;}
.slick-prev:before, .slick-next:before {color: #626262;}
/* .layer-two:hover {transform: scale(1.15); filter: brightness(1.2);} */
.layer-two-active {transform: scale(1.15); filter: brightness(1.2);}
.layer-two-tab {transition: 0.3s;}
#section-choice #tabs #z20 > div.layer-two-tab > img, #section-choice #tabs #z15 > div.layer-two-tab > img {position: absolute; top: 0; left: 0;}


@media (min-width: 3840px) { #section-rgb #picker {z-index: 5; margin: 5% 0 0 4% !important; position: absolute;} }
@media (min-width: 2500px) { #picker {z-index: 5; margin: 7% 0 0 5% !important; position: absolute;} }

@media (max-width: 1200px) {
  .pictures ul {top: -45%;}
  .mac-dock {text-align: center;}
  /* .layer-two {width: 20%; max-width: 180px;} */
  .detail-info .separate-1-2:nth-child(1) {padding-top: 6.5%; padding-bottom: 4.5%;}
  section[data-id="#section-choice"] {min-height: 510px;}
  #section-rate > div.sensor.flex-center > div.separate-1-2 > p:nth-child(2) {margin-top: 7%;}
}
@media (max-width: 1000px) {
  .pictures {margin-bottom: 0px;}
  .pictures .pic {width: 30%;}
  .pictures .line {height: 70%;}
  .pictures ul {left: 80%;  top: -13%;}
  #section-choice > div.sensor.flex-center {padding-top: 0%;}
  section[data-id="#section-choice"] {min-height: 422px;}
  #section-rate > div.sensor.flex-center > div.separate-1-2 > p:nth-child(2) {margin-top: 6%;}
  #section-choice #tabs #z20 > div.layer-two-tab > img, #section-choice #tabs #z15 > div.layer-two-tab > img {position: relative;}
}
@media (max-width: 900px) {
  section .slider-detail {padding-bottom: 45px;}
  .slider-precision ul {bottom: 16% !important;}
  #section-technology .technology-txt {left: 12.5%; top: 77%;}
  #section-rate > div.sensor.flex-center > div.separate-1-2 > p:nth-child(2) {margin-top: 5%;}
  #section-rate > div.sensor.flex-center > div.separate-1-2 p {font-size: 14px;}
}
@media (max-width: 800px) {
  .guild-bar {display: none;}
}
@media (max-width: 768px) {
  .separate .separate-1-2 {width: 100%;}
  .button-group {margin-top: 30px;}
  section[data-design="choice"] {background: #000;}
  section[data-id="#section-sensor"], section[data-id="#section-sensor-FR"], section[data-id="#section-sensor-DE"], section[data-id="#section-sensor-UK"] {background: #000;}
  .detail-info {background: linear-gradient(to bottom, #000, #000, #000);}
  .detail-info a {color: #fff;}
  .detail-info .separate-1-2:nth-child(2) .margin-title-distance {color: #fff;}
  .slider-precision ul {bottom: 34% !important;}

  section h1 {font-size: 2.5rem; line-height: 1.2; text-align: center;}
  section h2 {font-size: 2rem; line-height: 2.5rem; text-align: center;}
  .margin-title-distance { margin-bottom: 20px;}
  section:not(.section-header) {padding: 20px 1rem;}
  section[data-design="choice"] {padding-left: 0px; padding-right: 0px;}
  main #section-soon > div > div.flex-center > .separate {margin: 0.5rem 2%; width: 100%;}

  .separate > .separate-1-3, .separate .separate-2-3, .separate .separate-1-2 {width: 100%;}
  .separate > .separate-1-4, .separate > .separate-1-5 {width: 50%; margin-bottom: 30px;}
  .separate > .separate-2-3, .separate .separate-1-2 {margin-bottom: 30px;}

  #section-rate > div.sensor.flex-center > div.separate-1-2 > p:nth-child(2) {margin-top: 23%;}
  #section-rate > div.sensor.flex-center > div.separate-1-2 p {font-size: 1.15rem;}
  #section-rate > div.sensor.flex-center > div.separate-2-2 > div > img {display: none;}
  #section-sensor > div.separate > div > img, #section-rate > div.separate > div > img {display: none;}
  #section-sensor-FR > div.separate > div > img, #section-rate > div.separate > div > img {display: none;}
  #section-sensor-DE > div.separate > div > img, #section-rate > div.separate > div > img {display: none;}
  #section-sensor-UK > div.separate > div > img, #section-rate > div.separate > div > img {display: none;}
  #section-sensor > div > div.separate-1-2.opacitychange > div.flex-center > img {display: none;}
  #section-sensor-FR > div > div.separate-1-2.opacitychange > div.flex-center > img {display: none;}
  #section-sensor-DE > div > div.separate-1-2.opacitychange > div.flex-center > img {display: none;}
  #section-sensor-UK > div > div.separate-1-2.opacitychange > div.flex-center > img {display: none;}
  #section-design .separate-1-2.sensor.max-width-500 {display: block;}
  .flex-center, .flex-start, .connection-block {display: block;}
  #type-picture {display: none;}
  #section-choice {padding: 0;}
  section[data-id="#section-choice"] {min-height: 332px;}
  .slider-precision {max-width: 560px;}
  /* .type-icon {position: relative; display: flex; justify-content: flex-start; padding: 3% 13% 0;} */

  /* #rgb-container {clip-path: none !important;} */
  #rgb-container {clip-path: inset(0px 15px 0px 15px) !important;}
  #section-sensor > div.sensor.flex-center > div:nth-child(1), #section-sensor > div.sensor.flex-center > div:nth-child(2) {margin-top: 0px;}
  #section-sensor-FR > div.sensor.flex-center > div:nth-child(1), #section-sensor-FR > div.sensor.flex-center > div:nth-child(2) {margin-top: 0px;}
  #section-sensor-DE > div.sensor.flex-center > div:nth-child(1), #section-sensor-DE > div.sensor.flex-center > div:nth-child(2) {margin-top: 0px;}
  #section-sensor-UK > div.sensor.flex-center > div:nth-child(1), #section-sensor-UK > div.sensor.flex-center > div:nth-child(2) {margin-top: 0px;}
  section[data-id="#section-sensor"], section[data-id="#section-sensor-FR"], section[data-id="#section-sensor-DE"], section[data-id="#section-sensor-UK"] {min-height: auto;}

  #picker {z-index: 5; margin: 0% 0% 0% 7% !important; position: absolute;}
  #section-rgb > div:nth-child(3) > div.separate-3-4 {margin: 150px 0 -10px !important;}
  #section-rgb > div:nth-child(4) > div.separate-3-4 {margin: -50px 0 -10px !important;}
  .rgb-states {transform: scale(0.8); transform-origin: left;}
  .separate .separate-3-4 {width: 100%;}
}
@media (max-width: 600px) {
  .mac-dock {box-sizing: border-box; padding: 0px 0%; text-align: center;}
  .mac-dock h5 {font-size: 24px; }
  .detail-info {padding: 0px;}
  section[data-id="#section-choice"] {background: none; min-height: auto;}
  #section-programmable .programmable-txt {font-size: 0.8rem; line-height: 1;}
  /* .layer-two {width: 25%;} */
  .type-icon {justify-content: center; padding: 5% 5% 0;}
  .slider-precision {max-width: 500px;}
  .separate > .separate-1-4, .separate > .separate-1-5 {width: 100%;}
}
@media (max-width: 550px) {
  .pictures .pic {width: 60%;}
  .pictures ul {left: 90%;}
  .slider-precision ul {display: none !important;}
  .slider-precision {max-width: 440px;}
}
@media (max-width: 480px){
  section h1 {font-size: 2rem; line-height: 1.2; text-align: center;}
  .slider-precision {max-width: 350px;}
  #section-rgb > div:nth-child(3).separate, #section-rgb > div:nth-child(4).separate {transform: scale(0.85) translateX(-15%);}
  .rgb-states .rgb-txt-intro {margin: 0px 0px 5px 5px !important;}
  #picker {z-index: 5; margin: 0% 0% 0% 33% !important; position: absolute;}
  #section-rgb > div:nth-child(3) > div.separate-3-4 {margin: 130px 0 -10px !important;}
  #section-rgb > div:nth-child(4) > div.separate-3-4 {margin: -100px 0 -10px !important;}
  .rgb-states {transform: scale(0.6); transform-origin: left;}
  .separate .separate-3-4 {width: 100%;}
}








main #rgb-container #rgb-main-img {position: relative; pointer-events: none; z-index: 4; margin: 0; height: 100%; width: 100%;}
.first-rbg-text {margin: -10em 0 1em 0; text-align: center;}
#rgb-container {max-width: 100%; position: relative; z-index: 10; overflow: hidden; clip-path: inset(40px 20px 0px 20px);}
/* #rgb-circle-bg {width: 800px; height: 800px; background-color: #fa96b5; border-radius: 100%; position: absolute; left: 12%; top: -35%; transform: translate(50%, 50%); opacity: 0;} */
#rgb-circle-bg {margin: 0 auto; width: 100px; height: 100px; border: 17px solid rgba(155, 155, 55, 1.0); border-radius: 50%; position: absolute; top: 40%; left: 50%; transform: translate(50%, 50%);}
#rgb-full-bg {position: absolute; width: 92%; max-width: 1100px; height: 100%; max-height: 73%; top: 9%; left: 4%; margin: 0 auto; z-index: -1; background-color: white;}
#rgb-full-bg-bk {position: absolute; width: 92%; max-width: 1100px; height: 100%; max-height: 73%; top: 9%; left: 4%; margin: 0 auto; z-index: -11; background-color: #2d2d2d;}
#rgb-individual-bg li div {padding-bottom: inherit; float: left; opacity: 0; z-index: -99;}
.end-game-box { margin:11.5em 0; padding: 1.5em; background-color: rgba(127, 63, 191, 0.5)}
#rgb-individual-bg li {position: absolute; left: 0; width: 100%; height: 0; padding-bottom: 4%; margin: 0; max-width: 1200px;}
.img-effect-positioning {position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%);}
#picker {z-index: 5; margin: 10% 0 0 7%; position: absolute;}
#section-rgb > div:nth-child(3) > div.separate-3-4 {margin: 10px 10px -10px 0px;}
#section-rgb > div:nth-child(4) > div.separate-3-4 {margin: 0px 10px 0px 0px;}

.item-none {display: none !important;}
.item-block {display: block !important;}

.rgb-states {color: #fff;}
main .rgb-list-active img {filter: opacity(1);}
.header-text {font-size: 4vw; text-align: center; color: white;}

main #rgb-individual-bg .key-response:hover {opacity: 1; transition: opacity .5s ease;}
main #rgb-individual-bg {list-style: none; margin: 0;}
main .owl-nav {color: black;}


main .breath-animation {animation: breathIng 2s 0.2s linear infinite;}
main .wave-animation {animation: waveIng 2s 0.2s linear infinite;}
main .pulse-animation {animation: pulseIng 5s 0.2s linear infinite;}
main .spiral-animation {animation: spiralIng 2s 0.2s linear infinite;}
main .ripple-animation {animation: rippleIng 1s 0.2s linear infinite;}
main .static-animation {animation: staticIng 2s 0.2s linear infinite;}
main .trigger-animation {animation: triggerIng 2s 0.2s linear infinite;}
main .fade-animation {animation: fadeIng 2s 0.2s linear infinite;}
main .byRow-animation {animation: byRowIng 3s ease 0s infinite normal none running; background-color: transparent!important; background-image: url(https://images.evga.com/articles/01467/rgb_row.png); background-position-x: center; background-repeat: repeat-y; /*animation: byRowIng 3s 0.2s linear infinite;*/}
main .explosion-animation {animation: explosionIng 1.3s 0.2s linear infinite;}
main .thunder-animation {animation: thunderIng 3s 0.2s linear infinite;}
main .raining-animation {animation: rainingIng 2s 0.2s linear infinite;}
main .waveLightBar-animation {animation: waveLightBarIng 1.5s 0.2s linear infinite;}
main .hairSalon-animation {animation: hairSalonIng 2.5s 0.2s linear infinite; background-image: repeating-linear-gradient(#0c1f91 0px, #0c1f91 10px, #fff 10px, #fff 20px, #ec273c 20px, #ec273c 30px); transform:rotate(-30deg);}

/*-----lighting rain-----*/
#rgb-individual-bg.raining-animation li div:nth-child(1){background-color: #ffaa00 !important; box-shadow: 0 0 5px 1px #ffaa00 !important; -webkit-animation: fadeIng 5s 1s infinite; -o-animation: fadeIng 5s 1s infinite;	animation: fadeIng 5s 1s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(2) div:nth-child(1){-webkit-animation: fadeIng 5s 1.1s infinite; -o-animation: fadeIng 5s 1.1s infinite; animation: fadeIng 5s 1.1s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(3) div:nth-child(1){-webkit-animation: fadeIng 5s 1.2s infinite; -o-animation: fadeIng 5s 1.2s infinite; animation: fadeIng 5s 1.2s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(4) div:nth-child(1){-webkit-animation: fadeIng 5s 1.3s infinite; -o-animation: fadeIng 5s 1.3s infinite; animation: fadeIng 5s 1.3s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(5) div:nth-child(1){-webkit-animation: fadeIng 5s 1.4s infinite; -o-animation: fadeIng 5s 1.4s infinite; animation: fadeIng 5s 1.4s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(6) div:nth-child(1){-webkit-animation: fadeIng 5s 1.5s infinite; -o-animation: fadeIng 5s 1.5s infinite; animation: fadeIng 5s 1.5s infinite;}
/* left light */
#rgb-individual-bg.raining-animation:before{content:'';	display: block;	width: 10%;	height: 100%;	position: absolute;	top: 0;	left: 0; background-color: #ffaa00;	opacity: 0;	-webkit-animation: fadeIng 5s 1s infinite; -o-animation: fadeIng 5s 1s infinite; animation: fadeIng 5s 1s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(1) div:nth-child(9), #rgb-individual-bg.raining-animation li:nth-child(2) div:nth-child(11), #rgb-individual-bg.raining-animation li:nth-child(3) div:nth-child(11), #rgb-individual-bg.raining-animation li:nth-child(4) div:nth-child(11), #rgb-individual-bg.raining-animation li:nth-child(5) div:nth-child(10), #rgb-individual-bg.raining-animation li:nth-child(6) div:nth-child(5){background-color: #b0ff00 !important; box-shadow: 0 0 5px 1px #b0ff00 !important; -webkit-animation: fadeIng 5s 1s infinite; -o-animation: fadeIng 5s 1s infinite;	animation: fadeIng 5s 1s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(2) div:nth-child(11){-webkit-animation: fadeIng 5s 1.1s infinite; -o-animation: fadeIng 5s 1.1s infinite;	animation: fadeIng 5s 1.1s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(3) div:nth-child(11){-webkit-animation: fadeIng 5s 1.2s infinite; -o-animation: fadeIng 5s 1.2s infinite;	animation: fadeIng 5s 1.2s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(4) div:nth-child(11){-webkit-animation: fadeIng 5s 1.3s infinite;	-o-animation: fadeIng 5s 1.3s infinite;	animation: fadeIng 5s 1.3s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(5) div:nth-child(10){-webkit-animation: fadeIng 5s 1.4s infinite;	-o-animation: fadeIng 5s 1.4s infinite;	animation: fadeIng 5s 1.4s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(6) div:nth-child(5){-webkit-animation: fadeIng 5s 1.5s infinite; -o-animation: fadeIng 5s 1.5s infinite; animation: fadeIng 5s 1.5s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(1) div:nth-child(2), #rgb-individual-bg.raining-animation li:nth-child(2) div:nth-child(3),	#rgb-individual-bg.raining-animation li:nth-child(3) div:nth-child(3), #rgb-individual-bg.raining-animation li:nth-child(4) div:nth-child(3), #rgb-individual-bg.raining-animation li:nth-child(5) div:nth-child(2), #rgb-individual-bg.raining-animation li:nth-child(6) div:nth-child(3){background-color: #e100ff !important; box-shadow: 0 0 5px 1px #e100ff !important; -webkit-animation: fadeIng 4s 2s infinite;	-o-animation: fadeIng 4s 2s infinite;	animation: fadeIng 4s 2s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(2) div:nth-child(3){-webkit-animation: fadeIng 4s 2.1s infinite; -o-animation: fadeIng 4s 2.1s infinite; animation: fadeIng 4s 2.1s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(3) div:nth-child(3){-webkit-animation: fadeIng 4s 2.2s infinite; -o-animation: fadeIng 4s 2.2s infinite; animation: fadeIng 4s 2.2s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(4) div:nth-child(3){-webkit-animation: fadeIng 4s 2.3s infinite; -o-animation: fadeIng 4s 2.3s infinite; animation: fadeIng 4s 2.3s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(5) div:nth-child(2){-webkit-animation: fadeIng 4s 2.4s infinite; -o-animation: fadeIng 4s 2.4s infinite; animation: fadeIng 4s 2.4s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(6) div:nth-child(3){-webkit-animation: fadeIng 4s 2.5s infinite; -o-animation: fadeIng 4s 2.5s infinite; animation: fadeIng 4s 2.5s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(1) div:nth-child(14), #rgb-individual-bg.raining-animation li:nth-child(2) div:nth-child(15), #rgb-individual-bg.raining-animation li:nth-child(3) div:nth-child(15), #rgb-individual-bg.raining-animation li:nth-child(6) div:nth-child(9){background-color: #cc0033 !important;	box-shadow: 0 0 5px 1px #cc0033 !important;	-webkit-animation: fadeIng 2s 2s infinite; -o-animation: fadeIng 2s 2s infinite; animation: fadeIng 2s 2s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(2) div:nth-child(15){-webkit-animation: fadeIng 2s 2.1s infinite;	-o-animation: fadeIng 2s 2.1s infinite;	animation: fadeIng 2s 2.1s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(3) div:nth-child(15){-webkit-animation: fadeIng 2s 2.2s infinite;	-o-animation: fadeIng 2s 2.2s infinite;	animation: fadeIng 2s 2.2s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(6) div:nth-child(9){-webkit-animation: fadeIng 2s 2.4s infinite; -o-animation: fadeIng 2s 2.4s infinite; animation: fadeIng 2s 2.4s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(2) div:nth-child(21), #rgb-individual-bg.raining-animation li:nth-child(3) div:nth-child(21),	#rgb-individual-bg.raining-animation li:nth-child(4) div:nth-child(17),	#rgb-individual-bg.raining-animation li:nth-child(5) div:nth-child(17){background-color: #0093ff !important; box-shadow: 0 0 5px 1px #0093ff !important; -webkit-animation: fadeIng 5s infinite; -o-animation: fadeIng 5s infinite;	animation: fadeIng 5s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(3) div:nth-child(21){-webkit-animation: fadeIng 5s .1s infinite; -o-animation: fadeIng 5s .1s infinite;	animation: fadeIng 5s .1s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(4) div:nth-child(17){-webkit-animation: fadeIng 5s .2s infinite; -o-animation: fadeIng 5s .2s infinite;	animation: fadeIng 5s .2s infinite;}
#rgb-individual-bg.raining-animation li:nth-child(5) div:nth-child(17){-webkit-animation: fadeIng 5s .3s infinite; -o-animation: fadeIng 5s .3s infinite;	animation: fadeIng 5s .3s infinite;}
/* right light */
#rgb-individual-bg.raining-animation:after{content:''; display: block; width: 10%; height: 100%; position: absolute; top: 0; right: 0; background-color: #0093ff;	opacity: 0;	-webkit-animation: fadeIng 5s infinite;	-o-animation: fadeIng 5s infinite; animation: fadeIng 5s infinite;}

/*-----lighting StarShine-----*/
#rgb-individual-bg.ripple-animation li:nth-child(1) div:nth-child(3){background-color: #ffaa00 !important; box-shadow: 0 0 5px 1px #ffaa00 !important; -webkit-animation: fadeIng 2s 1s infinite; -o-animation: fadeIng 2s 1s infinite; animation: fadeIng 2s 1s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(2) div:nth-child(9){background-color: #ff0000 !important; box-shadow: 0 0 5px 1px #ff0000 !important; -webkit-animation: fadeIng 4s 1s infinite; -o-animation: fadeIng 4s 1s infinite; animation: fadeIng 4s 1s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(3) div:nth-child(5){background-color: #e100ff !important; box-shadow: 0 0 5px 1px #e100ff !important; -webkit-animation: fadeIng 3s 2s infinite; -o-animation: fadeIng 3s 2s infinite; animation: fadeIng 3s 2s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(4) div:nth-child(18){background-color: #cc0033 !important; box-shadow: 0 0 5px 1px #cc0033 !important; -webkit-animation: fadeIng 1s 2s infinite; -o-animation: fadeIng 1s 2s infinite; animation: fadeIng 1s 2s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(5) div:nth-child(10){background-color: #0093ff !important; box-shadow: 0 0 5px 1px #0093ff !important; -webkit-animation: fadeIng 4s infinite; -o-animation: fadeIng 4s infinite; animation: fadeIng 4s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(6) div:nth-child(2){background-color: #0034d2 !important; box-shadow: 0 0 5px 1px #0034d2 !important; -webkit-animation: fadeIng 4s infinite; -o-animation: fadeIng 4s infinite; animation: fadeIng 4s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(6) div:nth-child(13){background-color: #b1b6a6 !important; box-shadow: 0 0 5px 1px #b0ff00 !important; -webkit-animation: fadeIng 3s 1s infinite; -o-animation: fadeIng 3s 1s infinite; animation: fadeIng 3s 1s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(3) div:nth-child(6){background-color: #ffaa00 !important; box-shadow: 0 0 5px 1px #ffaa00 !important; -webkit-animation: fadeIng 2s 1s infinite; -o-animation: fadeIng 2s 1s infinite; animation: fadeIng 2s 1s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(1) div:nth-child(19){background-color: #ff0000 !important; box-shadow: 0 0 5px 1px #ff0000 !important; -webkit-animation: fadeIng 4s 1s infinite; -o-animation: fadeIng 4s 1s infinite; animation: fadeIng 4s 1s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(4) div:nth-child(8){background-color: #e100ff !important; box-shadow: 0 0 5px 1px #e100ff !important; -webkit-animation: fadeIng 3s 2s infinite; -o-animation: fadeIng 3s 2s infinite; animation: fadeIng 3s 2s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(5) div:nth-child(15){background-color: #cc0033 !important; box-shadow: 0 0 5px 1px #cc0033 !important; -webkit-animation: fadeIng 1s 2s infinite; -o-animation: fadeIng 1s 2s infinite; animation: fadeIng 1s 2s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(6) div:nth-child(13){background-color: #0093ff !important; box-shadow: 0 0 5px 1px #0093ff !important; -webkit-animation: fadeIng 4s infinite; -o-animation: fadeIng 4s infinite; animation: fadeIng 4s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(2) div:nth-child(5){background-color: #0034d2 !important; box-shadow: 0 0 5px 1px #0034d2 !important; -webkit-animation: fadeIng 4s infinite; -o-animation: fadeIng 4s infinite; animation: fadeIng 4s infinite;}
#rgb-individual-bg.ripple-animation li:nth-child(1) div:nth-child(3){background-color: #b0ff00 !important; box-shadow: 0 0 5px 1px #b0ff00 !important; -webkit-animation: fadeIng 3s 1s infinite; -o-animation: fadeIng 3s 1s infinite; animation: fadeIng 3s 1s infinite;}

/*-----lighting thunder-----*/
#rgb-individual-bg.thunder-animation li:nth-child(1) div:nth-child(9),
#rgb-individual-bg.thunder-animation li:nth-child(2) div:nth-child(10),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(8),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(9),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(10),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(11),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(8),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(9),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(10),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(11),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(12),
#rgb-individual-bg.thunder-animation li:nth-child(5) div:nth-child(9),
#rgb-individual-bg.thunder-animation li:nth-child(6) div:nth-child(5){background-color: #ffaa00 !important; box-shadow: 0 0 5px 1px #ffaa00 !important; -webkit-animation: fadeIng 3s 1s infinite; -o-animation: fadeIng 3s 1s infinite; animation: fadeIng 3s 1s infinite;}
#rgb-individual-bg.thunder-animation li:nth-child(1) div:nth-child(3),
#rgb-individual-bg.thunder-animation li:nth-child(2) div:nth-child(3),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(2),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(3),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(1),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(2),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(3),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(4),
#rgb-individual-bg.thunder-animation li:nth-child(5) div:nth-child(2),
#rgb-individual-bg.thunder-animation li:nth-child(5) div:nth-child(3),
#rgb-individual-bg.thunder-animation li:nth-child(6) div:nth-child(1),
#rgb-individual-bg.thunder-animation li:nth-child(6) div:nth-child(2){background-color: #e100ff !important; box-shadow: 0 0 5px 1px #e100ff !important; -webkit-animation: fadeIng 2.5s 1s infinite; -o-animation: fadeIng 2.5s 1s infinite; animation: fadeIng 2.5s 1s infinite;}
#rgb-individual-bg.thunder-animation li:nth-child(1) div:nth-child(12),
#rgb-individual-bg.thunder-animation li:nth-child(2) div:nth-child(13),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(12),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(13),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(11),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(12),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(13),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(14),
#rgb-individual-bg.thunder-animation li:nth-child(5) div:nth-child(13),
#rgb-individual-bg.thunder-animation li:nth-child(6) div:nth-child(7),
#rgb-individual-bg.thunder-animation li:nth-child(6) div:nth-child(8){background-color: #cc0033 !important; box-shadow: 0 0 5px 1px #cc0033 !important; -webkit-animation: fadeIng 4s 1s infinite; -o-animation: fadeIng 4s 1s infinite; animation: fadeIng 4s 1s infinite;}
#rgb-individual-bg.thunder-animation li:nth-child(1) div:nth-child(5),
#rgb-individual-bg.thunder-animation li:nth-child(2) div:nth-child(6),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(5),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(6),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(4),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(5),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(6),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(7),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(8),
#rgb-individual-bg.thunder-animation li:nth-child(5) div:nth-child(6),
#rgb-individual-bg.thunder-animation li:nth-child(5) div:nth-child(7),
#rgb-individual-bg.thunder-animation li:nth-child(6) div:nth-child(5){background-color: #0093ff !important; box-shadow: 0 0 5px 1px #0093ff !important; -webkit-animation: fadeIng 2s 1s infinite; -o-animation: fadeIng 2s 1s infinite; animation: fadeIng 2s 1s infinite;}
#rgb-individual-bg.thunder-animation li:nth-child(1) div:nth-child(19),
#rgb-individual-bg.thunder-animation li:nth-child(2) div:nth-child(19),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(18),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(19),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(20),
#rgb-individual-bg.thunder-animation li:nth-child(3) div:nth-child(21),
#rgb-individual-bg.thunder-animation li:nth-child(4) div:nth-child(17),
#rgb-individual-bg.thunder-animation li:nth-child(5) div:nth-child(16),
#rgb-individual-bg.thunder-animation li:nth-child(6) div:nth-child(13){background-color: #b0ff00 !important; box-shadow: 0 0 5px 1px #b0ff00 !important; -webkit-animation: fadeIng 3.5s 1s infinite; -o-animation: fadeIng 3.5s 1s infinite; animation: fadeIng 3.5s 1s infinite;}

/*-----lighting waveLightBarIng-----*/
#rgb-individual-bg.waveLightBar-animation:before{content:''; display: block; width: 7.5%; height: 500px; position: absolute; top: 0; left: 0; background-color: #0093ff; opacity: 1;}
#rgb-individual-bg.waveLightBar-animation:after{content:''; display: block; width: 7.5%; height: 500px; position: absolute; top: 0; right: 0; background-color: #0093ff; opacity: 1;}

@keyframes breathIng {0% {opacity: 1} 50% {opacity: 0}}
@keyframes waveIng {0% {background-color: red;} 2% {background-color: red;} 10.3% {background-color: orange;} 18.6% {background-color: yellow;} 35.2% {background-color: #00db4a;} 51.8% {background-color: #00deff;} 68.4% {background-color: #0023ff;} 85% {background-color: #e100ff;} 100% {background-color: red;}}
@keyframes pulseIng {from {-webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); 0% {opacity: 1};} to {-webkit-filter: hue-rotate(359deg); filter: hue-rotate(359deg); 50% {opacity: 0};}}
@keyframes spiralIng {0% {opacity: 1} 50% {opacity: 0}}
@keyframes rippleIng {0% {opacity: 1} 50% {opacity: 0}}
@keyframes staticIng {0% {opacity: 1} 50% {opacity: 1}}
@keyframes triggerIng {0% {opacity: 1} 50% {opacity: 1}}
@keyframes fadeIng {0% {opacity: 1} 50% {opacity: 0}}
@keyframes byRowIng {0% {transform:scaleY(1.0); transform-origin: bottom;} 50% {transform:scaleY(4.5); transform-origin: bottom;} 100% {transform:scaleY(1.0); transform-origin: bottom;}}
@keyframes explosionIng {0% {transform: scale(0); opacity: 0.2;} 15% {transform: scale(1.5); opacity: 1;} 100% {transform: scale(12); opacity: 0.1;}}
@keyframes thunderIng {0% {opacity: 1} 50% {opacity: 0}}
@keyframes rainingIng {0% {opacity: 1} 50% {opacity: 0}}
@keyframes waveLightBarIng {0% {transform:translateY(-1100px);} 50% {transform:translateY(0px);} 100% {transform:translateY(-1100px);}}
@keyframes hairSalonIng {100% {-webkit-transform: translateX(calc(75px * -4)) rotate(-29deg) scale(7); transform: translateX(calc(75px * -4)) rotate(-29deg) scale(7);} 0% {-webkit-transform: translateX(550px) rotate(-30deg) scale(7); transform: translateX(550px) rotate(-30deg) scale(7);}}

main .farbtastic .color {margin: 0;}
.rgb-states {text-align: center; white-space: nowrap;}
.rgb-states li {display: inline-block; /*padding: .6em;*/ cursor: pointer; vertical-align: top;}
.rgb-states img {filter: opacity(.5); margin: 0px 10px; width: 70px;}
.rgb-states .rgb-txt {line-height: 1.2; padding-top: 7px; font-size: 16px;}
.rgb-states .rgb-txt-intro {text-align: left; font-size: 28px; font-weight: 600; margin: 0px 0px 3px 90px;}
main .rgb-states p {color: black; text-align: center;}


main #rgb-row-1 {top: 21.9%; padding-bottom: 4.2%;}
main #rgb-row-2 {top: 31.3%;}
main #rgb-row-3 {top: 38.3%;}
main #rgb-row-4 {top: 45.5%;}
main #rgb-row-5 {top: 52.5%;}
main #rgb-row-6 {top: 60%;}

#rgb-individual-bg div {width: 3.6%;}

main #rgb-row-1 div:nth-child(1) {margin-left: 8.8%;}
main #rgb-row-1 div:nth-child(2) {margin-left: 0.5%;}
main #rgb-row-1 div:nth-child(3) {margin-left: 3.4%;}
main #rgb-row-1 div:nth-child(7) {margin-left: 1.3%;}
main #rgb-row-1 div:nth-child(11) {margin-left: 1.5%;}
main #rgb-row-1 div:nth-child(15) {margin-left: 0.3%;}

main #rgb-row-2 div:nth-child(1) {margin-left: 8.6%; width: 4.2%;}
main #rgb-row-2 div:nth-child(2) {margin-left: 0.3%;}
main #rgb-row-2 div:nth-child(6) {margin-left: -0.5%;}
main #rgb-row-2 div:nth-child(10) {margin-left: -0.3%; width: 3.5%;}
main #rgb-row-2 div:nth-child(12) {width: 3.5%;}
main #rgb-row-2 div:nth-child(13) {width: 3.5%;}
main #rgb-row-2 div:nth-child(14) {margin-left: -0.3%; width: 3.5%;}
main #rgb-row-2 div:nth-child(15) {width: 7.2%;}
main #rgb-row-2 div:nth-child(16) {margin-left: 0.7%;}
main #rgb-row-2 div:nth-child(19) {margin-left: 0.5%;}
main #rgb-row-2 div:nth-child(22) {margin-left: -0.3%;}

main #rgb-row-3 div:nth-child(1) {margin-left: 8.8%;}
main #rgb-row-3 div:nth-child(2) {margin-left: 0.5%; width: 5.8%}
main #rgb-row-3 div:nth-child(3) {margin-left: -0.3%; width: 3.5%}
main #rgb-row-3 div:nth-child(6) {margin-left: -0.3%; width: 3.5%}
main #rgb-row-3 div:nth-child(10) {margin-left: -0.3%; width: 3.5%}
main #rgb-row-3 div:nth-child(11) {width: 3.5%;}
main #rgb-row-3 div:nth-child(12) {width: 3.5%;}
main #rgb-row-3 div:nth-child(14) {margin-left: -0.3%; width: 3.5%}
main #rgb-row-3 div:nth-child(15) {width: 5.75%;}
main #rgb-row-3 div:nth-child(16) {margin-left: 0.4%;}
main #rgb-row-3 div:nth-child(19) {margin-left: 0.5%;}
main #rgb-row-3 div:nth-child(22) {margin-left: -0.2%; padding-top: 3.3%;}

main #rgb-row-4 div:nth-child(1) {margin-left: 8.8%;}
main #rgb-row-4 div:nth-child(2) {margin-left: 0.7%; width: 6.2%}
main #rgb-row-4 div:nth-child(6) {margin-left: -0.2%; width: 3.5%;}
main #rgb-row-4 div:nth-child(8) {margin-left: -0.2%; width: 3.5%;}
main #rgb-row-4 div:nth-child(10) {margin-left: -0.3%; width: 3.5%;}
main #rgb-row-4 div:nth-child(11) {width: 3.5%;}
main #rgb-row-4 div:nth-child(12) {width: 3.5%;}
main #rgb-row-4 div:nth-child(14) {width: 8.0%;}
main #rgb-row-4 div:nth-child(15) {margin-left: 11.7%;}

main #rgb-row-5 div:nth-child(1) {margin-left: 8.8%;}
main #rgb-row-5 div:nth-child(2) {margin-left: 0.5%; width: 8.2%}
main #rgb-row-5 div:nth-child(5) {margin-left: -0.3%; width: 3.5%;}
main #rgb-row-5 div:nth-child(6) {width: 3.5%;}
main #rgb-row-5 div:nth-child(9) {margin-left: -0.3%; width: 3.5%;}
main #rgb-row-5 div:nth-child(10) {width: 3.5%;}
main #rgb-row-5 div:nth-child(11) {width: 3.5%;}
main #rgb-row-5 div:nth-child(12) {width: 3.5%;}
main #rgb-row-5 div:nth-child(13) {width: 10.0%;}
main #rgb-row-5 div:nth-child(14) {margin-left: 3.8%;}
main #rgb-row-5 div:nth-child(15) {margin-left: 4.1%;}
main #rgb-row-5 div:nth-child(18) {margin-left: -0.1%; padding-top: 3.6%;}

main #rgb-row-6 div:nth-child(1) {margin-left: 8.8%;}
main #rgb-row-6 div:nth-child(2) {margin-left: 0.7%; width: 4.5%}
main #rgb-row-6 div:nth-child(3) {width: 4.3%;}
main #rgb-row-6 div:nth-child(4) {width: 4.3%;}
main #rgb-row-6 div:nth-child(5) {width: 21.7%;}
main #rgb-row-6 div:nth-child(6) {width: 4.4%;}
main #rgb-row-6 div:nth-child(7) {width: 4.2%;}
main #rgb-row-6 div:nth-child(8) {width: 4.5%;}
main #rgb-row-6 div:nth-child(9) {width: 4.5%;}
main #rgb-row-6 div:nth-child(10) {width: 3.5%; margin-left: 0.8%;}
main #rgb-row-6 div:nth-child(11) {width: 3.5%;}
main #rgb-row-6 div:nth-child(12) {width: 3.5%;}
main #rgb-row-6 div:nth-child(13) {width: 7.0%; margin-left: 0.8%}

/* main .active { color: #fff !important; text-decoration: underline !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} */

@media only screen and (min-width: 1000px) {
  main .header-text-img {margin-right: -20% !important;}
  /* main .farbtastic {margin-top: -3em; transform: scale(0.7);} */
}

@media only screen and (max-width: 1921px) {
  .section-rgb img {margin-bottom: -4%;}
}