
.topsubnav {
    font-size: .96em;
}
.topsubpagenav {
    font-size: .84em;
}
.topsubnav, .topsubpagenav {
    margin-top: 1em;
    margin-left: 0;
    list-style: none;
    border-bottom: solid 1px #ddd;
}

.topsubnav li, .topsubpagenav li
{
    display: inline-block;
    padding: .1em 1em .4em 1em;
}

.topsubnav li, .topsubpagenav li {
    margin-bottom: 2px;
}

.topsubnav li.active, .topsubpagenav li.active {
    margin-bottom: -1px;
    border-bottom: solid .3em #34ace5;
}

.variantnav {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
    display: table;
    table-layout: fixed;
    list-style: none;
    border-bottom: 1px solid #d6d6d6;
}

.variantnav li {
    padding: 0 1em;
    display: inline-block;
}
.variantnav li.current {
    border-bottom: solid .3em #34ace5;
    margin-bottom: -1px;
}

.variantnav .variant-item {
    text-decoration: none;
    text-align: center;
}

.variantnav .variant-item img {
    margin-left: auto;
    margin-right: auto;
}
.variantnav .variant-item span::before {
    content: "\A";
    white-space: pre;
}

[id*="-info"] {
    position: relative;
}
[id*="-info"] [id*="coilover-"],
[id*="-info"] [id*="ddc-"],
[id*="-info"] [id*="hls-"],
[id*="-info"] [id*="clubsport-"],
[id*="-info"] [id*="competition-"],
[id*="-info"] [id*="dlc-"],
[id*="-info"] [id*="threadsprings-"],
[id*="-info"] [id*="antiswaybars-"] {
    position: absolute;
    left: 0;
    right: 0;
}
[id*="-info"] div.row {
    display: none;
}
[id*="-info"] > div:first-of-type {
    display: block;
}
[id*="-info"].last {
    /*min-height: 30em;*/
}


.moneyback {
    position: absolute;
    right: 0;
}



.fullwidth { display: block; margin-left: auto; margin-right: auto; width: 1920px; }
.padded { padding: 5em 1em; }
.gradient-back {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.arrow-left-new:before, .arrow-left-new-bottom:before { content: "\f104"; }
.arrow-right-new:before, .arrow-right-new-bottom:before { content: "\f105"; }
.arrow-left-new:before, .arrow-right-new:before, .arrow-left-new-bottom:before, .arrow-right-new-bottom:before { font-family: FontAwesome; line-height: .5em; font-size: 6em; opacity: .6; color: #34ace5; }
.arrow-left-new, .arrow-left-new-bottom { left: 2em; }
.arrow-right-new, .arrow-right-new-bottom { right: 2em; }
.arrow-left-new, .arrow-right-new, .arrow-left-new-bottom, .arrow-right-new-bottom { transform: scale(1.5,2.5); line-height: 0; position: absolute; top: 50%; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; }
.arrow-left-new:hover, .arrow-left-new:focus, .arrow-right-new:hover, .arrow-right-new:focus,
.arrow-left-new-bottom:hover, .arrow-left-new-bottom:focus, .arrow-right-new-bottom:hover, .arrow-right-new-bottom:focus{ color: transparent; outline: none; background: transparent; }

.slick-dots { bottom: -45px; left: -.5em; }
.slick-dots li { margin: 0 10px; }
.slick-dots li.slick-active button:before { opacity: 1; color: #34ace5; content: '\f111'; }
.slick-dots li button:before { font-family: FontAwesome; font-size: 20px; line-height: 20px; /*width: 40px;*/ content: '\f1db'; opacity: 1; }

.slider-for-videos a .playbtn { color: #000; font-size: 60px; position: absolute; top: 50%; left: 50%; margin: -45px 0 0 -30px; cursor: pointer; opacity: 0.8; z-index:1; }
.slider-for-videos a:hover .playbtn { color: #ff0000; }

.slider-for-videos a .whitebg-big { z-index:0; position:absolute; left:50%; top:50%; display: inline-block; width: 3em; height: 1.1em; opacity: 0.8; }
.slider-for-videos a .whitebg-big span { position: relative; display: inline-block; width: 3em; height: 1.1em; }
.slider-for-videos a .whitebg-big span i { margin:-1em 0 0 -0.6em; position: absolute; display:inline-block; width:0; height:0; line-height:0; border:1em solid transparent; border-left:1.8em solid #fff; }

.slider-for-detailpage .slick-dots { left: 0; }
.slick-modal-detailpage img, .slider-for-detailpage img { margin: 0 auto; border: none; outline: none; }
.slider-for-detailpage img.vid-list-miniature { width: 100%; margin: auto auto; }



.product-shop .slick-dots li { margin: 0 5px 10px 5px; }
.product-shop .slick-dots li.slick-active button:before { opacity: 1; color: #34ace5; content: '\f111'; }
.product-shop .slick-dots li button:before { font-family: FontAwesome; font-size: 10px; line-height: 10px; /*width: 40px;*/ content: '\f1db'; opacity: 1; }
.product-shop button.arrow-left-new:before { content: "\f104"; }
.product-shop button.arrow-right-new:before { content: "\f105"; }
.product-shop button.arrow-left-new:before, .product-shop button.arrow-right-new:before { font-family: FontAwesome; opacity: .6; color: #34ace5; }
.product-shop button.arrow-left-new { left: -3em; }
.product-shop button.arrow-right-new { right: -3em; }
.product-shop button.arrow-left-new, .product-shop button.arrow-right-new { transform: scale(1.5,2.5);  line-height: .6em; font-size: .4em; position: absolute; top: 50%; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 1; }
.product-shop button.arrow-left-new:hover, .product-shop button.arrow-left-new:focus, .product-shop button.arrow-right-new:hover, .product-shop button.arrow-right-new:focus { color: transparent; outline: none; background: transparent; }



.footerlist div div img {
    border: solid 1px #ddd;
    background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(242,242,242,0)));
    background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
    background: -o-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
    background: -ms-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
    background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#00f2f2f2',GradientType=0 );
    border-radius: 5px;
}

.footerlist div div h4 { position: absolute; left: 50%; margin-left: -135px; font-weight: bold; }
.footerlist div div div { position: absolute; left: 50%; margin-top: 30px; margin-left: -135px; font-size: 13px; }

.tech-divider::before {
    margin-top: 3.5em;
}
.tech-divider::after {
    margin-bottom: 4em;
}

#app-control-info .infoarea { display: block; }

@media only screen and (max-width: 640px) {
    .std { overflow: hidden; }
    .padded { padding: 0 1em; }
    .fullwidth { /* margin-left: -16em; */ height: auto; /* max-width: 180%; */ }
    
    .arrow-left-new, .arrow-right-new { display: none !important; }
    
    .topsubnav, .topsubpagenav { text-align: center; }
    
    #coilover-function-info { min-height: 45em; }
    
    #racing-partner-info { min-height: 23em; }
    #racing-worldwide-info { min-height: 25em; }
    
    #analysis-methods-info { min-height: 45em; }
    #sector-info { min-height: 32em; }
    #track-replay-info { min-height: 30em; }
    
    #mercedes-amg-info { min-height: 30em; }
    
    #vehicles-info { min-height: 38em; }
    #app-control-info { min-height: 28em; }
    
    #coilover-info { min-height: 38em; }
    #ddc-info { min-height: 44em; }
    #hls-info{ min-height: 40em; }
    #clubsport-info{ min-height: 48em; }
    #competition-info,
    #threadsprings-info,
    #dlc-info { min-height: 40em; }
    #antiswaybars-info { min-height: 32em; }

    .variantnav,
    .topsubnav,
    .topsubpagenav {
        margin: 0;
        border: 0;
        display: block;
    }

    .variantnav li,
    .topsubnav li,
    .topsubnav li {
        padding: .1em 1em 0 1em;
    }
    .variantnav li.current,
    .topsubnav li.active,
    .topsubpagenav li.active {
        border-bottom: 0;
    }
    .variantnav li a,
    .topsubnav li a,
    .topsubpagenav li a {
        font-weight: bold;
    }
    .variantnav li.current a,
    .topsubnav li.active a,
    .topsubnav li.active a {
        color: #34ace5;
    }
    .variantnav li a img {
        display: none;
    }
    .variantnav .variant-item span::before {
        content: "";
        white-space: normal;
    }
    
    .footerlist div div a span { font-size: .9em; }
    .footerlist div > div:not(:last-child) { margin-bottom: 5px; }
    
    .moneyback {
         width: 40%;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1024px){
    #coilover-function-info { min-height: 45em; }
    
    #racing-partner-info { min-height: 23em; }
    #racing-worldwide-info { min-height: 25em; }
    
    #analysis-methods-info { min-height: 45em; }
    #sector-info { min-height: 32em; }
    #track-replay-info { min-height: 30em; }
    
    #mercedes-amg-info { min-height: 30em; }
    
    #vehicles-info { min-height: 38em; }
    #app-control-info { min-height: 32em; }
    
    #coilover-info { min-height: 28em; }
    #ddc-info { min-height: 33em; }
    #hls-info{ min-height: 32em; }
    #clubsport-info{ min-height: 34em; }
    #competition-info,
    #threadsprings-info,
    #dlc-info { min-height: 35em; }
    #antiswaybars-info { min-height: 30em; }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px){
    #coilover-function-info { min-height: 45em; }
    
    #racing-partner-info { min-height: 23em; }
    #racing-worldwide-info { min-height: 25em; }
    
    #analysis-methods-info { min-height: 45em; }
    #sector-info { min-height: 32em; }
    #track-replay-info { min-height: 30em; }
    
    #mercedes-amg-info { min-height: 30em; }
    
    #vehicles-info { min-height: 26em; }
    #app-control-info { min-height: 30em; }
    
    #coilover-info { min-height: 28em; }
    #ddc-info { min-height: 32em; }
    #hls-info{ min-height: 38em; }
    #clubsport-info{ min-height: 38em; }
    #competition-info { min-height: 35em; }
    #threadsprings-info { min-height: 36em; }
    #dlc-info { min-height: 30em; }
    #antiswaybars-info { min-height: 32em; }
}
@media only screen and (min-width: 1441px) and (max-width: 1920px){
    #coilover-function-info { min-height: 45em; }
    
    #racing-partner-info { min-height: 23em; }
    #racing-worldwide-info { min-height: 25em; }
    
    #analysis-methods-info { min-height: 35em; }
    #sector-info { min-height: 32em; }
    #track-replay-info { min-height: 30em; }
    
    #mercedes-amg-info { min-height: 30em; }
    
    #vehicles-info { min-height: 28em; }
    #app-control-info { min-height: 30em; }
    
    #coilover-info { min-height: 30em; }
    #ddc-info { min-height: 33em; }
    #hls-info{ min-height: 38em; }
    #clubsport-info{ min-height: 38em; }
    #competition-info { min-height: 35em; }
    #threadsprings-info { min-height: 36em; }
    #dlc-info { min-height: 30em; }
    #antiswaybars-info { min-height: 32em; }
}
@media only screen and (min-width: 1921px){
    #coilover-function-info { min-height: 45em; }
    
    #racing-partner-info { min-height: 23em; }
    #racing-worldwide-info { min-height: 25em; }
    
    #analysis-methods-info { min-height: 45em; }
    #sector-info { min-height: 32em; }
    #track-replay-info { min-height: 30em; }
    
    #mercedes-amg-info { min-height: 30em; }
    
    #vehicles-info { min-height: 28em; }
    #app-control-info { min-height: 30em; }
    
    #coilover-info { min-height: 30em; }
    #ddc-info { min-height: 35em; }
    #hls-info{ min-height: 40em; }
    #clubsport-info{ min-height: 40em; }
    #competition-info,
    #threadsprings-info{ min-height: 38em; }
    #dlc-info { min-height: 35em; }
    #antiswaybars-info { min-height: 32em; }
}