/*!
 *
 * Nissan Taiwan
 * ui/common.css
 * @version 20150520 
 *
 */ /*!------------------------------
	Reset
 ------------------------------*/

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

html {
    margin: 0;
}

html, body {
    padding: 0;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
}

a {
    color: inherit;
    text-decoration: none;
}

p {
    margin: 0 0 1em;
    padding: 0;
}

    p:last-child {
        margin-bottom: 0;
    }

i, em {
    font-style: inherit;
}

b, strong {
    font-weight: inherit;
}

small {
    font-size: inherit;
}

figure, blockquote, fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

ul, ol, dl, dd, dt {
    margin: 0;
    padding: 0;
    list-style: none outside none;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

object, embed, audio, video, canvas, iframe, img, svg {
    vertical-align: bottom;
}

input[type="text"], input[type="search"], input[type="email"], input[type="password"], textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select, input, button, textarea, button {
    font-size: 13px;
    font-family: Helvetica,Arial,"MHei HK Medium","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;
}

textarea {
    resize: vertical;
}

table {
    font-size: inherit;
    font: 100%;
}

img {
    image-rendering: optimizeQuality;
    image-rendering: auto;
    -ms-interpolation-mode: bicubic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

*:focus {
    outline: 0;
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
/*!==================================
	Master backbone
 ===================================*/ 
/*!------------------------------
	masthead
 ------------------------------*/

body {
    background-color: white;
}

    body.bg-soft {
        background-color: #f2f2f2;
    }





@media screen and (max-width: 800px) {
    body {
        padding-top: 0;
    }

}

/*!------------------------------
	extnav
 ------------------------------*/

.extnav {
    width: 100%;
    min-width: 800px;
    background: #f0f0f0;
    -moz-box-shadow: 0 2px 8px rgba(59,61,61,0.5);
    -webkit-box-shadow: 0 2px 8px rgba(59,61,61,0.5);
    box-shadow: 0 2px 8px rgba(59,61,61,0.5);
}

@media screen and (max-width: 800px) {
    .extnav {
        position: absolute;
    }
}

.extnav-inner {
    position: relative;
    padding: 25px 0;
}

@media screen and (max-width: 1024px) {
    .extnav-inner {
        padding-top: 50px;
    }
}

.extnav-panel {
    -moz-animation: fadein 0.2s ease-out;
    -webkit-animation: fadein 0.2s ease-out;
    animation: fadein 0.2s ease-out;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .extnav-panel:before, .extnav-panel:after {
        content: "";
        display: table;
    }

    .extnav-panel:after {
        clear: both;
    }

.extnav-panel {
    zoom: 1;
}

    .extnav-panel .unit {
        margin-bottom: 12px;
        font-size: 22px;
        color: #6d7b8c;
        line-height: 1.1;
    }

.extnav-panel-menu {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
}

    .extnav-panel-menu .col {
        display: table-cell;
        vertical-align: top;
        padding-left: 135px;
        padding-right: 15px;
    }

        .extnav-panel-menu .col + .col {
            padding-left: 15px;
            border-left: 1px dotted #d4d4d4;
        }

    .extnav-panel-menu .links {
        width: 150px;
    }

        .extnav-panel-menu .links li {
            margin-bottom: 15px;
            font-size: 15px;
            color: #393b40;
            line-height: 1;
        }

        .extnav-panel-menu .links a.active, .extnav-panel-menu .links a:hover {
            color: #c3002f;
        }

.extnav-panel-digest + .extnav-panel-menu {
    float: left;
    table-layout: auto;
}

.extnav-panel-digest {
    width: 50%;
    float: right;
    position: relative;
}

    .extnav-panel-digest:before, .extnav-panel-digest:after {
        content: "";
        display: table;
    }

    .extnav-panel-digest:after {
        clear: both;
    }

.extnav-panel-digest {
    zoom: 1;
}

    .extnav-panel-digest .img {
        float: left;
        width: 50%;
    }

        .extnav-panel-digest .img img {
            width: 100%;
            height: auto;
            display: block;
        }

        .extnav-panel-digest .img:before {
            content: '';
            display: block;
            width: 3px;
            height: 100%;
            float: left;
            position: absolute;
            top: 0px;
            left: -15px;
            background: #c3002f;
        }

    .extnav-panel-digest .txt {
        float: right;
        width: 50%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 30px;
    }

        .extnav-panel-digest .txt .title {
            margin-bottom: 10px;
            font-size: 15px;
            color: #393b40;
            line-height: 1;
        }

            .extnav-panel-digest .txt .title.active, .extnav-panel-digest .txt .title:hover {
                color: #c3002f;
            }

        .extnav-panel-digest .txt .story {
            font-size: 13px;
            color: #606469;
        }

        .extnav-panel-digest .txt .meta {
            text-align: right;
        }

@media screen and (max-width: 960px) {
    .extnav-panel-menu .col {
        padding-left: 20px !important;
        padding-right: 20px;
    }

    .extnav-panel-digest + .extnav-panel-menu .col {
        width: 100%;
        display: block;
        border-left: 0 !important;
    }

    .extnav-panel-digest {
        width: 60%;
    }
}
/*!------------------------------
	mastbody
 ------------------------------*/

@media screen and (max-width: 1280px) {
    .mastbody {
        overflow: hidden;
    }
}

.mastbody-inner {
    position: relative;
    min-height: 100px;
}

    .mastbody-inner.pd-bottom {
        padding-bottom: 50px;
    }

.headingbar {
    position: relative;
    min-height: 100px;
}

@media screen and (max-width: 1208px) {
    .headingbar {
        padding-left: 10px;
    }
}

.headingbar-main {
    padding-top: 52px;
    color: #4c4c4c;
}

    .headingbar-main .title {
        font-size: 32px;
        line-height: 1.1;
    }

.sidebarnav-item {
    border-bottom: 1px dashed #d4d4d4;
}

    .sidebarnav-item:first-child {
        border-top: 1px dashed #d4d4d4;
    }

.sidebarnav-btn {
    display: block;
    position: relative;
    padding: 14px 5px 13px 0;
    text-decoration: none !important;
}

@media screen and (max-width: 1208px) {
    .sidebarnav-btn {
        padding-left: 10px;
    }
}

.sidebarnav-btn > .txt {
    color: #393b40;
    font-size: 15px;
    line-height: 1;
}

.sidebarnav-btn > .icn {
    display: block;
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 3px;
    height: 100%;
    background: #c3002f;
    opacity: 0;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

    .sidebarnav-btn > .icn.no-opacity .sidebarnav-btn > .icn {
        display: none;
    }

.sidebarnav-btn:active {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
}

    .sidebarnav-btn:hover > .txt, .sidebarnav-btn:active > .txt, .sidebarnav-btn.on:hover > .txt, .sidebarnav-btn.on:active > .txt {
        color: #c3002f;
    }

.sidebarnav-btn.on > .txt {
    color: #6d7b8c;
}

.sidebarnav-btn.on > .icn {
    opacity: 1;
}

    .sidebarnav-btn.on > .icn.no-opacity .sidebarnav-btn.on > .icn {
        display: block;
    }
/*!------------------------------
	mastfoot
 ------------------------------*/

.mastfoot {
    position: relative;
    z-index: 5;
}

.mastfoot-sitemap {
    border-top: 1px solid #d4d4d4;
    background: #232323;
}

.mastfoot-sitemap-inner {
    padding: 30px 0;
}

    .mastfoot-sitemap-inner a:hover {
        color: #c3002f;
        text-decoration: none;
    }

.mastfoot-sitemap-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-top: 30px;
}

.mastfoot-sitemap-col {
    display: table-cell;
    vertical-align: top;
    border-left: 1px dashed #333;
}

    .mastfoot-sitemap-col.no-border {
        border-left-color: transparent;
    }

.mastfoot-sitemap-title {
    margin-bottom: 10px;
    margin-top: -30px;
    padding-left: 30%;
    font-size: 14px;
    font-weight: 700;
    color: #89888c;
}

.mastfoot-sitemap-group {
    display: inline-block;
    vertical-align: top;
    padding-left: 30%;
    color: #c7c7c7;
    font-size: 13px;
}

.mastfoot-sitemap-item {
    margin-bottom: 10px;
    line-height: 1.1;
}

    .mastfoot-sitemap-item.title {
        font-size: 14px;
        font-weight: 700;
        color: white;
    }

    .mastfoot-sitemap-item.bold {
        font-size: 14px;
        font-weight: 700;
        color: #eee;
    }

    .mastfoot-sitemap-item.br:after {
        content: '\00a0 ';
    }

@media screen and (max-width: 960px) {
    .mastfoot-sitemap-title, .mastfoot-sitemap-group {
        padding-left: 15%;
    }
}

.mastfoot-servicelink {
    background: #333;
}

.mastfoot-servicelink-inner {
    padding: 15px 25px;
}

    .mastfoot-servicelink-inner:before, .mastfoot-servicelink-inner:after {
        content: "";
        display: table;
    }

    .mastfoot-servicelink-inner:after {
        clear: both;
    }

.mastfoot-servicelink-inner {
    zoom: 1;
}

.mastfoot-servicelink-copyright {
    float: left;
    width: 14.90066%;
    font-size: 14px;
    color: #696969;
    white-space: nowrap;
}

.mastfoot-servicelink-menu {
    float: right;
    width: 85.09934%;
    font-size: 15px;
    color: #89888c;
}

    .mastfoot-servicelink-menu ul {
        text-align: right;
    }

    .mastfoot-servicelink-menu li {
        display: inline-block;
        vertical-align: top;
        margin-left: 25px;
        text-align: left;
    }

@media screen and (max-width: 1024px) {
    .mastfoot-servicelink-menu li {
        margin-left: 1%;
    }
}

.mastfoot-servicelink-menu a {
    color: #89888c;
}

    .mastfoot-servicelink-menu a:hover {
        text-decoration: underline;
    }
/*!==================================
	Colors
 ===================================*/

.color-dark {
    color: #333;
}

.color-norm {
    color: #4c4c4c;
}

.color-mild {
    color: #8a8a8a;
}

.color-light {
    color: #a2a2a2;
}

.color-soft {
    color: #d9d9d9;
}

.color-white {
    color: white;
}

.color-modest-dark {
    color: #393b40;
}

.color-modest-mild {
    color: #606469;
}

.color-modest-light {
    color: #6d7b8c;
}

.color-red {
    color: #c3002f;
}

.color-loud {
    color: #c3002f;
}

.link-soft, .link-light, .link-norm, .link-mild, .link-dark, .link-modest-light, .link-modest-mild, .link-modest-dark {
    text-decoration: underline;
}

    .link-soft:hover, .link-soft:active, .link-light:hover, .link-light:active, .link-norm:hover, .link-norm:active, .link-mild:hover, .link-mild:active, .link-dark:hover, .link-dark:active, .link-modest-light:hover, .link-modest-light:active, .link-modest-mild:hover, .link-modest-mild:active, .link-modest-dark:hover, .link-modest-dark:active {
        color: inherit;
    }

.link-soft {
    color: #d9d9d9;
}

.link-light {
    color: #a2a2a2;
}

.link-mild {
    color: #8a8a8a;
}

.link-norm {
    color: #4c4c4c;
}

.link-dark {
    color: #333;
}

.link-modest-light {
    color: #6d7b8c;
}

.link-modest-mild {
    color: #606469;
}

.link-modest-dark {
    color: #393b40;
}

.hover-loud:hover, .hover-loud:active {
    color: #c3002f;
}
/*!==================================
	Texts
 ===================================*/

body {
    font-size: 13px;
    font-family: Helvetica,Arial,"MHei HK Medium","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif;
    line-height: 1.5;
}

.no-boxshadow body {
    font-family: "MHei HK Medium","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei",Helvetica,Arial,sans-serif;
}

a:hover, a:active {
    text-decoration: underline;
}

.font-verdana {
    font-family: Verdana,Geneva;
}

.font-ch {
    font-family: "MHei HK Medium","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei";
}

.font-price {
    font-family: Verdana,Geneva;
    letter-spacing: -0.06em;
}

.size-xxxl {
    font-size: 32px;
    line-height: 1.1;
}

.size-xxl {
    font-size: 28px;
    line-height: 1.1;
}

.size-xl {
    font-size: 24px;
    line-height: 1.1;
}

.size-l2 {
    font-size: 22px;
}

.size-l {
    font-size: 18px;
}

.size-m2 {
    font-size: 16px;
}

.size-m {
    font-size: 16px;
}

.size-s {
    font-size: 14px;
}

.size-xs {
    font-size: 13px;
}

.size-xxs {
    font-size: 12px;
}

.bolder, .bold {
    font-weight: 700;
}

.no-bolder {
    font-weight: 400;
}

.superscript {
    position: relative;
    top: -.75em;
}

.subscript {
    position: relative;
    top: .75em;
}

.title-block {
    font-size: 22px;
    color: #8a8a8a;
}

.title-invert-loud {
    display: inline-block;
    padding: 6px 15px 4px;
    margin-bottom: 15px;
    font-size: 18px;
    color: white;
    background-color: #c3002f;
}

a.title-invert-loud:hover, a.title-invert-loud:active {
    text-decoration: none;
    background-color: #f6003b;
}

.grid-maincont .title-cap-loud {
    border-left: 3px solid #c3002f;
    padding-left: 57px;
    margin-left: -60px;
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 30px;
    color: #393b40;
}

@media screen and (max-width: 1024px) {
    .grid-maincont .title-cap-loud {
        padding-left: 22px;
        margin-left: -25px;
    }
}

.htmleditor-reset {
    line-height: 1.42857;
}

    .htmleditor-reset body {
        font: 9pt/1.5em sans-serif;
    }

    .htmleditor-reset pre, .htmleditor-reset code, .htmleditor-reset tt {
        font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace;
    }

    .htmleditor-reset h1, .htmleditor-reset h2, .htmleditor-reset h3, .htmleditor-reset h4, .htmleditor-reset h5, .htmleditor-reset h6, .htmleditor-reset b, .htmleditor-reset strong {
        font-weight: bold;
    }

    .htmleditor-reset em, .htmleditor-reset i, .htmleditor-reset dfn {
        font-style: italic;
    }

    .htmleditor-reset dfn {
        font-weight: bold;
    }

    .htmleditor-reset p, .htmleditor-reset code, .htmleditor-reset pre, .htmleditor-reset kbd {
        margin: 0 0 1.5em 0;
    }

    .htmleditor-reset blockquote {
        margin: 0 1.5em 1.5em 1.5em;
    }

    .htmleditor-reset cite {
        font-style: italic;
    }

    .htmleditor-reset li ul, .htmleditor-reset li ol {
        margin: 0 1.5em;
    }

    .htmleditor-reset ul, .htmleditor-reset ol {
        margin: 0 1.5em 1.5em 1.5em;
    }

    .htmleditor-reset ul {
        list-style-type: disc;
    }

    .htmleditor-reset ol {
        list-style-type: decimal;
    }

        .htmleditor-reset ol ol {
            list-style: upper-alpha;
        }

            .htmleditor-reset ol ol ol {
                list-style: lower-roman;
            }

                .htmleditor-reset ol ol ol ol {
                    list-style: lower-alpha;
                }

    .htmleditor-reset dl {
        margin: 0 0 1.5em 0;
    }

        .htmleditor-reset dl dt {
            font-weight: bold;
        }

    .htmleditor-reset dd {
        margin-left: 1.5em;
    }

    .htmleditor-reset table {
        margin-bottom: 1.4em;
        width: 100%;
    }

    .htmleditor-reset th {
        font-weight: bold;
    }

    .htmleditor-reset th, .htmleditor-reset td, .htmleditor-reset caption {
        padding: 4px 10px 4px 5px;
    }

    .htmleditor-reset tfoot {
        font-style: italic;
    }

    .htmleditor-reset sup, .htmleditor-reset sub {
        line-height: 0;
    }

    .htmleditor-reset abbr, .htmleditor-reset acronym {
        border-bottom: 1px dotted;
    }

    .htmleditor-reset address {
        margin: 0 0 1.5em;
        font-style: italic;
    }

    .htmleditor-reset del {
        text-decoration: line-through;
    }

    .htmleditor-reset pre {
        margin: 1.5em 0;
        white-space: pre;
    }

    .htmleditor-reset img.centered, .htmleditor-reset .aligncenter, .htmleditor-reset div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .htmleditor-reset img.alignright {
        display: inline;
    }

    .htmleditor-reset img.alignleft {
        display: inline;
    }

    .htmleditor-reset .alignright {
        float: right;
        margin-left: 10px;
    }

    .htmleditor-reset .alignleft {
        float: left;
        margin-right: 10px;
    }

    .htmleditor-reset img {
        max-width: 100%;
    }

    .htmleditor-reset * html .clearfix {
        height: 1%;
    }

    .htmleditor-reset * + html .clearfix {
        display: inline-block;
    }

    .htmleditor-reset .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .htmleditor-reset * html .group {
        height: 1%;
    }

    .htmleditor-reset * + html .group {
        display: inline-block;
    }

    .htmleditor-reset .group:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .htmleditor-reset h1 {
        font-size: 28px;
        margin-bottom: 25px;
        line-height: 1.1;
    }

    .htmleditor-reset h2 {
        font-size: 24px;
        margin-bottom: 25px;
        line-height: 1.1;
    }

    .htmleditor-reset h3 {
        font-size: 18px;
        margin-bottom: 25px;
        line-height: 1.1;
    }

    .htmleditor-reset h4 {
        font-size: 16px;
    }

    .htmleditor-reset h5 {
        font-size: 14px;
    }

    .htmleditor-reset h6 {
        font-size: 14px;
    }

    .htmleditor-reset a {
        text-decoration: underline;
    }

        .htmleditor-reset a:hover, .htmleditor-reset a:acitve {
            color: #c3002f;
        }

    .htmleditor-reset td, .htmleditor-reset th {
        border: 1px solid #d4d4d4;
    }
/*!==================================
	Grids
 ===================================*/

body {
    min-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.mg-bottom {
    margin-bottom: 25px;
}

.mg-bottom-s {
    margin-bottom: 15px;
}

.mg-bottom-xs {
    margin-bottom: 10px;
}

.mg-bottom-xxs {
    margin-bottom: 5px;
}

.mg-top {
    margin-top: 25px;
}

.mg-top-s {
    margin-top: 15px;
}

.mg-top-xs {
    margin-top: 10px;
}

.mg-top-xxs {
    margin-top: 5px;
}

.mg-left {
    margin-left: 25px;
}

.mg-left-s {
    margin-left: 15px;
}

.mg-left-xs {
    margin-left: 10px;
}

.mg-left-xxs {
    margin-left: 5px;
}

.mg-right {
    margin-right: 25px;
}

.mg-right-s {
    margin-right: 15px;
}

.mg-right-xs {
    margin-right: 10px;
}

.mg-right-xxs {
    margin-right: 5px;
}

.un-mg-bottom {
    margin-bottom: -25px;
}

.un-mg-bottom-s {
    margin-bottom: -15px;
}

.un-mg-bottom-xs {
    margin-bottom: -10px;
}

.un-mg-bottom-xxs {
    margin-bottom: -5px;
}

.un-mg-top {
    margin-top: -25px;
}

.un-mg-top-s {
    margin-top: -15px;
}

.un-mg-top-xs {
    margin-top: -10px;
}

.un-mg-top-xxs {
    margin-top: -5px;
}

.un-mg-left {
    margin-left: -25px;
}

.un-mg-left-s {
    margin-left: -15px;
}

.un-mg-left-xs {
    margin-left: -10px;
}

.un-mg-left-xxs {
    margin-left: -5px;
}

.un-mg-right {
    margin-right: -25px;
}

.un-mg-right-s {
    margin-right: -15px;
}

.un-mg-right-xs {
    margin-right: -10px;
}

.un-mg-right-xxs {
    margin-right: -5px;
}

.pd-bottom {
    padding-bottom: 25px;
}

.pd-bottom-s {
    padding-bottom: 15px;
}

.pd-bottom-xs {
    padding-bottom: 10px;
}

.pd-bottom-xxs {
    padding-bottom: 5px;
}

.pd-top {
    padding-top: 25px;
}

.pd-top-s {
    padding-top: 15px;
}

.pd-top-xs {
    padding-top: 10px;
}

.pd-top-xxs {
    padding-top: 5px;
}

.pd-left {
    padding-left: 25px;
}

.pd-left-s {
    padding-left: 15px;
}

.pd-left-xs {
    padding-left: 10px;
}

.pd-left-xxs {
    padding-left: 5px;
}

.pd-right {
    padding-right: 25px;
}

.pd-right-s {
    padding-right: 15px;
}

.pd-right-xs {
    padding-right: 10px;
}

.pd-right-xxs {
    padding-right: 5px;
}

.no-mg-top {
    margin-top: 0 !important;
}

.no-mg-left {
    margin-left: 0 !important;
}

.no-mg-right {
    margin-right: 0 !important;
}

.no-mg-bottom {
    margin-bottom: 0 !important;
}

.grid-centre {
    max-width: 1208px;
    margin-left: auto;
    margin-right: auto;
}
/*!------------------------------
	.grid-container
 ------------------------------*/

.grid-container {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
}

    .grid-container > .grid-sidebar, .grid-container > .grid-cubebar {
        display: table-cell;
        vertical-align: top;
    }

    .grid-container > .grid-maincont {
        display: table-cell;
        vertical-align: top;
        padding-left: 30px;
    }

    .grid-container > .grid-cubebar + .grid-maincont {
        padding-left: 0;
    }

.grid-sidebar {
    width: 204px;
}

    .grid-sidebar.bordered {
        width: 202px;
    }

    .grid-sidebar.fixed > .sticky {
        position: fixed;
        width: 204px;
    }

.grid-cubebar {
    width: 90px;
}

.grid-maincont.bordered {
    width: 202px;
}

.grid-container .grid-maincont.pd-main, .grid-container .grid-maincont .pd-main {
    padding: 40px 60px;
}

.grid-container .grid-maincont.pd-main-vert, .grid-container .grid-maincont .pd-main-vert {
    padding-top: 40px;
    padding-bottom: 40px;
}

.grid-container .grid-maincont.pd-main-hori, .grid-container .grid-maincont .pd-main-hori {
    padding-left: 60px;
    padding-right: 60px;
}

.grid-container .grid-maincont .un-pd-main-hori {
    margin-left: -60px;
    margin-right: -60px;
}

@media screen and (max-width: 1024px) {
    .grid-container .grid-maincont.pd-main, .grid-container .grid-maincont .pd-main {
        padding-left: 25px;
        padding-right: 25px;
    }

    .grid-container .grid-maincont.pd-main-hori, .grid-container .grid-maincont .pd-main-hori {
        padding-left: 25px;
        padding-right: 25px;
    }

    .grid-container .grid-maincont .un-pd-main-hori {
        margin-left: -25px;
        margin-right: -25px;
    }
}

.grid-container.solo, .grid-container.solo-indent {
    display: block;
    width: auto;
}

    .grid-container.solo > .grid-maincont, .grid-container.solo-indent > .grid-maincont {
        display: block;
    }

.grid-container.solo-indent {
    margin-left: 45px;
    margin-right: 45px;
}

@media screen and (max-width: 1024px) {
    .grid-container > .grid-maincont {
        padding-left: 20px;
    }

    .grid-sidebar {
        width: 183.6px;
    }

        .grid-sidebar.fixed > .sticky {
            width: 183.6px;
        }
}

@media screen and (max-width: 960px) {
    .grid-container > .grid-maincont {
        padding-left: 10px;
    }

    .grid-sidebar {
        width: 153px;
    }

        .grid-sidebar.fixed > .sticky {
            width: 153px;
        }
}
/*!------------------------------
	.grid-stream
 ------------------------------*/

.grid-stream-group {
    margin-left: -15px;
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
}

    .grid-stream-group:before, .grid-stream-group:after {
        content: "";
        display: table;
    }

    .grid-stream-group:after {
        clear: both;
    }

.grid-stream-group {
    zoom: 1;
}

.grid-stream-item {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    margin-bottom: 20px;
}

.grid-stream.grid-x2 .grid-stream-item {
    width: 50%;
}

.grid-stream.grid-x3 .grid-stream-item {
    width: 33.333334%;
}

.grid-stream.grid-x4 .grid-stream-item {
    width: 25%;
}

@media screen and (max-width: 1024px) {
    .grid-stream-group {
        margin-left: -15px;
    }

    .grid-stream.grid-x2 .grid-stream-item, .grid-stream.grid-x3 .grid-stream-item, .grid-stream.grid-x4 .grid-stream-item {
        padding-left: 15px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 960px) {
    .grid-stream.grid-x2 .grid-stream-item, .grid-stream.grid-x3 .grid-stream-item, .grid-stream.grid-x4 .grid-stream-item {
        width: 50%;
    }
}

.grid-stream-item-inner {
    position: relative;
    display: block;
    padding: 15px;
    background: white;
}

.no-padding .grid-stream-item-inner {
    padding: 0;
}

.grid-stream-item-inner > .img img {
    width: 100%;
    height: auto;
}

.grid-cubebar + .grid-maincont .grid-stream .grid-stream-group {
    margin-left: -40px;
}

.grid-cubebar + .grid-maincont .grid-stream .grid-stream-item {
    padding-left: 40px;
    margin-bottom: 30px;
}
/*!------------------------------
	.grid-roll
 ------------------------------*/

.grid-roll-group {
    margin-left: -15px;
    margin-right: -15px;
    display: table;
    table-layout: fixed;
    border-spacing: 15px 0;
}

.grid-roll-item {
    display: table-cell;
    vertical-align: top;
    border: 1px solid #d4d4d4;
    background: white;
}

.grid-roll.grid-x2 .grid-roll-item {
    width: 50%;
}

.grid-roll.grid-x3 .grid-roll-item {
    width: 33.333334%;
}

.grid-roll.grid-x4 .grid-roll-item {
    width: 25%;
}

.grid-roll-item-inner {
    display: block;
    position: relative;
}

.grid-roll-item .img img {
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 960px) {
    .grid-roll-group {
        display: block;
        text-align: center;
        letter-spacing: -0.31em;
        *letter-spacing: normal;
        *word-spacing: -0.43em;
        margin-left: 0;
        margin-right: 0;
    }

        .grid-roll-group:before, .grid-roll-group:after {
            content: "";
            display: table;
        }

        .grid-roll-group:after {
            clear: both;
        }

    .grid-roll-group {
        zoom: 1;
    }

    .grid-roll-item {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        margin-left: 1%;
        margin-right: 1%;
        text-align: left;
    }

    .grid-roll.grid-x2 .grid-roll-item, .grid-roll.grid-x3 .grid-roll-item, .grid-roll.grid-x4 .grid-roll-item {
        width: 44%;
        margin-bottom: 20px;
    }
}
/*!------------------------------
	.grid-part
 ------------------------------*/

.grid-part {
    display: table;
    width: 100%;
}

    .grid-part > .left.strain, .grid-part > .right.strain, .grid-part .center.strain {
        width: 1%;
        white-space: nowrap;
    }

    .grid-part > .left.at-top, .grid-part > .right.at-top, .grid-part .center.at-top {
        vertical-align: top;
    }

    .grid-part > .left.at-bottom, .grid-part > .right.at-bottom, .grid-part .center.at-bottom {
        vertical-align: bottom;
    }

    .grid-part > .left.at-middle, .grid-part > .right.at-middle, .grid-part .center.at-middle {
        vertical-align: middle;
    }

    .grid-part > .left.at-left, .grid-part > .right.at-left, .grid-part .center.at-left {
        text-align: left;
    }

    .grid-part > .left.at-right, .grid-part > .right.at-right, .grid-part .center.at-right {
        text-align: right;
    }

    .grid-part > .left.at-center, .grid-part > .right.at-center, .grid-part .center.at-center {
        text-align: center;
    }

    .grid-part > .left {
        width: auto;
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

    .grid-part > .center {
        width: auto;
        display: table-cell;
        vertical-align: middle;
    }

    .grid-part > .right {
        width: auto;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
    }
/*!------------------------------
	.grid-colx2
 ------------------------------*/

.grid-colx2:before, .grid-colx2:after {
    content: "";
    display: table;
}

.grid-colx2:after {
    clear: both;
}

.grid-colx2 {
    zoom: 1;
}

    .grid-colx2 .grid-col {
        float: left;
        width: 50%;
    }

@media screen and (max-width: 960px) {
    .grid-colx2 .grid-col {
        width: auto;
        float: none;
    }
}

.grid-colx3:before, .grid-colx3:after {
    content: "";
    display: table;
}

.grid-colx3:after {
    clear: both;
}

.grid-colx3 {
    zoom: 1;
}

    .grid-colx3 .grid-col {
        float: left;
        width: 33.33%;
    }

@media screen and (max-width: 960px) {
    .grid-colx3 .grid-col {
        width: 50%;
    }
}

.grid-colx4:before, .grid-colx4:after {
    content: "";
    display: table;
}

.grid-colx4:after {
    clear: both;
}

.grid-colx4 {
    zoom: 1;
}

    .grid-colx4 .grid-col {
        float: left;
        width: 25%;
    }

@media screen and (max-width: 960px) {
    .grid-colx4 .grid-col {
        width: 50%;
    }
}
/*!==================================
	Buttons
 ===================================*/

[class*="icn-"] {
    display: inline-block;
    text-decoration: none !important;
    vertical-align: middle;
    position: relative;
    top: 1em;
    margin-top: -2em;
}

    [class*="icn-"]:after {
        display: inline-block;
    }

.at-left[class*="icn-"] {
    margin-right: .2em;
}

.at-right[class*="icn-"] {
    margin-left: .2em;
}

.icn-plus {
    width: 13px;
    height: 13px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url("../../img/ui/icn-plus.png");
    background-repeat: no-repeat;
}

    .icn-plus > br, .icn-plus br {
        display: none;
    }

.icn-equal {
    width: 14px;
    height: 11px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url("../../img/ui/icn-equal.png");
    background-repeat: no-repeat;
}

    .icn-equal > br, .icn-equal br {
        display: none;
    }

.icn-check {
    width: 15px;
    height: 12px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url("../../img/ui/icn-check.png");
    background-repeat: no-repeat;
}

    .icn-check > br, .icn-check br {
        display: none;
    }

.icn-why {
    width: 16px;
    height: 16px;
    background: url("../../img/ui/icn-why.png") no-repeat 50% 50%;
}

.icn-map:after {
    content: url("../../img/ui/icn-map.png");
}

.icn-carspa:after {
    content: url("../../img/ui/icn-s-carspa@2x.png");
}

.icn-ilike:after {
    content: url("../../img/ui/icn-ilike.png");
}

.icn-idontlike:after {
    content: url("../../img/ui/icn-idontlike.png");
}

.icn-wrench:after {
    content: url("../../img/ui/icn-wrench.png");
}

.icn-zoomin-large:after {
    content: url("../../img/ui/icn-zoomin.png");
}

.icn-carkey:after {
    content: url("../../img/ui/icn-carkey.png");
}

.icn-cup-winner-red:after {
    content: url("../../img/ui/icn-cup-winner-red.png");
}

[class*="btn-"] {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    vertical-align: middle;
}

.btn-plain-loud, .btn-plain-calm {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 100px;
    height: 31px;
    border: 0;
    padding: 0 1em;
    -moz-transition: background-color 0.1s;
    -o-transition: background-color 0.1s;
    -webkit-transition: background-color 0.1s;
    transition: background-color 0.1s;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}

    .btn-plain-loud > .txt, .btn-plain-calm > .txt {
        line-height: 31px;
    }

    .btn-plain-loud:active, .btn-plain-calm:active {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }

    .btn-plain-loud.bold, .btn-plain-calm.bold {
        height: 40px;
        font-size: 17px;
        text-decoration: none !important;
    }

        .btn-plain-loud.bold > .txt, .btn-plain-calm.bold > .txt {
            line-height: 40px;
            text-decoration: none !important;
        }

.btn-plain-loud {
    background-color: #c3002f;
    color: #fff !important;
}

    .btn-plain-loud:hover {
        background-color: #dd0035;
    }

    .btn-plain-loud:active {
        background-color: #c80030;
        -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);
        -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);
        box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);
    }

.btn-plain-calm {
    background-color: #c5c5c5;
    color: #393b40 !important;
}

    .btn-plain-calm:hover {
        background-color: #d2d2d2;
    }

    .btn-plain-calm:active {
        background-color: #c2c2c2;
        -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
        -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
    }

.btn-pointer-loud, .btn-pointer-calm {
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    height: 46px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}

    .btn-pointer-loud .txt, .btn-pointer-calm .txt {
        line-height: 46px;
        white-space: nowrap;
        text-decoration: none !important;
    }

    .btn-pointer-loud i, .btn-pointer-calm i {
        position: absolute;
        width: 0;
        height: 0;
        border: 6px solid transparent;
    }

    .btn-pointer-loud.pointright i, .btn-pointer-calm.pointright i {
        left: 100%;
        top: 50%;
        margin-top: -6px;
    }

    .btn-pointer-loud.pointleft i, .btn-pointer-calm.pointleft i {
        right: 100%;
        top: 50%;
        margin-top: -6px;
    }

    .btn-pointer-loud.pointtop i, .btn-pointer-calm.pointtop i {
        left: 50%;
        bottom: 100%;
        margin-left: -6px;
    }

    .btn-pointer-loud.pointbottom i, .btn-pointer-calm.pointbottom i {
        left: 50%;
        top: 100%;
        margin-left: -6px;
    }

.btn-pointer-loud {
    background-color: #c3002f;
    color: #fff !important;
}

    .btn-pointer-loud.pointright i {
        border-left-color: #c3002f;
    }

    .btn-pointer-loud.pointleft i {
        border-right-color: #c3002f;
    }

    .btn-pointer-loud.pointtop i {
        border-bottom-color: #c3002f;
    }

    .btn-pointer-loud.pointbottom i {
        border-top-color: #c3002f;
    }

    .btn-pointer-loud:hover, .btn-pointer-loud:active {
        background: #dd0035;
        color: #fff !important;
    }

        .btn-pointer-loud:hover.pointright i, .btn-pointer-loud:active.pointright i {
            border-left-color: #dd0035;
        }

        .btn-pointer-loud:hover.pointleft i, .btn-pointer-loud:active.pointleft i {
            border-right-color: #dd0035;
        }

        .btn-pointer-loud:hover.pointtop i, .btn-pointer-loud:active.pointtop i {
            border-bottom-color: #dd0035;
        }

        .btn-pointer-loud:hover.pointbottom i, .btn-pointer-loud:active.pointbottom i {
            border-top-color: #dd0035;
        }

.btn-pointer-calm {
    background: #c5c5c5;
    color: #393b40 !important;
}

    .btn-pointer-calm.pointright i {
        border-left-color: #c5c5c5;
    }

    .btn-pointer-calm.pointleft i {
        border-right-color: #c5c5c5;
    }

    .btn-pointer-calm.pointtop i {
        border-bottom-color: #c5c5c5;
    }

    .btn-pointer-calm.pointbottom i {
        border-top-color: #c5c5c5;
    }

    .btn-pointer-calm:hover, .btn-pointer-calm:active {
        background-color: #c3002f;
        color: #fff !important;
    }

        .btn-pointer-calm:hover.pointright i, .btn-pointer-calm:active.pointright i {
            border-left-color: #c3002f;
        }

        .btn-pointer-calm:hover.pointleft i, .btn-pointer-calm:active.pointleft i {
            border-right-color: #c3002f;
        }

        .btn-pointer-calm:hover.pointtop i, .btn-pointer-calm:active.pointtop i {
            border-bottom-color: #c3002f;
        }

        .btn-pointer-calm:hover.pointbottom i, .btn-pointer-calm:active.pointbottom i {
            border-top-color: #c3002f;
        }

.btn-pure-white {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: 31px;
    border: 1px solid #d4d4d4;
    padding: 0 10px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px;
    text-align: center;
    text-decoration: none !important;
}

    .btn-pure-white > .txt {
        line-height: 31px;
        text-decoration: none !important;
    }

.btn-pure-white {
    background: #f4f4f4;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #eaeaea));
    background: -moz-linear-gradient(top, #ffffff,#eaeaea);
    background: -webkit-linear-gradient(top, #ffffff,#eaeaea);
    background: linear-gradient(to bottom, #ffffff,#eaeaea);
    color: #606469 !important;
}

    .btn-pure-white:hover {
        background: #fff;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ffffff),color-stop(100%, #eaeaea));
        background: -moz-linear-gradient(top, #ffffff 50%,#eaeaea);
        background: -webkit-linear-gradient(top, #ffffff 50%,#eaeaea);
        background: linear-gradient(to bottom, #ffffff 50%,#eaeaea);
    }

    .btn-pure-white:active {
        background: #eaeaea;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea),color-stop(100%, #efefef));
        background: -moz-linear-gradient(top, #eaeaea,#efefef);
        background: -webkit-linear-gradient(top, #eaeaea,#efefef);
        background: linear-gradient(to bottom, #eaeaea,#efefef);
    }

    .btn-pure-white.on {
        background: #8c96a3;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzOGU5YSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOGM5N2E0Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGI5NmEzIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #838e9a),color-stop(50%, #8c97a4),color-stop(100%, #8b96a3));
        background: -moz-linear-gradient(top, #838e9a,#8c97a4,#8b96a3);
        background: -webkit-linear-gradient(top, #838e9a,#8c97a4,#8b96a3);
        background: linear-gradient(to bottom, #838e9a,#8c97a4,#8b96a3);
        -moz-box-shadow: inset 0 0 30px #6d7b8c;
        -webkit-box-shadow: inset 0 0 30px #6d7b8c;
        box-shadow: inset 0 0 30px #6d7b8c;
        color: #fff !important;
        cursor: default;
    }

.btn-slidenext, .btn-slideprev {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 35px;
    height: 100px;
    margin-top: -50px;
    background-color: #c3002f;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -moz-transition: background-color 0.1s;
    -o-transition: background-color 0.1s;
    -webkit-transition: background-color 0.1s;
    transition: background-color 0.1s;
}

    .btn-slidenext:hover, .btn-slidenext:active, .btn-slideprev:hover, .btn-slideprev:active {
        background-color: #dd0035;
    }

    .btn-slidenext.disabled, .btn-slideprev.disabled {
        background-color: #888;
        cursor: default;
    }

.btn-slidenext {
    right: 0;
    margin-right: -14px;
    background-image: url("../../img/ui/btn-slidenext-icn.png");
    -moz-box-shadow: 1px 0 3px rgba(59,61,61,0.3);
    -webkit-box-shadow: 1px 0 3px rgba(59,61,61,0.3);
    box-shadow: 1px 0 3px rgba(59,61,61,0.3);
}

@media screen and (max-width: 1280px) {
    .btn-slidenext {
        margin-right: 0;
    }
}

.btn-slideprev {
    left: 0;
    margin-left: -14px;
    background-image: url("../../img/ui/btn-slideprev-icn.png");
    -moz-box-shadow: -1px 0 3px rgba(59,61,61,0.3);
    -webkit-box-shadow: -1px 0 3px rgba(59,61,61,0.3);
    box-shadow: -1px 0 3px rgba(59,61,61,0.3);
}

@media screen and (max-width: 1280px) {
    .btn-slideprev {
        margin-left: 0;
    }
}

.btn-split-white, .btn-split-loud {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 31px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 15px;
    font-family: "MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei";
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
    text-decoration: none !important;
}

    .btn-split-white > span, .btn-split-white > div, .btn-split-loud > span, .btn-split-loud > div {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        border-width: 0;
        border-style: dotted;
        word-spacing: normal;
        letter-spacing: normal;
        padding-left: 8px;
        padding-right: 8px;
        line-height: 29px;
        text-align: center;
        text-decoration: none !important;
    }

        .btn-split-white > span + span, .btn-split-white > div + span, .btn-split-loud > span + span, .btn-split-loud > div + span {
            border-left-width: 1px;
        }

        .btn-split-white > span [class*="icn-"], .btn-split-white > div [class*="icn-"], .btn-split-loud > span [class*="icn-"], .btn-split-loud > div [class*="icn-"] {
            display: block;
            width: 29px;
            height: 29px;
            margin-left: -8px;
            margin-right: -8px;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            -moz-background-size: cover;
            -o-background-size: cover;
            -webkit-background-size: cover;
            background-size: cover;
            position: static;
            top: auto;
            margin-top: 0;
        }

.btn-split-white {
    border-color: #d4d4d4;
    background: #f4f4f4;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #eaeaea));
    background: -moz-linear-gradient(top, #ffffff,#eaeaea);
    background: -webkit-linear-gradient(top, #ffffff,#eaeaea);
    background: linear-gradient(to bottom, #ffffff,#eaeaea);
    color: #606469 !important;
}

    .btn-split-white > span, .btn-split-white > div {
        border-color: #d4d4d4;
    }

    .btn-split-white:hover {
        background: #fff;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ffffff),color-stop(100%, #eaeaea));
        background: -moz-linear-gradient(top, #ffffff 50%,#eaeaea);
        background: -webkit-linear-gradient(top, #ffffff 50%,#eaeaea);
        background: linear-gradient(to bottom, #ffffff 50%,#eaeaea);
    }

    .btn-split-white:active {
        background: #eaeaea;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea),color-stop(100%, #efefef));
        background: -moz-linear-gradient(top, #eaeaea,#efefef);
        background: -webkit-linear-gradient(top, #eaeaea,#efefef);
        background: linear-gradient(to bottom, #eaeaea,#efefef);
    }

.btn-split-loud {
    border-color: #a14242;
    background: #c3002f;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2MDA0MCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYzMwMDJmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmIwMDI5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d60040),color-stop(50%, #c3002f),color-stop(100%, #bb0029));
    background: -moz-linear-gradient(top, #d60040,#c3002f,#bb0029);
    background: -webkit-linear-gradient(top, #d60040,#c3002f,#bb0029);
    background: linear-gradient(to bottom, #d60040,#c3002f,#bb0029);
    color: #f6f6f6 !important;
}

    .btn-split-loud > span, .btn-split-loud > div {
        border-color: #b4586e;
    }

    .btn-split-loud:hover {
        background: #d60040;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNkNjAwNDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMzAwMmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, #d60040),color-stop(100%, #c3002f));
        background: -moz-linear-gradient(top, #d60040 60%,#c3002f);
        background: -webkit-linear-gradient(top, #d60040 60%,#c3002f);
        background: linear-gradient(to bottom, #d60040 60%,#c3002f);
    }

    .btn-split-loud:active {
        background: #bb0029;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzMDAyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2IxMDAyNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c3002f),color-stop(100%, #b10027));
        background: -moz-linear-gradient(top, #c3002f,#b10027);
        background: -webkit-linear-gradient(top, #c3002f,#b10027);
        background: linear-gradient(to bottom, #c3002f,#b10027);
    }

.btn-icon-white {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 31px;
    height: 31px;
    padding: 0;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f4f4f4;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #eaeaea));
    background: -moz-linear-gradient(top, #ffffff,#eaeaea);
    background: -webkit-linear-gradient(top, #ffffff,#eaeaea);
    background: linear-gradient(to bottom, #ffffff,#eaeaea);
}

    .btn-icon-white > [class*="icn-"] {
        display: block;
        width: 100%;
        height: 100%;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        position: static;
        top: auto;
        margin-top: 0;
    }

    .btn-icon-white.tiny {
        width: 25px;
        height: 25px;
    }

    .btn-icon-white:hover {
        background: #fff;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ffffff),color-stop(100%, #eaeaea));
        background: -moz-linear-gradient(top, #ffffff 50%,#eaeaea);
        background: -webkit-linear-gradient(top, #ffffff 50%,#eaeaea);
        background: linear-gradient(to bottom, #ffffff 50%,#eaeaea);
    }

    .btn-icon-white:active {
        background: #eaeaea;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea),color-stop(100%, #efefef));
        background: -moz-linear-gradient(top, #eaeaea,#efefef);
        background: -webkit-linear-gradient(top, #eaeaea,#efefef);
        background: linear-gradient(to bottom, #eaeaea,#efefef);
    }

.btn-seemore {
    padding-left: 20px;
    background: url("../../img/ui/icn-seemore.png") no-repeat 0 50%;
    font-size: 14px;
    font-family: Helvetica,Arial;
    color: #c3002f;
    text-decoration: none !important;
}

    .btn-seemore:hover, .btn-seemore:active {
        color: #dd0035;
    }

[class*="icn-x-"] {
    display: block;
    width: 90px;
    height: 90px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0% 50%;
}

.white[class*="icn-x-"] {
    background-position: 50% 50%;
}

.red[class*="icn-x-"] {
    background-position: 100% 50%;
}

.icn-x-tel {
    background-image: url("../../img/ui/icn-x-tel.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-tel {
        background-image: url("../../img/ui/icn-x-tel@2x.png");
    }
}

.icn-x-zoomin {
    background-image: url("../../img/ui/icn-x-zoomin.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-zoomin {
        background-image: url("../../img/ui/icn-x-zoomin@2x.png");
    }
}

.icn-x-download {
    background-image: url("../../img/ui/icn-x-download.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-download {
        background-image: url("../../img/ui/icn-x-download@2x.png");
    }
}

.icn-x-handstop {
    background-image: url("../../img/ui/icn-x-handstop.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-handstop {
        background-image: url("../../img/ui/icn-x-handstop@2x.png");
    }
}

.icn-x-rewind {
    background-image: url("../../img/ui/icn-x-rewind.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-rewind {
        background-image: url("../../img/ui/icn-x-rewind@2x.png");
    }
}

.icn-x-marker {
    background-image: url("../../img/ui/icn-x-marker.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-marker {
        background-image: url("../../img/ui/icn-x-marker@2x.png");
    }
}

.icn-x-meter {
    background-image: url("../../img/ui/icn-x-meter.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-meter {
        background-image: url("../../img/ui/icn-x-meter@2x.png");
    }
}

.icn-x-steerwheel {
    background-image: url("../../img/ui/icn-x-steerwheel.png");
}



@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-steerwheel {
        background-image: url("../../img/ui/icn-x-steerwheel@2x.png");
    }
}

.icn-x-gear {
    background-image: url("../../img/ui/icn-x-gear.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-gear {
        background-image: url("../../img/ui/icn-x-gear@2x.png");
    }
}

.icn-x-car {
    background-image: url("../../img/ui/icn-x-car.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-car {
        background-image: url("../../img/ui/icn-x-car@2x.png");
    }
}

.icn-x-repair {
    background-image: url("../../img/ui/icn-x-repair.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-repair {
        background-image: url("../../img/ui/icn-x-repair@2x.png");
    }
}

.icn-x-talk {
    background-image: url("../../img/ui/icn-x-talk.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-talk {
        background-image: url("../../img/ui/icn-x-talk@2x.png");
    }
}

.icn-x-book {
    background-image: url("../../img/ui/icn-x-book.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-book {
        background-image: url("../../img/ui/icn-x-book@2x.png");
    }
}

.icn-x-insure {
    background-image: url("../../img/ui/icn-x-insure.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-insure {
        background-image: url("../../img/ui/icn-x-insure@2x.png");
    }
}

.icn-x-bonus {
    background-image: url("../../img/ui/icn-x-bonus.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-bonus {
        background-image: url("../../img/ui/icn-x-bonus@2x.png");
    }
}

.icn-x-repairdata {
    background-image: url("../../img/ui/icn-x-repairdata.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-repairdata {
        background-image: url("../../img/ui/icn-x-repairdata@2x.png");
    }
}

.icn-x-data {
    background-image: url("../../img/ui/icn-x-data.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-data {
        background-image: url("../../img/ui/icn-x-data@2x.png");
    }
}

.icn-x-close {
    background-image: url("../../img/ui/icn-x-close.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-close {
        background-image: url("../../img/ui/icn-x-close@2x.png");
    }
}


.icn-x-carkey {
    background-image: url("../../img/ui/icn-x-carkey.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-carkey {
        background-image: url("../../img/ui/icn-x-carkey@2x.png");
    }
}

.icn-x-home {
    background-image: url("../../img/ui/icn-x-home.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-home {
        background-image: url("../../img/ui/icn-x-home@2x.png");
    }
}

.icn-x-keyinsert {
    background-image: url("../../img/ui/icn-x-keyinsert.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-keyinsert {
        background-image: url("../../img/ui/icn-x-keyinsert@2x.png");
    }
}

.icn-x-calculator {
    background-image: url("../../img/ui/icn-x-calculator.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-calculator {
        background-image: url("../../img/ui/icn-x-calculator@2x.png");
    }
}

.icn-x-parts {
    background-image: url("../../img/ui/icn-x-parts.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-parts {
        background-image: url("../../img/ui/icn-x-parts@2x.png");
    }
}

.icn-x-oilbottle {
    background-image: url("../../img/ui/icn-x-oilbottle.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-oilbottle {
        background-image: url("../../img/ui/icn-x-oilbottle@2x.png");
    }
}

.icn-x-chemical {
    background-image: url("../../img/ui/icn-x-chemical.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-chemical {
        background-image: url("../../img/ui/icn-x-chemical@2x.png");
    }
}

.icn-x-mirror {
    background-image: url("../../img/ui/icn-x-mirror.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-mirror {
        background-image: url("../../img/ui/icn-x-mirror@2x.png");
    }
}

.icn-x-wheel {
    background-image: url("../../img/ui/icn-x-wheel.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-wheel {
        background-image: url("../../img/ui/icn-x-wheel@2x.png");
    }
}

.icn-x-mail {
    background-image: url("../../img/ui/icn-x-mail.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-mail {
        background-image: url("../../img/ui/icn-x-mail@2x.png");
    }
}

.icn-x-privilege {
    background-image: url("../../img/ui/icn-x-privilege.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-privilege {
        background-image: url("../../img/ui/icn-x-privilege@2x.png");
    }
}


.icn-x-recall {
    background-image: url("../../img/ui/icn-x-recall.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-recall {
        background-image: url("../../img/ui/icn-x-recall@2x.png");
    }
}

.icn-x-mirrorbroken {
    background-image: url("../../img/ui/icn-x-mirrorbroken.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-mirrorbroken {
        background-image: url("../../img/ui/icn-x-mirrorbroken@2x.png");
    }
}

.icn-x-gift {
    background-image: url("../../img/ui/icn-x-gift.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-gift {
        background-image: url("../../img/ui/icn-x-gift@2x.png");
    }
}

.icn-x-gifttalk {
    background-image: url("../../img/ui/icn-x-gifttalk.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-gifttalk {
        background-image: url("../../img/ui/icn-x-gifttalk@2x.png");
    }
}

.icn-x-tag {
    background-image: url("../../img/ui/icn-x-tag.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-tag {
        background-image: url("../../img/ui/icn-x-tag@2x.png");
    }
}

.icn-x-tagdata {
    background-image: url("../../img/ui/icn-x-tagdata.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-tagdata {
        background-image: url("../../img/ui/icn-x-tagdata@2x.png");
    }
}

.icn-x-repaircalendar {
    background-image: url("../../img/ui/icn-x-repaircalendar.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-repaircalendar {
        background-image: url("../../img/ui/icn-x-repaircalendar@2x.png");
    }
}

.icn-x-calendar {
    background-image: url("../../img/ui/icn-x-calendar.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-calendar {
        background-image: url("../../img/ui/icn-x-calendar@2x.png");
    }
}

.icn-x-listdata {
    background-image: url("../../img/ui/icn-x-listdata.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-listdata {
        background-image: url("../../img/ui/icn-x-listdata@2x.png");
    }
}

.icn-x-intocar {
    background-image: url("../../img/ui/icn-x-intocar.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-intocar {
        background-image: url("../../img/ui/icn-x-intocar@2x.png");
    }
}

.icn-x-showroom {
    background-image: url("../../img/ui/icn-x-showroom.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-showroom {
        background-image: url("../../img/ui/icn-x-showroom@2x.png");
    }
}

.icn-x-repaircenter {
    background-image: url("../../img/ui/icn-x-repaircenter.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-repaircenter {
        background-image: url("../../img/ui/icn-x-repaircenter@2x.png");
    }
}

.icn-x-repaircar {
    background-image: url("../../img/ui/icn-x-repaircar.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-repaircar {
        background-image: url("../../img/ui/icn-x-repaircar@2x.png");
    }
}

.icn-x-ask {
    background-image: url("../../img/ui/icn-x-ask.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-ask {
        background-image: url("../../img/ui/icn-x-ask@2x.png");
    }
}

.icn-x-carinspect {
    background-image: url("../../img/ui/icn-x-carinspect.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-carinspect {
        background-image: url("../../img/ui/icn-x-carinspect@2x.png");
    }
}

.icn-x-carspa {
    background-image: url("../../img/ui/icn-x-carspa.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-carspa {
        background-image: url("../../img/ui/icn-x-carspa@2x.png");
    }
}

.icn-x-spraypaint {
    background-image: url("../../img/ui/icn-x-spraypaint.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-spraypaint {
        background-image: url("../../img/ui/icn-x-spraypaint@2x.png");
    }
}

.icn-x-oilcalendar {
    background-image: url("../../img/ui/icn-x-oilcalendar.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-oilcalendar {
        background-image: url("../../img/ui/icn-x-oilcalendar@2x.png");
    }
}

.icn-x-repairbonus {
    background-image: url("../../img/ui/icn-x-repairbonus.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-repairbonus {
        background-image: url("../../img/ui/icn-x-repairbonus@2x.png");
    }
}

.icn-x-creditcard {
    background-image: url("../../img/ui/icn-x-creditcard.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-creditcard {
        background-image: url("../../img/ui/icn-x-creditcard@2x.png");
    }
}

.icn-x-insure68 {
    background-image: url("../../img/ui/icn-x-insure68.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-insure68 {
        background-image: url("../../img/ui/icn-x-insure68@2x.png");
    }
}

.icn-x-insure6615 {
    background-image: url("../../img/ui/icn-x-insure6615.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-insure6615 {
        background-image: url("../../img/ui/icn-x-insure6615@2x.png");
    }
}

.icn-x-insurenew {
    background-image: url("../../img/ui/icn-x-insurenew.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-insurenew {
        background-image: url("../../img/ui/icn-x-insurenew@2x.png");
    }
}

.icn-x-insurecar {
    background-image: url("../../img/ui/icn-x-insurecar.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-insurecar {
        background-image: url("../../img/ui/icn-x-insurecar@2x.png");
    }
}

.icn-x-app {
    background-image: url("../../img/ui/icn-x-app.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-x-app {
        background-image: url("../../img/ui/icn-x-app@2x.png");
    }
}

.btn-cube-white, .btn-cube-white-m, .btn-cube-loud, .btn-cube-loud-m, .btn-cube-nake, .btn-cube-nake-m {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-align: center;
    cursor: pointer;
    text-decoration: none !important;
}

    .btn-cube-white > [class*="icn-x-"], .btn-cube-white-m > [class*="icn-x-"], .btn-cube-loud > [class*="icn-x-"], .btn-cube-loud-m > [class*="icn-x-"], .btn-cube-nake > [class*="icn-x-"], .btn-cube-nake-m > [class*="icn-x-"] {
        display: block;
        float: left;
        position: absolute;
        top: -20%;
        left: 0px;
        z-index: 1;
        width: 100%;
        height: 100%;
        padding-bottom: 20%;
        -moz-transition: background-color 0.1s ease-out;
        -o-transition: background-color 0.1s ease-out;
        -webkit-transition: background-color 0.1s ease-out;
        transition: background-color 0.1s ease-out;
        margin-top: 0;
    }

    .btn-cube-white > .txt, .btn-cube-white-m > .txt, .btn-cube-loud > .txt, .btn-cube-loud-m > .txt, .btn-cube-nake > .txt, .btn-cube-nake-m > .txt {
        position: relative;
        z-index: 2;
        line-height: .9;
        display: inline-block;
        text-decoration: none !important;
    }

    .btn-cube-white:active > [class*="icn-x-"], .btn-cube-white-m:active > [class*="icn-x-"], .btn-cube-loud:active > [class*="icn-x-"], .btn-cube-loud-m:active > [class*="icn-x-"], .btn-cube-nake:active > [class*="icn-x-"], .btn-cube-nake-m:active > [class*="icn-x-"] {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }

.rgba .btn-cube-white:hover > [class*="icn-x-"], .rgba .btn-cube-white:active > [class*="icn-x-"], .rgba .btn-cube-white-m:hover > [class*="icn-x-"], .rgba .btn-cube-white-m:active > [class*="icn-x-"], .rgba .btn-cube-loud:hover > [class*="icn-x-"], .rgba .btn-cube-loud:active > [class*="icn-x-"], .rgba .btn-cube-loud-m:hover > [class*="icn-x-"], .rgba .btn-cube-loud-m:active > [class*="icn-x-"], .rgba .btn-cube-nake:hover > [class*="icn-x-"], .rgba .btn-cube-nake:active > [class*="icn-x-"], .rgba .btn-cube-nake-m:hover > [class*="icn-x-"], .rgba .btn-cube-nake-m:active > [class*="icn-x-"] {
    background-color: rgba(0,0,0,0.075);
}

.btn-cube-white.no-txt > [class*="icn-x-"], .btn-cube-white-m.no-txt > [class*="icn-x-"], .btn-cube-loud.no-txt > [class*="icn-x-"], .btn-cube-loud-m.no-txt > [class*="icn-x-"], .btn-cube-nake.no-txt > [class*="icn-x-"], .btn-cube-nake-m.no-txt > [class*="icn-x-"] {
    padding-bottom: 0;
    top: 0;
}

.btn-cube-white, .btn-cube-loud, .btn-cube-nake {
    width: 90px;
    height: 90px;
    padding-top: 60px;
}

    .btn-cube-white > .txt, .btn-cube-loud > .txt, .btn-cube-nake > .txt {
        font-size: 13.5px;
    }

    .btn-cube-white > [class*="icn-x-"], .btn-cube-loud > [class*="icn-x-"], .btn-cube-nake > [class*="icn-x-"] {
        -moz-background-size: 264px 88px;
        -o-background-size: 264px 88px;
        -webkit-background-size: 264px 88px;
        background-size: 264px 88px;
    }

.btn-cube-white-m, .btn-cube-loud-m, .btn-cube-nake-m {
    width: 74px;
    height: 74px;
    padding-top: 47px;
}

    .btn-cube-white-m > .txt, .btn-cube-loud-m > .txt, .btn-cube-nake-m > .txt {
        font-size: 13px;
    }

    .btn-cube-white-m > [class*="icn-x-"], .btn-cube-loud-m > [class*="icn-x-"], .btn-cube-nake-m > [class*="icn-x-"] {
        -moz-background-size: 216px 72px;
        -o-background-size: 216px 72px;
        -webkit-background-size: 216px 72px;
        background-size: 216px 72px;
    }

.no-backgroundsize .btn-cube-white-m > [class*="icn-x-"], .no-backgroundsize .btn-cube-loud-m > [class*="icn-x-"], .no-backgroundsize .btn-cube-nake-m > [class*="icn-x-"] {
    width: 90px;
    height: 90px;
    left: -8px;
    top: -5px;
}

.btn-cube-white, .btn-cube-white-m {
    border-color: #d9d9d9 #a2a2a2 #a2a2a2 #d9d9d9;
    background-color: white;
    background-image: url("../../img/ui/btn-cube-white-bg.png");
}

    .btn-cube-white > .txt, .btn-cube-white-m > .txt {
        color: #393b40 !important;
    }

    .btn-cube-white:hover > .txt, .btn-cube-white:active > .txt, .btn-cube-white-m:hover > .txt, .btn-cube-white-m:active > .txt {
        color: #606469 !important;
    }

.rgba .btn-cube-white:hover > [class*="icn-x-"], .rgba .btn-cube-white:active > [class*="icn-x-"], .rgba .btn-cube-white-m:hover > [class*="icn-x-"], .rgba .btn-cube-white-m:active > [class*="icn-x-"] {
    background-color: rgba(0,0,0,0.06);
}

.btn-cube-nake, .btn-cube-nake-m {
    border-color: transparent;
}

    .btn-cube-nake > .txt, .btn-cube-nake-m > .txt {
        color: #393b40 !important;
    }

    .btn-cube-nake:hover > .txt, .btn-cube-nake:active > .txt, .btn-cube-nake-m:hover > .txt, .btn-cube-nake-m:active > .txt {
        color: #606469 !important;
    }

.rgba .btn-cube-nake:hover > [class*="icn-x-"], .rgba .btn-cube-nake:active > [class*="icn-x-"], .rgba .btn-cube-nake-m:hover > [class*="icn-x-"], .rgba .btn-cube-nake-m:active > [class*="icn-x-"] {
    background-color: rgba(0,0,0,0.04);
}

.btn-cube-loud, .btn-cube-loud-m {
    border-color: #c3002f #700f28 #700f28 #c3002f;
    background-color: #c3002f;
    background-image: url("../../img/ui/btn-cube-loud-bg.png");
}

    .btn-cube-loud > .txt, .btn-cube-loud-m > .txt {
        color: #fff !important;
    }

    .btn-cube-loud:hover > .txt, .btn-cube-loud:active > .txt, .btn-cube-loud-m:hover > .txt, .btn-cube-loud-m:active > .txt {
        color: #d9d9d9 !important;
    }

.rgba .btn-cube-loud:hover > [class*="icn-x-"], .rgba .btn-cube-loud:active > [class*="icn-x-"], .rgba .btn-cube-loud-m:hover > [class*="icn-x-"], .rgba .btn-cube-loud-m:active > [class*="icn-x-"] {
    background-color: rgba(0,0,0,0.075);
}

[class*="icn-s-"] {
    display: inline-block;
    width: 29px;
    height: 29px;
    vertical-align: middle;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.tiny[class*="icn-s-"] {
    width: 23px;
    height: 23px;
}

.icn-s-fb {
    background-image: url("../../img/ui/icn-s-fb.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-fb {
        background-image: url("../../img/ui/icn-s-fb@2x.png");
    }
}

.icn-s-download {
    background-image: url("../../img/ui/icn-s-download.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-download {
        background-image: url("../../img/ui/icn-s-download@2x.png");
    }
}

.icn-s-zoomin {
    background-image: url("../../img/ui/icn-s-zoomin.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-zoomin {
        background-image: url("../../img/ui/icn-s-zoomin@2x.png");
    }
}

.icn-s-arrup {
    background-image: url("../../img/ui/icn-s-arrup.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-arrup {
        background-image: url("../../img/ui/icn-s-arrup@2x.png");
    }
}

.icn-s-arrdown {
    background-image: url("../../img/ui/icn-s-arrdown.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-arrdown {
        background-image: url("../../img/ui/icn-s-arrdown@2x.png");
    }
}

.icn-s-arrleft {
    background-image: url("../../img/ui/icn-s-arrleft.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-arrleft {
        background-image: url("../../img/ui/icn-s-arrleft@2x.png");
    }
}

.icn-s-arrright {
    background-image: url("../../img/ui/icn-s-arrright.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-arrright {
        background-image: url("../../img/ui/icn-s-arrright@2x.png");
    }
}

.icn-s-magnifier {
    background-image: url("../../img/ui/icn-s-magnifier.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-magnifier {
        background-image: url("../../img/ui/icn-s-magnifier@2x.png");
    }
}

.icn-s-data {
    background-image: url("../../img/ui/icn-s-data.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-data {
        background-image: url("../../img/ui/icn-s-data@2x.png");
    }
}

.icn-s-calculator {
    background-image: url("../../img/ui/icn-s-calculator.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-calculator {
        background-image: url("../../img/ui/icn-s-calculator@2x.png");
    }
}

.icn-s-close {
    background-image: url("../../img/ui/icn-s-close.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-close {
        background-image: url("../../img/ui/icn-s-close.png");
    }
}

.icn-s-rewind {
    background-image: url("../../img/ui/icn-s-rewind.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-rewind {
        background-image: url("../../img/ui/icn-s-rewind@2x.png");
    }
}

.icn-s-edit {
    background-image: url("../../img/ui/icn-s-edit.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-edit {
        background-image: url("../../img/ui/icn-s-edit@2x.png");
    }
}

.icn-s-circleup {
    background-image: url("../../img/ui/icn-s-circleup.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-circleup {
        background-image: url("../../img/ui/icn-s-circleup@2x.png");
    }
}

.icn-s-circledown {
    background-image: url("../../img/ui/icn-s-circledown.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-circledown {
        background-image: url("../../img/ui/icn-s-circledown@2x.png");
    }
}

.icn-s-carout {
    background-image: url("../../img/ui/icn-s-carout.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-carout {
        background-image: url("../../img/ui/icn-s-carout@2x.png");
    }
}

.icn-s-carin.red {
    background-image: url("../../img/ui/icn-s-carin-red.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-carin.red {
        background-image: url("../../img/ui/icn-s-carin-red@2x.png");
    }
}

.icn-s-steeringwheel {
    background-image: url("../../img/ui/icn-s-steeringwheel.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-steeringwheel {
        background-image: url("../../img/ui/icn-s-steeringwheel@2x.png");
    }
}

.icn-s-pricetag {
    background-image: url("../../img/ui/icn-s-pricetag.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-pricetag {
        background-image: url("../../img/ui/icn-s-pricetag@2x.png");
    }
}

.icn-s-pricetag.white {
    background-image: url("../../img/ui/icn-s-pricetag-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-pricetag.white {
        background-image: url("../../img/ui/icn-s-pricetag-white@2x.png");
    }
}

.icn-s-arrright.red {
    background-image: url("../../img/ui/icn-s-arrright-red.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-arrright.red {
        background-image: url("../../img/ui/icn-s-arrright-red@2x.png");
    }
}

.icn-s-arrleft.red {
    background-image: url("../../img/ui/icn-s-arrleft-red.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-arrleft.red {
        background-image: url("../../img/ui/icn-s-arrleft-red@2x.png");
    }
}

.icn-s-rotate {
    background-image: url("../../img/ui/icn-s-rotate.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-rotate {
        background-image: url("../../img/ui/icn-s-rotate@2x.png");
    }
}

.icn-s-bonus {
    background-image: url("../../img/ui/icn-s-bonus.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-bonus {
        background-image: url("../../img/ui/icn-s-bonus@2x.png");
    }
}

.icn-s-tag {
    background-image: url("../../img/ui/icn-s-tag.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-tag {
        background-image: url("../../img/ui/icn-s-tag@2x.png");
    }
}

.icn-s-carspa {
    background-image: url("../../img/ui/icn-s-carspa.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-carspa {
        background-image: url("../../img/ui/icn-s-carspa@2x.png");
    }
}

.icn-s-showroom {
    background-image: url("../../img/ui/icn-s-showroom.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-showroom {
        background-image: url("../../img/ui/icn-s-showroom@2x.png");
    }
}

.icn-s-notebook {
    background-image: url("../../img/ui/icn-s-notebook.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-notebook {
        background-image: url("../../img/ui/icn-s-notebook@2x.png");
    }
}

.icn-s-insurecar.red {
    background-image: url("../../img/ui/icn-s-insurecar-red.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-insurecar.red {
        background-image: url("../../img/ui/icn-s-insurecar-red@2x.png");
    }
}

.icn-s-video {
    background-image: url("../../img/ui/icn-s-video.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-video {
        background-image: url("../../img/ui/icn-s-video@2x.png");
    }
}

.icn-s-popout {
    background-image: url("../../img/ui/icn-s-popout.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-popout {
        background-image: url("../../img/ui/icn-s-popout@2x.png");
    }
}

.icn-s-close.white {
    background-image: url("../../img/ui/icn-s-close-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-close.white {
        background-image: url("../../img/ui/icn-s-close-white@2x.png");
    }
}

.icn-s-arrright.white {
    background-image: url("../../img/ui/icn-s-arrright-white.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .icn-s-arrright.white {
        background-image: url("../../img/ui/icn-s-arrright-white@2x.png");
    }
}

.minictrl {
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
}

    .minictrl > .btn {
        display: inline-block;
        vertical-align: middle;
        width: 28px;
        height: 28px;
        letter-spacing: normal;
        word-spacing: normal;
        margin-left: -1px;
        border: 1px solid #d4d4d4;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #f0f0f0;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe),color-stop(100%, #f0f0f0));
        background: -moz-linear-gradient(top, #fefefe,#f0f0f0);
        background: -webkit-linear-gradient(top, #fefefe,#f0f0f0);
        background: linear-gradient(to bottom, #fefefe,#f0f0f0);
    }

        .minictrl > .btn [class*="icn-"] {
            display: block;
            width: 100%;
            height: 100%;
            background-position: no-repeat;
            background-position: 50% 50%;
            position: static;
            top: auto;
            margin-top: 0;
        }

        .minictrl > .btn:hover, .minictrl > .btn:active {
            background: white;
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ffffff),color-stop(100%, #f0f0f0));
            background: -moz-linear-gradient(top, #ffffff 50%,#f0f0f0);
            background: -webkit-linear-gradient(top, #ffffff 50%,#f0f0f0);
            background: linear-gradient(to bottom, #ffffff 50%,#f0f0f0);
        }

    .minictrl .icn-zoomin {
        background-image: url("../../img/ui/minictrl-icn-zoomin.png");
    }

    .minictrl .icn-tel {
        background-image: url("../../img/ui/minictrl-icn-telephone.png");
    }

    .minictrl .icn-steerwheel {
        background-image: url("../../img/ui/minictrl-icn-steerwheel.png");
    }

    .minictrl .icn-handstop {
        background-image: url("../../img/ui/minictrl-icn-handstop.png");
    }

.switch {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px;
    height: 45px;
    overflow: hidden;
    padding: 4px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    background: #768290;
    -moz-box-shadow: inset 0 0 15px #303a46;
    -webkit-box-shadow: inset 0 0 15px #303a46;
    box-shadow: inset 0 0 15px #303a46;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    color: #fff !important;
    font-size: 17px;
}

    .switch .button, .switch .toggle {
        position: relative;
        z-index: 2;
        float: right;
        width: 50%;
        height: 100%;
        line-height: 39px;
        -moz-transition: margin-left 0.2s ease;
        -o-transition: margin-left 0.2s ease;
        -webkit-transition: margin-left 0.2s ease;
        transition: margin-left 0.2s ease;
        border-color: #d4d4d4;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: none;
        text-align: center;
        cursor: pointer;
        text-decoration: none !important;
    }

        .switch .button:first-child, .switch .toggle:first-child {
            float: left;
        }

        .switch .button:hover, .switch .button:active {
            color: #d9d9d9 !important;
            background: rgba(48,58,70,0.15);
            -moz-box-shadow: inset 0 0 10px rgba(48,58,70,0.15);
            -webkit-box-shadow: inset 0 0 10px rgba(48,58,70,0.15);
            box-shadow: inset 0 0 10px rgba(48,58,70,0.15);
        }

        .switch .button.on, .switch .toggle {
            background: #f4f4f4;
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NmY2ZjZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #cfcfcf));
            background: -moz-linear-gradient(top, #ffffff,#cfcfcf);
            background: -webkit-linear-gradient(top, #ffffff,#cfcfcf);
            background: linear-gradient(to bottom, #ffffff,#cfcfcf);
            color: #606469 !important;
            text-shadow: 0 1px 0 white;
        }

    .switch.tiny {
        display: inline-block;
        vertical-align: middle;
        width: 54px;
        height: 28px;
        padding: 2px;
        -moz-border-radius: 26px;
        -webkit-border-radius: 26px;
        border-radius: 26px;
        background: white;
        font-size: 12px;
        font-weight: 700;
        line-height: 28px;
        cursor: pointer;
        border: 1px solid #d4d4d4;
        -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
        -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
        box-shadow: inset 0 0 8px rgba(0,0,0,0.1);
    }

        .switch.tiny .toggle {
            width: 20px;
            height: 20px;
            border: 1px solid #d4d4d4;
        }

        .switch.tiny .label {
            float: left;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 1;
            width: 100%;
            height: 100%;
            letter-spacing: -0.03em;
        }

            .switch.tiny .label .on {
                display: none;
                padding-left: 8px;
                color: #fff !important;
                text-align: left;
            }

            .switch.tiny .label .off {
                display: block;
                padding-right: 4px;
                color: #a2a2a2 !important;
                text-align: right;
            }

        .switch.tiny.toggle-on {
            background: #6d7b8c;
        }

            .switch.tiny.toggle-on .toggle {
                margin-left: 26px;
            }

            .switch.tiny.toggle-on .label .off {
                display: none;
            }

            .switch.tiny.toggle-on .label .on {
                display: block;
            }

.lg-opt, .lg-yes, .lg-empty, .lg-no, .lg-star, .lg-opt-loud, .lg-yes-loud, .lg-empty-loud, .lg-no-loud, .lg-star-loud {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize;
    background-image: url("../../img/ui/specs-legend.png");
    background-repeat: no-repeat;
    vertical-align: middle;
}

    .lg-opt > br, .lg-opt br, .lg-yes > br, .lg-yes br, .lg-empty > br, .lg-empty br, .lg-no > br, .lg-no br, .lg-star > br, .lg-star br, .lg-opt-loud > br, .lg-opt-loud br, .lg-yes-loud > br, .lg-yes-loud br, .lg-empty-loud > br, .lg-empty-loud br, .lg-no-loud > br, .lg-no-loud br, .lg-star-loud > br, .lg-star-loud br {
        display: none;
    }

.lg-yes {
    background-position: 0 0;
}

.lg-empty {
    background-position: -14px 0;
}

.lg-opt {
    background-position: -28px 0;
}

.lg-star {
    background-position: -42px 0;
}

.lg-no {
    background-position: -56px 0;
}

.lg-yes-loud {
    background-position: 0 -15px;
}

.lg-empty-loud {
    background-position: -14px -15px;
}

.lg-opt-loud {
    background-position: -28px -15px;
}

.lg-star-loud {
    background-position: -42px -15px;
}

.lg-no-loud {
    background-position: -56px -15px;
}
/*!==================================
	Forms
 ===================================*/

[type="text"], [type="email"], [type="password"], [type="tel"], textarea {
    width: 170px;
    padding: 3px 5px;
    border: 1px solid #aaa;
    background: #f3f3f3;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6),color-stop(60%, #ffffff));
    background: -moz-linear-gradient(top, #e6e6e6,#ffffff 60%);
    background: -webkit-linear-gradient(top, #e6e6e6,#ffffff 60%);
    background: linear-gradient(to bottom, #e6e6e6,#ffffff 60%);
    color: #606469;
    font-size: 14px;
}

    [type="text"]:focus, [type="email"]:focus, [type="password"]:focus, [type="tel"]:focus, textarea:focus {
        background: #fefefe;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee),color-stop(100%, #ffffff));
        background: -moz-linear-gradient(top, #eeeeee,#ffffff);
        background: -webkit-linear-gradient(top, #eeeeee,#ffffff);
        background: linear-gradient(to bottom, #eeeeee,#ffffff);
        border-color: #c5c5c5;
    }

    [type="text"]::-webkit-input-placeholder, [type="email"]::-webkit-input-placeholder, [type="password"]::-webkit-input-placeholder, [type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        font-family: "MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei" !important;
        color: #a2a2a2;
        font-size: 13px;
    }

    [type="text"]:-moz-placeholder, [type="email"]:-moz-placeholder, [type="password"]:-moz-placeholder, [type="tel"]:-moz-placeholder, textarea:-moz-placeholder {
        font-family: "MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei" !important;
        color: #a2a2a2;
        font-size: 13px;
    }

    [type="text"]::-moz-placeholder, [type="email"]::-moz-placeholder, [type="password"]::-moz-placeholder, [type="tel"]::-moz-placeholder, textarea::-moz-placeholder {
        font-family: "MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei" !important;
        color: #a2a2a2;
        font-size: 13px;
    }

    [type="text"]:-ms-input-placeholder, [type="email"]:-ms-input-placeholder, [type="password"]:-ms-input-placeholder, [type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
        font-family: "MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei" !important;
        color: #a2a2a2;
        font-size: 13px;
    }

textarea {
    min-height: 100px;
    vertical-align: top;
}

[type="text"], [type="email"], [type="password"], [type="tel"] {
    height: 28px;
}

[type="text"] {
    font-family: "MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei";
}

[type="password"] {
    font-family: Verdana !important;
}
/*!------------------------------
	Searchbox on homepage
 ------------------------------*/

.searchbox {
    position: relative;
    padding-right: 29px;
    border: 1px solid #d4d4d4;
}

.searchbox-txt {
    position: relative;
    z-index: 1;
    width: 131px;
    height: 29px;
    border: 0;
    padding: 3px 5px;
    margin-bottom: 0;
    font-size: 13px;
    background: white;
    color: #333;
}

@media screen and (max-width: 960px) {
    .searchbox-txt {
        width: 100px;
    }
}

.searchbox-txt:focus {
    border-color: #c5c5c5;
    -moz-box-shadow: inset 0 2px 6px #eee;
    -webkit-box-shadow: inset 0 2px 6px #eee;
    box-shadow: inset 0 2px 6px #eee;
}

    .searchbox-txt:focus + .searchbox-btn {
        border-color: #c5c5c5;
    }

.searchbox-btn {
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    width: 29px;
    height: 29px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0 0 0 1px;
    border-color: #d4d4d4;
    border-style: dotted;
    background: #fff url("../../img/ui/searchbox-icn-magnifier.png") no-repeat 50% 50%;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
    text-indent: -999em;
    text-align: left;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .searchbox-btn {
        background-image: url("../../img/ui/searchbox-icn-magnifier@2x.png");
    }
}

.searchbox-btn:hover, .searchbox-btn:active {
    background-color: #f2f2f2;
}
/*!------------------------------
	selectbox & inputbox
 ------------------------------*/

.selectbox.btn-split-white {
    position: relative;
    border-color: #aaa;
    cursor: default;
    text-align: left;
}

    .selectbox.btn-split-white > span, .selectbox.btn-split-white > div {
        position: relative;
        z-index: 1;
    }

    .selectbox.btn-split-white .value {
        width: 100%;
        overflow: hidden;
        padding-right: 38px;
        text-overflow: ellipsis;
        text-align: left;
        font-size: 14px;
    }

    .selectbox.btn-split-white .btn {
        float: left;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1;
    }

    .selectbox.btn-split-white select {
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2;
        width: 100%;
        height: 29px;
        margin: 0;
        padding: 0;
        border: 0;
        -moz-appearance: none;
        -webkit-appearance: none;
        line-height: 1;
        word-spacing: normal;
        letter-spacing: normal;
        cursor: pointer;
        opacity: 0;
        *filter: alpha(opacity=0);
        filter: alpha(opacity=0) \9;
    }

.inputbox.btn-split-white {
    position: relative;
    min-width: 170px;
    border-color: #aaa;
    cursor: default;
    text-align: left;
}

    .inputbox.btn-split-white .value {
        width: 100%;
        overflow: hidden;
        padding-right: 38px;
        text-align: left;
    }

    .inputbox.btn-split-white .btn {
        float: left;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 1;
        background: #f4f4f4;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #eaeaea));
        background: -moz-linear-gradient(top, #ffffff,#eaeaea);
        background: -webkit-linear-gradient(top, #ffffff,#eaeaea);
        background: linear-gradient(to bottom, #ffffff,#eaeaea);
    }

        .inputbox.btn-split-white .btn:hover {
            background: #fff;
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, #ffffff),color-stop(100%, #eaeaea));
            background: -moz-linear-gradient(top, #ffffff 50%,#eaeaea);
            background: -webkit-linear-gradient(top, #ffffff 50%,#eaeaea);
            background: linear-gradient(to bottom, #ffffff 50%,#eaeaea);
        }

        .inputbox.btn-split-white .btn:active {
            background: #eaeaea;
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eaeaea),color-stop(100%, #efefef));
            background: -moz-linear-gradient(top, #eaeaea,#efefef);
            background: -webkit-linear-gradient(top, #eaeaea,#efefef);
            background: linear-gradient(to bottom, #eaeaea,#efefef);
        }

    .inputbox.btn-split-white [type="text"], .inputbox.btn-split-white [type="pasword"], .inputbox.btn-split-white [type="email"], .inputbox.btn-split-white [type="tel"] {
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        height: 29px;
        padding-left: 8px;
        padding-right: 38px;
        margin-bottom: 0;
        border: 0;
    }

    .inputbox.btn-split-white button, .inputbox.btn-split-white [type="button"], .inputbox.btn-split-white [type="submit"], .inputbox.btn-split-white [type="reset"] {
        border: 0;
    }

    .inputbox.btn-split-white:hover, .inputbox.btn-split-white:active {
        background: #f4f4f4;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff),color-stop(100%, #eaeaea));
        background: -moz-linear-gradient(top, #ffffff,#eaeaea);
        background: -webkit-linear-gradient(top, #ffffff,#eaeaea);
        background: linear-gradient(to bottom, #ffffff,#eaeaea);
    }
/*!------------------------------
	radio, checkbox
 ------------------------------*/

.checkbtn {
    position: relative;
    display: inline-block;
}

    .checkbtn [type="checkbox"], .checkbtn [type="radio"] {
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2;
        width: 16px;
        min-height: 16px;
        margin: 0;
        padding: 0;
        cursor: pointer;
        opacity: 0;
    }

.no-boxshadow .checkbtn [type="checkbox"], .no-boxshadow .checkbtn [type="radio"] {
    filter: alpha(opacity=0);
    zoom: 1;
}

.checkbtn label {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-left: 19px;
    line-height: 16px;
    background-repeat: no-repeat;
    -moz-background-size: 16px auto;
    -o-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    background-size: 16px auto;
    cursor: pointer;
    zoom: 1;
}

    .checkbtn label:before {
        content: '\a0';
    }

.checkbtn [type="checkbox"]:checked + label, .checkbtn [type="radio"]:checked + label {
    background-position: 0 -40px;
}

.checkbtn [type="checkbox"].checked + label, .checkbtn [type="radio"].checked + label {
    background-position: 0 -40px !important;
}

.checkbtn [type="checkbox"][disabled] + label, .checkbtn [type="radio"][disabled] + label {
    background-position: 0 -80px;
    cursor: default;
}

.checkbtn [type="checkbox"] + label {
    background-image: url("../../img/ui/checkbox.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .checkbtn [type="checkbox"] + label {
        background-image: url("../../img/ui/checkbox@2x.png");
    }
}

.checkbtn [type="radio"] + label {
    background-image: url("../../img/ui/radio.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .checkbtn [type="radio"] + label {
        background-image: url("../../img/ui/radio@2x.png");
    }
}

.checkbtn.at-right [type="checkbox"], .checkbtn.at-right [type="radio"] {
    left: auto;
    right: 0;
}

.checkbtn.at-right label {
    padding-left: 0;
    padding-right: 19px;
    background-position: 100% 0;
}

    .checkbtn.at-right label:before {
        content: '';
    }

    .checkbtn.at-right label:after {
        content: '\a0';
    }

.checkbtn.at-right [type="checkbox"]:checked + label, .checkbtn.at-right [type="radio"]:checked + label {
    background-position: 100% -40px;
}

.checkbtn.at-right [type="checkbox"].checked + label, .checkbtn.at-right [type="radio"].checked + label {
    background-position: 100% -40px !important;
}

.checkbtn.at-right [type="checkbox"][disabled] + label, .checkbtn.at-right [type="radio"][disabled] + label {
    background-position: 100% -80px;
}
/*!------------------------------
	.fieldset, .fieldrow
 ------------------------------*/

.fieldset, .fieldrow {
    display: table;
    width: 100%;
    border-spacing: 0;
    font-size: 14px;
    line-height: 20px;
}

    .fieldset .field-label, .fieldrow .field-label {
        display: table-cell;
        width: 1%;
        white-space: nowrap;
    }

        .fieldset .field-label + .field-input, .fieldrow .field-label + .field-input {
            display: table-cell;
        }

    .fieldset > .fieldrow {
        display: table-row;
    }

.field-label, .field-input {
    padding-bottom: .5em;
    font-size: 14px;
    line-height: 20px;
}

.fieldrow:only-child .field-label, .fieldrow:only-child .field-input, .fieldrow:last-child .field-label, .fieldrow:last-child .field-input {
    padding-bottom: 0;
}

.fieldset + .fieldset {
    margin-top: .5em;
}

.field-label {
    padding-right: .75em;
    text-align: right;
    color: #393b40;
}

    .field-label.at-left {
        text-align: left;
    }

    .field-label:empty {
        padding-left: 0;
    }

.field-input .checkbtn label {
    color: #393b40;
}

.field-input .checkbtn [type="checkbox"][disabled] + label, .field-input [type="radio"][disabled] + label {
    color: #a2a2a2;
}

.field-input .descr {
    padding-top: 3px;
    display: inline-block;
    line-height: 1.3;
    font-size: 12px;
    color: #606469;
}

.field-input [type="text"], .field-input [type="email"], .field-input [type="password"], .field-input [type="tel"], .field-input textarea, .field-input .checkbtn, .field-input .selectbox, .field-input .inputbox {
    margin-bottom: 3px;
}

.fieldrow.break {
    display: block;
}

    .fieldrow.break .field-label {
        display: block;
        width: auto;
        white-space: normal;
        text-align: left;
    }

    .fieldrow.break .field-input {
        display: block;
    }

    .fieldrow.break:only-child .field-label, .fieldrow.break:last-child .field-label {
        padding-bottom: .5em;
    }
/*!------------------------------
	misc
 ------------------------------*/

.icn-required {
    display: inline-block;
    width: 16px;
    text-align: left;
    color: #c3002f;
    font: bold 24px/20px Arial;
    top: 1.15em;
}

.formrow {
    margin-top: 35px;
}

    .formrow:first-child {
        margin-top: 0;
    }

    .formrow.grid-part > .left {
        width: 170px;
    }

    .formrow + .hr-dashed {
        margin-top: 30px;
    }

    .formrow + .formrow {
        margin-top: 35px;
    }

.formact {
    text-align: right;
}

    .formact [class*="btn-"] {
        margin-left: 20px;
    }

    .formact + .hr-dashed {
        margin-top: 35px;
    }

span.captcha {
    display: block;
    overflow: hidden;
}

    span.captcha input {
        float: left;
        width: 80px;
        margin-right: 10px;
        text-align: center;
        font-family: Verdana,Geneva;
    }

    span.captcha .code {
        float: left;
        margin-right: 5px;
    }

    span.captcha .btn-change {
        color: #606469;
        font-size: 12px;
        height: 28px;
        line-height: 28px;
    }

        span.captcha .btn-change:hover {
            color: #393b40;
        }
/*!==================================
	Lits
 ===================================*/

ul.list > li, ol.list > li {
    margin-bottom: .4em;
}

.list-custom > li {
    position: relative;
    padding-left: 15px;
    margin-bottom: .4em;
    min-height: 1em;
}

    .list-custom > li > b:first-child {
        text-align: right;
        white-space: nowrap;
        float: left;
        position: absolute;
        top: 0px;
        right: 100%;
        margin-right: -11px;
    }

.bullet-chevron-loud, .bullet-chevron-calm, .bullet-chevron-white, .list-chevron-loud > li, .list-chevron-calm > li, .list-chevron-white > li {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 0 3px;
}

.list-chevron-loud > li, .list-chevron-calm > li, .list-chevron-white > li {
    margin-bottom: .4em;
}

.bullet-chevron-loud, .list-chevron-loud > li {
    background-image: url("../../img/ui/bullet-chevron-loud.png");
}

.bullet-chevron-calm, .list-chevron-calm > li {
    background-image: url("../../img/ui/bullet-chevron-calm.png");
}

.bullet-chevron-white, .list-chevron-white > li {
    background-image: url("../../img/ui/bullet-chevron-white.png");
}

.bullet-disc-loud, .bullet-disc-calm, .bullet-disc-white, .list-disc-loud > li, .list-disc-calm > li, .list-disc-white > li {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 5px .45em;
}

.list-disc-loud > li, .list-disc-calm > li, .list-disc-white > li {
    margin-bottom: .4em;
}

.bullet-disc-loud, .list-disc-loud > li {
    background-image: url("../../img/ui/bullet-disc-loud.png");
}

.bullet-disc-calm, .list-disc-calm > li {
    background-image: url("../../img/ui/bullet-disc-calm.png");
}

.bullet-plus-loud, .list-plus-loud > li {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 2px .35em;
}

.list-plus-loud > li {
    margin-bottom: .4em;
}

.bullet-plus-loud, .list-plus-loud > li {
    background-image: url("../../img/ui/bullet-plus-loud.png");
}

.bullet-dot-calm, .bullet-dot-loud, .list-dot-calm > li, .list-dot-loud > li {
    padding-left: 15px;
    background-repeat: no-repeat;
    background-position: 2px .5em;
}

.list-dot-calm > li, .list-dot-loud > li {
    margin-bottom: .4em;
}

.bullet-dot-calm, .list-dot-calm > li {
    background-image: url("../../img/ui/bullet-dot-calm.png");
}

.bullet-dot-loud, .list-dot-loud > li {
    background-image: url("../../img/ui/bullet-dot-loud.png");
}

.inline-start[class*="bullet-"] {
    padding-left: 15px;
    background-position: 0 50%;
}

.inline-end[class*="bullet-"] {
    padding-right: 15px;
    background-position: 100% 50%;
}

.item-collapse[class*="list"] > li {
    margin-bottom: .1em;
}
/*!------------------------------
	.accordionlist
 ------------------------------*/

.accordionlist-item {
    position: relative;
    padding: 14px 25px 14px 80px;
    cursor: pointer;
}

    .accordionlist-item > .icn {
        float: left;
        position: absolute;
        top: 11px;
        left: 40px;
        width: 25px;
        height: 25px;
        background: url("../../img/ui/accordionlist-icn-off.png") no-repeat 50% 50%;
    }

    .accordionlist-item > .title {
        line-height: 1;
        font-size: 18px;
        color: #606469;
    }

    .accordionlist-item > .cont {
        display: none;
        padding-bottom: 10px;
        line-height: 1.42857;
        font-size: 14px;
    }

    .accordionlist-item:nth-child(odd) {
        background: white;
    }

    .accordionlist-item:nth-child(even) {
        background: #f2f2f2;
    }

    .accordionlist-item:not(.on):nth-child(odd):hover {
        background: #f9f9f9;
    }

    .accordionlist-item:not(.on):nth-child(even):hover {
        background: #e2e2e2;
    }

    .accordionlist-item:hover > .title, .accordionlist-item:active > .title {
        color: #c3002f;
    }

    .accordionlist-item.on > .icn {
        background-image: url("../../img/ui/accordionlist-icn-on.png");
    }

    .accordionlist-item.on > .title {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px dotted #d4d4d4;
        color: #606469 !important;
    }

    .accordionlist-item.on > .cont {
        display: block;
    }
/*!==================================
	Menus
 ===================================*/

.circlenav {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.circlenav-btn {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #a2a2a2;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-left: 4px;
    margin-right: 4px;
    background: #d4d4d4;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d5d5d5),color-stop(100%, #c6c6c6));
    background: -moz-linear-gradient(top, #d5d5d5,#c6c6c6);
    background: -webkit-linear-gradient(top, #d5d5d5,#c6c6c6);
    background: linear-gradient(to bottom, #d5d5d5,#c6c6c6);
    cursor: pointer;
}

    .circlenav-btn:hover, .circlenav-btn:active {
        background: #606469;
        border-color: #606469;
    }

    .circlenav-btn.on {
        background: #c3002f;
        border-color: #606469;
    }

.pagenav {
    padding: 15px 0;
    text-align: center;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .pagenav:last-child {
        padding-bottom: 0;
    }

.pagenav-prev, .pagenav-next {
    display: inline-block;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29px;
    height: 29px;
    padding: 0;
    border: 1px solid #d4d4d4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #b61e43;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiMjY0ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjMGYyZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cb264e),color-stop(100%, #8c0f2d));
    background: -moz-linear-gradient(top, #cb264e,#8c0f2d);
    background: -webkit-linear-gradient(top, #cb264e,#8c0f2d);
    background: linear-gradient(to bottom, #cb264e,#8c0f2d);
}

    .pagenav-prev .icn, .pagenav-next .icn {
        display: block;
        width: 27px;
        height: 27px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .pagenav-prev:hover, .pagenav-prev:active, .pagenav-next:hover, .pagenav-next:active {
        background: #c6244b;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNjYjI2NGUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4YzBmMmQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, #cb264e),color-stop(100%, #8c0f2d));
        background: -moz-linear-gradient(top, #cb264e 60%,#8c0f2d);
        background: -webkit-linear-gradient(top, #cb264e 60%,#8c0f2d);
        background: linear-gradient(to bottom, #cb264e 60%,#8c0f2d);
    }

    .pagenav-prev.disabled, .pagenav-next.disabled {
        background: #ababab;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhhOGE4YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c9c9c9),color-stop(100%, #8a8a8a));
        background: -moz-linear-gradient(top, #c9c9c9,#8a8a8a);
        background: -webkit-linear-gradient(top, #c9c9c9,#8a8a8a);
        background: linear-gradient(to bottom, #c9c9c9,#8a8a8a);
        cursor: default;
    }

.pagenav-prev {
    margin-right: 30px;
}

.pagenav-next {
    margin-left: 30px;
}

.pagenav-prev .icn {
    background-image: url("../../img/ui/pagenav-icn-prev.png");
}

.pagenav-next .icn {
    background-image: url("../../img/ui/pagenav-icn-next.png");
}

.pagenav-page {
    font-size: 18px;
    line-height: 29px;
}

    .pagenav-page a {
        display: inline-block;
        height: 29px;
        padding-left: 3px;
        padding-right: 3px;
        margin-left: 5px;
        margin-right: 5px;
        color: #393b40;
        cursor: pointer;
    }

        .pagenav-page a:hover, .pagenav-page a:active {
            color: #c3002f;
        }

        .pagenav-page a.on {
            cursor: default;
            color: #6d7b8c;
        }

.beltnav {
    position: relative;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.beltnav-inner {
    position: relative;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    height: 88px;
    background: #fbfbfb;
}

    .beltnav-inner:before, .beltnav-inner:after {
        content: "";
        display: table;
    }

    .beltnav-inner:after {
        clear: both;
    }

.beltnav-inner {
    zoom: 1;
}

.beltnav-menu {
    height: 100%;
    padding-left: 30px;
    letter-spacing: -0.31em;
    *letter-spacing: normal;
    *word-spacing: -0.43em;
}

.beltnav-item {
    position: relative;
    display: inline-block;
    height: 100%;
    letter-spacing: normal;
    word-spacing: normal;
}

.beltnav-btn {
    position: relative;
    z-index: 2;
    display: block;
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
    line-height: 88px;
    color: #606469;
    text-align: center;
    text-decoration: none !important;
}

@media screen and (max-width: 1024px) {
    .beltnav-btn {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.beltnav-btn:hover, .beltnav-btn:active {
    color: #c3002f;
}

.beltnav-btn.on {
    color: #c3002f;
}

    .beltnav-btn.on + .shader {
        display: block;
        -moz-animation: fadein 0.1s ease-out;
        -webkit-animation: fadein 0.1s ease-out;
        animation: fadein 0.1s ease-out;
    }

.beltnav-btn + .shader {
    display: none;
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 88px;
    background: white;
    border-bottom: 3px solid #c3002f;
}

    .beltnav-btn + .shader:before, .beltnav-btn + .shader:after {
        content: '';
        width: 6px;
        height: 100%;
        background: url("../../img/ui/beltnav-item-shader.png");
    }

    .beltnav-btn + .shader:before {
        float: left;
        position: absolute;
        top: 0px;
        right: 100%;
    }

    .beltnav-btn + .shader:after {
        float: left;
        position: absolute;
        top: 0px;
        left: 100%;
        background-position: -6px 0;
    }

    .beltnav-btn + .shader i {
        display: block;
        float: left;
        position: absolute;
        top: 100%;
        left: 50%;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #c3002f;
        margin-left: -6px;
        margin-top: 3px;
    }

.beltnav-search {
    float: left;
    position: absolute;
    top: 29px;
    right: 40px;
}

    .beltnav-search .inputbox .value {
        width: 155px;
    }

@media screen and (max-width: 1024px) {
    .beltnav-search .inputbox .value {
        width: 120px;
    }
}

.ownernav {
    position: relative;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

    .ownernav:before, .ownernav:after {
        content: "";
        display: table;
    }

    .ownernav:after {
        clear: both;
    }

.ownernav {
    zoom: 1;
}

.ownernav-inner {
    display: inline-block;
    font-size: 0;
    white-space: nowrap;
}

    .ownernav-inner .btn-cube-loud:first-child {
        border-left-color: #700f28;
    }

    .ownernav-inner .btn-cube-white:first-child {
        border-left-color: #a2a2a2;
    }

    .ownernav-inner [class*="btn-cube-"] {
        display: inline-block;
        letter-spacing: 0;
        font-size: 13.5;
    }

.ownernav .btn-login-first {
    visibility: hidden;
}

.colorpicker-value {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.colorpicker-option {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

    .colorpicker-option li {
        margin-left: -2px;
        margin-right: -2px;
    }

.colorbtn {
    position: relative;
    display: inline-block;
    min-width: 20px;
    height: 20px;
    cursor: pointer;
}

    .colorbtn b, .colorbtn i {
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }

    .colorbtn b {
        position: relative;
        z-index: 2;
        overflow: hidden;
        background-repeat: no-repeat;
        text-indent: -9990em;
        text-align: left;
        float: left;
        width: 34px;
        height: 34px;
        margin-top: -7px;
        background: url("../../img/ui/colorpicker.png") no-repeat 0% 50%;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
    }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .colorbtn b {
        background-image: url("../../img/ui/colorpicker@2x.png");
    }
}

.colorbtn i {
    width: 20px;
    height: 20px;
    float: left;
    position: absolute;
    top: 0px;
    left: 7px;
    z-index: 1;
}

.colorbtn .txt {
    display: inline-block;
    font-size: 17px;
    color: #606469;
    margin-left: 5px;
}

.colorbtn:hover, .colorbtn:active {
    opacity: .7;
}

.colorbtn.on b {
    background-position: 100% 50%;
}

.stepnav {
    height: 46px;
    -moz-box-shadow: 0 1px 3px rgba(59,61,61,0.1);
    -webkit-box-shadow: 0 1px 3px rgba(59,61,61,0.1);
    box-shadow: 0 1px 3px rgba(59,61,61,0.1);
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.grid-maincont .stepnav {
    margin-left: -68px;
    margin-right: -68px;
}

@media screen and (max-width: 1024px) {
    .grid-maincont .stepnav {
        margin-left: -33px;
        margin-right: -33px;
    }
}

.stepnav-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
}

.stepnav-item {
    position: relative;
    display: table-cell;
    width: auto;
    height: 46px;
}

.stepnav-btn {
    position: relative;
    z-index: 1;
    display: block;
    height: 44px;
    line-height: 44px;
    border: 1px solid #d4d4d4;
    border-left-width: 0;
    border-right-width: 0;
    background: white;
    text-align: center;
    cursor: default;
    text-decoration: none !important;
}

    .stepnav-btn .txt {
        color: #8a8a8a;
        font-size: 18px;
    }

.stepnav-item.first .stepnav-btn {
    border-left-width: 1px;
}

.stepnav-item.last .stepnav-btn {
    border-right-width: 1px;
}

.stepnav-item.last .stepnav-arrow {
    display: none;
}

.stepnav-arrow {
    float: left;
    position: absolute;
    top: 0px;
    left: 100%;
    z-index: 3;
    width: 0;
    height: 0;
    margin-left: -1px;
    border: 23px solid transparent;
    border-left-color: #d4d4d4;
    border-left-color: rgba(0,0,0,0.1);
}

    .stepnav-arrow:before {
        content: '';
        float: left;
        position: absolute;
        top: -22px;
        left: -23px;
        z-index: 2;
        width: 0;
        height: 0;
        border: 22px solid transparent;
        border-left-color: white;
    }

    .stepnav-arrow:after {
        content: '';
        float: left;
        position: absolute;
        top: -23px;
        left: -21px;
        z-index: 1;
        width: 0;
        height: 0;
        border: 23px solid transparent;
        border-left-color: rgba(0,0,0,0.05);
    }

.stepnav-item.on .stepnav-btn {
    background: #c3002f;
}

    .stepnav-item.on .stepnav-btn .txt {
        color: white;
    }

.stepnav-item.on .stepnav-arrow:before {
    border-left-color: #c3002f;
}

.stepnav-item.off .stepnav-btn {
    background: #c5c5c5;
}

    .stepnav-item.off .stepnav-btn .txt {
        color: #333;
    }

.stepnav-item.off .stepnav-arrow:before {
    border-left-color: #c5c5c5;
}

.stepnav-item.clickable .stepnav-btn {
    cursor: pointer;
}

.stepnav-item.clickable:hover .stepnav-btn .txt {
    color: #c3002f;
}

.stepnav-item.clickable.on:hover .stepnav-btn .txt {
    color: white;
}

.tabmenu {
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.tabmenu-inner {
    display: table;
    margin-left: 0;
    margin-right: auto;
}

.tabmenu.at-right .tabmenu-inner {
    margin-right: 0;
    margin-left: auto;
}

.tabmenu.at-left .tabmenu-inner {
    margin-left: 0;
    margin-right: auto;
}

.tabmenu.auto .tabmenu-btn {
    width: 1%;
    min-width: 1%;
}

.tabmenu-btn {
    display: table-cell;
    vertical-align: middle;
    /* min-width: 145px;*/
    height: 40px;
    border-left: 1px solid #a2a2a2;
    background-color: #f0f0f0;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiNmMGYwZjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(55%, #f0f0f0),color-stop(100%, #d9d9d9));
    background-image: -moz-linear-gradient(top, #f0f0f0 55%,#d9d9d9);
    background-image: -webkit-linear-gradient(top, #f0f0f0 55%,#d9d9d9);
    background-image: linear-gradient(to bottom, #f0f0f0 55%,#d9d9d9);
    -moz-box-shadow: 0 -2px 2px rgba(59,61,61,0.15);
    -webkit-box-shadow: 0 -2px 2px rgba(59,61,61,0.15);
    box-shadow: 0 -2px 2px rgba(59,61,61,0.15);
    text-align: center;
    font-size: 15px;
    line-height: 1;
    color: #6d7b8c;
    cursor: pointer;
    text-decoration: none !important;
}

    .tabmenu-btn:first-child {
        border-left: 0;
    }

    .tabmenu-btn:hover {
        color: #c3002f;
        background-color: #f0f0f0;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5),color-stop(100%, #f0f0f0));
        background-image: -moz-linear-gradient(top, #f5f5f5,#f0f0f0);
        background-image: -webkit-linear-gradient(top, #f5f5f5,#f0f0f0);
        background-image: linear-gradient(to bottom, #f5f5f5,#f0f0f0);
    }

    .tabmenu-btn:active {
        background-color: #d9d9d9;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dedede),color-stop(100%, #ffffff));
        background-image: -moz-linear-gradient(top, #dedede,#ffffff);
        background-image: -webkit-linear-gradient(top, #dedede,#ffffff);
        background-image: linear-gradient(to bottom, #dedede,#ffffff);
        color: #606469;
    }

    .tabmenu-btn.on {
        border-top: 3px solid #c3002f;
        height: 37px;
        background-color: white;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIvPjxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
        background-size: 100%;
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4),color-stop(45%, #ffffff));
        background-image: -moz-linear-gradient(top, #f4f4f4,#ffffff 45%);
        background-image: -webkit-linear-gradient(top, #f4f4f4,#ffffff 45%);
        background-image: linear-gradient(to bottom, #f4f4f4,#ffffff 45%);
    }

    .tabmenu-btn.on {
        color: #393b40;
    }

.cubebarmenu [class*="btn-cube-"] {
    margin-bottom: -1px;
    border-top-color: #a2a2a2;
}

    .cubebarmenu [class*="btn-cube-"]:first-child {
        border-top-color: #d9d9d9;
    }

    .cubebarmenu [class*="btn-cube-"].on {
        background: #c3002f;
        -moz-box-shadow: inset 0 0 10px rgba(57,59,64,0.3);
        -webkit-box-shadow: inset 0 0 10px rgba(57,59,64,0.3);
        box-shadow: inset 0 0 10px rgba(57,59,64,0.3);
    }

        .cubebarmenu [class*="btn-cube-"].on [class*="icn-x-"] {
            background-position: 50% 50%;
        }

        .cubebarmenu [class*="btn-cube-"].on > .txt {
            color: #fff !important;
        }
/*!==================================
	Tables
 ===================================*/

table {
    width: 100%;
    table-layout: fixed;
}

    table.auto {
        width: auto;
        table-layout: auto;
    }

col.auto {
    width: auto;
}

th {
    text-align: left;
    font-weight: 400;
}

    th[align="right"], td[align="right"] {
        text-align: right;
    }

    th[align="center"], td[align="center"] {
        text-align: center;
    }

.striped {
    line-height: 1.1;
}

    .striped > tbody > tr:nth-child(odd) > td, .striped > tr:nth-child(odd) > td {
        background-color: white;
    }

        .striped > tbody > tr:nth-child(odd) > td.dim, .striped > tr:nth-child(odd) > td.dim {
            background-color: #e8e8e8;
        }

    .striped > tbody > tr:nth-child(even) > td, .striped > tr:nth-child(even) > td {
        background-color: #f2f2f2;
    }

        .striped > tbody > tr:nth-child(even) > td.dim, .striped > tr:nth-child(even) > td.dim {
            background-color: #dcdcdc;
        }

    .striped tr.odd > td {
        background-color: #fff !important;
    }

        .striped tr.odd > td.dim {
            background-color: #e8e8e8 !important;
        }

    .striped tr.even > td {
        background-color: #f2f2f2 !important;
    }

        .striped tr.even > td.dim {
            background-color: #dcdcdc !important;
        }

    .striped.reverse > tbody > tr:nth-child(even) > td, .striped.reverse > tr:nth-child(even) > td {
        background-color: white;
    }

        .striped.reverse > tbody > tr:nth-child(even) > td.dim, .striped.reverse > tr:nth-child(even) > td.dim {
            background-color: #e8e8e8;
        }

    .striped.reverse > tbody > tr:nth-child(odd) > td, .striped.reverse > tr:nth-child(odd) > td {
        background-color: #f2f2f2;
    }

        .striped.reverse > tbody > tr:nth-child(odd) > td.dim, .striped.reverse > tr:nth-child(odd) > td.dim {
            background-color: #dcdcdc;
        }

    .striped.reverse tr.even > td {
        background-color: #fff !important;
    }

        .striped.reverse tr.even > td.dim {
            background-color: #e8e8e8 !important;
        }

    .striped.reverse tr.odd > td {
        background-color: #f2f2f2 !important;
    }

        .striped.reverse tr.odd > td.dim {
            background-color: #dcdcdc !important;
        }

    .striped.raw th, .striped.raw td {
        padding: .9em 10px .8em;
    }

        .striped.raw th > span, .striped.raw th > div, .striped.raw th > p, .striped.raw th > b, .striped.raw td > span, .striped.raw td > div, .striped.raw td > p, .striped.raw td > b {
            padding: 0;
        }

    .striped.raw tbody td {
        border: 1px dotted #d2d2d2;
    }

    .striped th > span, .striped th > div, .striped th > p, .striped th > b, .striped td > span, .striped td > div, .striped td > p, .striped td > b {
        display: block;
        padding: .9em 10px .8em;
    }

    .striped tr.detail {
        display: none;
    }

    .striped td.detail > .detail {
        display: none;
    }

.backgroundsize .striped td.detail {
    background: url("../../img/ui/table-detail-bg.png") 50% 100% no-repeat;
    -moz-background-size: 100% 21px;
    -o-background-size: 100% 21px;
    -webkit-background-size: 100% 21px;
    background-size: 100% 21px;
}

.striped th.first, .striped td.first {
    padding-left: 10px;
}

@media screen and (max-width: 1024px) {
    .striped th.first, .striped td.first {
        padding-left: 10px;
    }
}

.striped td.bg-null, .striped tr.bg-null > td, .striped th.bg-null, .striped tr.bg-null > th, .striped td.bg-white, .striped tr.bg-white > td, .striped th.bg-white, .striped tr.bg-white > th {
    background: #fff !important;
}

.striped td.bg-label, .striped tr.bg-label > td, .striped th.bg-label, .striped tr.bg-label > th {
    background-color: #d2d2d2 !important;
}

.striped td.bg-loud, .striped tr.bg-loud > td, .striped th.bg-loud, .striped tr.bg-loud > th {
    background: #c3002f !important;
    color: white;
}

.striped td.bg-soft, .striped tr.bg-soft > td, .striped th.bg-soft, .striped tr.bg-soft > th {
    background-color: #e9e9e9 !important;
}

.striped td.bg-dark, .striped tr.bg-dark > td, .striped th.bg-dark, .striped tr.bg-dark > th {
    background-color: #333 !important;
    color: white;
}

.striped td.bg-black, .striped tr.bg-black > td, .striped th.bg-black, .striped tr.bg-black > th {
    background-color: #232323 !important;
    color: white;
}

.striped td.bg-stripe, .striped tr.bg-stripe > td, .striped th.bg-stripe, .striped tr.bg-stripe > th {
    background-color: #f2f2f2 !important;
}

.striped .dotted-bottom > td, .striped .dotted-bottom > th, .striped td.dotted-bottom, .striped th.dotted-bottom {
    border-bottom: 1px dotted #a5a5a5;
}

.striped .dashed-bottom > td, .striped .dashed-bottom > th, .striped td.dashed-bottom, .striped th.dashed-bottom {
    border-bottom: 1px dashed #a5a5a5;
}

.striped.dotted {
    border: 1px solid #f2f2f2;
}

    .striped.dotted td, .striped.dotted th {
        border: 1px dotted #a5a5a5;
    }

.striped tfoot td {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media screen and (max-width: 960px) {
    .striped .btn-more .txt {
        display: none;
    }
}

.striped .btn-more:hover .txt, .striped .btn-more:active .txt {
    color: #c3002f;
}

.striped td.cap-loud, .striped th.cap-loud {
    border-left: 4px solid #c3002f !important;
}

table.list {
    width: 100%;
    border-spacing: 0;
    table-layout: auto;
}

    table.list th {
        width: 1%;
        white-space: nowrap;
        color: #8a8a8a;
        line-height: 1.1em;
        padding-bottom: .5em;
    }

    table.list td {
        color: #333;
        line-height: 1.1em;
        padding-bottom: .5em;
    }

    table.list tr:last-child th, table.list tr:last-child td {
        padding-bottom: 0;
    }

table.performance th {
    font-size: 12px;
}

table.performance td {
    font-size: 18px;
}
/*!==================================
	Owner accessories 
 ===================================*/

.acclist {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 35.77818%;
    padding-right: 30px;
}

.acclist-item {
    position: relative;
    height: 48px;
    padding-right: 40px;
    border-top: 1px dotted #d4d4d4;
    cursor: pointer;
}

    .acclist-item:first-child {
        border-top: 0;
    }

    .acclist-item .txt {
        display: block;
        width: 100%;
        padding-top: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        white-space: nowrap;
        font-size: 15px;
        line-height: 1;
        color: #393b40;
    }

    .acclist-item .btn-more {
        float: left;
        position: absolute;
        top: 50%;
        right: 0px;
        margin-top: -12.5px;
    }

    .acclist-item:hover .txt, .acclist-item:active .txt {
        color: #c3002f;
    }

    .acclist-item.on {
        margin-left: -40px;
        border-top-color: transparent;
        padding-left: 40px;
        background: #c3002f;
    }

        .acclist-item.on .txt {
            color: white;
        }

        .acclist-item.on .btn-more {
            display: none;
        }

        .acclist-item.on:after {
            content: '';
            position: absolute;
            left: 100%;
            top: 0;
            width: 0;
            height: 0;
            border: 24px solid transparent;
            border-left-color: #c3002f;
            left: 100%;
            top: 50%;
            margin-top: -24px;
        }

.accview {
    float: right;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 64.22182%;
    padding-left: 30px;
}

.accview-header {
    padding-bottom: 22px;
    margin-bottom: 25px;
    border-bottom: 1px dotted #d4d4d4;
}

    .accview-header .title {
        font-size: 22px;
        color: #393b40;
        line-height: 1;
    }

    .accview-header .meta {
        font-size: 14px;
        color: #8a8a8a;
    }

        .accview-header .meta > span {
            white-space: nowrap;
            margin-left: 1em;
        }

        .accview-header .meta .serial strong {
            color: #6d7b8c;
        }

        .accview-header .meta .price strong {
            color: #393b40;
        }

.accview-body .descr {
    margin-bottom: 25px;
    line-height: 1.42857;
    color: #393b40;
    font-size: 14px;
}

.accview-body .img {
    margin-bottom: 75px;
}

    .accview-body .img img {
        width: 100%;
        height: auto;
        display: block;
    }

.accview-body .note {
    text-align: right;
    font-size: 13px;
    color: #606469;
}
/*!==================================
	Car quotes page
 ===================================*/

.carquotesapp {
    padding-top: 30px;
    background-color: white;
}

.carquotesapp-stepnav {
    position: relative;
    z-index: 2;
    margin: 0 -8px 0 -8px;
}

    .carquotesapp-stepnav .stepnav-item:first-child, .carquotesapp-stepnav .stepnav-item:nth-child(2) {
        width: 300px;
    }

.carquotesapp-vhcnavi {
    margin-left: 20px;
    margin-right: 20px;
}

    .carquotesapp-vhcnavi:before, .carquotesapp-vhcnavi:after {
        content: "";
        display: table;
    }

    .carquotesapp-vhcnavi:after {
        clear: both;
    }

.carquotesapp-vhcnavi {
    zoom: 1;
}

    .carquotesapp-vhcnavi .vhcnavi-list-item {
        width: 25%;
        cursor: pointer;
    }

@media screen and (max-width: 960px) {
    .carquotesapp-vhcnavi .vhcnavi-list-item {
        width: 33.33%;
    }
}

.carquotesapp-vhcnavi .vhcnavi-list-item-inner {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.carquotesapp-vhcnavi .vhcnavi-list-item .img {
    border-bottom: 1px dotted #d4d4d4;
}

.carquotesapp-container {
    display: table;
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

.carquotesapp-car, .carquotesapp-version, .carquotesapp-quotes {
    display: table-cell;
    vertical-align: top;
}

.carquotesapp-car {
    width: 260px;
    padding: 0 20px 30px;
    text-align: center;
}

    .carquotesapp-car .car {
        margin-bottom: 25px;
    }

        .carquotesapp-car .car .img {
            border-bottom: 1px dotted #d4d4d4;
            margin-bottom: 20px;
        }

            .carquotesapp-car .car .img img {
                display: block;
                width: 100%;
                height: auto;
            }

        .carquotesapp-car .car .name {
            font-weight: 700;
            font-size: 24px;
            font-family: Helvetica,Arial;
            letter-spacing: -0.06em;
            line-height: 1;
            color: #8a8a8a;
        }

        .carquotesapp-car .car .price {
            font-size: 12px;
            font-weight: 700;
            color: #a2a2a2;
        }

            .carquotesapp-car .car .price strong {
                color: #c3002f;
                font-family: Verdana,Geneva;
                letter-spacing: -0.06em;
            }

.carquotesapp-version {
    width: 275px;
    padding: 30px 12.5px 30px;
    height: 590px;
}

    .carquotesapp-version .carquotesapp-car {
        display: none;
        width: auto;
        padding: 0;
        margin-top: -30px;
        margin-bottom: 40px;
    }

    .carquotesapp-version .hr {
        height: 1px;
        margin-top: 16px;
        margin-bottom: 15px;
        border-bottom: 1px dashed #8a8a8a;
    }

    .carquotesapp-version .row-version .title {
        font-size: 18px;
        color: #8a8a8a;
    }

        .carquotesapp-version .row-version .title small {
            font-size: 12px;
        }

    .carquotesapp-version .row-version .menu li {
        display: block;
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px dotted #d4d4d4;
        font-size: 17px;
        color: #393b40;
    }

        .carquotesapp-version .row-version .menu li:first-child {
            margin-top: 0;
            border-top: 0;
        }

    .carquotesapp-version .row-version .menu .versionopt {
        font-size: 17px;
        color: #606469;
    }

        .carquotesapp-version .row-version .menu .versionopt strong {
            font-family: Verdana,Geneva;
            letter-spacing: -0.04em;
        }

        .carquotesapp-version .row-version .menu .versionopt span {
            color: #6d7b8c;
            font-weight: 400;
        }

    .carquotesapp-version .row-version .menu .checkbtn [type="radio"]:checked + label .versionopt {
        color: #393b40;
        font-weight: 700;
    }

        .carquotesapp-version .row-version .menu .checkbtn [type="radio"]:checked + label .versionopt strong {
            color: #393b40;
        }

    .carquotesapp-version .row-version .menu .checkbtn [type="radio"].checked + label .versionopt {
        color: #393b40;
        font-weight: 700;
    }

        .carquotesapp-version .row-version .menu .checkbtn [type="radio"].checked + label .versionopt strong {
            color: #393b40;
        }

    .carquotesapp-version .row-specs {
        color: #393b40;
        font-size: 13px;
    }

.carquotesapp-version-inner {
    padding: 20px;
    background-color: #f0f0f0;
    border: 1px solid #d4d4d4;
}

.carquotesapp-quotes {
    padding: 30px 25px 30px 12.5px;
}

    .carquotesapp-quotes .header {
        height: 55px;
        line-height: 55px;
        padding-left: 20px;
        padding-right: 20px;
        background: #c5c5c5;
    }

        .carquotesapp-quotes .header .title {
            font-size: 22px;
            color: #4c4c4c;
        }

    .carquotesapp-quotes .body {
        padding: 20px;
        border: 1px solid #d4d4d4;
        background: #f0f0f0;
        font-size: 14px;
    }

    .carquotesapp-quotes .sheet {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px dotted #d4d4d4;
    }

    .carquotesapp-quotes .fieldrow {
        color: #606469;
    }

        .carquotesapp-quotes .fieldrow .field-input {
            white-space: nowrap;
        }

            .carquotesapp-quotes .fieldrow .field-input [type="text"], .carquotesapp-quotes .fieldrow .field-input [type="tel"], .carquotesapp-quotes .fieldrow .field-input [type="email"], .carquotesapp-quotes .fieldrow .field-input textarea, .carquotesapp-quotes .fieldrow .field-input .selectbox {
                width: 180px;
                text-align: right;
                font-weight: 700;
            }

@media screen and (max-width: 1208px) {
    .carquotesapp-quotes .fieldrow .field-input [type="text"], .carquotesapp-quotes .fieldrow .field-input [type="tel"], .carquotesapp-quotes .fieldrow .field-input [type="email"], .carquotesapp-quotes .fieldrow .field-input textarea, .carquotesapp-quotes .fieldrow .field-input .selectbox {
        width: 100px;
    }
}

.carquotesapp-quotes .fieldrow .field-input .staticvalue {
    position: relative;
    top: 6px;
    display: inline-block;
    line-height: 14px;
    width: 180px;
    text-align: right;
    font-size: 30px;
}

@media screen and (max-width: 1208px) {
    .carquotesapp-quotes .fieldrow .field-input .staticvalue {
        width: 100px;
        font-size: 24px;
        top: 3px;
    }
}

.carquotesapp-quotes .fieldrow .field-input small {
    display: inline-block;
    font-size: 13px;
    color: #8a8a8a;
}

@media screen and (max-width: 1208px) {
    .carquotesapp-quotes .fieldrow .field-input small {
        font-size: 12px;
    }
}

.carquotesapp-quotes .fieldrow .field-input .monthlypay {
    color: #333;
}

.carquotesapp-quotes .row-tax {
    margin-bottom: 25px;
    text-align: center;
}

    .carquotesapp-quotes .row-tax .field {
        position: relative;
        vertical-align: middle;
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 30px;
        padding-left: 20px;
        text-align: center;
        color: #606469;
    }

        .carquotesapp-quotes .row-tax .field .label {
            float: left;
            position: absolute;
            top: 0px;
            left: 0px;
            margin-bottom: 10px;
        }

        .carquotesapp-quotes .row-tax .field .value {
            white-space: nowrap;
        }

            .carquotesapp-quotes .row-tax .field .value strong {
                font-size: 30px;
                line-height: 14px;
                letter-spacing: -0.03em;
            }

    .carquotesapp-quotes .row-tax .icn-plus, .carquotesapp-quotes .row-tax .icn-equal {
        width: 8%;
        background-position: 50% 50%;
    }

    .carquotesapp-quotes .row-tax .sheet {
        white-space: nowrap;
    }

    .carquotesapp-quotes .row-tax .result .value strong {
        color: #333;
    }

@media screen and (max-width: 1024px) {
    .carquotesapp-stepnav .stepnav-item:first-child {
        width: 170px;
    }

    .carquotesapp-container > .carquotesapp-car {
        display: none;
    }

    .carquotesapp-version .carquotesapp-car {
        display: block;
    }

    .carquotesapp-version {
        width: 250px;
    }
}
/*!==================================
	#carquotesSheet (lightbox)
 ===================================*/

#carquotesSheet {
    font-size: 14px;
    color: #393b40;
}

    #carquotesSheet .header .title {
        font-size: 22px;
        color: #8a8a8a;
        font-weight: 700;
    }

    #carquotesSheet .row-tax {
        display: table;
        border-spacing: 0;
        margin-bottom: 50px;
    }

        #carquotesSheet .row-tax .header {
            display: table-cell;
            padding-bottom: 25px;
        }

            #carquotesSheet .row-tax .header .usage {
                margin-left: 20px;
                vertical-align: middle;
                margin-top: -3px;
            }

        #carquotesSheet .row-tax .body {
            display: table-row;
        }

            #carquotesSheet .row-tax .body .col1, #carquotesSheet .row-tax .body .col2, #carquotesSheet .row-tax .body .col3 {
                display: table-cell;
                vertical-align: middle;
            }

            #carquotesSheet .row-tax .body .col1 {
                width: 75%;
                height: 95px;
                padding-top: 15px;
                border: 1px solid #d4d4d4;
                background: #f0f0f0;
            }

            #carquotesSheet .row-tax .body .col2 {
                width: 70px;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 15px;
                text-align: center;
            }

            #carquotesSheet .row-tax .body .col3 {
                width: auto;
                padding-top: 15px;
                height: 95px;
                border: 1px solid #d4d4d4;
                background: #f0f0f0;
            }

            #carquotesSheet .row-tax .body .sheet, #carquotesSheet .row-tax .body .result {
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%;
            }

            #carquotesSheet .row-tax .body .sheet {
                padding: 0 75px 0;
                text-align: center;
                white-space: nowrap;
            }

@media screen and (max-width: 1208px) {
    #carquotesSheet .row-tax .body .sheet {
        padding-left: 25px;
        padding-right: 25px;
    }
}

#carquotesSheet .row-tax .body .result {
    min-width: 150px;
    padding: 0 40px 0;
}

@media screen and (max-width: 1208px) {
    #carquotesSheet .row-tax .body .result {
        padding-left: 25px;
        padding-right: 25px;
    }
}

#carquotesSheet .row-tax .body .field {
    position: relative;
    width: 30%;
    vertical-align: middle;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    color: #8a8a8a;
}

    #carquotesSheet .row-tax .body .field .label {
        float: left;
        position: absolute;
        bottom: 100%;
        left: 10%;
        margin-bottom: 10px;
    }

    #carquotesSheet .row-tax .body .field .value {
        white-space: nowrap;
    }

        #carquotesSheet .row-tax .body .field .value strong {
            font-size: 36px;
            line-height: 14px;
            color: #333;
            letter-spacing: -0.03em;
        }

#carquotesSheet .row-tax .body .icn-plus {
    width: 3%;
}

#carquotesSheet .row-tax .body .icn-plus, #carquotesSheet .row-tax .body .icn-equal {
    top: .6em;
}

#carquotesSheet .row-tax .body .result .field {
    width: auto;
}

    #carquotesSheet .row-tax .body .result .field .label {
        left: 0;
    }

#carquotesSheet .row-loan {
    display: table;
    border-spacing: 0;
}

    #carquotesSheet .row-loan .header {
        display: table-cell;
        vertical-align: middle;
        width: 1%;
        padding-right: 20px;
    }

        #carquotesSheet .row-loan .header .title {
            white-space: nowrap;
        }

    #carquotesSheet .row-loan .body {
        display: table-cell;
        vertical-align: middle;
        width: auto;
    }

    #carquotesSheet .row-loan .calculator {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        border: 1px solid #d4d4d4;
        background: #f0f0f0;
    }

        #carquotesSheet .row-loan .calculator > .inner {
            display: table;
            width: 100%;
            border-spacing: 0;
        }

        #carquotesSheet .row-loan .calculator .sheet {
            display: table-cell;
            width: auto;
            vertical-align: middle;
            padding: 25px 25px 25px 50px;
            border-right: 1px dashed #d4d4d4;
        }

            #carquotesSheet .row-loan .calculator .sheet .fieldset {
                color: #8a8a8a;
            }

                #carquotesSheet .row-loan .calculator .sheet .fieldset .field-input [type="text"], #carquotesSheet .row-loan .calculator .sheet .fieldset .field-input [type="tel"], #carquotesSheet .row-loan .calculator .sheet .fieldset .field-input [type="email"], #carquotesSheet .row-loan .calculator .sheet .fieldset .field-input textarea, #carquotesSheet .row-loan .calculator .sheet .fieldset .field-input .selectbox {
                    width: 180px;
                    text-align: right;
                    font-weight: 700;
                    color: #333;
                }

                #carquotesSheet .row-loan .calculator .sheet .fieldset .field-input .staticvalue {
                    position: relative;
                    top: 6px;
                    display: inline-block;
                    line-height: 14px;
                    width: 180px;
                    text-align: right;
                    font-size: 36px;
                    color: #333;
                }

                #carquotesSheet .row-loan .calculator .sheet .fieldset .field-input small {
                    display: inline-block;
                    margin-left: 8px;
                    font-size: 12px;
                    font-weight: 400;
                    color: #606469;
                }

        #carquotesSheet .row-loan .calculator .result {
            display: table-cell;
            vertical-align: middle;
            width: 100px;
            padding: 25px;
            text-align: center;
        }

@media screen and (max-width: 1208px) {
    #carquotesSheet .row-loan .calculator > .inner {
        border-spacing: 25px;
    }

    #carquotesSheet .row-loan .calculator .sheet {
        display: block;
        width: auto;
        border-bottom: 1px dashed #d4d4d4;
        border-right: 0;
        padding: 0 0 25px;
    }

    #carquotesSheet .row-loan .calculator .result {
        display: block;
        width: auto;
        padding: 25px 0 0;
    }
}
/*!==================================
	News feed list and detail page
 ===================================*/ /*!------------------------------
	Feed commons
 ------------------------------*/

.iconheader {
    position: relative;
}

    .iconheader > [class*="icn-"] {
        float: left;
        position: absolute;
        top: -2px;
        left: -90px;
        margin-top: 0;
    }

@media screen and (max-width: 1024px) {
    .iconheader > [class*="icn-"] {
        display: none;
    }
}

.iconheader > .icn-newspaper:after {
    content: url("../../img/ui/iconheader-icn-newspaper.png");
}

.iconheader > .icn-giftbox:after {
    content: url("../../img/ui/iconheader-icn-giftbox.png");
}

.feedtag {
    display: inline-block;
    border: 1px solid #d9d9d9;
    padding: 0px 2px;
    color: #a2a2a2;
}

.no-csstransforms .feedtag {
    font-size: 10px;
}

.csstransforms .feedtag {
    font-size: 12px;
    -moz-transform: scale(0.93, 0.93);
    -ms-transform: scale(0.93, 0.93);
    -webkit-transform: scale(0.93, 0.93);
    transform: scale(0.93, 0.93);
}

.feedtag:first-child {
    margin-left: -2px;
}

.feedtime {
    font-size: 14px;
    font-family: Verdana,Geneva;
    color: #6d7b8c;
}

.feedtitle {
    font-size: 32px;
    line-height: 1;
    color: #393b40;
}

    .feedtitle a:hover {
        color: #c3002f;
    }

.feedtext {
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
}

.feeditem {
    position: relative;
}

    .feeditem > .img {
        margin-bottom: 15px;
        background: #d4d4d4;
    }

    .feeditem > .txt {
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .feeditem > .txt .tag {
            min-height: 15px;
            margin-bottom: 10px;
        }

        .feeditem > .txt .title {
            margin-bottom: 10px;
            font-size: 18px;
            line-height: 1.1;
            color: #393b40;
        }

            .feeditem > .txt .title a {
                text-decoration: none !important;
            }

        .feeditem > .txt .story {
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 1.3;
            color: #606469;
        }

    .feeditem.txtindent {
        padding-bottom: 40px;
    }

        .feeditem.txtindent > .txt {
            padding: 0 20px 0 20px;
        }

        .feeditem.txtindent > .meta {
            padding: 0 20px 15px 20px;
        }

        .feeditem.txtindent.bordered > .meta {
            padding-bottom: 0;
        }

            .feeditem.txtindent.bordered > .meta .minictrl {
                margin-bottom: -1px;
            }

    .feeditem > .meta {
        float: left;
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: right;
    }

        .feeditem > .meta > * {
            display: inline-block;
            vertical-align: middle;
        }

        .feeditem > .meta .time {
            margin-right: 5px;
            color: #a2a2a2;
            font-size: 12px;
        }

    .feeditem .title a:hover {
        color: #c3002f;
    }

a.feeditem:hover, a.feeditem:active {
    text-decoration: none;
}

    a.feeditem:hover .title, a.feeditem:active .title {
        color: #c3002f;
    }

    a.feeditem:hover .btn-seemore, a.feeditem:active .btn-seemore {
        color: #dd0035;
    }
/*!------------------------------
	Feed list
 ------------------------------*/

.feedlist:before, .feedlist:after {
    content: "";
    display: table;
}

.feedlist:after {
    clear: both;
}

.feedlist {
    zoom: 1;
}

.feedlist-header:before, .feedlist-header:after {
    content: "";
    display: table;
}

.feedlist-header:after {
    clear: both;
}

.feedlist-header {
    zoom: 1;
}

.feedlist-title {
    padding-bottom: 13px;
    margin-bottom: 13px;
    border-bottom: 1px dotted #d4d4d4;
}

    .feedlist-title .title {
        font-size: 28px;
        line-height: 1.1;
    }

.feedlist-headline .feedview-header {
    padding-bottom: 13px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #d4d4d4;
}

.feedlist-headline .feedtext {
    color: #606469;
}

.feedlist-headline .download {
    margin-top: 15px;
    text-align: right;
}

.feedlist-body .striped a {
    display: block;
}

    .feedlist-body .striped a:hover, .feedlist-body .striped a:active {
        color: #c3002f;
    }

.feedlist-body + .pagenav {
    border-top: 1px dotted #d4d4d4;
}

@media screen and (max-width: 1024px) {
    .feedlist {
        margin-left: 0;
    }

    .feedlist-body {
        margin-left: 0;
    }

        .feedlist-body + .pagenav {
            margin-left: 0;
        }
}

.feedstream .feeditem {
    padding-bottom: 40px;
}

    .feedstream .feeditem > .meta {
        padding-right: 15px;
    }
/*!------------------------------
	Feed detail page
 ------------------------------*/

.feedview:before, .feedview:after {
    content: "";
    display: table;
}

.feedview:after {
    clear: both;
}

.feedview {
    zoom: 1;
}

.feedview-header {
    margin-bottom: 25px;
}

    .feedview-header:before, .feedview-header:after {
        content: "";
        display: table;
    }

    .feedview-header:after {
        clear: both;
    }

.feedview-header {
    zoom: 1;
}

    .feedview-header .feedtime {
        margin-bottom: 8px;
        line-height: 1;
    }

.feedview-banner {
    margin-bottom: 40px;
}

.feedview-body:before, .feedview-body:after {
    content: "";
    display: table;
}

.feedview-body:after {
    clear: both;
}

.feedview-body {
    zoom: 1;
}

.privilege-sidebar {
    position: relative;
    float: right;
    width: 380px;
}

    .privilege-sidebar + .feedview-maincont {
        margin-right: 420px;
    }

@media screen and (max-width: 1024px) {

    .privilege-sidebar {
        width: 280px;
    }

        .privilege-sidebar + .feedview-maincont {
            margin-right: 295px;
        }
}

.feedview-sidebar {
    position: relative;
    float: right;
    width: 280px;
}

    .feedview-sidebar + .feedview-maincont {
        margin-right: 320px;
    }

@media screen and (max-width: 1024px) {
    .feedview-sidebar + .feedview-maincont {
        margin-right: 295px;
    }
}

.feedview-sidebar-meta {
    margin-top: 30px;
    border-top: 1px dotted #d4d4d4;
    padding-top: 15px;
}

.feedview-maincont {
    position: relative;
}

    .feedview-maincont:before, .feedview-maincont:after {
        content: "";
        display: table;
    }

    .feedview-maincont:after {
        clear: both;
    }

.feedview-maincont {
    zoom: 1;
}

.feedview-footer {
    margin-top: 20px;
}
/*!------------------------------
	posterviewer
 ------------------------------*/

.posterview:before, .posterview:after {
    content: "";
    display: table;
}

.posterview:after {
    clear: both;
}

.posterview {
    zoom: 1;
}

.posterview-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.posterview-menu {
    width: 74px;
    display: table-cell;
    vertical-align: top;
    position: relative;
}

    .posterview-menu div.scroll-float {
        position: absolute;
    }

.posterview-img {
    display: table-cell;
    vertical-align: top;
    border: 1px solid #d4d4d4;
    background: #fdfdfd;
    width: 100%;
}

    .posterview-img img {
        width: 100%;
        height: auto;
    }

.feedview.mg-left, .feedlist.mg-left {
    margin-left: 90px;
}

.feedview.mg-right, .feedlist.mg-right {
    margin-right: 75px;
}

@media screen and (max-width: 1024px) {
    .feedview.mg-left, .feedlist.mg-left {
        margin-left: 15px;
    }

    .feedview.mg-right, .feedlist.mg-right {
        margin-right: 15px;
    }
}

/*!==================================
	Marchslider
	@requires Swiper 
 ===================================*/

.marchslider {
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

@media screen and (max-width: 960px) {
    .marchslider .swiper-container, .marchslider .swiper-wrapper, .marchslider .swiper-slide {
        width: auto !important;
        height: auto !important;
        float: none !important;
        overflow: visible !important;
    }

    .marchslider .swiper-wrapper {
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .marchslider .circlenav, .marchslider .btn-slidenext, .marchslider .btn-slideprev {
        display: none !important;
    }
}

.marchslider-item {
    padding-left: 10px;
    padding-right: 10px;
}

.marchslider.boxed {
    margin-left: 0;
    margin-right: 0;
}
/*!==================================
	Social media toolbox
 ===================================*/

.mediabar {
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    background: #f9f9f9;
}

.mediabar-inner {
    position: relative;
    padding: 32px 0;
}

    .mediabar-inner:before, .mediabar-inner:after {
        content: "";
        display: table;
    }

    .mediabar-inner:after {
        clear: both;
    }

.mediabar-inner {
    zoom: 1;
}

.mediabar-row {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.mediabar-col {
    display: table-cell;
    vertical-align: top;
}

.mediabar-item {
    position: relative;
    min-height: 51px;
    padding-left: 60px;
}

    .mediabar-item > .icn {
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 52px;
        height: 51px;
        margin-right: 8px;
        background: no-repeat;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .mediabar-item > .txt {
        margin-bottom: 5px;
        padding-top: 3px;
        line-height: 1.1;
        font-size: 15px;
        color: #393b40;
    }

    .mediabar-item > .widget {
        position: relative;
        overflow: hidden;
        color: #a2a2a2;
    }

@media screen and (max-width: 960px) {
    .mediabar-item {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
    }

        .mediabar-item > .icn {
            position: relative;
            float: none;
            left: auto;
            right: auto;
            top: auto;
            bottom: auto;
            margin: 0 auto 10px;
        }
}

.mediabar-item.apps > .icn {
    background-image: url("../../img/ui/mediabar-icn-apps.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .mediabar-item.apps > .icn {
        background-image: url("../../img/ui/mediabar-icn-apps@2x.png");
    }
}

.mediabar-item.apps .store {
    display: inline-block;
    margin-bottom: 5px;
}

.mediabar-item.fb > .icn {
    background-image: url("../../img/ui/mediabar-icn-fb.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .mediabar-item.fb > .icn {
        background-image: url("../../img/ui/mediabar-icn-fb@2x.png");
    }
}

.mediabar-item.fb .likebutton {
    display: inline-block;
    width: 85px;
}

.mediabar-item.youtube > .icn {
    background-image: url("../../img/ui/mediabar-icn-youtube.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .mediabar-item.youtube > .icn {
        background-image: url("../../img/ui/mediabar-icn-youtube@2x.png");
    }
}

.mediabar-item.line > .icn {
    background-image: url("../../img/ui/mediabar-icn-line.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .mediabar-item.line > .icn {
        background-image: url("../../img/ui/mediabar-icn-line@2x.png");
    }
}

.mediabar-item.enews > .icn {
    background-image: url("../../img/ui/mediabar-icn-enews.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
    .backgroundsize .mediabar-item.enews > .icn {
        background-image: url("../../img/ui/mediabar-icn-enews@2x.png");
    }
}

.mediabar-item.enews .inputbox {
    position: relative;
    width: 122px;
    height: 22px;
    padding-right: 40px;
    background: lime;
}

    .mediabar-item.enews .inputbox .ipt {
        width: 122px;
        height: 22px;
        padding: 3px 5px;
        border: 1px solid #d4d4d4;
        background: #f3f3f3;
        background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
        background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e6e6),color-stop(60%, #ffffff));
        background: -moz-linear-gradient(top, #e6e6e6,#ffffff 60%);
        background: -webkit-linear-gradient(top, #e6e6e6,#ffffff 60%);
        background: linear-gradient(to bottom, #e6e6e6,#ffffff 60%);
        color: #333;
        font-size: 13px;
    }

        .mediabar-item.enews .inputbox .ipt:focus {
            background: #fefefe;
            background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
            background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eeeeee),color-stop(100%, #ffffff));
            background: -moz-linear-gradient(top, #eeeeee,#ffffff);
            background: -webkit-linear-gradient(top, #eeeeee,#ffffff);
            background: linear-gradient(to bottom, #eeeeee,#ffffff);
            border-color: #c5c5c5;
        }

    .mediabar-item.enews .inputbox .btn {
        float: left;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 40px;
        height: 24px;
        border: none;
        background: #c5c5c5;
        color: white;
        font-size: 12px;
        text-align: center;
    }

        .mediabar-item.enews .inputbox .btn:hover, .mediabar-item.enews .inputbox .btn:active {
            background: #c3002f;
        }
/*!==================================
	Lightbox 
 ===================================*/

.lightbox.fancybox-wrap .fancybox-skin {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.lightbox.fancybox-wrap .fancybox-skin {
    background: none;
}

.lightbox.fancybox-wrap .fancybox-error {
    color: #8a8a8a;
    font-size: 14px;
}

.lightbox-header {
    position: relative;
    z-index: 2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 74px;
    padding: 0 0 0 30px;
    border-bottom: 1px dashed #c5c5c5;
    background: #d5d5d5;
}

    .lightbox-header:before, .lightbox-header:after {
        content: "";
        display: table;
    }

    .lightbox-header:after {
        clear: both;
    }

.lightbox-header {
    zoom: 1;
}

.lightbox-header-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #606469;
}

.lightbox-close {
    display: inline-block;
    height: 74px;
}

    .lightbox-close.loud {
        background-image: url("../../img/ui/lightbox-btn-close-loud.png");
    }

.lightbox-body {
    position: relative;
    z-index: 1;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 30px;
    background: white;
}

.lightbox-footer {
    z-index: 2;
    height: 90px;
    background: white;
}

.lightbox-video.lightbox-content {
    height: 100%;
}

.lightbox-video .lightbox-header {
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.lightbox-video .lightbox-body {
    display: block;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 120px 30px 30px 30px;
}

.lightbox-vr.lightbox-content {
    height: 100%;
}

.lightbox-vr .lightbox-header {
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border-bottom: none;
    background: none;
}

.lightbox-vr .lightbox-body {
    display: block;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 90px 0;
    background: none;
}

.lightbox-vr .lightbox-footer {
    float: left;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: none;
}

.lightbox-vr .vr-note {
    padding-top: 20px;
    text-align: right;
    color: #a2a2a2;
    font-size: 13px;
}

#vrCanvas {
    height: 100%;
}

.lightbox-usp .lightbox-figure {
    width: 60%;
}

.lightbox-usp .lightbox-footer {
    height: 40px;
}

    .lightbox-usp .lightbox-footer .circlenav {
        padding-top: 0;
    }

.lightbox-figure {
    position: relative;
    display: table-cell;
    vertical-align: top;
}

    .lightbox-figure img {
        width: 100%;
        height: auto;
    }

.lightbox-text {
    position: relative;
    display: table-cell;
    vertical-align: top;
    padding-bottom: 30px;
}

.lightbox-text-title {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #d4d4d4;
    font-size: 24px;
    color: #606469;
    line-height: 1.1;
}

    .lightbox-text-title:before {
        content: '';
        float: left;
        position: absolute;
        top: -30px;
        left: 0px;
        width: 100%;
        height: 4px;
        background: #c3002f;
    }

.lightbox-text-story {
    font-size: 14px;
    line-height: 1.42857;
    color: #393b40;
}

.lightbox-elegant {
    background: #e1e1e1 url("../../img/ui/lightbox-elegant-bg-body.jpg") 100% 100% no-repeat;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

    .lightbox-elegant .lightbox-header {
        background: #bcbcbc url("../../img/ui/lightbox-elegant-bg-header.jpg") 0% 100% no-repeat;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }

@media screen and (max-width: 1208px) {
    .lightbox-elegant .lightbox-header {
        padding-left: 25px;
    }
}

.lightbox-elegant .lightbox-header-title {
    color: white;
}

.lightbox-elegant .lightbox-header-descr {
    display: inline-block;
    vertical-align: middle;
}

.lightbox-elegant .lightbox-close {
    vertical-align: middle;
}

.lightbox-elegant .lightbox-body {
    display: block;
    padding: 30px 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: none;
}

    .lightbox-elegant .lightbox-body .content:before, .lightbox-elegant .lightbox-body .content:after {
        content: "";
        display: table;
    }

    .lightbox-elegant .lightbox-body .content:after {
        clear: both;
    }

    .lightbox-elegant .lightbox-body .content {
        zoom: 1;
    }

@media screen and (max-width: 1208px) {
    .lightbox-elegant .lightbox-body {
        padding: 25px;
    }
}
/*!==================================
	Location finder
 ===================================*/

.locator-info {
    padding-bottom: 40px;
    font-size: 14px;
    color: #606469;
}

.locator-searchbar .field-label {
    width: 150px;
    color: #606469;
    font-size: 18px;
}

.locator-searchbar .hr-dashed {
    border-color: #a2a2a2;
}

.locator-searchbar .locations .selectbox {
    min-width: 140px;
}

.locator-data {
    padding-top: 40px;
    font-size: 14px;
    color: #393b40;
}

    .locator-data .list tr.item {
        border-left: 4px solid transparent;
        -moz-transition: border-color 0.1s ease;
        -o-transition: border-color 0.1s ease;
        -webkit-transition: border-color 0.1s ease;
        transition: border-color 0.1s ease;
    }

        .locator-data .list tr.item .name, .locator-data .list tr.item .addr, .locator-data .list tr.item .tel {
            -moz-transition: opacity 0.1s ease 0.1s;
            -o-transition: opacity 0.1s ease 0.1s;
            -webkit-transition: opacity 0.1s ease;
            -webkit-transition-delay: 0.1s;
            transition: opacity 0.1s ease 0.1s;
        }

        .locator-data .list tr.item .name {
            cursor: pointer;
        }

    .locator-data .list tr.detail {
        border-left: 4px solid transparent;
        -moz-transition: border-color 0.1s ease;
        -o-transition: border-color 0.1s ease;
        -webkit-transition: border-color 0.1s ease;
        transition: border-color 0.1s ease;
    }

    .locator-data .list td.detail {
        border-left: 4px solid transparent;
        -moz-transition: border-color 0.1s ease;
        -o-transition: border-color 0.1s ease;
        -webkit-transition: border-color 0.1s ease;
        transition: border-color 0.1s ease;
    }

.backgroundsize .locator-data .list td.detail {
    background: url("../../img/ui/table-detail-bg.png") 50% 100% no-repeat;
    -moz-background-size: 100% 21px;
    -o-background-size: 100% 21px;
    -webkit-background-size: 100% 21px;
    background-size: 100% 21px;
}

.locator-data .list td.detail div.detail {
    display: none;
    background: none;
    padding-left: 0;
}

    .locator-data .list td.detail div.detail .detail-info {
        padding-top: 20px;
    }

.locator-data .list tr.item.on {
    border-left-color: #c3002f;
}

    .locator-data .list tr.item.on td {
        border-top: 1px dashed #a2a2a2;
    }

        .locator-data .list tr.item.on td .name, .locator-data .list tr.item.on td .addr, .locator-data .list tr.item.on td .tel {
            opacity: 0;
            -moz-transition-delay: 0s;
            -o-transition-delay: 0s;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }

    .locator-data .list tr.item.on + tr.detail {
        border-left-color: #c3002f;
    }

        .locator-data .list tr.item.on + tr.detail td.detail {
            border-left-color: #c3002f;
        }

.locator-data div.detail {
    background: #f2f2f2;
    line-height: 1.5;
    padding: 0 0 10px 30px;
}

    .locator-data div.detail:before, .locator-data div.detail:after {
        content: "";
        display: table;
    }

    .locator-data div.detail:after {
        clear: both;
    }

.locator-data div.detail {
    zoom: 1;
}

.locator-data .detail-info {
    float: left;
    width: 30%;
    padding-top: 35px;
}

    .locator-data .detail-info .name {
        margin-bottom: 15px;
        font-size: 18px;
        color: #333;
        line-height: 1;
    }

    .locator-data .detail-info .addr {
        margin-bottom: 5px;
        line-height: 1;
    }

    .locator-data .detail-info .tel {
        font-family: Verdana,Geneva,"MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei";
    }

    .locator-data .detail-info .btn-add {
        margin-top: 10px;
    }

.locator-data .detail-openhrs {
    float: right;
    width: 70%;
}

.locator-data .gmap {
    min-height: 560px;
}

table.schedule {
    width: 100%;
    border-spacing: 0;
    line-height: 1.1;
}

    table.schedule th, table.schedule td {
        border-bottom: 1px dotted #a5a5a5;
    }

        table.schedule th > span, table.schedule td > span {
            display: block;
            padding: .9em 10px .8em;
        }

    table.schedule th {
        background: #dadada;
    }

    table.schedule td {
        background: #f2f2f2;
    }

    table.schedule .period {
        width: 25%;
        padding-left: 15px;
    }
/*!==================================
	Login box
 ===================================*/

.loginbox {
    border: 1px solid #d4d4d4;
    background: white;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.loginbox-row {
    padding: 20px;
    color: #606469;
}

    .loginbox-row:before, .loginbox-row:after {
        content: "";
        display: table;
    }

    .loginbox-row:after {
        clear: both;
    }

.loginbox-row {
    zoom: 1;
}

    .loginbox-row .fbconnect {
        text-align: right;
    }

    .loginbox-row.no-border {
        border-bottom: 0;
    }

.loginbox-fieldset {
    float: left;
}

    .loginbox-fieldset .autologin {
        cursor: pointer;
        font-size: 12px;
    }

.loginbox-fieldact {
    float: right;
    width: 100px;
}

    .loginbox-fieldact .links > * {
        display: block;
        margin-bottom: 8px;
        color: #393b40;
        font-size: 14px;
    }

    .loginbox-fieldact .submit {
        margin-left: -10px;
        position: relative;
    }

.loginbox-field {
    margin-bottom: 10px;
    font-size: 14px;
    color: #606469;
}

    .loginbox-field [type="text"], .loginbox-field [type="email"], .loginbox-field [type="password"] {
        width: 194px;
    }

#hpLoginbox {
    position: relative;
    z-index: 10;
}

    #hpLoginbox .loginbox {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        position: absolute;
        top: -42px;
        left: 7.11921%;
        z-index: 10;
        width: 424px;
    }

@media (max-width: 1200px) {
    #hpLoginbox .loginbox {
        left: 10px;
        top: -20px;
    }
}

@media screen and (max-width: 1024px) {
    #hpLoginbox:not(.show) {
        /*  display: none;*/
    }

    #hpLoginbox .loginbox {
        transform: scale(0.8);
    }

    #hpLoginbox + .ownernav .btn-login-first {
        visibility: visible;
    }
}

#hpLoginbox.show {
    display: block;
    -moz-animation: fadein 0.2s ease-out;
    -webkit-animation: fadein 0.2s ease-out;
    animation: fadein 0.2s ease-out;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*!==================================
	Owning record
 ===================================*/

.ownrecord-header {
    display: table;
    width: 100%;
    border-spacing: 0;
    padding-bottom: 35px;
    margin-right: -20px;
    font-size: 14px;
}

.ownrecord-car {
    display: table-cell;
    vertical-align: top;
    width: 33%;
    padding-right: 35px;
    text-align: center;
}

    .ownrecord-car .img {
        padding: 20px 0 0;
        margin-bottom: 25px;
    }

        .ownrecord-car .img img {
            display: block;
            max-width: 100%;
            height: auto;
            margin-left: auto;
            margin-right: auto;
        }

    .ownrecord-car .field-label {
        color: #606469;
        font-size: 18px;
    }

.ownrecord-brief {
    display: table-cell;
    vertical-align: top;
}

    .ownrecord-brief .heading {
        margin-bottom: 20px;
        line-height: 1;
    }

        .ownrecord-brief .heading .label {
            color: #606469;
            font-size: 14px;
        }

        .ownrecord-brief .heading .name {
            display: block;
            font-size: 58px;
            font-weight: 700;
            text-indent: -2px;
        }

    .ownrecord-brief .larger {
        font-size: 24px;
        line-height: 14px;
        color: #333;
        font-weight: 700;
        letter-spacing: -.04em;
    }

    .ownrecord-brief .mntrow {
        margin-right: -40px;
        font-family: Verdana,Geneva,"MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei";
    }

        .ownrecord-brief .mntrow .title-block {
            margin-bottom: 10px;
        }

        .ownrecord-brief .mntrow .col {
            margin-right: 15px;
            white-space: nowrap;
        }

        .ownrecord-brief .mntrow .label {
            color: #606469;
        }

        .ownrecord-brief .mntrow .value {
            color: #333;
        }

    .ownrecord-brief .bonusinfo {
        font-family: Verdana,Geneva,"MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei";
    }

    .ownrecord-brief .usermanual {
        font-family: Verdana,Geneva,"MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei";
    }

        .ownrecord-brief .usermanual .title {
            font-size: 18px;
            color: #393b40;
        }

        .ownrecord-brief .usermanual .list {
            font-size: 22px;
            color: #8a8a8a;
        }

            .ownrecord-brief .usermanual .list li {
                margin-bottom: 5px;
            }

                .ownrecord-brief .usermanual .list li .name {
                    font-family: Helvetica,Arial,"MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei";
                    line-height: 1.1;
                }

                .ownrecord-brief .usermanual .list li .btn-icon-white {
                    margin-top: -3px;
                }

                .ownrecord-brief .usermanual .list li a {
                    text-decoration: none !important;
                }

    .ownrecord-brief .insurance {
        font-family: Verdana,Geneva,"MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei";
        color: #606469;
    }

    .ownrecord-brief .hr-dashed {
        margin-top: 20px;
        margin-bottom: 20px;
    }

.ownrecord-form {
    padding-top: 35px;
    padding-bottom: 35px;
    border: 1px solid #d4d4d4;
    background: #f0f0f0;
}

    .ownrecord-form .field-label {
        width: 230px;
    }

@media screen and (max-width: 1024px) {
    .ownrecord-form .field-label {
        width: 180px;
    }
}

.ownrecord-form .gmap {
    height: 540px;
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom: 15px;
}

.ownrecord-form:last-child {
    margin-bottom: -40px;
}

.ownrecord-form .message-bubble {
    position: absolute;
    top: 330px;
    right: -8px;
    width: 280px;
}

@media (max-width: 1100px) {
    .ownrecord-form .message-bubble {
        position: static;
        margin: 25px 60px;
        width: auto;
    }
}

.grid-maincont .searchbelt:first-child {
    margin-top: -40px;
}

.grid-maincont .searchbelt:last-child {
    margin-bottom: -40px;
}

.ownrecord-data {
    padding-top: 35px;
    padding-bottom: 35px;
    font-family: Verdana,Geneva "MHei HK Bold","Adobe Clean","LiHei","LiHei Pro","微軟正黑體","Microsoft JhengHei";
}

    .ownrecord-data .title-block {
        margin-bottom: 20px;
    }

    .ownrecord-data table.striped {
        color: #393b40;
        font-size: 14px;
    }
/*!==================================
	Test drive page
 ===================================*/

.testdriveapp {
    padding-top: 30px;
    background-color: white;
}

.testdriveapp-stepnav {
    position: relative;
    z-index: 2;
    margin: 0 -8px 0 -8px;
}

    .testdriveapp-stepnav .stepnav-item:first-child {
        width: 300px;
    }

.testdriveapp-vhcnavi {
    margin-left: 20px;
    margin-right: 20px;
}

    .testdriveapp-vhcnavi:before, .testdriveapp-vhcnavi:after {
        content: "";
        display: table;
    }

    .testdriveapp-vhcnavi:after {
        clear: both;
    }

.testdriveapp-vhcnavi {
    zoom: 1;
}

    .testdriveapp-vhcnavi .vhcnavi-list-item {
        width: 25%;
        cursor: pointer;
    }

@media screen and (max-width: 960px) {
    .testdriveapp-vhcnavi .vhcnavi-list-item {
        width: 33.33%;
    }
}

.testdriveapp-vhcnavi .vhcnavi-list-item-inner {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 10px;
    margin-right: 10px;
}

.testdriveapp-vhcnavi .vhcnavi-list-item .img {
    border-bottom: 1px dotted #d4d4d4;
}

.testdriveapp-container {
    display: table;
    width: 100%;
    border-spacing: 0;
    table-layout: fixed;
}

.testdriveapp-car, .testdriveapp-data, .testdriveapp-location {
    display: table-cell;
    vertical-align: top;
    padding: 30px 20px;
}

.testdriveapp-car {
    width: 260px;
    padding-top: 0;
    text-align: center;
}

    .testdriveapp-car .car {
        margin-bottom: 25px;
    }

        .testdriveapp-car .car .img {
            border-bottom: 1px dotted #d4d4d4;
            margin-bottom: 20px;
        }

            .testdriveapp-car .car .img img {
                display: block;
                width: 100%;
                height: auto;
            }

        .testdriveapp-car .car .name {
            font-weight: 700;
            font-size: 24px;
            font-family: Helvetica,Arial;
            letter-spacing: -0.06em;
            line-height: 1;
            color: #8a8a8a;
        }

        .testdriveapp-car .car .price {
            font-size: 12px;
            font-weight: 700;
            color: #a2a2a2;
        }

            .testdriveapp-car .car .price strong {
                color: #c3002f;
                font-family: Verdana,Geneva;
                letter-spacing: -0.06em;
            }

.testdriveapp-data {
    width: 260px;
    border-right: 1px dotted #d4d4d4;
    background-color: #f0f0f0;
}

    .testdriveapp-data .field-input [type="text"], .testdriveapp-data .field-input [type="email"], .testdriveapp-data .field-input [type="tel"], .testdriveapp-data .field-input textarea, .testdriveapp-data .field-input .selectbox {
        width: 100%;
    }

    .testdriveapp-data .date .selectbox {
        width: auto;
    }

    .testdriveapp-data .testdriveapp-car {
        display: none;
        width: auto;
        padding: 0;
        margin-top: -30px;
        margin-bottom: 40px;
    }

.testdriveapp-location {
    background-color: #f0f0f0;
}

    .testdriveapp-location .area {
        margin-bottom: 15px;
    }

        .testdriveapp-location .area .selectbox {
            min-width: 130px;
        }

    .testdriveapp-location .gmap {
        min-height: 355px;
    }

    .testdriveapp-location .locinfo {
        margin-bottom: 15px;
        font-size: 14px;
    }

        .testdriveapp-location .locinfo small {
            color: #8a8a8a;
            font-size: 12px;
        }

@media screen and (max-width: 1024px) {
    .testdriveapp-stepnav .stepnav-item:first-child {
        width: 170px;
    }

    .testdriveapp-container > .testdriveapp-car {
        display: none;
    }

    .testdriveapp-data .testdriveapp-car {
        display: block;
    }

    .testdriveapp-data {
        width: 250px;
    }
}
/*!==================================
	#testdriveSheet (lightbox)
 ===================================*/

#testdriveSheet {
    margin-left: 8px;
}

    #testdriveSheet .stepnav {
        width: 675px;
        margin-left: -75px;
        margin-bottom: 35px;
    }

        #testdriveSheet .stepnav .stepnav-btn .txt small {
            color: #ccc;
        }

        #testdriveSheet .stepnav .stepnav-btn {
            background: #f0f0f0;
        }

        #testdriveSheet .stepnav .stepnav-arrow:before {
            border-left-color: #f0f0f0;
        }

    #testdriveSheet .container {
        display: table;
        width: 100%;
        border-spacing: 0;
        color: #393b40;
    }

    #testdriveSheet .sidebar {
        display: table-cell;
        vertical-align: top;
        width: auto;
    }

        #testdriveSheet .sidebar .field-input [type="text"], #testdriveSheet .sidebar .field-input [type="email"], #testdriveSheet .sidebar .field-input [type="tel"], #testdriveSheet .sidebar .field-input [type="password"], #testdriveSheet .sidebar .field-input textarea, #testdriveSheet .sidebar .field-input .selectbox {
            width: 100%;
        }

        #testdriveSheet .sidebar .message-bubble {
            margin-left: -83px;
            margin-top: 100px;
        }

@media screen and (max-width: 1208px) {
    #testdriveSheet .sidebar .message-bubble {
        margin-left: -33px;
    }
}

#testdriveSheet .maincont {
    display: table-cell;
    vertical-align: top;
    width: 70%;
    padding-left: 40px;
}

    #testdriveSheet .maincont .area {
        margin-bottom: 15px;
    }

        #testdriveSheet .maincont .area .selectbox {
            min-width: 130px;
        }

    #testdriveSheet .maincont .gmap {
        height: 245px;
        margin-bottom: 15px;
    }

    #testdriveSheet .maincont .locinfo {
        margin-bottom: 15px;
        font-size: 14px;
    }

        #testdriveSheet .maincont .locinfo small {
            color: #8a8a8a;
            font-size: 12px;
        }
/*!==================================
	Vehicle navigation inside .extendnav
 ===================================*/

.vhcnavi:before, .vhcnavi:after {
    content: "";
    display: table;
}

.vhcnavi:after {
    clear: both;
}

.vhcnavi {
    zoom: 1;
}

.vhcnavi-menu {
    float: left;
    width: 180px;
}

    .vhcnavi-menu a {
        text-decoration: none !important;
    }

.vhcnavi-menu-title {
    height: 45px;
    line-height: 45px;
    padding-left: 18px;
    color: #8a8a8a;
    font-size: 16px;
    font-weight: 700;
}

    .vhcnavi-menu-title a:hover, .vhcnavi-menu-title a:active {
        color: black;
    }

.vhcnavi-menu-item {
    position: relative;
    z-index: 2;
    height: 44px;
    padding: 0 10px 0 18px;
    border-top: 1px dashed #c5c5c5;
    cursor: pointer;
}

    .vhcnavi-menu-item:first-child {
        border-top-color: transparent;
    }

    .vhcnavi-menu-item .txt {
        position: relative;
        z-index: 2;
        display: table-cell;
        vertical-align: middle;
        height: 44px;
        color: black;
        font-size: 15px;
        font-weight: 700;
        line-height: 45px;
        cursor: pointer;
    }

    .vhcnavi-menu-item .shader {
        display: none;
        float: left;
        position: absolute;
        top: -18px;
        left: 0px;
        z-index: 1;
        width: 100%;
        height: 81px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAABRCAMAAABMmnwxAAAAQlBMVEUAAADHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fWz3Z5AAAAFnRSTlMAIpRSJRtMW6JWmxEIjIFCOnMwY820x1fzvQAAAQFJREFUaN7t270SgjAQBOBTEiDh+If3f1WTITJBVGx33K/cUGxBuSdoVK0RNKqmFzSqUylo1A6zoFFbApY2rhM0aqpW0Og0e0HTDCNeae3HWtCE0qug0b7DK92UiKWLdhEoqnpz9+UYNTl7dvvEXCdn5kVKT/Lvp2H0W+nUMMRTMOz6p/Kd4itXXHHOVYmLTg+JS2I4z2O7LqKhcOgaG8YeMU66TJu5/8Rff+HrnQ+yh+NTSlO+LmD/NBERERERERERERERERER0b+AXSHA7T1glzUwtg0TWGnItRjqLg9yAQm6NQVc9WLupxGX6pg3AZDXF5B3LpAXRZC3W5hXctY8ACMWHeew0aReAAAAAElFTkSuQmCC') 100% 50%;
    }

    .vhcnavi-menu-item:hover .txt, .vhcnavi-menu-item:active .txt {
        color: #6d7b8c;
    }

    .vhcnavi-menu-item.on {
        z-index: 1;
        border-top-color: transparent;
        cursor: default;
    }

        .vhcnavi-menu-item.on + .vhcnavi-menu-item {
            border-top-color: transparent;
        }

        .vhcnavi-menu-item.on .txt {
            color: #6d7b8c;
        }

        .vhcnavi-menu-item.on .shader {
            display: block;
        }

.vhcnavi-menu .btn-bmn {
    display: block;
    width: 100%;
    height: 52px;
}

    .vhcnavi-menu .btn-bmn .txt {
        line-height: 52px;
    }

.vhcnavi-menu + .vhcnavi-list {
    margin-left: 200px;
}

.vhcnavi-list-group:before, .vhcnavi-list-group:after {
    content: "";
    display: table;
}

.vhcnavi-list-group:after {
    clear: both;
}

.vhcnavi-list-group {
    zoom: 1;
}

.vhcnavi-list-item {
    float: left;
    width: 20%;
    -moz-transition: opacity 0.15s ease-out;
    -o-transition: opacity 0.15s ease-out;
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
}

@media screen and (max-width: 1024px) {
    .vhcnavi-list-item {
        width: 25%;
    }
}

@media screen and (max-width: 960px) {
    .vhcnavi-list-item {
        width: 33.33%;
    }
}

.vhcnavi-list-item .img {
    float: left;
    position: absolute;
    top: 0px;
    left: 5%;
    width: 90%;
}

    .vhcnavi-list-item .img img {
        display: block;
        width: 100%;
        height: auto;
    }

.vhcnavi-list-item .name {
    font-weight: 700;
    font-size: 24px;
    font-family: Helvetica,Arial;
    letter-spacing: -0.06em;
    line-height: 1;
    color: #8a8a8a;
}

.vhcnavi-list-item .price {
    font-size: 12px;
    font-weight: 700;
    color: #a2a2a2;
}

    .vhcnavi-list-item .price strong {
        color: #c3002f;
        font-family: Verdana,Geneva;
        letter-spacing: -0.06em;
    }

.vhcnavi-list-item-inner {
    display: block;
    position: relative;
    height: 0;
    padding: 61.37931% 2px 29.31034%;
}

    .vhcnavi-list-item-inner:hover, .vhcnavi-list-item-inner:active {
        text-decoration: none !important;
    }

        .vhcnavi-list-item-inner:hover .name, .vhcnavi-list-item-inner:active .name {
            color: #606469;
        }

.vhcnavi-list-item.blur {
    opacity: .3;
}

.swiper-container {
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

.swiper-slide {
    display: none;
}

    .swiper-slide:first-child {
        display: block;
        width: 100%;
    }
/*!------------------------------
	Misc styles
 ------------------------------*/

.hr-dashed {
    height: 1px;
    overflow: hidden;
    border-bottom: 1px dashed #d4d4d4;
    margin-top: -1px;
}

    .hr-dashed.mg-top {
        margin-top: 25px;
    }

    .hr-dashed.mg-top-s {
        margin-top: 15px;
    }

.bg-white {
    background-color: white;
}

.bg-transgray {
    background: rgba(239,239,239,0.9);
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIwLjkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(245,245,245,0.9)),color-stop(100%, rgba(228,228,228,0.9)));
    background: -moz-linear-gradient(top, rgba(245,245,245,0.9),rgba(228,228,228,0.9));
    background: -webkit-linear-gradient(top, rgba(245,245,245,0.9),rgba(228,228,228,0.9));
    background: linear-gradient(to bottom, rgba(245,245,245,0.9),rgba(228,228,228,0.9));
}

.bg-ribbon {
    background: #fff url("../../img/ui/bg-hitech-ribbon.jpg") 100% 100% no-repeat;
}

.bg-belt {
    background: #f2f2f2 url("../../img/ui/bg-belt.jpg") 0 100% no-repeat;
}

.bg-belt2 {
    background: #f2f2f2 url("../../img/ui/bg-belt2.jpg") 100% 100% no-repeat;
}

.bg-belt3 {
    background: #fff url("../../img/ui/bg-belt3.jpg") 100% 100% no-repeat;
}

.bg-crossroadbears {
    background-image: url("../../img/misc/crossroadbears.jpg");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-attachment: fixed;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.shadow-great {
    -moz-box-shadow: 0 0 25px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.1);
    box-shadow: 0 0 25px rgba(0,0,0,0.1);
}

.shadow-norm {
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15),0 35px 30px -50px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15),0 35px 30px -50px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.15),0 35px 30px -50px rgba(0,0,0,0.4);
}

.beltshader-top, .beltshader-btm {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    background: url("../../img/ui/beltshade.png") no-repeat 50% 0;
    -moz-background-size: 100% 20px;
    -o-background-size: 100% 20px;
    -webkit-background-size: 100% 20px;
    background-size: 100% 20px;
}

.beltshader-top {
    bottom: 100%;
}

.beltshader-btm {
    top: 100%;
    background-position: 50% -10px;
}

.searchbelt {
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;
    border: 1px solid #d4d4d4;
}

    .searchbelt .title-block {
        padding-top: 5px;
    }

.img {
    position: relative;
}

    .img img {
        position: relative;
        z-index: 1;
    }

img.auto {
    max-width: 100%;
    height: auto;
}

.img .overlay {
    display: block;
}

    .img .overlay:hover > img {
        opacity: .95;
    }

    .img .overlay > [class*="icn"] {
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2;
        width: 100%;
        height: 100%;
        margin-top: 0;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -moz-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

        .img .overlay > [class*="icn"]:hover, .img .overlay > [class*="icn"]:active {
            opacity: .4;
        }

    .img .overlay > .icn-play {
        background-image: url("../../img/ui/img-icn-play.png");
    }

    .img .overlay > .icn-play-s {
        background-image: url("../../img/ui/img-icn-play-s.png");
    }

    .img .overlay > .icn-vr360in {
        background-image: url("../../img/ui/img-icn-vr360in.png");
    }

.figure {
    position: relative;
}

    .figure + .figure {
        margin-top: 20px;
    }

    .figure > .img {
        position: relative;
    }

        .figure > .img > img {
            position: relative;
            z-index: 2;
            display: block;
            width: 100%;
            height: auto;
        }

    .figure > .txt {
        margin-top: 5px;
        font-size: 14px;
        line-height: 1.42857;
        color: #606469;
    }

    .figure > .img .ctrl, .figure > .ctrl {
        float: left;
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 2;
        text-align: right;
    }

        .figure > .img .ctrl > *, .figure > .ctrl > * {
            float: left;
            cursor: pointer;
        }

            .figure > .img .ctrl > *:hover, .figure > .img .ctrl > *:active, .figure > .ctrl > *:hover, .figure > .ctrl > *:active {
                opacity: .6;
            }

        .figure > .img .ctrl [class*="icn-"], .figure > .ctrl [class*="icn-"] {
            display: block;
            width: 30px;
            height: 30px;
            text-indent: -119988px;
            overflow: hidden;
            text-align: left;
            text-transform: capitalize;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            position: static;
            top: auto;
            margin-top: 0;
        }

            .figure > .img .ctrl [class*="icn-"] > br, .figure > .img .ctrl [class*="icn-"] br, .figure > .ctrl [class*="icn-"] > br, .figure > .ctrl [class*="icn-"] br {
                display: none;
            }

        .figure > .img .ctrl .icn-magnifier, .figure > .ctrl .icn-magnifier {
            background-image: url("../../img/ui/figure-ctrl-icn-magnifier.png");
        }

.block {
    display: block;
}

.hide {
    display: none;
}

.bordered {
    border: 1px solid #d4d4d4;
}

a.bordered:hover, a.bordered:active {
    border-color: #c5c5c5;
}

a > [class*="icn-"] {
    text-decoration: none !important;
}

.inline {
    display: inline-block;
    vertical-align: middle;
}

.inline-block {
    display: inline-block;
}

.inline-nowrap {
    white-space: nowrap;
}

    .inline-nowrap > * {
        white-space: normal;
    }

.al-left {
    text-align: left;
}

.al-right {
    text-align: right;
}

.al-center {
    text-align: center;
}

.mg-center {
    margin-left: auto;
    margin-right: auto;
}

.fl-left {
    float: left;
}

.fl-right {
    float: right;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.cl-left {
    clear: left;
}

.cl-right {
    clear: right;
}

.clear {
    clear: both;
}

.pos-abs {
    position: absolute;
}

.pos-rel {
    position: relative;
}

.pos-fixed {
    position: fixed;
}

.abs-left, .abs-right, .abs-top, .abs-bottom {
    position: absolute;
}

.abs-left {
    left: 0;
}

.abs-right {
    right: 0;
}

.abs-top {
    top: 0;
}

.abs-bottom {
    bottom: 0;
}

.coverreel .grid-stream-group .grid-stream-item {
    margin-bottom: 0;
}

@media screen and (max-width: 960px) {
    .coverreel .grid-stream-group {
        text-align: center;
        padding-right: 20px;
        padding-left: 20px;
    }

        .coverreel .grid-stream-group .grid-stream-item {
            margin-bottom: 20px;
        }
}

.boxed {
    padding: 20px;
    background: #f5f5f5;
    margin: 1em 0;
}

.boxed-header {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    color: #606469;
}

    .boxed-header > .title {
        padding-left: 8px;
        border-left: 2px solid #c3002f;
    }

    .boxed-header .circlenav {
        display: inline-block;
        margin-left: 15px;
        text-align: left;
        padding-top: 0;
        padding-bottom: 0;
    }

.visualbanner {
    position: relative;
    z-index: 1;
}

    .visualbanner > .txt {
        float: left;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 2;
        width: 100%;
        height: 100%;
        padding-left: 60px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .visualbanner > .txt > .title-absmiddle {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            float: left;
            height: 28px;
            line-height: 28px;
        }

        .visualbanner > .txt.intro {
            padding-top: 7%;
        }

@media screen and (max-width: 1024px) {
    .visualbanner > .txt.intro {
        padding-top: 7%;
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    .visualbanner > .txt.intro .title {
        font-size: 22px;
    }
}

.visualbanner > .img {
    position: relative;
    z-index: 1;
}

    .visualbanner > .img img {
        display: block;
        width: 100%;
        height: auto;
    }

@media screen and (max-width: 1024px) {
    .grid-cubebar + .grid-maincont .visualbanner {
        overflow: hidden;
    }

        .grid-cubebar + .grid-maincont .visualbanner .img {
            min-width: 934px;
        }
}

@media screen and (max-width: 1024px) {
    .grid-sidebar + .grid-maincont .visualbanner {
        overflow: hidden;
    }

        .grid-sidebar + .grid-maincont .visualbanner .img {
            min-width: 750.4px;
        }
}

.luckydrawgiftboxes {
    position: relative;
    z-index: 5;
    float: right;
    margin-top: -132px;
    margin-bottom: -30px;
    width: 39.93213%;
    max-width: 353px;
    min-width: 200px;
}

.title-prize-winner, .title-prize-runnerup {
    display: inline-block;
    width: 150px;
    /* white-space: nowrap;*/
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    font-size: 18px;
    color: #333;
    text-align: left;
}

.title-prize-winner {
    background: url("../../img/ui/icn-cup-winner.png") no-repeat 0 0;
}

.title-prize-runnerup {
    background: url("../../img/ui/icn-cup-runnerup.png") no-repeat 0 0;
}

.quickinfo {
    display: inline-block;
    font-size: 14px;
    color: #606469;
}

    .quickinfo > span {
        margin-left: .5em;
        margin-right: .5em;
    }

        .quickinfo > span strong {
            color: #393b40;
        }

.message-bubble {
    position: relative;
    padding: 35px;
    border: 1px solid #d4d4d4;
    background-color: #f1f1f1;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb),color-stop(100%, #f0f0f0));
    background-image: -moz-linear-gradient(top, #fbfbfb,#f0f0f0);
    background-image: -webkit-linear-gradient(top, #fbfbfb,#f0f0f0);
    background-image: linear-gradient(to bottom, #fbfbfb,#f0f0f0);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    font-size: 14px;
}

    .message-bubble > .arrow {
        position: absolute;
        z-index: 0;
        width: 0;
        height: 0;
        border: 6px solid transparent;
    }

        .message-bubble > .arrow:after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border: 6px solid transparent;
        }

    .message-bubble.pointright > .arrow {
        left: 100%;
        top: 50%;
        margin-left: 1px;
        margin-top: -6px;
        border-left-color: #c5c5c5;
    }

        .message-bubble.pointright > .arrow:after {
            border-left-color: #f1f1f1;
            margin-top: -6px;
            margin-left: -7px;
        }

    .message-bubble.pointleft > .arrow {
        right: 100%;
        top: 50%;
        margin-right: 1px;
        margin-top: -6px;
        border-right-color: #c5c5c5;
    }

        .message-bubble.pointleft > .arrow:after {
            border-right-color: #f1f1f1;
            margin-top: -6px;
            margin-left: -5px;
        }

    .message-bubble.pointtop > .arrow {
        bottom: 100%;
        left: 50%;
        margin-bottom: 1px;
        margin-left: -6px;
        border-bottom-color: #c5c5c5;
    }

        .message-bubble.pointtop > .arrow:after {
            border-bottom-color: #fbfbfb;
            margin-left: -6px;
            margin-top: -5px;
        }

    .message-bubble .response-title {
        margin-bottom: 20px;
        font-size: 35px;
        line-height: 1;
        color: #606469;
    }

    .message-bubble .response-descr {
        font-size: 18px;
        line-height: 1.1;
        color: #6d7b8c;
    }

    .message-bubble .btn-close {
        float: left;
        position: absolute;
        top: 5px;
        right: 0px;
        z-index: 5;
    }

        .message-bubble .btn-close:hover {
            opacity: .8;
        }

.infobubble {
    display: none;
    position: absolute;
    z-index: 11;
    width: 440px;
    font-size: 14px;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    -moz-animation: fadein 0.2s ease-out;
    -webkit-animation: fadein 0.2s ease-out;
    animation: fadein 0.2s ease-out;
    -moz-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.infobubble-head {
    position: relative;
    padding: 12px 25px 10px;
    background: #c3002f;
    color: white;
    font-weight: 700;
}

    .infobubble-head .title {
        font-size: 16px;
    }

    .infobubble-head .btn-close {
        float: left;
        position: absolute;
        top: 10px;
        right: 5px;
        z-index: 2;
    }

        .infobubble-head .btn-close:hover, .infobubble-head .btn-close:active {
            opacity: .7;
        }

.infobubble-body {
    position: relative;
    padding: 15px 25px;
    background: #f3f3f3;
    border: 1px solid #c3002f;
}

.carspaitem-bubble {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 45px;
    width: 260px;
    margin-top: 3px;
    padding: 15px 20px;
}

    .carspaitem-bubble.on {
        display: block;
        -moz-animation: fadein 0.1s ease-out;
        -webkit-animation: fadein 0.1s ease-out;
        animation: fadein 0.1s ease-out;
    }

    .carspaitem-bubble.pointtop > .arrow {
        left: 23px;
    }
/*!------------------------------
	.tagpage
 ------------------------------*/

.tagpage-title {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 165px;
    height: 41px;
    line-height: 40px;
    margin-bottom: -1px;
    border: 1px solid #d4d4d4;
    border-bottom: 0;
    background-color: #fff;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(55%, #f4f4f4),color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(top, #f4f4f4 55%,#ffffff);
    background-image: -webkit-linear-gradient(top, #f4f4f4 55%,#ffffff);
    background-image: linear-gradient(to bottom, #f4f4f4 55%,#ffffff);
    -moz-box-shadow: 0 -1px 3px -1px rgba(59,61,61,0.15);
    -webkit-box-shadow: 0 -1px 3px -1px rgba(59,61,61,0.15);
    box-shadow: 0 -1px 3px -1px rgba(59,61,61,0.15);
    text-align: center;
    font-size: 15px;
    color: #6d7b8c;
    cursor: pointer;
}

.tagpage-body {
    padding: 10px 0;
    border: 1px solid #d4d4d4;
    background: white;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(55%, #ffffff),color-stop(100%, #ececec));
    background-image: -moz-linear-gradient(top, #ffffff 55%,#ececec);
    background-image: -webkit-linear-gradient(top, #ffffff 55%,#ececec);
    background-image: linear-gradient(to bottom, #ffffff 55%,#ececec);
}
/*!------------------------------
	.tabpage
 ------------------------------*/

.visualbanner + .tabpage {
    position: relative;
    z-index: 2;
}

    .visualbanner + .tabpage .tabpage-header {
        margin-top: -40px;
    }

.tabpage-header {
    position: relative;
    z-index: 2;
    border-spacing: 0;
}

    .tabpage-header:before, .tabpage-header:after {
        content: "";
        display: table;
    }

    .tabpage-header:after {
        clear: both;
    }

.tabpage-header {
    zoom: 1;
}

.tabpage-title {
    position: relative;
    z-index: 2;
    float: left;
    width: 35.77818%;
    height: 40px;
    color: #606469;
    margin-top: 0;
}

    .tabpage-title .message-bubble {
        margin-right: 15px;
        padding: 15px 30px;
    }

    .tabpage-title .field-label {
        font-size: 15px;
    }

    .tabpage-title .field-input .selectbox {
        width: 100%;
    }

.tabpage-menu {
    height: 40px;
}

.tabpage-title + .tabpage-menu {
    position: relative;
    z-index: 1;
    float: right;
    width: 64.22182%;
}

.tabpage-body {
    position: relative;
    z-index: 1;
    min-height: 326px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: white;
}

    .tabpage-body:before, .tabpage-body:after {
        content: "";
        display: table;
    }

    .tabpage-body:after {
        clear: both;
    }

.tabpage-body {
    zoom: 1;
}

    .tabpage-body .hr-dashed {
        margin-left: -40px;
        margin-right: -40px;
    }

.carspecs-stickyheader > .striped {
    position: fixed;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0);
}

.carspecs-stickyheader .carname {
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
}

.carspecs-table .row-head.dashed-bottom {
    border-bottom: 1px dashed #aaa;
}

.carspecs-heading {
    margin-bottom: 10px;
}

    .carspecs-heading .tagline {
        margin-bottom: 0;
        font-size: 18px;
        color: #8a8a8a;
    }

    .carspecs-heading .name {
        font-size: 68px;
        font-weight: 700;
        color: black;
        line-height: 1;
        letter-spacing: -0.04em;
    }

@media screen and (max-width: 1024px) {
    .carspecs-heading .name {
        font-size: 48px;
    }
}

.gmap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #d4d4d4;
    background: #efefef;
}

.articles .grid-col {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 60px;
}

    .articles .grid-col:first-child {
        padding-right: 60px;
        padding-left: 0;
    }

@media screen and (max-width: 960px) {
    .articles .grid-colx2 .grid-col {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 25px;
    }
}

.articles ul + h3, .articles p + h3 {
    margin-top: 35px;
}

.articles ul + h4, .articles p + h4, .articles ul + h5, .articles p + h5 {
    margin-top: 25px;
}

.articles li:only-child {
    list-style: none;
    padding-left: 0;
    background-image: none;
}

.chronicle > li {
    margin-top: -40px;
}

    .chronicle > li:first-child {
        margin-top: 0;
    }

.chronicle .events {
    width: 200px !important;
}

    .chronicle .events .bubble {
        position: relative;
        padding: 15px 20px;
        background: #f0f0f0;
    }

        .chronicle .events .bubble .arrow {
            position: absolute;
            z-index: 0;
            top: 50%;
            width: 0;
            height: 0;
            margin-top: -12px;
            border: 12px solid transparent;
        }

    .chronicle .events.left .bubble .arrow {
        left: 100%;
        border-left-color: #f0f0f0;
    }

    .chronicle .events.right .bubble .arrow {
        right: 100%;
        border-right-color: #f0f0f0;
    }

    .chronicle .events .bubble .list th, .chronicle .events .bubble .list td {
        padding-bottom: .25em;
        line-height: 1.4;
    }

    .chronicle .events .bubble .list th {
        vertical-align: top;
        font-size: 18px;
        padding-right: 15px;
    }

    .chronicle .events .bubble .list td {
        color: inherit;
    }

.chronicle .year {
    position: relative;
}

    .chronicle .year .label {
        display: block;
        height: 100%;
        color: #c3002f;
        font-size: 23px;
    }

        .chronicle .year .label b {
            position: relative;
            z-index: 2;
            background: white;
        }

        .chronicle .year .label i {
            display: block;
            content: '';
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 0;
            display: block;
            height: 100%;
            width: 2px;
            background: #d4d4d4;
        }

@-moz-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.brandbox {
    position: relative;
    height: 390px;
    background: url("../../img/misc/brandbox.jpg") no-repeat 50% 0%;
}

    .brandbox .title {
        float: left;
        position: absolute;
        top: 30px;
        left: 40px;
        z-index: 2;
        font-weight: 700;
        font-size: 22px;
        color: #393b40;
        background: white;
    }

    .brandbox .descr {
        float: left;
        position: absolute;
        top: 80px;
        left: 40px;
        z-index: 2;
        float: none;
        display: inline-block;
        font-size: 15px;
        color: #606469;
    }

        .brandbox .descr p {
            display: inline;
            background: white;
        }

    .brandbox .tabmenu {
        float: left;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
    }

        .brandbox .tabmenu .tabmenu-inner {
            display: block;
            text-align: center;
        }

        .brandbox .tabmenu .tabmenu-btn {
            position: relative;
            line-height: 40px;
            display: inline-block;
            margin-left: 5px;
            margin-right: 5px;
            padding-left: 20px;
            padding-right: 20px;
            border-left: 0;
        }

            .brandbox .tabmenu .tabmenu-btn .txt {
                color: #393b40 !important;
            }

            .brandbox .tabmenu .tabmenu-btn .shader {
                display: none;
                float: left;
                position: absolute;
                top: -3px;
                left: 0px;
                z-index: 1;
                width: 100%;
                height: 40px;
                border-top: 3px solid #c3002f;
            }

                .brandbox .tabmenu .tabmenu-btn .shader:before, .brandbox .tabmenu .tabmenu-btn .shader:after {
                    content: '';
                    width: 6px;
                    height: 100%;
                    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAABMBAMAAACrA0u4AAAAG1BMVEUAAAA5OTk8PDw7PDw7Ozs7PT07PT07PT07PT1r8i7NAAAACXRSTlMAAwkVDyIcMSki0H8XAAAAcElEQVQoz2NgEHQ2EWQAUm4pSJSQW4oiTso1BEyZBhOgGEUsmh0F0CmVjDYnnFR6GZgKLwVRyuGlRnSjINZCHQGj8DoXq/8IhwsiBDFDFy0eoJGDoJSNQBSjspEATkrFiSAlpAinQIYCjQRxgRwoAABfWUSa5H890AAAAABJRU5ErkJggg==');
                }

                .brandbox .tabmenu .tabmenu-btn .shader:before {
                    float: left;
                    position: absolute;
                    top: 0px;
                    right: 100%;
                }

                .brandbox .tabmenu .tabmenu-btn .shader:after {
                    float: left;
                    position: absolute;
                    top: 0px;
                    left: 100%;
                    background-position: -6px 0;
                }

                .brandbox .tabmenu .tabmenu-btn .shader i {
                    display: block;
                    float: left;
                    position: absolute;
                    bottom: 100%;
                    left: 50%;
                    width: 0;
                    height: 0;
                    border-left: 6px solid transparent;
                    border-right: 6px solid transparent;
                    border-bottom: 6px solid #c3002f;
                    margin-left: -6px;
                    margin-bottom: 3px;
                }

            .brandbox .tabmenu .tabmenu-btn:hover .shader {
                display: block;
            }

.saleslist:before, .saleslist:after {
    content: "";
    display: table;
}

.saleslist:after {
    clear: both;
}

.saleslist {
    zoom: 1;
}

.saleslist-item {
    position: relative;
    float: left;
    width: 16.666%;
    background: black;
}

@media screen and (max-width: 1024px) {
    .saleslist-item {
        width: 24%;
    }
}

.saleslist-item .area {
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 85px;
    height: 85px;
    background: url("../../img/ui/saleslist-redtag.png") no-repeat;
}

    .saleslist-item .area i {
        float: left;
        position: absolute;
        top: 8px;
        left: 8px;
        color: #aaa;
        font-size: 9px;
        letter-spacing: -0.05em;
        line-height: 1;
        font-weight: 700;
    }

.csstransforms .saleslist-item .area i {
    font-size: 12px;
    text-transform: uppercase;
    -moz-transform: scale(0.85, 0.85);
    -ms-transform: scale(0.85, 0.85);
    -webkit-transform: scale(0.85, 0.85);
    transform: scale(0.85, 0.85);
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.saleslist-item .area b {
    float: left;
    position: absolute;
    top: 4px;
    left: 8px;
    color: #fff;
    font-size: 15px;
    line-height: 1;
}

.saleslist-item .img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
}

.saleslist-item .title {
    float: left;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 2;
    width: 111px;
    height: 111px;
    background: url("../../img/ui/saleslist-whitetag.png") no-repeat;
}

    .saleslist-item .title .branch {
        float: left;
        position: absolute;
        right: 5px;
        bottom: 30px;
        white-space: nowrap;
        color: #7c7c7c;
        font-size: 11px;
        line-height: 1;
    }

.csstransforms .saleslist-item .title .branch {
    font-size: 12px;
    -moz-transform: scale(0.93, 0.93);
    -ms-transform: scale(0.93, 0.93);
    -webkit-transform: scale(0.93, 0.93);
    transform: scale(0.93, 0.93);
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.saleslist-item .title .name {
    float: left;
    position: absolute;
    right: 5px;
    bottom: 5px;
    white-space: nowrap;
    color: #606469;
    font-size: 20px;
    line-height: 1;
}

.saleslist-item-inner {
    display: block;
}

    .saleslist-item-inner:active .img, .saleslist-item-inner:hover .img {
        opacity: .8;
    }

.salesview {
    float: left;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
    width: 100%;
    background: white;
}

.salesview-inner {
    position: relative;
    margin: 15px;
}

    .salesview-inner:before, .salesview-inner:after {
        content: "";
        display: table;
    }

    .salesview-inner:after {
        clear: both;
    }

.salesview-inner {
    zoom: 1;
}

    .salesview-inner .img {
        float: left;
        width: 32.03642%;
    }

        .salesview-inner .img img {
            width: 100%;
            height: auto;
        }

    .salesview-inner .main {
        float: right;
        width: 64.65232%;
        padding-bottom: 60px;
    }

        .salesview-inner .main:before, .salesview-inner .main:after {
            content: "";
            display: table;
        }

        .salesview-inner .main:after {
            clear: both;
        }

    .salesview-inner .main {
        zoom: 1;
    }

        .salesview-inner .main .title {
            float: left;
            width: 25%;
            padding-top: 20px;
        }

            .salesview-inner .main .title .branch {
                display: block;
                margin-bottom: 10px;
                color: #8a8a8a;
                font-size: 14px;
            }

            .salesview-inner .main .title .name {
                display: inline-block;
                border-bottom: 5px solid #c3002f;
                font-size: 48px;
                color: #333;
                line-height: 1;
            }

        .salesview-inner .main .detail {
            float: left;
            width: 75%;
            padding-top: 40px;
            color: #8a8a8a;
            font-size: 14px;
        }

            .salesview-inner .main .detail .tagline {
                position: relative;
                margin-bottom: 15px;
                font-size: 24px;
                line-height: 1.1;
            }

                .salesview-inner .main .detail .tagline .q1 {
                    float: left;
                    position: absolute;
                    top: -2px;
                    left: -1.1em;
                }

            .salesview-inner .main .detail .acclaims {
                margin-bottom: 15px;
            }

            .salesview-inner .main .detail .credits {
                font-size: 12px;
                color: #a2a2a2;
            }

    .salesview-inner .contact {
        float: left;
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 64.65232%;
        padding-top: 20px;
        border-top: 1px dotted #d4d4d4;
        color: #8a8a8a;
        font-size: 14px;
    }

        .salesview-inner .contact b {
            color: #4c4c4c;
        }

@media screen and (max-width: 1208px) {
    .salesview-inner .main .title {
        float: none;
        width: auto;
    }

    .salesview-inner .main .detail {
        float: none;
        width: auto;
        padding-top: 20px;
    }
}

.salesview-close {
    float: left;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    height: 60px;
    background: url("../../img/ui/lightbox-btn-close-clear.png") 50% 50%;
    cursor: pointer;
}

    .salesview-close:active, .salesview-close:hover {
        opacity: .8;
    }

#mastbodyOverlay {
    float: left;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: url("../../img/ui/22222280.png");
}

.dev-note {
    display: inline-block;
    margin: 1em;
    font-family: monospace;
    font-weight: 700;
    color: white;
    background: #333;
    text-decoration: none;
    padding: 0 1em;
    font-size: 11px;
    white-space: nowrap;
}

#demolist {
    width: 200px;
    height: 100%;
    float: left;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 1000;
    background: black;
    background: rgba(0,0,0,0.98);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0 0 0;
    border-right: 1px solid #d4d4d4;
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.1);
    box-shadow: 0 1px 8px rgba(0,0,0,0.1);
    color: #4c4c4c;
}

    #demolist ul {
        overflow: scroll;
        overflow-x: hidden;
        width: 100%;
        height: 100%;
    }

        #demolist ul::-webkit-scrollbar {
            width: 5px;
            height: 5px;
            background: #000;
        }

        #demolist ul::-webkit-scrollbar-thumb {
            border-radius: 0;
            background-color: #555;
            background-clip: content-box;
        }

            #demolist ul::-webkit-scrollbar-thumb:hover {
                background-color: #777;
            }

        #demolist ul::-webkit-scrollbar-button {
            width: 0;
            height: 0;
            display: none;
        }

        #demolist ul::-webkit-scrollbar-corner {
            background: #000;
        }

    #demolist li > span {
        display: block;
        padding-right: 14px;
        text-align: right;
        font-style: italic;
        font-size: 11px;
        font-weight: bold;
    }

    #demolist li a {
        display: block;
        padding: 2px 2px 2px 14px;
        font-family: monospace;
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        background: no-repeat 6px 50% url("../../img/ui/bullet-disc-loud.png");
        line-height: 12px;
        color: #d9d9d9;
        text-decoration: none !important;
    }

        #demolist li a:hover {
            color: #000 !important;
            background-color: #eee;
        }

        #demolist li a.new, #demolist li a.new.on {
            color: #fff79f;
        }

        #demolist li a.on {
            color: white;
            background-color: #6d7b8c;
        }

    #demolist .ctrl {
        float: left;
        position: absolute;
        top: 5px;
        right: 5px;
        color: #a2a2a2;
    }

        #demolist .ctrl > span {
            float: left;
            width: 15px;
            height: 12px;
            cursor: pointer;
        }