/**
 * TEMP
 */
@import url( 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese' );
body {
    background-color: #000;
    font-size: 12px;
}
/**
 * Fonts
 */
@font-face {
    font-family: 'MSI Kabylake icons';
    src:  url( '/fonts/msi-kbl-icons/msi-kbl-icons.eot' );
    src:  url( '/fonts/msi-kbl-icons/msi-kbl-icons.eot#iefix' ) format( 'embedded-opentype' ),
    url( '/fonts/msi-kbl-icons/msi-kbl-icons.ttf' ) format( 'truetype' ),
    url( '/fonts/msi-kbl-icons/msi-kbl-icons.woff' ) format( 'woff' ),
    url( '/fonts/msi-kbl-icons/msi-kbl-icons.svg#msi-kbl' ) format( 'svg' );
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MSI Mystic Light icons';
    src:  url( '/fonts/msi-mystic-light-icons/msi-mystic-light-icons.eot' );
    src:  url( '/fonts/msi-mystic-light-icons/msi-mystic-light-icons.eot#iefix' ) format( 'embedded-opentype' ),
    url( '/fonts/msi-mystic-light-icons/msi-mystic-light-icons.ttf' ) format( 'truetype' ),
    url( '/fonts/msi-mystic-light-icons/msi-mystic-light-icons.woff' ) format( 'woff' ),
    url( '/fonts/msi-mystic-light-icons/msi-mystic-light-icons.svg#msi-kbl' ) format( 'svg' );
    font-weight: normal;
    font-style: normal;
}
/**
 * Section container
 */
.section-container {
    border-bottom: 5px solid #fff;
}
/**
 * Section
 */
.section {
    background-color: #000;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    position: relative;
    width: 100%;
}
.section + .section {
    border-top: 6px solid #fff;
}
.section-title {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 54px;
    font-weight: 700;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}
/**
 * Common
 */
.text-black {
    color: #000;
}
.text-blue {
    color: #019cfe;
}
/**
 * Section toggle
 */
.section-toggle {
    background: none;
    border: none;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}
.section-toggle:focus,
.section-toggle:hover {
    outline: none;
}
.section-toggle-icon {
    border: none;
    border-radius: 50%;
    color: #000;
    display: block;
    font-size: 54px;
    font-weight: 700;
    height: 40px;
    line-height: 36px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    text-indent: 1px;
    transition: background-color 500ms 100ms ease-out, opacity 500ms 100ms ease-out, transform 500ms 200ms ease-out;
    width: 40px;
}
.section-toggle-icon:after,
.section-toggle-icon:before {
    background-color: #000;
    content: '';
    height: 6px;
    position: absolute;
    -webkit-transform-origin: 3px 3px;
    -moz-transform-origin: 3px 3px;
    transform-origin: 3px 3px;
    width: 30px;
}
.section-toggle-icon:after,
.section-toggle-icon:before {
    transition: left 200ms 1000ms ease-out, top 200ms 1000ms ease-out, transform 200ms 1000ms ease-out, width 200ms 1000ms ease-out;
}
.section-toggle-icon:after {
    left: 17px;
    top: 5px;
    transform: rotate( 90deg );
}
.section-toggle-icon:before {
    left: 5px;
    top: 17px;
}
.section-has-detail-loading .section-toggle-expand .section-toggle-icon:after,
.section-has-detail-loading .section-toggle-expand .section-toggle-icon:before {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.section-has-detail-loading .section-toggle-expand .section-toggle-icon:after {
    -webkit-animation: section-has-detail-loading-toggle-icon-rotate 2s linear infinite;
    -moz-animation: section-has-detail-loading-toggle-icon-rotate 2s linear infinite;
    animation: section-has-detail-loading-toggle-icon-rotate 2s linear infinite;
    -webkit-animation-delay: 1400ms;
    -moz-animation-delay: 1400ms;
    animation-delay: 1400ms;
    top: 17px;
    transform: rotate( 0 );
    width: 18px;
}
.section-has-detail-loading .section-toggle-expand .section-toggle-icon:before {
    -webkit-animation: section-has-detail-loading-toggle-icon-rotate 8s linear infinite;
    -moz-animation: section-has-detail-loading-toggle-icon-rotate 8s linear infinite;
    animation: section-has-detail-loading-toggle-icon-rotate 8s linear infinite;
    -webkit-animation-delay: 1000ms;
    -moz-animation-delay: 1000ms;
    animation-delay: 1000ms;
    left: 17px;
    width: 14px;
}
@-webkit-keyframes section-has-detail-loading-toggle-icon-rotate {
    0% {
        -webkit-transform: rotate( 0deg )
    }
    100% {
        -webkit-transform: rotate( 360deg )
    }
}
@-moz-keyframes section-has-detail-loading-toggle-icon-rotate {
    0% {
        -moz-transform: rotate( 0deg )
    }
    100% {
        -moz-transform: rotate( 360deg )
    }
}
@keyframes section-has-detail-loading-toggle-icon-rotate {
    0% {
        transform: rotate( 0deg )
    }
    100% {
        transform: rotate( 360deg )
    }
}
.section-toggle-label {
    color: #fff;
    display: table;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.025em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: uppercase;
    transition: color 750ms ease-in-out, margin 750ms 250ms ease-out, opacity 750ms 250ms ease-out;
}
/**
 * Section badges
 */
.section-badge {
    width: 5em;
}
.section-badge-icon {
    background-color: #fff;
    border-radius: 0.25em;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
    display: block;
    height: 5em;
    text-shadow: none;
}
.section-badge-title {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 300;
    margin-top: 1em;
    text-align: center;
    text-shadow: 1px 1px 5px #000;
}
.section-badges {
    bottom: 56px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9;
}
.section-badges .section-badge {
    display: inline-block;
    height: 8.3em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    position: relative;
}
.section-badges .section-badge-title {
    left: 0;
    position: absolute;
    right: 0;
    top: 5em;
}
.section-badge.animated {
    -webkit-animation: section-badge-animation 1000ms ease-out 0ms 1 normal both;
    -moz-animation: section-badge-animation 1000ms ease-out 0ms 1 normal both;
    -o-animation: section-badge-animation 1000ms ease-out 0ms 1 normal both;
    animation: section-badge-animation 1000ms ease-out 0ms 1 normal both;
    opacity: 0;
}
@-webkit-keyframes section-badge-animation {
    0% {
        opacity: 0;
        -webkit-transform: translate3d( 0, -25%, 0 );
        transform: translate3d( 0, -25%, 0 );
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-moz-keyframes section-badge-animation {
    0% {
        opacity: 0;
        -moz-transform: translate3d( 0, -25%, 0 );
        transform: translate3d( 0, -25%, 0 );
    }
    100% {
        opacity: 1;
        -moz-transform: none;
        transform: none;
    }
}
@-o-keyframes section-badge-animation {
    0% {
        opacity: 0;
        -o-transform: translate3d( 0, -50%, 0 );
        transform: translate3d( 0, -50%, 0 );
    }
    100% {
        opacity: 1;
        -o-transform: none;
        transform: none;
    }
}
@keyframes section-badge-animation {
    0% {
        opacity: 0;
        transform: translate3d( 0, -25%, 0 );
    }
    100% {
        opacity: 1;
        transform: none;
    }
}
@media(min-width: 992px) {
    .section-badge {
        width: 6em;
    }
    .section-badges .section-badge {
        height: 10em;
        margin-left: 1em;
        margin-right: 1em;
    }
    .section-badges .section-badge-title {
        top: 7em;
    }
    .section-badge-icon {
        height: 6em;
    }
}
/**
 * Section badge icons
 */
.section-badge-icon:before {
    content: "_";
    font-family: 'MSI Kabylake icons' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:80px\0;
    line-height: 60px\0;
    font-size: 3.5rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1.4em;
    speak: none;
    text-transform: none;
}
.section-badge-icon.section-badge-icon-4k-ultra-hd:before {
    content: "\e920";
}
.section-badge-icon.section-badge-icon-armor:before {
    content: "\e900";
}
.section-badge-icon.section-badge-icon-armor2:before {
    content: "\e901";
}
.section-badge-icon.section-badge-icon-audio-amp:before {
    content: "\e92c";
}
.section-badge-icon.section-badge-icon-audio-cap:before {
    content: "\e92d";
}
.section-badge-icon.section-badge-icon-audioboost:before {
    content: "\e91f";
}
.section-badge-icon.section-badge-icon-audioboost4:before {
    content: "\e91d";
}
.section-badge-icon.section-badge-icon-bios:before {
    content: "\e91e";
}
.section-badge-icon.section-badge-icon-certified:before {
    content: "\e902";
}
.section-badge-icon.section-badge-icon-checklist:before {
    content: "\e903";
}
.section-badge-icon.section-badge-icon-click-vr:before {
    content: "\e904";
}
.section-badge-icon.section-badge-icon-command:before {
    content: "\e905";
}
.section-badge-icon.section-badge-icon-ddr4-boost:before {
    content: "\e921";
}
.section-badge-icon.section-badge-icon-dvi:before {
    content: "\e932";
}
.section-badge-icon.section-badge-icon-fan:before {
    content: "\e906";
}
.section-badge-icon.section-badge-icon-fan-cable:before {
    content: "\e907";
}
.section-badge-icon.section-badge-icon-frontpanel:before {
    content: "\e908";
}
.section-badge-icon.section-badge-icon-gamepad:before {
    content: "\e909";
}
.section-badge-icon.section-badge-icon-gear-bolt:before {
    content: "\e922";
}
.section-badge-icon.section-badge-icon-gear-wrench:before {
    content: "\e923";
}
.section-badge-icon.section-badge-icon-heartbeat:before {
    content: "\e90a";
}
.section-badge-icon.section-badge-icon-hotkey:before {
    content: "\e90b";
}
.section-badge-icon.section-badge-icon-hw-monitor:before {
    content: "\e90c";
}
.section-badge-icon.section-badge-icon-intel:before {
    content: "\e924";
}
.section-badge-icon.section-badge-icon-killer-e2500:before {
    content: "\e925";
}
.section-badge-icon.section-badge-icon-led:before {
    content: "\e90d";
}
.section-badge-icon.section-badge-icon-lightning-usb:before {
    content: "\e926";
}
.section-badge-icon.section-badge-icon-m2:before {
    content: "\e90e";
}
.section-badge-icon.section-badge-icon-m2-shield:before {
    content: "\e927";
}
.section-badge-icon.section-badge-icon-magnifier:before {
    content: "\e90f";
}
.section-badge-icon.section-badge-icon-mc5:before {
    content: "\e910";
}
.section-badge-icon.section-badge-icon-meter:before {
    content: "\e911";
}
.section-badge-icon.section-badge-icon-meter2:before {
    content: "\e912";
}
.section-badge-icon.section-badge-icon-multi-gpu:before {
    content: "\e913";
}
.section-badge-icon.section-badge-icon-nahimic2:before {
    content: "\e914";
}
.section-badge-icon.section-badge-icon-optane-memory:before {
    content: "\e928";
}
.section-badge-icon.section-badge-icon-plus:before {
    content: "\e930";
}
.section-badge-icon.section-badge-icon-puzzle:before {
    content: "\e915";
}
.section-badge-icon.section-badge-icon-ram-speed:before {
    content: "\e933";
}
.section-badge-icon.section-badge-icon-ramdisk:before {
    content: "\e916";
}
.section-badge-icon.section-badge-icon-remote:before {
    content: "\e92f";
}
.section-badge-icon.section-badge-icon-rgb {
    background-image: url( '//asset.msi.com/global/picture/image/feature/mb/Z270/softwares/mystic/HeroBlock//msi-z270-rgb-icon.png' );
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.section-badge-icon.section-badge-icon-rgb:before {
    color: rgba(0,0,0,0);
}
.section-badge-icon.section-badge-icon-rev-usb-c:before {
    content: "\e917";
}
.section-badge-icon.section-badge-icon-rj45:before {
    content: "\e918";
}
.section-badge-icon.section-badge-icon-rj45-bolt:before {
    content: "\e929";
}
.section-badge-icon.section-badge-icon-traces:before {
    content: "\e919";
}
.section-badge-icon.section-badge-icon-u2:before {
    content: "\e91a";
}
.section-badge-icon.section-badge-icon-update:before {
    content: "\e91b";
}
.section-badge-icon.section-badge-icon-vga:before {
    content: "\e931";
}
.section-badge-icon.section-badge-icon-vga-dvi:before {
    content: "\e92e";
}
.section-badge-icon.section-badge-icon-vr-boost:before {
    content: "\e92a";
}
.section-badge-icon.section-badge-icon-watercooling:before {
    content: "\e91c";
}
.section-badge-icon.section-badge-icon-xboost:before {
    content: "\e92b";
}
@media(min-width: 992px) {
    .section-badge-icon:before {
        font-size: 4rem;
        line-height: 1.5em;
        font-size: 80px\0;
        line-height: 70px\0;
    }
}
/**
 * Section hero
 */
.section-hero {
    background-color: #000;
    font-size: 18px;
    position: relative;
    width: 100%;
}
/**
 * Section hero toggle
 */
.section-hero .section-toggle {
    /*		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 100%);
            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
            background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );*/
    border-bottom: 6px solid #f00;
    bottom: -6px;
    transition: border 500ms ease-out 100ms;
}
.section-has-detail-collapsing .section-hero .section-toggle,
.section-has-detail-expanded .section-hero .section-toggle,
.section-has-detail-expanding .section-hero .section-toggle {
    border-color: rgba(255,0,0,0);
}
.section-has-detail-collapsed .section-hero .section-toggle:focus,
.section-has-detail-collapsed .section-hero .section-toggle:hover {
    border-color: #fff;
}
.section-hero .section-toggle:focus .section-toggle-icon,
.section-hero .section-toggle:hover .section-toggle-icon {
    background-color: #fff;
}
/**
 * Section hero toggle label
 */
.section-hero .section-toggle-label {
    text-shadow: 1px 1px 5px #000;
}
.section-has-detail-expanding .section-hero .section-toggle-label,
.section-has-detail-expanded .section-hero .section-toggle-label {
    margin-top: -1em;
    margin-bottom: 2em;
    opacity: 0;
}
.section-hero .section-toggle:focus .section-toggle-label,
.section-hero .section-toggle:hover .section-toggle-label {
    color: #fff;
}
/**
 * Section hero toggle icon
 */
.section-hero .section-toggle-icon {
    margin-bottom: -23px;
}
.section-hero .section-toggle-icon.animated {
    -webkit-animation: section-hero-toggle-icon-animation 1000ms ease-out 250ms 1 normal both;
    -moz-animation: section-hero-toggle-icon-animation 1000ms ease-out 250ms 1 normal both;
    -o-animation: section-hero-toggle-icon-animation 1000ms ease-out 250ms 1 normal both;
    animation: section-hero-toggle-icon-animation 1000ms ease-out 250ms 1 normal both;
    opacity: 0;
}
@-webkit-keyframes section-hero-toggle-icon-animation {
    0% {
        opacity: 0;
        -webkit-transform: rotate( 0deg );
        transform: rotate( 0deg );
    }
    50% {
        opacity: 1;
        background-color: #fff;
        -webkit-transform: rotate( 180deg );
        transform: rotate( 180deg );
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate( 0deg );
        transform: rotate( 0deg );
    }
}
@-moz-keyframes section-hero-toggle-icon-animation {
    0% {
        opacity: 0;
        -moz-transform: rotate( 0deg );
        transform: rotate( 0deg );
    }
    50% {
        opacity: 1;
        background-color: #fff;
        -moz-transform: rotate( 180deg );
        transform: rotate( 180deg );
    }
    100% {
        opacity: 1;
        -moz-transform: rotate( 0deg );
        transform: rotate( 0deg );
    }
}
@-o-keyframes section-hero-toggle-icon-animation {
    0% {
        opacity: 0;
        -o-transform: rotate( 0deg );
        transform: rotate( 0deg );
    }
    50% {
        opacity: 1;
        background-color: #fff;
        -o-transform: rotate( 180deg );
        transform: rotate( 180deg );
    }
    100% {
        opacity: 1;
        -o-transform: rotate( 0deg );
        transform: rotate( 0deg );
    }
}
@keyframes section-hero-toggle-icon-animation {
    0% {
        opacity: 0;
        transform: rotate( 0 );
    }
    50% {
        opacity: 1;
        background-color: #fff;
        transform: scale3d( 180deg );
    }
    100% {
        opacity: 1;
        transform: rotate( 0 );
    }
}
.section-has-detail-expanded .section-hero .section-toggle-icon {
    height: 0;
    opacity: 0;
}
/**
 * Section hero toggle background
 */
.section-hero-background {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.section-hero-background img {
    height: auto;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 1;
}
.section-hero-background.align-bottom img {
    bottom: 0;
    position: absolute;
}
.section-hero-gradient-overlay {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    bottom: 0;
    height: 250px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.section-has-detail .section-hero-gradient-overlay {
    height: 13em;
}
/**
 * Section hero content
 */
.section-hero-content {
    overflow: hidden;
    padding-bottom: 17em;
    padding-top: 5em;
    position: relative;
    text-shadow: 0 0 1em #000;
    z-index: 2;
}
.section-hero-content.no-top-padding {
    padding-top: 0;
}
.section-hero-content img {
    height: auto;
    max-width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.section-hero-content .no-padding{
    padding-left: 0;
    padding-right:  0;
}
.section-hero-content .section-suptitle {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.section-hero-content .section-title {
    font-size: 42px;
    margin-top: 0;
    text-shadow: none;
}
.section-hero-content-image {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
}
.section-hero-content-text {
    margin-bottom: 5em;
}
@media(min-width: 992px) {
    .section-hero-content .section-title {
        font-size: 54px;
    }
}
@media (min-width: 1200px) {
    .section-hero-content {
        padding-bottom: 0;
    }
    .section-hero-content-text {
        margin-bottom: 0;
    }
}

/**
 * Section detail
 */
.section-detail {
    background-color: #000;
    display: none;
    /*	overflow: visible !important;*/
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 9;
}
.section-has-detail-collapsed .section-detail {
    height: 0;
    z-index: 0;
}
.section-has-detail-collapsing .section-detail,
.section-has-detail-expanding .section-detail {
    display: block;
    height: 0;
}
.section-has-detail-expanded .section-detail {
    display: block;
    height: auto;
}
/**
 * Section detail content
 */
.section-detail-content {
    max-height: 100%;
    overflow: hidden;
    padding-bottom: 45px;
    padding-top: 45px;
}
/**
 * Section detail toggle
 */
.section-detail .section-toggle {
    margin-top: 3px;
    position: absolute;
    top: 20px;
    transition: top 500ms ease-out 100ms;
}
.section-detail .section-toggle-fixed-bottom {
    bottom: 20px;
    top: auto;
}
.section-detail .section-toggle-fixed-top {
    position: fixed;
}
.section-has-detail-expanded .section-detail .section-toggle .section-toggle-icon {
    opacity: 0.5;
}
.section-has-detail-collapsing .section-detail .section-toggle {
    top: -20px;
}
/**
 * Section detail toggle label
 */
.section-detail .section-toggle-label {
    display: none;
}
/**
 * Section detail toggle icon
 */
.section-detail .section-toggle:focus .section-toggle-icon,
.section-detail .section-toggle:hover .section-toggle-icon {
    background-color: #fff;
    opacity: 1;
}
/**
 * Section collapse/expand
 */
/* Collapsing/collapsed */
/* Toggle collapse */
.section-has-detail-collapsed .section-toggle-collapse {
    display: none;
}
/* Toggle expand */
.section-has-detail-collapsing .section-toggle-expand {
    display: none;
}
/* Expanding/expanded */
/* Section detail */
/* Toggle */
.section-has-detail-expanding .section-toggle-icon,
.section-has-detail-expanded .section-toggle-icon {
    transform: rotate( 45deg );
}
/* Toggle collapse */
.section-has-detail-expanding .section-toggle-collapse {
    display: none;
}
/* Toggle expand */
.section-has-detail-expanded .section-toggle-expand {
    display: none;
}



/**
 * Theme colors
 */

.theme-gaming .section-container {
    border-color: #f00;
}
.section + .section,
.theme-gaming .section + .section {
    border-color: #f00;
}
.section-badge-icon,
.theme-gaming .section-badge-icon {
    background-color: #f00;
}
.section-toggle,
.theme-gaming .section-toggle{
    border-color: #f00;
}
.section-toggle-icon,
.theme-gaming .section-toggle-icon{
    background-color: #f00;
}
.section-toggle-label,
.theme-gaming .section-toggle-label{
    color: #f00;
}
.section-overview .section-hero-content ol.section-overview-list-io li::before,
.theme-gaming .section-overview .section-hero-content ol.section-overview-list-io li::before {
    border-color: #f00;
    color: #f00;
}
.section-overview .section-hero-content ol.section-overview-list-usps li::before,
.theme-gaming .section-overview .section-hero-content ol.section-overview-list-usps li::before {
    background-color: #f00;
}

.theme-pro .section-container {
    border-color: #019cfe;
}
.theme-pro .section + .section {
    border-color: #019cfe;
}
.theme-pro .section-badge-icon {
    background-color: #019cfe;
}
.theme-pro .section-toggle {
    border-color: #019cfe;
}
.theme-pro .section-toggle-icon {
    background-color: #019cfe;
}
.theme-pro .section-toggle-label {
    color: #019cfe;
}
.theme-pro .section-overview .section-hero-content ol.section-overview-list-io li::before {
    border-color: #019cfe;
    color: #019cfe;
}
.theme-pro .section-overview .section-hero-content ol.section-overview-list-usps li::before {
    background-color: #019cfe;
}



/**
 * Section audio
 */
.section-audio .section-hero-content {
    padding-bottom: 17em;
    padding-top: 0;
}
.section-audio .section-hero-content-text {
    margin-top: 5em;
}
@media(max-width: 1199px) {
    .section-audio .section-hero-content {
        padding-bottom: 12em;
    }
}
@media(max-width: 639px) {
    .section-audio .section-hero-content {
        padding-bottom: 17em;
    }
}
/**
 * Section bios
 */
.section-bios-hero-screenshots {
    position: relative;
    z-index: 2;
}
.section-bios-hero-screenshot {
    transform: rotateY( 25deg ) scale( 0.8 );
}
.section-bios-hero-screenshot-shadow {
    opacity: 0.75;
}
.section-bios-hero-screenshot-wrapper {
    perspective: 1000px;
    position: relative;
}
.section-bios-hero-screenshot-wrapper-1 {
    animation: section-bios-hero-screenshot-1-animation 20s ease infinite;
    z-index: 5;
}
@keyframes section-bios-hero-screenshot-1-animation {
    0% { opacity: 1 }
    10% { opacity: 1; }
    20% { opacity: 0; }
    30% { opacity: 0; }
    40% { opacity: 0; }
    50% { opacity: 0; }
    60% { opacity: 0; }
    70% { opacity: 0; }
    80% { opacity: 0; }
    90% { opacity: 0; }
    100% { opacity: 1; }
}
.section-bios-hero-screenshot-wrapper-2 {
    animation: section-bios-hero-screenshot-2-animation 20s ease infinite;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 4;
}
@keyframes section-bios-hero-screenshot-2-animation {
    0% { opacity: 0 }
    10% { opacity: 1; }
    20% { opacity: 1; }
    30% { opacity: 1; }
    40% { opacity: 0; }
    50% { opacity: 0; }
    60% { opacity: 0; }
    70% { opacity: 0; }
    80% { opacity: 0; }
    90% { opacity: 0; }
    100% { opacity: 0; }
}
.section-bios-hero-screenshot-wrapper-3 {
    animation: section-bios-hero-screenshot-3-animation 20s ease infinite;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 3;
}
@keyframes section-bios-hero-screenshot-3-animation {
    0% { opacity: 0 }
    10% { opacity: 0; }
    20% { opacity: 0; }
    30% { opacity: 1; }
    40% { opacity: 1; }
    50% { opacity: 1; }
    60% { opacity: 0; }
    70% { opacity: 0; }
    80% { opacity: 0; }
    90% { opacity: 0; }
    100% { opacity: 0; }
}
.section-bios-hero-screenshot-wrapper-4 {
    animation: section-bios-hero-screenshot-4-animation 20s ease infinite;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 2;
}
@keyframes section-bios-hero-screenshot-4-animation {
    0% { opacity: 0 }
    10% { opacity: 0; }
    20% { opacity: 0; }
    30% { opacity: 0; }
    40% { opacity: 0; }
    50% { opacity: 1; }
    60% { opacity: 1; }
    70% { opacity: 1; }
    80% { opacity: 0; }
    90% { opacity: 0; }
    100% { opacity: 0; }
}
.section-bios-hero-screenshot-wrapper-5 {
    animation: section-bios-hero-screenshot-5-animation 20s ease infinite;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}
@keyframes section-bios-hero-screenshot-5-animation {
    0% { opacity: 0 }
    10% { opacity: 0; }
    20% { opacity: 0; }
    30% { opacity: 0; }
    40% { opacity: 0; }
    50% { opacity: 0; }
    60% { opacity: 0; }
    70% { opacity: 1; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}
@media(min-width: 1600px) {
    .section-bios .section-hero-content-text {
        margin-top: 25%;
    }
}
@media(max-width: 1199px) {
    .section-bios .section-hero-content {
        padding-bottom: 12em;
    }
    .section-bios .section-hero-content-text {
        margin-bottom: 0;
    }
}
@media(max-width: 767px) {
    .section-bios .section-hero-content {
        padding-bottom: 10em;
    }
}
@media(max-width: 639px) {
    .section-bios .section-hero-content {
        padding-bottom: 19em;
    }
}
/**
 * Section cooling
 */
.section-cooling .section-hero-content {
    padding-bottom: 0;
}
.section-cooling .section-hero-content .col-lg-overflow-left-5 {
    z-index: -1;
}
@media(min-width: 1200px) {
    .section-cooling .section-hero-content-text {
        margin-bottom: 17em;
    }
    .section-cooling .section-hero-content-image img {
        margin-top: 10em;
    }
}
@media(max-width: 1199px) {
    .section-cooling .section-hero-content-image img {
        margin-left: -60%;
        max-width: none;
        width: 170%;
    }
}
@media(max-width: 639px) {
    .section-cooling .section-badges {
        bottom: 17em;
    }
    .section-cooling .section-hero-content-image img {
        margin-left: -120%;
        margin-top: 12em;
        max-width: none;
        width: 260%;
    }
}
/**
 * Section display
 */
.section-display .section-hero-content {
    padding-top: 0;
}
.section-display .section-hero-content-text {
    margin-left: 5%;
}
@media(min-width: 1600px) {
    .section-display .section-hero-content-text {
        margin-left: 10%;
        margin-top: 10%;
    }
}
/**
 * Section gaming
 */
.section-gaming .section-hero-content {
    padding-top: 0;
}
.section-gaming .section-hero-content .col-lg-overflow-left-11 {
    z-index: -1;
}
@media(min-width: 1600px) {
    .section-gaming .section-hero-content-text {
        margin-top: 40%;
    }
}
@media(max-width: 1199px) {
    .section-gaming .section-hero-content {
        padding-bottom: 12em;
    }
}
/**
 * Section intro gaming
 */
.section-intro-gaming .section-hero-content {
    padding-bottom: 5em;
}
.section-intro-gaming .section-hero-content blockquote {
    border: none;
    color: #f00;
    font-size: 1.2em;
    font-style: italic;
    font-weight: 600;
    text-align: center;
}
.section-intro-gaming .section-hero-content blockquote p {
    text-align: center;
}
.section-intro-gaming .section-hero-content blockquote > p:after,
.section-intro-gaming .section-hero-content blockquote > p:before {
    content: '"';
}
.section-intro-gaming .section-hero-content cite:before {
    content: '- ';
}
.section-intro-gaming .section-hero-content cite {
    background-image: url( 'https://www.msi.com/asset/global/picture/image/feature/mb/Z270/softwares/mystic/HeroBlock//msi-z270-intro-autograph.svg' );
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 5em;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    margin-bottom: -1em;
    margin-right: -3em;
    padding-bottom: 1em;
    padding-right: 3em;
}
.section-intro-gaming .section-hero-content .fnatic-logo-img {
    height: 1.1em;
}
.section-intro-gaming .section-hero-content .gaming-certified-img {
    transform: rotate( -25deg );
}
@media(max-width: 639px) {
    .section-intro-gaming .section-hero-background img {
        margin-left: -90%;
        width: 300%;
    }
}
/**
 * Section intro pro
 */
.section-intro-pro .section-hero-content {
    padding-bottom: 0;
    padding-top: 0;
    text-shadow: none;
}
.section-intro-pro .section-hero-content-image-2 {
    margin-top: 2em;
}
@media(min-width: 1200px) {
    .section-intro-pro .section-hero-content-text {
        margin-top: 8em;
    }
}
/**
 * Section intro sli plus
 */
.section-intro-sliplus .section-hero-content {
    padding-bottom: 0;
    padding-top: 0;
}
.section-intro-sliplus .section-title {
    text-shadow: 0 0 0.25em rgba(0,0,0,0.3);
}
@media(min-width: 1200px) {
    .section-intro-sliplus .section-hero-content-text {
        margin-top: 8em;
    }
}
/**
 * Section memory
 */
.section-memory .section-hero-content .col-lg-overflow-left-6 {
    z-index: -1;
}
.section-memory .section-hero-content-image {
    position: relative;
}
@media(max-width: 1599px) {
    .section-memory .section-hero-content-image img {
        margin-left: 10%;
    }
}
@media(min-width: 1200px) {
    .section-memory .section-hero-content-text {
        margin-bottom: 17em;
    }
}
@media(max-width: 1199px) {
    .section-memory .section-hero-content {
        padding-bottom: 0;
    }
    .section-memory .section-hero-content-image {
        margin-bottom: 10%;
    }
    .section-memory .section-hero-content-image img {
        margin-left: -40%;
        max-width: none;
        width: 150%;
    }
    .section-memory .section-hero-content-text {
        margin-bottom: 0;
    }
}
@media(max-width: 639px) {
    .section-memory .section-hero-content-image img {
        margin-left: -160%;
        max-width: none;
        width: 350%;
    }
}
/**
 * Section mystic light
 */
.section-mysticlight .section-hero-content {
    padding-bottom: 10em;
}
#section-mysticlight-colorpicker {
    height: auto;
    width: 100%;
    margin-bottom: 2em;
    margin-top: 1em;
    padding-bottom: 100%;
    position: relative;
}
#section-mysticlight-colorpicker .color {
    background-color: #000;
    display: block;
    height: 57%;
    left: 22%;
    position: absolute;
    top: 22%;
    width: 57%;
    z-index: 1;
    cursor: pointer;
}

#section-mysticlight-colorpicker .colorInner {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 100%;
    width: 100%;
}

#section-mysticlight-colorpicker .dropdown {
    list-style: none;
    display: none;
    width: 27px;
    position: absolute;
    top: 28px;
    border: 1px solid #ccc;
    left: 0;
    z-index: 1000;
}

#section-mysticlight-colorpicker .dropdown li{
    height: 25px;
    cursor: pointer;
}
#section-mysticlight-colorpicker .track {
    background-image: url( 'https://www.msi.com/asset/global/picture/image/feature/mb/Z270/softwares/mystic/HeroBlock//msi-z270-mysticlight-hero-logo-512.png' );
    display: block !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.section-mysticlight[data-mysticlight-colors="7"] #section-mysticlight-colorpicker .track {
    background-image: url( 'https://www.msi.com/asset/global/picture/image/feature/mb/Z270/softwares/mystic/HeroBlock//msi-z270-mysticlight-hero-logo-7colors-512.png' );
}
#section-mysticlight-colorpicker .track-center {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 78%;
    margin: 10% 10% 10% 11%;
    position: absolute;
    width: 79%;
}
#section-mysticlight-colorpicker .track canvas {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: crosshair;
    max-width: 100%;
}
#section-mysticlight-effectpicker {
    margin-top: 1em;
}
#section-mysticlight-effectpicker ul {
    margin-left: 0;
    margin-right: 0;
    overflow: auto;
    padding-left: 0;
}
#section-mysticlight-effectpicker li {
    display: block;
    float: left;
    list-style: none;
    margin-bottom: 5px;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    width: 4.25em;
}
#section-mysticlight-effectpicker button {
    background-color: transparent;
    border: none;
    display: block;
    font-size: 0.5em;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-transform: uppercase;
    white-space:  nowrap;
    width: 100%;
}
#section-mysticlight-image {
    margin-right: -15px;
    position: relative;
}
#section-mysticlight-image-case {
    position: relative;
    z-index: 1;
}
#section-mysticlight-image-lights {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.mystic-light-icon {
    background-color: #fff;
    border-radius: 5%;
    color: #000;
    display: block;
    margin-bottom: 5px;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}
.mystic-light-icon:before {
    bottom: 0;
    content: "";
    font-family: 'MSI Mystic Light icons' !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 4rem;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    left: 0;
    position:  absolute;
    right: 0;
    speak: none;
    text-transform: none;
    top: 0;
}
.mystic-light-icon.mystic-light-icon-breathing:before {
    content: "\e91b";
}
.mystic-light-icon.mystic-light-icon-flashing:before {
    content: "\e905";
}
.mystic-light-icon.mystic-light-icon-flashing2:before {
    content: "\e906";
}
.mystic-light-icon.mystic-light-icon-jazz:before {
    content: "\e90b";
}
.mystic-light-icon.mystic-light-icon-lightning:before {
    content: "\e902";
}
.mystic-light-icon.mystic-light-icon-meteor:before {
    content: "\e904";
}
.mystic-light-icon.mystic-light-icon-movie:before {
    content: "\e917";
}
.mystic-light-icon.mystic-light-icon-off:before {
    content: "\e915";
}
.mystic-light-icon.mystic-light-icon-play:before {
    content: "\e907";
}
.mystic-light-icon.mystic-light-icon-pop:before {
    content: "\e90a";
}
.mystic-light-icon.mystic-light-icon-rainbow:before {
    content: "\e909";
}
.mystic-light-icon.mystic-light-icon-random:before {
    content: "\e900";
}
.mystic-light-icon.mystic-light-icon-rap:before {
    content: "\e916";
}
.mystic-light-icon.mystic-light-icon-stack:before {
    content: "\e90c";
}
.mystic-light-icon.mystic-light-icon-temp:before {
    content: "\e903";
}
.mystic-light-icon.mystic-light-icon-wave:before {
    content: "\e901";
}
.mystic-light-icon button.active:before {
    background-color: #f00;
}
@media(min-width: 992px) {
    .section-mysticlight .section-hero-content {
        padding-bottom: 12em;
    }
}
@media(min-width: 1200px) {
    .section-mysticlight .section-hero-content {
        padding-bottom: 10em;
    }
}
.section-mysticlight-extension .section-hero-background {
    background-image: url( 'https://www.msi.com/asset/global/picture/image/feature/mb/Z270/softwares/mystic/HeroBlock//msi-z270-mysticlight-hero-bg-640.jpg' );
    background-size: cover;
    background-position: 50% 50%;
}
@media(min-width: 641px) {
    .section-mysticlight-extension .section-hero-background {
        background-image: url( 'https://www.msi.com/asset/global/picture/image/feature/mb/Z270/softwares/mystic/HeroBlock//msi-z270-mysticlight-hero-bg-1024.jpg' );
    }
}
@media(min-width: 1025px) {
    .section-mysticlight-extension .section-hero-background {
        background-image: url( 'https://www.msi.com/asset/global/picture/image/feature/mb/Z270/softwares/mystic/HeroBlock//msi-z270-mysticlight-hero-bg-1920.jpg' );
    }
}
@media(min-width: 1921px) {
    .section-mysticlight-extension .section-hero-background {
        background-image: url( 'https://www.msi.com/asset/global/picture/image/feature/mb/Z270/softwares/mystic/HeroBlock//msi-z270-mysticlight-hero-bg.jpg' );
    }
}
/**
 * Section network gaming
 */
.section-network-gaming .section-hero-content{
    padding-top: 0;
}
@media(min-width: 1600px) {
    .section-network-gaming .section-hero-content-text {
        margin-top: 45%;
    }
}
@media(max-width: 1199px) {
    .section-network-gaming .section-hero-content {
        padding-bottom: 12em;
    }
}
@media(max-width: 767px) {
    .section-network-gaming .section-hero-content-image {
        margin-bottom: -4em;
    }
}
@media(max-width: 639px) {
    .section-network-gaming .section-hero-content-image img {
        margin-left: -80%;
        max-width: none;
        width: 200%;
    }
}
/**
 * Section network pro
 */

.section-network-pro .section-hero-content{
    padding-top: 0;
}
.section-network-pro .section-suptitle,
.section-network-pro .section-title{
    text-shadow: 0 0 1em #022653;
}
@media(min-width: 1600px) {
    .section-network-pro .section-hero-content-text {
        margin-top: 25%;
    }
}
@media(max-width: 1199px) {
    .section-network-pro .section-hero-content {
        padding-bottom: 12em;
    }
}
@media(max-width: 767px) {
    .section-network-pro .section-hero-content-image {
        margin-bottom: -4em;
    }
}
@media(max-width: 639px) {
    .section-network-pro .section-hero-content-image img {
        margin-left: -80%;
        max-width: none;
        width: 200%;
    }
}
/**
 * Section overview
 */
.section-overview .section-hero-content {
    counter-reset: li;
    padding-bottom: 0;
}
.section-overview .section-hero-content ol {
    list-style: none;
}
.section-overview .section-hero-content ol li {
    padding-left: 2.5em;
    position: relative;
}
.section-overview .section-hero-content ol li::before {
    border-radius: 0.25em;
    content: counter(li);
    counter-increment: li;
    display: inline-block;
    left: 0;
    position: absolute;
    text-align: center;
    width: 1.5em;
}
.section-overview .section-hero-content ol.section-overview-list-io li::before {
    background-color: #fff;
    border: 0.1em solid #000;
    color: #000;
    font-weight: 600;
    margin: -0.1em;
}
.section-overview .section-hero-content ol.section-overview-list-usps li::before {
    background-color: #000;
    color: #fff;
}
.section-overview .section-hero-content ol li + li {
    margin-top: 1em;
}
.section-overview .section-hero-content .section-title {
    margin-bottom: 2em;
}
.section-overview .section-hero-content-image {
    display: inline-block;
    margin-bottom: 5em;
    position: relative;
}
.section-overview-led-lights {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.section-overview-led-lights[data-led-colors="7"] {
    -webkit-animation: section-overview-hero-led-lights-7-animation 10s linear infinite;
    -moz-animation: section-overview-hero-led-lights-7-animation 10s linear infinite;
    -o-animation: section-overview-hero-led-lights-7-animation 10s linear infinite;
    animation: section-overview-hero-led-lights-7-animation 10s linear infinite;
}
@-webkit-keyframes section-overview-hero-led-lights-7-animation {
    0% { background-color: #f00; }
    7% { background-color: #ff0; }
    21% { background-color: #0f0; }
    35% { background-color: #0ff; }
    49% { background-color: #00f; }
    63% { background-color: #f0f; }
    77% { background-color: #fff; }
    91% { background-color: #f00; }
    100% { background-color: #f00; }
}
@-moz-keyframes section-overview-hero-led-lights-7-animation {
    0% { background-color: #f00; }
    7% { background-color: #ff0; }
    21% { background-color: #0f0; }
    35% { background-color: #0ff; }
    49% { background-color: #00f; }
    63% { background-color: #f0f; }
    77% { background-color: #fff; }
    91% { background-color: #f00; }
    100% { background-color: #f00; }
}
@-o-keyframes section-overview-hero-led-lights-7-animation {
    0% { background-color: #f00; }
    7% { background-color: #ff0; }
    21% { background-color: #0f0; }
    35% { background-color: #0ff; }
    49% { background-color: #00f; }
    63% { background-color: #f0f; }
    77% { background-color: #fff; }
    91% { background-color: #f00; }
    100% { background-color: #f00; }
}
@keyframes section-overview-hero-led-lights-7-animation {
    0% { background-color: #f00; }
    7% { background-color: #ff0; }
    21% { background-color: #0f0; }
    35% { background-color: #0ff; }
    49% { background-color: #00f; }
    63% { background-color: #f0f; }
    77% { background-color: #fff; }
    91% { background-color: #f00; }
    100% { background-color: #f00; }
}

.section-overview-led-lights[data-led-colors="16.8m"] {

}
.section-overview-led-lights img {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100%;
}
.section-overview-led-mask {
    position: relative;
    z-index: 2;
}
@media(min-width: 1600px) {
    .section-overview .section-hero-content-image img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
    }
}
@media(min-width: 1200px) {
    .section-overview .section-hero-content-image {
        margin-top: -5em;
    }
}
@media(max-width: 767px) {
    .section-overview .section-hero-content small {
        display: none;
    }
    .section-overview .section-hero-content strong {
        font-weight: normal;
    }
    .section-overview .section-hero-content-text {
        margin-bottom: 0;
    }
}
/**
 * Section quality
 */
.section-quality .section-hero-content .col-lg-overflow-left-5 {
    z-index: -1;
}
@media(min-width: 1200px) {
    .section-quality .section-hero-content-text {
        margin-bottom: 17em;
    }
}
@media(max-width: 1199px) {
    .section-quality .section-hero-content {
        padding-bottom: 0;
    }
    .section-quality .section-hero-content-image img {
        margin-left: -40%;
        max-width: none;
        width: 150%;
    }
    .section-quality .section-hero-content-text {
        margin-bottom: 0;
    }
}
@media(max-width: 639px) {
    .section-quality .section-hero-content-image img {
        margin-left: -190%;
        max-width: none;
        width: 350%;
    }
}
/**
 * Section software
 */
.section-software .section-hero-content {
    padding-bottom: 0;
}
.section-software .section-hero-content .col-lg-overflow-right-4 {
    z-index: -1;
}
@media(min-width: 1200px) {
    .section-software .section-hero-content-text {
        margin-bottom: 17em;
    }
}
@media(max-width: 1199px) {
    .section-software .section-hero-content-image img {
        margin-left: -20%;
        max-width: none;
        width: 170%;
    }
    .section-software .section-hero-content-text {
        margin-bottom: 0;
    }
}
@media(max-width: 639px) {
    .section-software .section-badges {
        bottom: 17em;
    }
    .section-software .section-hero-content-image img {
        margin-left: -60%;
        margin-top: 8em;
        max-width: none;
        width: 260%;
    }
}
/**
 * Section storage
 */
.section-storage .section-hero-content {
    padding-top: 0;
}
.section-storage .section-title {
    text-shadow: 0 0 0.25em rgba(0,0,0,0.3);
}
@media(min-width: 1200px) {
    .section-storage .section-hero-content-image {
        margin-bottom: 10em;
    }
    .section-storage .section-hero-content-text {
        margin-top: 5em;
        margin-bottom: 17em;
    }
}
@media(min-width: 1600px) {
    .section-storage .section-hero-content-text {
        margin-top: 40%;
    }
}
@media(max-width: 1199px) {
    .section-storage .section-hero-content {
        padding-bottom: 12em;
    }
    .section-storage .section-hero-content-text {
        margin-top: -5em;
    }
}
@media(max-width: 992px) {
    .section-storage .section-hero-content-image img {
        margin-left: -40%;
        max-width: none;
        width: 200%;
    }
}
@media(max-width: 767px) {
    .section-storage .section-hero-content-image img {
        margin-left: 0;
        max-width: 100%;
    }
}
@media(max-width: 639px) {
    .section-storage .section-hero-content-image img {
        margin-left: -40%;
        max-width: none;
        width: 200%;
    }
    .section-storage .section-hero-content-text {
        margin-bottom: 12em;
    }
}
/**
 * Section tuning
 */
.section-tuning .section-hero-content {
    overflow: hidden;
    padding-top: 0;
}
.section-tuning .section-hero-content-image-2 img {
    bottom: 350px;
    margin-left: 20%;
    position: absolute;
    transform: rotate(-75deg);
    width: 80%;
}
.section-tuning.section-tuning-ac .section-hero-content-image-2 img {
    margin-left: 30%;
    width: 60%;
}
.section-tuning .section-hero-content-text {
    margin-bottom: 0;
}
@media(min-width: 1200px) {
    .section-tuning .section-hero-content-image img {
        margin-left: -40%;
        max-width: none;
        width: 150%;
    }
    .section-tuning .section-hero-content-image-2 img {
        bottom: -200px;
        left: -40%;
        transform: rotate(-30deg);
        width: 100%;
    }
    .section-tuning.section-tuning-ac .section-hero-content-image-2 img {
        width: 75%;
    }
    .section-tuning .section-hero-content-text {
        margin-top: 10em;
    }
}
@media(min-width: 1600px) {
    .section-tuning .section-hero-content-image img {
        margin-left: 0;
        max-width: 100%;
        width: auto;
    }
    .section-tuning .section-hero-content-image-2 img {
        left: 0;
        margin-left: 0;
        width: 80%;
    }
    .section-tuning.section-tuning-ac .section-hero-content-image-2 img {
        width: 60%;
    }
    .section-tuning .section-hero-content-text {
        margin-top: 12em;
    }
}
/**
 * Section usb
 */
.section-usb .section-hero-content {
    padding-top: 0;
}
.section-usb .section-hero-content .col-lg-overflow-left-6 {
    z-index: -1;
}
@media(min-width: 1200px) {
    .section-usb .section-hero-content-text {
        margin-top: 20em;
        margin-bottom: 20em;
        width: 200%;
    }
}
@media(min-width: 1600px) {
    .section-usb .section-hero-content-text {
        width: auto;
    }
}
/**
 * Section usb common
 */
.section-usb-common-gaming .section-hero-content-image,
.section-usb-common-pro .section-hero-content-image {
    max-width: 25em;
    overflow: visible;
}
.section-usb-common-gaming .section-hero-content-image img,
.section-usb-common-pro .section-hero-content-image img {
    max-width: 60%;
    padding-left: 20%;
    transform: rotate(22deg);
}
.section-usb-common-gaming .section-hero-content-image-2,
.section-usb-common-pro .section-hero-content-image-2 {
    background-color: #000;
    border: 0.75em solid #fff;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em;
    width: 150px;
}
.section-usb-common-gaming .section-hero-content-image-2 {
    border-color: #e60014;
}
.section-usb-common-pro .section-hero-content-image-2 {
    border-color: #019cfe;
}
.section-usb-common-gaming .section-hero-content-image-2 img,
.section-usb-common-pro .section-hero-content-image-2 img {
    position: relative;
    top: 22%;
}
.section-usb-common-gaming .section-hero-content-image-3 img,
.section-usb-common-pro .section-hero-content-image-3 img {
    max-width: 13em;
}
.section-usb-common-pro .section-hero-content-image-4 {
    margin: 7%;
    width: 30%;
}
@media(min-width: 1200px) {
    .section-usb-common-gaming .section-hero-content,
    .section-usb-common-pro .section-hero-content {
        padding-bottom: 17em;
    }
}
@media(max-width: 1199px) {
    .section-usb-common-gaming .section-hero-content-text,
    .section-usb-common-pro .section-hero-content-text {
        margin-bottom: 0;
        margin-top: -8.35em;
    }
    .section-usb-common-gaming .section-hero-content-image,
    .section-usb-common-pro .section-hero-content-image {
        position: relative;
    }
    .section-usb-common-gaming .section-hero-content-image img,
    .section-usb-common-pro .section-hero-content-image img {
        right: 15%;
        position: absolute;
    }
    .section-usb-common-gaming .section-hero-content-image-2,
    .section-usb-common-pro .section-hero-content-image-2 {
        margin-bottom: 2em;
    }
}
/**
 * Section vr
 */
.section-vr .section-hero-content{
    padding-top: 0;
}
@media(min-width: 1600px) {
    .section-vr .section-hero-content-text {
        margin-top: 25%;
    }
}
@media(max-width: 1199px) {
    .section-vr .section-hero-content {
        padding-bottom: 12em;
    }
}
@media(max-width: 767px) {
    .section-vr .section-hero-content-image {
        margin-bottom: -4em;
    }
}
@media(max-width: 639px) {
    .section-vr .section-hero-content-image img {
        max-width: none;
        width: 200%;
    }
}