/*! normalize.css v1.1.1 | MIT License | git.io/normalize */

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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

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

[hidden] {
    display: none
}

html {
    background: #fff;
    color: #000;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

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

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

h2 {
    font-size: 1.5em;
    margin: 0.83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0
}

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

b,
strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

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

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

p,
pre {
    margin: 1em 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before,
q:after {
    content: '';
    content: none
}

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
}

dl,
menu,
ol,
ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

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

figure {
    margin: 0
}

form {
    margin: 0
}

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

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

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

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

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

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
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

@font-face {
    font-family: 'delta_promedium';
    src: url("fonts/deltapromed-webfont.eot");
    src: url("fonts/deltapromed-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/deltapromed-webfont.woff") format("woff"), url("fonts/deltapromed-webfont.ttf") format("truetype"), url("fonts/deltapromed-webfont.svg#delta_promedium") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'delta_promedium_italic';
    src: url("fonts/deltapromedita-webfont.eot");
    src: url("fonts/deltapromedita-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/deltapromedita-webfont.woff") format("woff"), url("fonts/deltapromedita-webfont.ttf") format("truetype"), url("fonts/deltapromedita-webfont.svg#delta_promedium_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'delta_prolight';
    src: url("fonts/deltaprolig-webfont.eot");
    src: url("fonts/deltaprolig-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/deltaprolig-webfont.woff") format("woff"), url("fonts/deltaprolig-webfont.ttf") format("truetype"), url("fonts/deltaprolig-webfont.svg#delta_prolight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'delta_prolight_italic';
    src: url("fonts/deltaproligita-webfont.eot");
    src: url("fonts/deltaproligita-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/deltaproligita-webfont.woff") format("woff"), url("fonts/deltaproligita-webfont.ttf") format("truetype"), url("fonts/deltaproligita-webfont.svg#delta_prolight_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'delta_probold_italic';
    src: url("fonts/deltaprobolita-webfont.eot");
    src: url("fonts/deltaprobolita-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/deltaprobolita-webfont.woff") format("woff"), url("fonts/deltaprobolita-webfont.ttf") format("truetype"), url("fonts/deltaprobolita-webfont.svg#delta_probold_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'delta_probold';
    src: url("fonts/deltaprobol-webfont.eot");
    src: url("fonts/deltaprobol-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/deltaprobol-webfont.woff") format("woff"), url("fonts/deltaprobol-webfont.ttf") format("truetype"), url("fonts/deltaprobol-webfont.svg#delta_probold") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'delta_probook';
    src: url("fonts/deltaproboo-webfont.eot");
    src: url("fonts/deltaproboo-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/deltaproboo-webfont.woff") format("woff"), url("fonts/deltaproboo-webfont.ttf") format("truetype"), url("fonts/deltaproboo-webfont.svg#delta_probook") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'delta_probook_italic';
    src: url("fonts/deltaprobooita-webfont.eot");
    src: url("fonts/deltaprobooita-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/deltaprobooita-webfont.woff") format("woff"), url("fonts/deltaprobooita-webfont.ttf") format("truetype"), url("fonts/deltaprobooita-webfont.svg#delta_probook_italic") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'delta_prooutline';
    src: url("fonts/deltaprooutline-webfont.eot");
    src: url("fonts/deltaprooutline-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/deltaprooutline-webfont.woff") format("woff"), url("fonts/deltaprooutline-webfont.ttf") format("truetype"), url("fonts/deltaprooutline-webfont.svg#delta_prooutline") format("svg");
    font-weight: normal;
    font-style: normal
}

.l-page {
    max-width: 1440px;
    min-width: 1024px;
    margin: 0 auto;
    background: #000;
    position: relative;
    overflow: hidden
}

.l-facebook {
    position: fixed;
    top: 0;
    right: -500px;
    z-index: 100;
    width: 380px;
    height: 100%;
    padding: 0;
    background: #fff;
    color: #000
}

.l-facebook .close {
    position: absolute;
    top: 30px;
    right: 10px;
    background: url("../images/btns.png") repeat-x 0 -700px;
    width: 55px;
    height: 55px;
    cursor: pointer
}

.l-header {
    position: relative;
    background: url("../images/l-header-row.png") repeat-x 0 0;
    z-index: 10;
    *zoom: 1
}

.l-header:before,
.l-header:after {
    content: " ";
    display: table
}

.l-header:after {
    clear: both
}

.l-logo-kawasaki {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 122px;
    margin: 0;
    z-index: 10
}

.l-logo-kawasaki a {
    display: block;
    height: 22px;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    background: transparent url("../images/logo-kawasaki.png") no-repeat 0 0
}

.l-breadcrumb {
    height: 24px;
    padding: 6px 18px 0;
    background: #000
}

.l-breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.l-breadcrumb ul li {
    margin: 0
}

.l-breadcrumb li {
    float: left
}

.l-breadcrumb li span {
    display: block
}

.l-breadcrumb li a {
    display: block;
    height: 17px;
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase
}

.l-breadcrumb li.home a {
    width: 17px;
    background: transparent url("../images/breadcrumb.png") no-repeat 0 0;
    margin-right: 10px;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.l-breadcrumb li.lev-0 {
    background: transparent url("../images/breadcrumb.png") no-repeat 0 -20px;
    padding-left: 30px
}

.l-breadcrumb li.lev-0 span {
    background: transparent url("../images/breadcrumb.png") no-repeat 100% -40px;
    padding-right: 30px
}

.l-breadcrumb li.lev-0 a {
    color: #717171
}

.l-breadcrumb li.lev-1 {
    background: transparent url("../images/breadcrumb.png") no-repeat 100% 0;
    padding: 0 30px 0 10px
}

.l-breadcrumb li.lev-1 a {
    color: #fff
}

.l-breadcrumb li.lev-last {
    padding-left: 10px
}

.l-page-action {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 11
}

.l-page-action ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.l-page-action ul li {
    margin: 0
}

.l-page-action ul li {
    float: left;
    width: 80px;
    height: 26px;
    margin-left: -30px;
    background: url("../images/btns.png") no-repeat -100px -300px
}

.l-page-action ul li a {
    display: block;
    width: 30px;
    height: 26px;
    margin-left: 20px;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    background: url("../images/btns.png") no-repeat -200px -300px
}

.l-page-action ul li.pdf a {
    background-position: -230px -300px
}

.l-page-action ul li.share a {
    background-position: -260px -300px
}

.l-page-action ul li.ebrochure {
    width: 102px;
    background-position: -200px -420px
}

.l-page-action ul li.ebrochure a {
    width: 50px;
    background: none
}

.l-content {
    position: relative;
    overflow: hidden;
    margin-bottom: -25px;
    z-index: 9;
    font-size: 18px;
    color: #000
}

.l-content-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9
}

.l-content-bg img {
    width: 100%
}

.l-content-bg .shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 210px;
    background: url("../images/l-content-bg-shadow.png") repeat-x 0 0
}

.l-content-twocol {
    position: relative;
    background: url("../images/l-sidebar-bg.png") repeat-y 0 0;
    z-index: 10;
    *zoom: 1;
    padding-left: 265px
}

.l-content-twocol:before,
.l-content-twocol:after {
    content: " ";
    display: table
}

.l-content-twocol:after {
    clear: both
}

.l-content-twocol .l-main {
    float: left;
    margin: 27% 0 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc)
}

.l-sidebar {
    width: 265px;
    float: left;
    margin-left: -265px;
    position: relative;
    z-index: 10;
    z-index: 11
}

.l-main {
    margin: 27% 0 0 265px;
    padding: 30px 50px 50px;
    background: #fff url("../images/gray-gradient-bg.png") repeat-x 0 100%
}

.no-bg .l-main {
    min-height: 630px;
    margin-top: 75px
}

.l-content-onecol {
    position: relative;
    margin: 16.9% 0 0;
    background: #fff url("../images/gray-gradient-bg.png") repeat-x 0 100%;
    padding: 30px 50px;
    z-index: 10;
    *zoom: 1
}

.l-content-onecol:before,
.l-content-onecol:after {
    content: " ";
    display: table
}

.l-content-onecol:after {
    clear: both
}

.l-tc-label {
    float: left;
    margin: -105px 0 0 -50px;
    background: url("../images/l-tc-label.png") no-repeat 0 0;
    padding-left: 91px
}

.l-tc-label p {
    height: 75px;
    background: url("../images/l-tc-label.png") no-repeat 100% -100px;
    margin: 0;
    padding-right: 91px;
    font: 40px/80px delta_prolight, arial, sans-serif;
    text-transform: uppercase
}

.l-tc-label p span {
    font-family: delta_promedium, arial, sans-serif
}

.l-footer {
    position: relative;
    z-index: 10
}

.l-footer .quickmap .btn-toogle {
    height: 25px
}

html,
body {
    background: #000 url("../images/bg.png");
    color: #fff
}

body {
    font: 14px delta_prolight, arial, sans-serif, arial, sans-serif
}

a {
    text-decoration: none;
    outline: none !important;
    color: #69BE28
}

fieldset {
    border: 0;
    padding: 0
}

input,
textarea {
    background: #2e2e2e;
    padding: 6px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #737373
}

strong {
    font-family: delta_promedium, arial, sans-serif;
    font-weight: normal
}

.text-green {
    color: #69BE28 !important
}

.text-bold {
    font-family: delta_promedium, arial, sans-serif
}

section h1 {
    margin: 0 0 20px;
    font: 36px delta_prolight_italic, arial, sans-serif
}

section .title-main {
    font: 36px delta_prolight_italic, arial, sans-serif;
    margin-bottom: 10px
}

.display-none {
    display: none
}

.img-top img {
    width: 100%
}

.bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9
}

.bg-image img {
    width: 100%
}

.editorial .block {
    margin-bottom: 40px
}

.editorial h2 {
    margin: 0.8em 0 0.2em
}

.editorial p {
    margin: 0 0 1em
}

.content-block {
    margin: 0 0 50px
}

.content-block .title {
    margin: 0 0 5px;
    padding-left: 28px;
    font-size: 30px;
    text-transform: uppercase
}

.content-block .subtitle {
    margin: 0 0 30px;
    font-size: 22px
}

.content-block .main {
    *zoom: 1;
    padding: 35px 28px;
    background: url("../images/row-bg.gif") repeat scroll 0 0 transparent
}

.content-block .main:before,
.content-block .main:after {
    content: " ";
    display: table
}

.content-block .main:after {
    clear: both
}

.content-block label p,
.content-block p.label {
    display: block;
    margin: 0 0 5px;
    font-size: 20px
}

.content-block .field-row {
    *zoom: 1;
    margin-bottom: 30px
}

.content-block .field-row:before,
.content-block .field-row:after {
    content: " ";
    display: table
}

.content-block .field-row:after {
    clear: both
}

.bottom-green-row {
    clear: both;
    border-top: 1px solid #69BE28
}

.text-over-input {
    position: relative
}

.text-over-input span {
    position: absolute;
    top: 3px;
    left: 3px;
    color: #737373
}

.select {
    position: relative;
    height: 25px;
    background: #333333;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    z-index: 10
}

.select:hover {
    z-index: 11
}

.select .label {
    margin-right: 23px;
    padding: 5px 10px;
    border-right: 1px solid #fff
}

.select .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 19px;
    background: url("../images/btns.png") no-repeat -585px -80px;
    cursor: pointer
}

.select:hover .slimScrollDiv,
.select:hover ul {
    display: block
}

.select .slimScrollDiv,
.select ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute !important;
    top: 25px;
    left: 0;
    width: 100% !important;
    background: #252525
}

.select .slimScrollDiv li,
.select ul li {
    margin: 0
}

.select .slimScrollDiv li,
.select ul li {
    text-transform: none
}

.select .slimScrollDiv li a,
.select ul li a {
    display: block;
    padding: 5px 10px;
    color: #fff
}

.select .slimScrollDiv li a:hover,
.select ul li a:hover {
    color: #69BE28;
    background: #000
}

.select ul {
    top: 0
}

.select.bottom .slimScrollDiv {
    top: auto;
    bottom: 25px
}

.models-sheet {
    background: #fff
}

.models-sheet img {
    width: 100%
}

.models-sheet .data {
    padding: 0 30px 5px;
    font-size: 16px;
    min-height: 130px
}

.models-sheet .data h3.model-name {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase
}

.models-sheet .data .category {
    padding: 0 20px;
    text-align: center;
    margin-bottom: 5px
}

.models-sheet .data .category em,
.models-sheet .data .category .last {
    text-transform: uppercase
}

.models-sheet .data .category em {
    font-family: delta_promedium, arial, sans-serif;
    font-style: normal
}

.models-sheet .data .category .last {
    white-space: nowrap
}

.models-sheet .data .price {
    padding-left: 70px
}

.models-sheet .data .price em {
    text-transform: uppercase;
    color: #69BE28;
    font-style: normal;
    font-family: delta_promedium, arial, sans-serif
}

.pager {
    clear: both;
    width: 96px;
    margin: 0 auto;
    padding-top: 5px
}

.pager ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pager ul li {
    margin: 0
}

.pager ul li {
    float: left;
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url("../images/btns.png") -230px -350px;
    margin: 0 5px !important;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    cursor: pointer
}

.pager ul li.active {
    background-position: -200px -350px
}

.box-row {
    margin: 0 -50px 65px;
    padding: 20px 40px;
    background: url("../images/row-bg.gif") repeat 0 0;
    *zoom: 1
}

.box-row:before,
.box-row:after {
    content: " ";
    display: table
}

.box-row:after {
    clear: both
}

.posts-list {
    margin: 0 -50px 65px;
    padding: 20px 40px;
    background: url("../images/row-bg.gif") repeat 0 0
}

.posts-list .post {
    *zoom: 1;
    margin-bottom: 30px
}

.posts-list .post:before,
.posts-list .post:after {
    content: " ";
    display: table
}

.posts-list .post:after {
    clear: both
}

.posts-list .wrap {
    padding-bottom: 10px;
    border-bottom: 1px solid #69BE28
}

.posts-list .thumb {
    float: left;
    width: 125px;
    height: 90px;
    margin-right: 55px;
    overflow: hidden
}

.posts-list .content {
    margin-left: 180px;
    min-height: 90px
}

.posts-list .date {
    font-size: 14px
}

.posts-list .title,
.posts-list .text {
    margin: 0
}

.posts-list .title {
    font: 18px delta_promedium, arial, sans-serif
}

.posts-list .btn-01 {
    float: right;
    margin-top: -1px
}

.other {
    padding: 10px 0
}

.other .other-title {
    margin: 0;
    font: 22px delta_prolight, arial, sans-serif;
    text-align: center;
    border-bottom: 1px solid #69BE28;
    text-transform: uppercase
}

.other .inner {
    *zoom: 1;
    position: relative;
    background: #fff;
    margin: 40px 50px 20px;
    padding: 50px;
    overflow: hidden
}

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

.other .inner:after {
    clear: both
}

.other .prev,
.other .next {
    position: absolute;
    top: 50%;
    margin-top: -58px;
    width: 30px;
    height: 116px;
    background: url("../images/btns.png") no-repeat 0 -300px;
    cursor: pointer
}

.other .prev {
    left: 0;
    background-position: -40px -300px
}

.other .next {
    right: 0
}

.other .wrap {
    *zoom: 1;
    overflow: hidden
}

.other .wrap:before,
.other .wrap:after {
    content: " ";
    display: table
}

.other .wrap:after {
    clear: both
}

.other ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.other ul li {
    margin: 0
}

.other ul li {
    float: left;
    width: 9.2%;
    margin: 0 5px;
    position: relative
}

.other ul li a {
    display: block;
    width: 100%
}

.other ul li img {
    width: 100%;
    display: block;
    vertical-align: middle
}

.other ul li.new:after {
    background: url("../images/models-slider.png") no-repeat -400px -110px;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 60px;
    height: 46px;
    z-index: 9
}

.l-sidebar .catalog {
    width: 200px;
    margin: 100px auto 20px
}

.l-sidebar .catalog .title {
    color: #69BE28;
    font-size: 14px
}

.l-sidebar .catalog img {
    margin-bottom: 5px
}

.l-sidebar .catalog .download {
    display: block;
    min-height: 26px;
    color: #fff;
    background: url("../images/btns.png") no-repeat 0 -420px
}

.boxes {
    text-transform: uppercase
}

.boxes .compare-box,
.boxes .discover-box {
    position: relative
}

.boxes .discover-box {
    width: 302px;
    height: 156px;
    background: url("../images/product.png") no-repeat 0 -990px;
    margin: 0 0 20px
}

.boxes .discover-box .list {
    float: right;
    width: 248px;
    height: 113px;
    overflow: hidden
}

.boxes .discover-box .list .item {
    position: relative;
    width: 248px;
    height: 113px;
    display: none;
    overflow: hidden
}

.boxes .discover-box .list .item.active {
    display: block
}

.boxes .discover-box .list .item img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%
}

.boxes .discover-box .list .item .text {
    display: inline-block;
    position: relative;
    padding: 10px 20px;
    z-index: 11;
    font: 20px/22px delta_prolight, arial, sans-serif;
    color: #fff
}

.boxes .discover-box .pager {
    position: absolute;
    width: 45px;
    bottom: 45px;
    left: 7px
}

.boxes .discover-box .pager ul li {
    background-position: -260px -350px;
    margin: 0 2px !important
}

.boxes .discover-box .pager ul li.active {
    background-position: -200px -350px
}

.boxes .compare-box {
    width: 302px;
    height: 62px;
    background: url("../images/product.png") no-repeat 0 -900px
}

.boxes .compare-box .check {
    position: relative;
    margin-left: 53px;
    padding-right: 30px;
    color: #000;
    font-size: 18px
}

.boxes .compare-box .check:after {
    position: absolute;
    right: 10px;
    top: 5px;
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    background: url("../images/btns.png") no-repeat -200px -375px
}

.boxes .compare-box .check.checked:after {
    background-position: -230px -375px
}

.boxes .btn {
    position: absolute;
    bottom: 7px;
    right: 50px;
    text-transform: uppercase;
    font-size: 18px
}

.boxes .btn a {
    float: right;
    padding-right: 20px;
    color: #fff
}

.boxes .btn a:after {
    position: absolute;
    right: -15px;
    top: 4px;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/btns.png") no-repeat 0 -510px
}

.boxes .btn a:hover {
    color: #97c97d
}

.newsletter {
    position: relative;
    padding-right: 120px
}

.newsletter label .label {
    display: block;
    height: 13px;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px
}

.newsletter label input {
    background: #2e2e2e;
    padding: 6px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #737373;
    padding: 3px
}

.newsletter .send {
    position: absolute;
    bottom: 3px;
    right: 0
}

.box-error {
    width: 300px;
    margin: 0 auto;
    padding: 60px 0 300px
}

.box-error .error {
    font: 30px delta_promedium, arial, sans-serif;
    text-align: center;
    border-bottom: 1px solid #fff;
    letter-spacing: 10px
}

.box-error .number {
    font: 150px/150px delta_promedium, arial, sans-serif;
    text-align: center;
    color: #69BE28
}

.box-error .error-title {
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    font: 30px delta_prolight, arial, sans-serif;
    text-align: center;
    text-transform: uppercase
}

.box-error .message {
    font-size: 22px
}

.p-choice,
.h-choise {
    background: #000
}

.lang-choice {
    width: 768px;
    margin: 16% auto 0
}

.lang-choice .top {
    padding-bottom: 40px;
    background: url("../images/lang-choice-bg.png") repeat-x 0 100%
}

.lang-choice .l-logo-kawasaki {
    position: relative;
    top: 0;
    left: 0;
    float: none;
    padding: 0;
    margin: 0 auto
}

.lang-choice .choice {
    padding-top: 20px
}

.lang-choice .choice ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.lang-choice .choice ul li {
    margin: 0
}

.lang-choice .choice li {
    float: left;
    width: 424px;
    height: 80px;
    padding-top: 10px;
    text-align: center
}

.lang-choice .choice li.first {
    margin-right: -80px
}

.lang-choice .choice li:hover {
    background: url("../images/btns.png") no-repeat 0 -1160px
}

.lang-choice .choice li:hover a {
    color: #000
}

.lang-choice .choice li a {
    color: #fff;
    font-size: 25px
}

.lang-choice .choice li a span {
    display: block;
    font: 36px/34px delta_promedium_italic, arial, sans-serif
}

a.btn-01,
.btn-02,
a.btn-05,
a.btn-06,
a.btn-07,
.btn-08 {
    background: url("../images/btns.png") no-repeat 0 0;
    color: #fff;
    text-transform: uppercase
}

a.btn-01,
a.btn-05,
a.btn-06,
a.btn-07,
.btn-08 {
    display: block
}

a.btn-01:after,
a.btn-01 span,
a.btn-05:after,
a.btn-05 span,
a.btn-06:after,
a.btn-06 span,
a.btn-07:after,
a.btn-07 span,
.btn-08:after,
.btn-08 span {
    background: url("../images/btns.png") no-repeat 0 0
}

a.btn-01,
a.btn-06,
a.btn-07,
.btn-08 {
    height: 18px;
    float: right;
    position: relative;
    margin-right: 45px;
    padding: 0 0 0 25px;
    font: 12px/18px delta_promedium, arial, sans-serif
}

a.btn-01:after,
a.btn-01 .ie-fix,
a.btn-06:after,
a.btn-06 .ie-fix,
a.btn-07:after,
a.btn-07 .ie-fix,
.btn-08:after,
.btn-08 .ie-fix {
    position: absolute;
    right: -45px;
    top: 0;
    display: block;
    content: "";
    width: 45px;
    height: 18px;
    background-position: 100% 0;
    cursor: pointer
}

.btn-02 {
    height: 18px;
    display: inline-block;
    background-position: 100% 0;
    padding: 0 50px 0 5px;
    font-size: 11px;
    line-height: 20px
}

.btn-03 a,
.btn-04 a {
    display: block;
    height: 40px;
    font: 24px/40px delta_promedium, arial, sans-serif;
    color: #fff;
    text-transform: uppercase
}

.btn-03 {
    float: right;
    background: url("../images/btns.png") no-repeat 0 -120px;
    padding: 0 20px 0 70px
}

.btn-03 a {
    background: url("../images/btns.png") no-repeat 100% -170px;
    padding-right: 30px
}

.btn-03:hover a {
    color: #000;
    background: url("../images/btns.png") no-repeat 100% -1080px
}

.btn-04 {
    float: left;
    background: url("../images/btns.png") no-repeat 100% -210px;
    padding: 0 70px 0 20px
}

.btn-04 a {
    background: url("../images/btns.png") no-repeat 0 -260px;
    padding-left: 30px
}

.btn-04:hover a {
    color: #000;
    background: url("../images/btns.png") no-repeat 0 -1080px
}

a.btn-05 {
    height: 40px;
    float: right;
    position: relative;
    margin-right: 50px;
    padding: 0 20px 0 70px;
    background-position: 0 -120px;
    font: 24px/40px delta_promedium, arial, sans-serif
}

a.btn-05:after,
a.btn-05 .ie-fix {
    position: absolute;
    right: -50px;
    top: 0;
    display: block;
    content: "";
    width: 60px;
    height: 40px;
    background-position: -100px -350px;
    cursor: pointer
}

a.btn-06 {
    background-position: 0 -640px;
    padding: 0 0 0 35px
}

a.btn-06:after,
a.btn-06 .ie-fix {
    background-position: 100% -640px
}

a.btn-07 {
    background-position: 0 -670px;
    padding: 0 0 0 35px
}

a.btn-07:after,
a.btn-07 .ie-fix {
    background-position: 100% -670px
}

.btn-08 {
    height: 28px;
    background-position: 0 -790px;
    padding: 0 0 0 50px;
    font: 18px/28px delta_promedium, arial, sans-serif
}

.btn-08:after,
.btn-08 .ie-fix {
    width: 55px;
    right: -55px;
    height: 28px;
    background-position: 100% -790px;
    cursor: default
}

.btn-08 a {
    color: #fff
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0
}

.me-plugin {
    position: absolute
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}

.mejs-fullscreen {
    overflow: hidden !important
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}

.mejs-clear {
    clear: both
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

:root .mejs-poster img {
    display: none
}

.mejs-poster img {
    border: 0;
    padding: 0;
    border: 0
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-overlay-play {
    cursor: pointer
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url(../images/bigplay.svg) no-repeat
}

.no-svg .mejs-overlay-button {
    background-image: url(../images/bigplay.png)
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url(../images/loading.gif) 50% 50% no-repeat
}

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7);
    height: 30px;
    width: 100%
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: Helvetica, Arial;
    border: 0
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url(../images/controls.svg) no-repeat
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url(../images/controls.png)
}

.mejs-controls .mejs-button button:focus {
    outline: solid 1px yellow
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 8px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.mejs-container .mejs-controls .mejs-time span {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto
}

.mejs-controls .mejs-play button {
    background-position: 0 0
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px
}

.mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear, -45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30px 0
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
    background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: linear, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8);
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8);
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0
}

.mejs-controls .mejs-volume-button {
    position: relative
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0
}

.mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 60px;
    position: relative
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

.mejs-controls .mejs-captions-button {
    position: relative
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7);
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6);
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232)
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #fff
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0
}

.mejs-captions-position-hover {
    bottom: 45px
}

.mejs-captions-text {
    padding: 3px 5px;
    background: rgba(20, 20, 20, 0.8)
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold
}

.me-cannotplay span {
    padding: 15px;
    display: block
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer
}

.mejs-overlay-button {
    background-image: url("../images/bigplay.png")
}

.mejs-kawasaki .mejs-controls {
    left: 50%;
    bottom: 20px;
    height: 48px;
    width: 504px;
    padding: 12px 50px 0;
    margin-left: -302px;
    background: url("../images/controls-kawasaki.png") no-repeat;
    z-index: 9000
}

.mejs-kawasaki .mejs-controls button {
    outline: none !important
}

.mejs-kawasaki .mejs-controls .mejs-button button {
    width: 30px;
    height: 30px;
    margin: 0
}

.mejs-kawasaki .mejs-controls .mejs-playpause-button {
    width: 67px;
    height: 30px
}

.mejs-kawasaki .mejs-controls .mejs-playpause-button button {
    width: 30px;
    height: 30px;
    margin: 0;
    background: url("../images/controls-kawasaki.png") no-repeat 0 -60px
}

.mejs-kawasaki .mejs-controls .mejs-play button {
    background-position: -30px -60px
}

.mejs-kawasaki .mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 8px 5px 3px;
    background: #6d6d6d
}

.mejs-kawasaki .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #6d6d6d
}

.mejs-kawasaki .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #4f9e19
}

.mejs-kawasaki .mejs-controls .mejs-time {
    width: 85px;
    padding: 12px 20px 0 5px;
    font-size: 11px
}

.mejs-kawasaki .mejs-controls .mejs-time .mejs-currenttime {
    padding-right: 5px
}

.mejs-kawasaki .mejs-controls .mejs-time .mejs-duration {
    padding-left: 5px
}

.mejs-kawasaki .mejs-controls .mejs-horizontal-volume-slider {
    width: 55px;
    margin: 3px 0 0 5px
}

.mejs-kawasaki .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #6d6d6d
}

.mejs-kawasaki .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #4f9e19
}

.mejs-kawasaki .mejs-controls .mejs-volume-button button {
    background: url("../images/controls-kawasaki.png") no-repeat -60px -60px
}

.mejs-kawasaki .mejs-controls .mejs-fullscreen-button {
    margin: 0 6px 0 69px;
    width: 30px;
    height: 30px
}

.mejs-kawasaki .mejs-controls .mejs-fullscreen-button button {
    width: 30px;
    height: 30px;
    background: url("../images/controls-kawasaki.png") no-repeat -90px -60px
}

.mejs-kawasaki.small .mejs-controls {
    bottom: 5px;
    width: 360px;
    height: 29px;
    background-position: 0 -200px;
    padding: 8px 35px 0;
    margin-left: -215px
}

.mejs-kawasaki.small .mejs-controls .mejs-button,
.mejs-kawasaki.small .mejs-controls .mejs-volume-button,
.mejs-kawasaki.small .mejs-controls .mejs-playpause-button,
.mejs-kawasaki.small .mejs-controls .mejs-fullscreen-button {
    width: 23px;
    height: 23px
}

.mejs-kawasaki.small .mejs-controls .mejs-button button,
.mejs-kawasaki.small .mejs-controls .mejs-volume-button button,
.mejs-kawasaki.small .mejs-controls .mejs-playpause-button button,
.mejs-kawasaki.small .mejs-controls .mejs-fullscreen-button button {
    width: 23px;
    height: 23px
}

.mejs-kawasaki.small .mejs-controls .mejs-time-rail {
    padding-top: 0
}

.mejs-kawasaki.small .mejs-controls .mejs-time-rail .mejs-time-total {
    margin-top: 5px
}

.mejs-kawasaki.small .mejs-controls .mejs-playpause-button {
    width: 45px
}

.mejs-kawasaki.small .mejs-controls .mejs-playpause-button button {
    background: url("../images/controls-kawasaki.png") no-repeat 0 -250px
}

.mejs-kawasaki.small .mejs-controls .mejs-play button {
    background-position: -30px -250px
}

.mejs-kawasaki.small .mejs-controls .mejs-time {
    width: 70px;
    padding: 5px 10px 0 5px
}

.mejs-kawasaki.small .mejs-controls .mejs-time span,
.mejs-kawasaki.small .mejs-controls .mejs-duration span {
    font-size: 9px
}

.mejs-kawasaki.small .mejs-controls .mejs-volume-button button {
    background: url("../images/controls-kawasaki.png") no-repeat -60px -250px
}

.mejs-kawasaki.small .mejs-controls .mejs-horizontal-volume-slider {
    height: 20px;
    margin: 0;
    padding-right: 5px
}

.mejs-kawasaki.small .mejs-controls .mejs-horizontal-volume-current,
.mejs-kawasaki.small .mejs-controls .mejs-horizontal-volume-total {
    top: 5px
}

.mejs-kawasaki.small .mejs-controls .mejs-horizontal-volume-slider,
.mejs-kawasaki.small .mejs-controls .mejs-horizontal-volume-total {
    width: 45px
}

.mejs-kawasaki.small .mejs-controls .mejs-fullscreen-button {
    margin: 0 0 0 43px
}

.mejs-kawasaki.small .mejs-controls .mejs-fullscreen-button button {
    background: url("../images/controls-kawasaki.png") no-repeat -90px -250px
}

.mejs-kawasaki .mejs-overlay-loading {
    width: 150px;
    height: 50px;
    margin: -25px 0 0 -75px
}

.mejs-kawasaki .mejs-overlay-loading span {
    width: 150px;
    height: 50px
}

.carousel {
    position: relative;
    margin: 0 auto 23px 0;
    width: 400px;
    height: auto;
    border: none;
    overflow: hidden;
    z-index: 0
}

.carousel .slides {
    margin: 0;
    padding: 0;
    border: none;
    list-style: none;
    position: relative;
    overflow: visible
}

.carousel .slides .slideItem {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: none;
    text-align: center
}

.carousel .slides .slideItem a {
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: none;
    outline: none
}

.carousel .slides .slideItem img {
    margin: 0;
    padding: 0;
    border: none;
    background-size: contain
}

.carousel .nextButton {
    position: absolute;
    right: 0px;
    top: 50%;
    width: 15px;
    height: 18px;
    display: block;
    background: url("../images/btns.png") no-repeat 0 -510px;
    cursor: pointer;
    z-index: 8000
}

.carousel .prevButton {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 15px;
    height: 18px;
    display: block;
    background: url("../images/btns.png") no-repeat 0 -480px;
    cursor: pointer;
    z-index: 8000
}

.carousel .buttonNav {
    position: relative;
    margin: 0 auto;
    z-index: 999
}

.about-iconic .carousel {
    width: 100%
}

.cookie {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background: #171717;
    color: #fff;
    z-index: 9999;
    *zoom: 1
}

.cookie:before,
.cookie:after {
    content: " ";
    display: table
}

.cookie:after {
    clear: both
}

.cookie .label {
    float: left;
    width: 200px;
    color: #69BE28;
    margin: 18px 0 18px 50px;
    font: 20px/24px delta_promedium, arial, sans-serif;
    text-transform: uppercase
}

.cookie .text {
    margin: 18px 350px 18px 250px
}

.cookie .button {
    position: absolute;
    bottom: 18px;
    right: 18px;
    width: 320px
}

.cookie .button .btn-06,
.cookie .button .btn-07 {
    float: left
}

.cookie .button .btn-06 {
    margin-bottom: 10px
}

.nav-main {
    height: 136px;
    width: 100%;
    position: relative;
    z-index: 9;
    font-family: delta_probook, arial, sans-serif
}

.nav-main .evidence,
.nav-main .evidence li,
.nav-main .evidence span,
.nav-main .search a,
.nav-main .news,
.nav-main .facebook a,
.nav-main .facebook span,
.nav-main .lev-2,
.nav-main .nav-main-search,
.nav-main .nav-main-search .input-submit,
.nav-main .nav-main-search .close,
.nav-main .shopping ul li a,
.nav-main .shopping ul li span {
    background: url("../images/nav-main.png") no-repeat 0 0
}

.nav-main .lev-2,
.nav-main .lev-3,
.nav-main .lev-4 {
    position: absolute;
    width: 100%
}

.nav-main>ul {
    float: right
}

.nav-main ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-main ul li {
    margin: 0
}

.nav-main li {
    float: left;
    height: 60px;
    font-size: 15px
}

.nav-main li a {
    position: relative;
    line-height: 60px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.nav-main li a:hover {
    color: #69BE28
}

.nav-main li.active a {
    color: #69BE28
}

.nav-main li.evidence {
    margin: 0 0 0 -75px;
    padding: 0 0 0 71px;
    text-transform: uppercase
}

.nav-main li.evidence a,
.nav-main li.evidence span {
    display: block
}

.nav-main li.evidence span {
    background-position: 100% -110px;
    padding: 0 75px 0 0
}

.nav-main li.evidence a {
    height: 60px
}

.nav-main li.evidence li a {
    height: 50px
}

.nav-main li.evidence.narrow span {
    padding-right: 55px
}

.nav-main li.evidence.narrow a {
    left: -10px
}

.nav-main li.evidence.active,
.nav-main li.evidence.hover {
    background-position: 0 -220px
}

.nav-main li.evidence.active span,
.nav-main li.evidence.hover span {
    background-position: 100% -330px
}

.nav-main li.search span {
    padding-right: 35px
}

.nav-main li.search a {
    background-position: 0 -440px;
    width: 20px;
    left: -20px;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.nav-main li.search:hover {
    background-position: 0 -220px
}

.nav-main li.search:hover span {
    background-position: 100% -330px
}

.nav-main li.search:hover a {
    background-position: -60px -440px
}

.nav-main li.normal {
    margin-right: 35px
}

.nav-main li.light {
    font-size: 14px
}

.nav-main li.news {
    margin: 0 20px 0 10px;
    padding-left: 10px;
    background-position: -550px -440px
}

.nav-main li.language,
.nav-main li.facebook {
    padding-top: 15px
}

.nav-main li.language span,
.nav-main li.facebook span {
    display: block
}

.nav-main li.language {
    margin-right: 5px;
    text-align: center;
    width: 30px;
    height: 31px
}

.nav-main li.language:hover ul {
    display: block
}

.nav-main li.language span {
    background: #69BE28 url("../images/nav-main.png") no-repeat -508px -421px;
    padding: 0 3px;
    height: 31px
}

.nav-main li.language a {
    height: auto;
    line-height: 20px;
    color: #000;
    background: transparent
}

.nav-main li.language ul {
    display: none;
    position: absolute;
    top: 35px;
    width: 28px;
    background: #69BE28;
    padding: 1px;
    z-index: 10
}

.nav-main li.language li {
    float: none;
    height: auto;
    padding: 3px;
    background: #000;
    border-top: 1px solid #69BE28
}

.nav-main li.language li span {
    background: none;
    height: auto
}

.nav-main li.language li span a {
    color: #69BE28
}

.nav-main li.facebook span {
    width: 45px;
    height: 31px;
    background-position: -220px -440px
}

.nav-main li.facebook a {
    float: right;
    width: 45px;
    height: 31px;
    background-position: -305px -440px;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.nav-main .lev-2 {
    display: none;
    top: 85px;
    right: 0;
    height: 51px;
    background-position: 0 -500px;
    background-repeat: repeat-x;
    font-family: delta_probook_italic
}

.nav-main .lev-2 ul {
    float: right
}

.nav-main .lev-2 li {
    height: 50px;
    margin-left: -60px;
    padding-left: 59px;
    background-position: 0 -560px
}

.nav-main .lev-2 li span {
    padding-right: 45px
}

.nav-main .lev-2 li a {
    left: -10px;
    color: #fff
}

.nav-main .lev-2 li a:hover {
    color: #69BE28
}

.nav-main .lev-2 .shopping {
    position: relative;
    z-index: 10;
    background-position: 0 -1050px !important
}

.nav-main .lev-2 .shopping span {
    background-position: 100% -1110px !important
}

.nav-main .lev-2 .shopping span a {
    background: url("../images/btn-arrow-white-down.png") no-repeat 100% 60%;
    padding-right: 20px;
    color: #fff !important
}

.nav-main .lev-2 .shopping span a:hover {
    color: #fff !important
}

.nav-main .lev-2 .shopping:hover ul li {
    display: block
}

.nav-main .lev-2 .shopping.shopping--left ul {
    left: 0;
    right: auto
}

.nav-main .lev-2 .shopping ul {
    position: absolute;
    top: 50px;
    right: 0
}

.nav-main .lev-2 .shopping ul li {
    display: none;
    float: none;
    height: 30px;
    background: none;
    margin: 0;
    padding: 0
}

.nav-main .lev-2 .shopping ul li.active {
    display: block
}

.nav-main .lev-2 .shopping ul li.active a,
.nav-main .lev-2 .shopping ul li.active span {
    color: #69BE28
}

.nav-main .lev-2 .shopping ul li a,
.nav-main .lev-2 .shopping ul li span {
    height: 30px;
    font: 12px/30px delta_prolight, arial, sans-serif;
    color: #fff
}

.nav-main .lev-2 .shopping ul li a {
    display: block;
    background-position: 0 -880px !important;
    padding-left: 29px
}

.nav-main .lev-2 .shopping ul li a:hover {
    background-position: 0 -960px !important
}

.nav-main .lev-2 .shopping ul li a:hover span {
    background-position: 100% -1000px !important;
    color: #69BE28
}

.nav-main .lev-2 .shopping ul li span {
    background-position: 100% -920px !important;
    padding-right: 30px
}

.nav-main .lev-2 .shopping:hover ul {
    display: block
}

.nav-main .active .lev-2 {
    display: block
}

.nav-main .active .lev-2 li span {
    background-position: 100% -620px
}

.nav-main .active .lev-2 .active,
.nav-main .active .lev-2 li:hover {
    background-position: 0 -680px
}

.nav-main .active .lev-2 .active span,
.nav-main .active .lev-2 li:hover span {
    background-position: 100% -740px
}

.nav-main .active .lev-2 .active a,
.nav-main .active .lev-2 li:hover a {
    color: #000
}

.nav-main .active .lev-2 .active .lev-3 li a,
.nav-main .active .lev-2 li:hover .lev-3 li a {
    color: #fff
}

.nav-main .active .lev-2 .active .lev-3 li.active a,
.nav-main .active .lev-2 li:hover .lev-3 li.active a {
    color: #000
}

.nav-main li:hover .nav-main-search {
    display: block
}

.nav-main .nav-main-search {
    display: none;
    position: absolute;
    top: 60px;
    width: 420px;
    height: 60px;
    margin-left: -110px;
    background-position: 0 -800px;
    padding: 15px 0 0 80px;
    text-transform: none;
    z-index: 10
}

.nav-main .nav-main-search .input-text {
    margin-bottom: 5px
}

.nav-main .nav-main-search .input-text input {
    width: 340px;
    background: #2e2e2e;
    padding: 3px;
    color: #fff
}

.nav-main .nav-main-search .input-text span {
    background: none
}

.nav-main .nav-main-search .input-submit {
    float: left;
    height: 18px;
    background-position: 100% -800px;
    padding-right: 40px
}

.nav-main .nav-main-search .input-submit input {
    float: left;
    background: none;
    padding: 3px 15px 3px 5px;
    border: 0;
    color: #fff;
    font-size: 11px
}

.nav-main .nav-main-search .close {
    position: absolute;
    top: 5px;
    right: 31px;
    width: 14px;
    height: 14px;
    background-position: -507px -800px;
    cursor: pointer
}

.nav-main .lev-4 {
    display: none !important
}

.nav-main .lev-3 {
    left: 0;
    top: 51px;
    width: 100%;
    display: none;
    float: right;
    background: url("../images/models-slider.png") no-repeat 0 0;
    height: 39px;
    background-repeat: repeat-x
}

.nav-main .lev-3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    text-align: center
}

.nav-main .lev-3 ul li {
    margin: 0
}

.nav-main .lev-3 ul li {
    display: inline-block;
    float: none;
    height: 32px;
    background: none !important;
    padding: 7px 0 0;
    margin: 0 40px 0 0;
    text-align: center
}

.nav-main .lev-3 ul li a,
.nav-main .lev-3 ul li span {
    display: inline-block;
    background: none !important;
    font: 14px/27px delta_prolight_italic, arial, sans-serif !important
}

.nav-main .lev-3 ul li span {
    padding: 0 0 0 29px
}

.nav-main .lev-3 ul li a {
    left: 0;
    height: 24px !important;
    line-height: 27px;
    padding: 0 29px 0 0
}

.nav-main .lev-3 .active span,
.nav-main .lev-3 .active a,
.nav-main .lev-3 li:hover span,
.nav-main .lev-3 li:hover a {
    background: url("../images/models-slider.png") no-repeat 0 0 !important
}

.nav-main .lev-3 .active span,
.nav-main .lev-3 li:hover span {
    background-position: 0 -50px !important
}

.nav-main .lev-3 .active a,
.nav-main .lev-3 li:hover a {
    background-position: 100% -80px !important;
    color: #000 !important
}

.half-line>li>span {
    display: table !important;
    height: 60px
}

.half-line>li>span>a {
    display: table-cell !important;
    line-height: 16px;
    vertical-align: middle
}

.p-racing .nav-main {
    height: 175px
}

.p-racing .nav-main .lev-3 {
    display: block
}

.p-racing.p-home .nav-main {
    height: 136px
}

.p-racing.p-home .nav-main .lev-3 {
    display: none
}

.nav-main-models {
    position: relative;
    clear: both;
    display: none;
    width: 100%;
    height: 196px;
    border-bottom: 1px solid #69BE28;
    z-index: 8
}

.nav-main-models a {
    text-decoration: none;
    color: #fff
}

.nav-main-models .arrow-left,
.nav-main-models .arrow-right,
.nav-main-models .labels,
.nav-main-models .bar,
.nav-main-models .bar .inner,
.nav-main-models .bar-wrap .btn,
.nav-main-models .ui-slider-horizontal .ui-slider-handle {
    background: url("../images/models-slider.png") no-repeat 0 0
}

.nav-main-models .slider {
    clear: both;
    position: relative;
    height: 204px
}

.nav-main-models .slider .arrow-left,
.nav-main-models .slider .arrow-right,
.nav-main-models .slider .slider-content,
.nav-main-models .slider .slider-inner {
    height: 174px
}

.nav-main-models .slider .arrow-left,
.nav-main-models .slider .arrow-right {
    position: absolute;
    top: 0;
    width: 48px;
    z-index: 10;
    cursor: pointer
}

.nav-main-models .slider .arrow-left {
    left: 0;
    background-position: 0 -110px
}

.nav-main-models .slider .arrow-right {
    right: 0;
    background-position: -67px -110px
}

.nav-main-models .slider .main {
    position: relative;
    padding: 0 48px;
    height: 204px;
    overflow: hidden;
    z-index: 9;
    background: #000
}

.nav-main-models .slider .main .wrap {
    position: absolute;
    top: 0;
    width: 10000px
}

.nav-main-models .slider .main .item {
    float: left;
    width: 224px;
    height: 174px;
    padding-top: 10px;
    text-align: center
}

.nav-main-models .slider .main .item:hover {
    background: #121212
}

.nav-main-models .slider .main .item.new {
    background: url("../images/models-slider.png") no-repeat -400px -110px
}

.nav-main-models .slider .main .item hr {
    border-color: #69be28;
    width: 127px;
    margin-top: 0;
    margin-bottom: 0
}

.nav-main-models .slider .main .item ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-main-models .slider .main .item ul li {
    margin: 0
}

.nav-main-models .slider .main .item a.name {
    font-size: 10px;
    display: inline-block;
    position: relative
}

.nav-main-models .slider .main .item a.name:hover,
.nav-main-models .slider .main .item a.name.active {
    background: url("../images/green-bars.png") repeat 0 -60px;
    margin: 0 15px 0 0;
    padding-left: 15px
}

.nav-main-models .slider .main .item a.name:hover:after,
.nav-main-models .slider .main .item a.name.active:after {
    position: absolute;
    right: -15px;
    top: 0;
    display: block;
    content: "";
    width: 15px;
    height: 13px;
    background: url("../images/green-bars.png") repeat 100% -60px;
    color: #000
}

.nav-main-models .slider .main .bar-wrap {
    position: absolute;
    bottom: 5px;
    left: 0;
    padding: 0 55px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc)
}

.nav-main-models .slider .main .bar-wrap .bar {
    background-position: 0 -300px;
    padding-left: 7px
}

.nav-main-models .slider .main .bar-wrap .bar .inner {
    height: 12px;
    background-position: 100% -320px
}

.nav-main-models .slider .main .bar-wrap .bar-ui {
    height: 12px;
    border: 0;
    margin: -12px 50px 0 0;
    background: transparent
}

.nav-main-models .slider .main .bar-wrap .btn,
.nav-main-models .slider .main .bar-wrap .ui-slider-horizontal .ui-slider-handle {
    width: 70px;
    height: 20px;
    position: absolute;
    top: -5px;
    left: 300px;
    background-position: -130px -110px;
    cursor: pointer;
    border: 0
}

.l-footer>.bottom,
.l-footer .quicknav li,
.l-footer .qm-content {
    background: url("../images/l-footer.png") no-repeat 0 0
}

.l-footer ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.l-footer ul li {
    margin: 0
}

.l-footer .quickmap .btn-toogle .open,
.l-footer .quickmap .btn-toogle .close {
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
    font-style: italic
}

.l-footer .quickmap .btn-toogle .open span,
.l-footer .quickmap .btn-toogle .close span {
    background: url("../images/btns.png") no-repeat 100% -56px;
    padding-right: 15px;
    cursor: pointer
}

.l-footer .quickmap .btn-toogle .open em,
.l-footer .quickmap .btn-toogle .close em {
    color: #69BE28
}

.l-footer .quickmap .btn-toogle .close {
    display: none
}

.l-footer .quickmap .btn-toogle .close span {
    background-position: 100% -86px
}

.l-footer .qm-content {
    display: none;
    padding-top: 10px;
    background-repeat: repeat-x;
    background-position: 0 -40px
}

.l-footer .qm-content .inner {
    *zoom: 1;
    background: #1c1c1c
}

.l-footer .qm-content .inner:before,
.l-footer .qm-content .inner:after {
    content: " ";
    display: table
}

.l-footer .qm-content .inner:after {
    clear: both
}

.l-footer .qm-content .title {
    margin: 0;
    padding: 30px 0 30px 5%;
    font-size: 16px
}

.l-footer .qm-content .columns {
    *zoom: 1;
    background: url("../images/l-footer-col.png") repeat-y 9.72% 0;
    margin-bottom: 20px;
    padding: 0 9.72%
}

.l-footer .qm-content .columns:before,
.l-footer .qm-content .columns:after {
    content: " ";
    display: table
}

.l-footer .qm-content .columns:after {
    clear: both
}

.l-footer .qm-content .column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc);
    float: left;
    width: 33.33%;
    background: url("../images/l-footer-col.png") repeat-y 100% 0;
    padding: 0 0 0 20px
}

.l-footer .qm-content .row {
    margin-bottom: 25px
}

.l-footer .qm-content .row .row-title {
    margin: 0 0 10px;
    font-size: 14px;
    color: #69BE28;
    text-transform: uppercase
}

.l-footer .qm-content .row li {
    margin-bottom: 4px;
    line-height: 15px
}

.l-footer .qm-content .row li a {
    background: url("../images/btns.png") no-repeat 100% -480px;
    padding-right: 15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-family: delta_prolight, arial, sans-serif
}

.l-footer .qm-content .row li .f-btn {
    background: url("../images/btns.png") no-repeat 100% -510px;
    padding-right: 20px
}

.l-footer .qm-content input {
    width: 85%;
    margin-bottom: 5px;
    padding: 3px
}

.l-footer>.bottom {
    background-repeat: repeat-x;
    padding-top: 9px;
    color: #000
}

.l-footer>.bottom>.content {
    background-color: #fff;
    padding: 10px 3.47%;
    *zoom: 1
}

.l-footer>.bottom>.content:before,
.l-footer>.bottom>.content:after {
    content: " ";
    display: table
}

.l-footer>.bottom>.content:after {
    clear: both
}

.l-footer>.bottom .newsletter,
.l-footer>.bottom .country,
.l-footer>.bottom .quicknav {
    float: left
}

.l-footer>.bottom .newsletter {
    margin-right: 2%
}

@media screen and (max-width: 1220px) {
    .l-footer>.bottom .newsletter {
        padding-right: 50px
    }
    .l-footer>.bottom .newsletter input {
        width: 110px
    }
    .l-footer>.bottom .newsletter .send {
        width: 1px;
        text-indent: -9000px;
        padding-right: 40px
    }
}

.l-footer>.bottom .country {
    position: relative;
    padding-top: 13px;
    margin-right: 2%
}

.l-footer>.bottom .country .slimScrollBar {
    background: #333 !important
}

.l-footer>.bottom .country h2 {
    margin: 0;
    background: url("../images/btns.png") no-repeat 100% -27px;
    padding-right: 20px;
    font-size: 14px;
    cursor: pointer
}

.l-footer>.bottom .country .list {
    display: none;
    position: absolute;
    bottom: 20px;
    right: 0;
    background: #fff;
    padding: 0 0 5px
}

.l-footer>.bottom .country .list li {
    border-top: 1px solid #000000;
    margin: 0 0 3px;
    padding: 3px 10px 0;
    white-space: nowrap;
    min-width: 120px
}

.l-footer>.bottom .country .list li a {
    display: block;
    font-size: 12px
}

@media screen and (max-width: 1220px) {
    .l-footer>.bottom .country h2 span {
        display: none
    }
}

.l-footer>.bottom .quicknav {
    padding: 13px 0 0
}

@media screen and (max-width: 1220px) {
    .l-footer>.bottom .quicknav {
        font-size: 13px
    }
}

.l-footer>.bottom .quicknav li {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    background-position: 100% -18px
}

.l-footer>.bottom .quicknav li.last {
    background: none;
    margin-right: 0;
    padding-right: 0
}

.l-footer>.bottom .quicknav li a {
    text-decoration: none;
    color: #000
}

.l-footer>.bottom .follow {
    float: right
}

.l-footer>.bottom .follow .label {
    color: #69BE28;
    padding-left: 26px;
    font-size: 10px;
    text-align: right
}

.l-footer>.bottom .follow .social {
    height: 21px
}

.l-footer>.bottom .follow .social li {
    float: right;
    width: 16px;
    padding: 0 20px;
    margin-left: -20px;
    background: url("../images/btns.png") no-repeat -155px -30px
}

.l-footer>.bottom .follow .social li.fb {
    padding-left: 20px
}

.l-footer>.bottom .follow .social li a {
    display: block;
    height: 21px;
    background: url("../images/btns.png") no-repeat 0 -56px;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.l-footer>.bottom .follow .social li.tw a {
    background-position: -20px -56px
}

.l-footer>.bottom .follow .social li.gp a {
    background-position: -80px -56px
}

.l-footer>.bottom .follow .social li.fl a {
    background-position: -38px -56px
}

.l-footer>.bottom .follow .social li.yt a {
    background-position: -58px -58px
}

.nav-sidebar ul {
    background: #000;
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-sidebar ul li {
    margin: 0
}

.nav-sidebar ul li {
    margin-bottom: 1px
}

.nav-sidebar ul li.haschild a span {
    background-image: url("../images/btn-arrow-white-down.png")
}

.nav-sidebar ul li.open ul {
    display: block
}

.nav-sidebar ul li.open ul ul {
    display: none;
    font-size: 0
}

.nav-sidebar ul li.open a span {
    background-image: url("../images/btn-arrow-white-up.png")
}

.nav-sidebar ul li.open a.active span,
.nav-sidebar ul li.open a:hover span {
    background-image: url("../images/btn-arrow-black-up.png")
}

.nav-sidebar ul a,
.nav-sidebar ul span {
    display: block
}

.nav-sidebar ul a {
    border-top: 1px solid #323232;
    background: #69BE28;
    padding-left: 4px
}

.nav-sidebar ul a span {
    padding: 13px;
    background: #1a1a1a no-repeat 240px 20px;
    color: #fff;
    text-transform: uppercase;
    font: 14px delta_promedium_italic, arial, sans-serif
}

.nav-sidebar ul a:hover,
.nav-sidebar ul a.active {
    background: #fff;
    border-color: #8ad255
}

.nav-sidebar ul a:hover span,
.nav-sidebar ul a.active span {
    background: #69BE28 no-repeat 240px 20px;
    color: #000
}

.nav-sidebar ul a.external span {
    background: #2E2C2D url("../images/btn-arrow-white-external.png") no-repeat 240px 50% !important
}

.nav-sidebar ul a.external span:hover {
    background-color: #69BE28 !important
}

.nav-sidebar ul li.arrow a span {
    background: #2e2c2d url("../images/btn-arrow-white-right.png") no-repeat 240px 50% !important
}

.nav-sidebar ul li.arrow a span:hover {
    background-color: #69BE28 !important
}

.nav-sidebar ul ul {
    padding: 1px 0 0 4px;
    display: none
}

.nav-sidebar ul ul li {
    position: relative
}

.nav-sidebar ul ul a {
    border: 0 !important;
    padding: 0;
    background: transparent
}

.nav-sidebar ul ul a span {
    padding: 9px 9px 9px 30px !important;
    background-color: #2e2c2d;
    background-image: none !important;
    border-top: 1px solid #434343;
    border-bottom: 1px solid #222222
}

.nav-sidebar ul ul a:hover span,
.nav-sidebar ul ul a.active span {
    border-top: 1px solid #3f870a;
    border-bottom: 1px solid #325b15
}

.nav-sidebar ul ul li:hover ul {
    display: block
}

.nav-sidebar ul ul ul {
    position: absolute;
    top: 0;
    left: 260px;
    width: 680px
}

.nav-sidebar ul ul ul.year {
    width: 50px
}

.nav-sidebar ul ul ul.year li {
    float: none;
    width: auto
}

.nav-sidebar ul ul ul li {
    width: 25%;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.nav-sidebar ul ul ul li a {
    padding: 3px 5px 3px 10px;
    color: #fff
}

.nav-sidebar ul ul ul li a:hover {
    background: #69BE28;
    color: #000
}

.nav-sidebar ul.no-icon>li.open>a.active>span {
    background: #69BE28
}

ul.nav-accessories li {
    position: relative
}

ul.nav-accessories li.open ul {
    display: none !important
}

ul.nav-accessories li:hover ul {
    display: block !important
}

ul.nav-accessories a span {
    background: #1a1a1a url("../images/btn-arrow-white-right.png") no-repeat 240px 20px
}

ul.nav-accessories a span span {
    background: none;
    padding: 0;
    color: #69BE28;
    font-size: 12px
}

ul.nav-accessories a:hover span {
    background: #69BE28 url("../images/btn-arrow-black-right.png") no-repeat 240px 20px;
    color: #000
}

ul.nav-accessories ul {
    position: absolute;
    top: 0;
    left: 265px;
    width: 510px
}

ul.nav-accessories ul.year {
    width: 50px
}

ul.nav-accessories ul.year li {
    float: none;
    width: auto
}

ul.nav-accessories ul li {
    float: left;
    width: 170px;
    font-size: 12px
}

ul.nav-accessories ul li a {
    padding: 3px 5px 3px 10px;
    color: #fff
}

ul.nav-accessories ul li a:hover {
    background: #69BE28 !important;
    color: #000
}

ul.nav-deep ul li.open.haschild:hover ul,
ul.nav-deep ul li.open.haschild ul {
    display: block
}

ul.nav-deep ul li.open.haschild a.active span {
    background-image: url("../images/btn-arrow-black-up.png") !important;
    background-color: #69BE28;
    color: #000
}

ul.nav-deep ul li.open.haschild .open a.active span {
    background-image: none !important
}

ul.nav-deep ul li:hover ul {
    display: none
}

ul.nav-deep ul li.force-icon > a span {
    background-image: url("../images/btn-arrow-white-down.png") !important
}

ul.nav-deep ul li.open.force-icon span {
    background-image: url("../images/btn-arrow-black-up.png") !important;
    background-color: #69BE28;
    color: #000
}

ul.nav-deep ul li.open.force-icon ul a:hover span {
    background-color: #69BE28;
    color: #000
}

ul.nav-deep ul li.open.force-icon ul span {
    background-color: #2E2C2D;
    background-image: none !important;
    color: #fff
}

ul.nav-deep ul ul {
    position: relative;
    width: auto;
    left: 0
}

ul.nav-deep ul ul li {
    float: none;
    width: auto;
    display: block
}

ul.nav-deep ul ul li.open a.active span {
    background-image: none !important
}

ul.nav-deep ul ul li a {
    padding: 0
}

.origin-gallery {
    display: none
}

.gallery .big {
    position: relative;
    float: left;
    width: 63.9%;
    background: #000
}

.gallery .big img {
    vertical-align: middle;
    width: 100%
}

.gallery .big .player {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9
}

.gallery .big .prev,
.gallery .big .next {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    z-index: 10
}

.gallery .big .prev a,
.gallery .big .next a {
    display: block;
    width: 40px;
    height: 70px;
    background: url("../images/btns.png") repeat -360px -350px;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.gallery .big .prev {
    left: 0
}

.gallery .big .next {
    right: 0
}

.gallery .big .next a {
    background-position: -400px -350px
}

.gallery .big .loading {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
    background: url("../images/loading-bg.png") repeat 0 0;
    text-align: center
}

.gallery .big .loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -75px;
    width: auto
}

.gallery .list .wrap {
    position: relative;
    width: 100%;
    visibility: hidden
}

.gallery .list .wrap .prev,
.gallery .list .wrap .next {
    cursor: pointer
}

.gallery .list .toscroll-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    clear: both
}

.gallery .list .toscroll-wrap ul li span {
    cursor: pointer
}

.gallery .list .toscroll {
    position: relative
}

.gallery .simplePagerNav li {
    display: none
}

.gallery .simplePagerNav li.previous,
.gallery .simplePagerNav li.next {
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.gallery .simplePagerNav li.previous {
    top: 0
}

.gallery .simplePagerNav li.next {
    bottom: 0
}

.gallery.zoom-box .big {
    background: #fff
}

.zoomWindow {
    border: 2px solid #69BE28 !important
}

.zoom-box {
    position: relative;
    padding: 20px 50px
}

.zoom-box #zoom-container {
    position: absolute;
    width: 40%;
    height: 200px;
    top: 150px;
    right: 0;
    margin-right: 60px
}

.zoom-box .big {
    float: left;
    width: 56%
}

.zoom-box .big img {
    width: 100%
}

.zoom-box .list {
    float: right;
    width: 40%
}

.zoom-box .list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.zoom-box .list ul li {
    margin: 0
}

.zoom-box .list ul li {
    position: relative;
    float: left;
    width: auto;
    margin: 0 1.5% 1.5% 0;
    background: #fff
}

.zoom-box .list ul li img {
    width: 100%;
    vertical-align: middle
}

.zoom-box .list ul li a {
    float: left;
    *zoom: 1
}

.zoom-box .list ul li a:before,
.zoom-box .list ul li a:after {
    content: " ";
    display: table
}

.zoom-box .list ul li a:after {
    clear: both
}

.zoom-box .list ul li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.zoom-box .list ul li.active span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc);
    border: 3px solid #69BE28
}

.home-visual {
    height: 100%
}

.home-visual .bike,
.home-visual .title,
.home-visual .model-year,
.home-visual .model-btns {
    position: absolute;
    z-index: 10
}

.home-visual .bg-image {
    left: 20%
}

.home-visual .title {
    top: 5.5%;
    left: 7.8%;
    margin: 0;
    font-size: 34px;
    line-height: 20px;
    color: #fff
}

@media screen and (max-height: 780px) {
    .home-visual .title {
        font-size: 24px
    }
}

@media screen and (max-width: 1180px) {
    .home-visual .title {
        font-size: 24px
    }
}

.home-visual .title em {
    display: block;
    font: 60px delta_probold_italic, arial, sans-serif
}

@media screen and (max-height: 780px) {
    .home-visual .title em {
        font-size: 42px
    }
}

@media screen and (max-width: 1180px) {
    .home-visual .title em {
        font-size: 42px
    }
}

.home-visual .bike {
    right: -30px;
    top: 0;
    width: 56.59%;
    z-index: 11
}

@media screen and (min-width: 1180px) {
    .home-visual .bike {
        right: 0
    }
}

.home-visual .bike img {
    width: 100%
}

.home-visual .model-year {
    top: 450px;
    left: 110px;
    width: 1200px
}

@media screen and (max-height: 780px) {
    .home-visual .model-year {
        top: 320px;
        left: 80px
    }
}

@media screen and (max-width: 1180px) {
    .home-visual .model-year {
        top: 320px;
        left: 80px
    }
}

.home-visual .model-year .my-title {
    clear: both;
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    background: url("../images/modelyear.png") no-repeat 0 0;
    padding: 0 0 0 40px
}

.home-visual .model-year .my-title span {
    color: #69BE28;
    font-family: delta_promedium, arial, sans-serif
}

.home-visual .model-year .models {
    position: relative;
    float: left;
    width: 400px;
    height: 100px;
    margin: 0 0 5px
}

.home-visual .model-year .models ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.home-visual .model-year .models ul li {
    margin: 0
}

.home-visual .model-year .models ul li {
    float: left;
    width: 110px;
    height: 90px;
    padding-top: 10px
}

.home-visual .model-year .models ul li.active {
    width: 130px;
    height: 100px;
    padding-top: 0
}

.home-visual .model-year .models ul li img {
    width: 100%;
    vertical-align: bottom
}

.home-visual .model-year .models .prev,
.home-visual .model-year .models .next {
    width: 15px;
    float: left;
    margin-top: 40px
}

.home-visual .model-year .models .prev a,
.home-visual .model-year .models .next a {
    display: block;
    background: url("../images/btns.png") no-repeat 0 -480px;
    height: 18px
}

.home-visual .model-year .models .next a {
    background-position: 0 -510px
}

.home-visual .model-btns {
    top: 160px;
    right: 0;
    padding-right: 40%;
    width: 60%
}

@media screen and (max-height: 780px) {
    .home-visual .model-btns {
        top: 140px
    }
}

@media screen and (max-width: 1180px) {
    .home-visual .model-btns {
        top: 140px
    }
}

.home-visual .model-btns .btn {
    clear: both;
    float: right;
    display: inline-block;
    margin-bottom: 10px;
    padding-right: 30%
}

@media screen and (min-width: 1180px) {
    .home-visual .model-btns .btn {
        padding-right: 33%
    }
}

.home-visual .model-btns .btn a {
    color: #fff
}

.home-visual .model-btns .test-ride {
    padding-right: 26%
}

@media screen and (min-width: 1180px) {
    .home-visual .model-btns .test-ride {
        padding-right: 29%
    }
}

.home-visual .model-btns .test-ride a {
    font-size: 30px
}

.home-visual .model-btns .video {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.home-visual .model-btns .video .thumb {
    position: absolute;
    top: 0;
    right: 25%;
    width: 420px;
    z-index: 9
}

.home-visual .model-btns .video .inner {
    position: relative;
    float: right;
    width: 420px;
    height: 73px;
    background: url("../images/visual-hp-video.png") no-repeat;
    padding: 50px 25% 0 0;
    z-index: 10;
    text-align: center;
    text-transform: uppercase;
    font: 18px delta_promedium, arial, sans-serif
}

@media screen and (max-height: 780px) {
    .home-visual .model-btns .video .inner {
        padding-top: 30px;
        height: 48px;
        background: url("../images/visual-hp-video-small.png") no-repeat
    }
}

@media screen and (max-width: 1180px) {
    .home-visual .model-btns .video .inner {
        padding-top: 30px;
        height: 48px;
        background: url("../images/visual-hp-video-small.png") no-repeat
    }
}

.home-visual .model-btns .video .inner a {
    position: relative;
    padding: 5px 20px 0 0
}

.home-visual .model-btns .video .inner a:after,
.home-visual .model-btns .video .inner .ie-fix {
    position: absolute;
    right: -50px;
    top: 0;
    display: block;
    content: "";
    width: 60px;
    height: 40px;
    background: url("../images/btns.png") 0 -501px;
    cursor: pointer
}

.videoslider {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200
}

.videoslider .loading-bg {
    position: absolute;
    top: 0;
    left: 100%;
    width: 3880px;
    height: 900px;
    background: url("../images/video-loading-bg.png") no-repeat 0 0;
    z-index: 10
}

.videoslider img.loading {
    display: none;
    position: absolute;
    top: 200px;
    left: 50%;
    margin: -30px 0 0 -85px;
    z-index: 11
}

.videoslider .player-video,
.videoslider .mejs-container {
    width: 100%;
    height: 100%
}

.videoslider .player-close {
    position: absolute;
    top: 25px;
    right: 25px;
    display: none;
    width: 66px;
    height: 66px;
    background: url("../images/controls-kawasaki.png") no-repeat 0 -100px;
    z-index: 9;
    cursor: pointer
}

.home-offers {
    color: #fff
}

.home-offers .content,
.home-offers .label {
    position: absolute;
    z-index: 11
}

.home-offers .content {
    top: 0;
    left: 0;
    width: 850px;
    height: 720px;
    background: url("../images/home-offers.png") no-repeat 0 0
}

@media screen and (max-height: 780px) {
    .home-offers .content {
        left: -200px
    }
}

@media screen and (max-width: 1180px) {
    .home-offers .content {
        left: -200px
    }
}

.home-offers .label {
    bottom: 0;
    right: 0;
    width: 620px;
    height: 520px;
    background: url("../images/home-offers.png") no-repeat 100% 100%
}

.home-offers .label p {
    padding: 310px 0 0 310px;
    font-size: 30px
}

.home-offers .label p span {
    display: block;
    font: 48px/30px delta_promedium, arial, sans-serif;
    color: #69BE28
}

@media screen and (max-height: 780px) {
    .home-offers .label {
        right: -200px
    }
    .home-offers .label p {
        padding: 370px 0 0 160px;
        font-size: 24px
    }
    .home-offers .label p span {
        font-size: 42px
    }
}

@media screen and (max-width: 1180px) {
    .home-offers .label {
        right: -200px
    }
    .home-offers .label p {
        padding: 370px 0 0 160px;
        font-size: 24px
    }
    .home-offers .label p span {
        font-size: 42px
    }
}

.home-offers .title {
    margin: 0;
    padding: 7% 0 0 13%;
    font-size: 34px;
    line-height: 20px
}

@media screen and (max-height: 780px) {
    .home-offers .title {
        font-size: 24px;
        padding: 44px 0 0 33%
    }
}

@media screen and (max-width: 1180px) {
    .home-offers .title {
        font-size: 24px;
        padding: 44px 0 0 33%
    }
}

.home-offers .title em {
    display: block;
    font: 60px delta_promedium, arial, sans-serif
}

@media screen and (max-height: 780px) {
    .home-offers .title em {
        font-size: 42px
    }
}

@media screen and (max-width: 1180px) {
    .home-offers .title em {
        font-size: 42px
    }
}

.home-offers .btn-05 {
    position: absolute;
    top: 220px;
    right: 267px
}

@media screen and (max-height: 780px) {
    .home-offers .btn-05 {
        top: 170px;
        right: 207px
    }
}

@media screen and (max-width: 1180px) {
    .home-offers .btn-05 {
        top: 170px;
        right: 207px
    }
}

.bigscroll {
    width: 100%;
    overflow: hidden;
    position: relative
}

.bigscroll .bigscroll-prev,
.bigscroll .bigscroll-next {
    position: absolute;
    z-index: 100;
    top: 150px;
    width: 48px;
    height: 170px;
    cursor: pointer
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .bigscroll .bigscroll-prev,
    .bigscroll .bigscroll-next {
        width: 33px
    }
}

.bigscroll .bigscroll-prev {
    left: 0;
    background: url("../images/btns.png") no-repeat -350px -300px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .bigscroll .bigscroll-prev {
        background-position: -365px -300px
    }
}

.bigscroll .bigscroll-next {
    right: 0;
    background: url("../images/btns.png") no-repeat -400px -300px
}

.bigscroll .bigscroll-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: url("../images/bigslider-black-shadow.png") repeat-x 0 100%;
    z-index: 100
}

.bigscroll .bigscroll-wrap {
    width: 100%;
    position: relative;
    overflow: hidden
}

.bigscroll .bigscroll-item {
    float: left;
    display: block;
    position: relative;
    height: 540px;
    overflow: hidden
}

.bigscroll .bigscroll-item.active {
    display: block
}

.bigscroll .pager {
    position: absolute;
    z-index: 200;
    bottom: 30px;
    right: 13%
}

.bigscroll .home-video .mejs-poster {
    width: 100%;
    height: auto;
    background: #000 !important
}

.bigscroll .home-video .mejs-poster img {
    height: auto !important;
    display: inline !important
}

.bigscroll .home-video video {
    visibility: hidden
}

.p-home .bigscroll-prev,
.p-home .bigscroll-next {
    top: 250px
}

@media screen and (max-height: 780px) {
    .p-home .bigscroll-prev,
    .p-home .bigscroll-next {
        top: 33%
    }
}

@media screen and (max-width: 1180px) {
    .p-home .bigscroll-prev,
    .p-home .bigscroll-next {
        top: 33%
    }
}

.p-home .bigscroll-item {
    height: 788px
}

.news-single {
    padding-bottom: 60px
}

.news-single .date {
    font: 20px/20px delta_prolight_italic, arial, sans-serif
}

.news-single h1 {
    margin: 0 0 20px;
    font: 36px delta_prolight_italic, arial, sans-serif
}

.news-single article {
    margin-bottom: 60px
}

.news-single .models-covered,
.news-single .pilots-models {
    margin-top: 80px
}

.news-single .models-covered .label,
.news-single .pilots-models .label {
    float: left;
    width: 200px;
    padding-top: 60px;
    font: 18px delta_promedium, arial, sans-serif;
    text-transform: uppercase;
    color: #69BE28
}

.news-single .models-covered .list,
.news-single .pilots-models .list {
    margin-left: 200px
}

.news-single .models-covered .row,
.news-single .pilots-models .row {
    *zoom: 1
}

.news-single .models-covered .row:before,
.news-single .models-covered .row:after,
.news-single .pilots-models .row:before,
.news-single .pilots-models .row:after {
    content: " ";
    display: table
}

.news-single .models-covered .row:after,
.news-single .pilots-models .row:after {
    clear: both
}

.news-single .models-covered .row ul,
.news-single .pilots-models .row ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.news-single .models-covered .row ul li,
.news-single .pilots-models .row ul li {
    margin: 0
}

.news-single .models-covered .row ul li,
.news-single .pilots-models .row ul li {
    float: left;
    width: 200px;
    height: 150px;
    margin: 0 30px 20px 0
}

.news-single .models-covered .row .thumb,
.news-single .pilots-models .row .thumb {
    display: table-cell;
    width: 200px;
    height: 100px;
    margin: 0 auto 5px;
    overflow: hidden;
    text-align: center;
    vertical-align: bottom
}

.news-single .models-covered .row .name,
.news-single .models-covered .row .test,
.news-single .pilots-models .row .name,
.news-single .pilots-models .row .test {
    display: block;
    position: relative;
    background: url("../images/green-bars.png") repeat 0 -60px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin: 0 15px 3px 0;
    padding-left: 15px;
    height: 13px
}

.news-single .models-covered .row .name span,
.news-single .models-covered .row .test span,
.news-single .pilots-models .row .name span,
.news-single .pilots-models .row .test span {
    display: block;
    height: 13px;
    overflow: hidden
}

.news-single .models-covered .row .name:after,
.news-single .models-covered .row .test:after,
.news-single .pilots-models .row .name:after,
.news-single .pilots-models .row .test:after {
    position: absolute;
    right: -15px;
    top: 0;
    display: block;
    content: "";
    width: 15px;
    height: 13px;
    background: url("../images/green-bars.png") repeat 100% -60px
}

.news-single .models-covered .row .name,
.news-single .pilots-models .row .name {
    height: 24px;
    background: url("../images/green-bars.png") repeat 0 -80px;
    padding-left: 29px;
    margin-right: 29px
}

.news-single .models-covered .row .name span,
.news-single .pilots-models .row .name span {
    height: 24px;
    width: 140px;
    display: table-cell;
    vertical-align: middle;
    line-height: 10px
}

.news-single .models-covered .row .name:after,
.news-single .pilots-models .row .name:after {
    width: 29px;
    height: 24px;
    right: -29px;
    background: url("../images/green-bars.png") repeat 100% -80px
}

.news-single .news-single-img img {
    width: 100%
}

.news-single .gallery {
    margin: 0 -50px;
    padding: 20px 40px;
    background: url("../images/row-bg.gif") repeat 0 0;
    *zoom: 1
}

.news-single .gallery:before,
.news-single .gallery:after {
    content: " ";
    display: table
}

.news-single .gallery:after {
    clear: both
}

.news-single .gallery .list {
    position: relative;
    float: right;
    width: 26.3%
}

.news-single .gallery .list .prev,
.news-single .gallery .list .next {
    position: relative;
    float: right;
    width: 98.61%;
    padding: 0 0 1.04% 1.39%;
    z-index: 10
}

.news-single .gallery .list .prev img,
.news-single .gallery .list .next img {
    float: left;
    width: 100%;
    vertical-align: middle
}

.news-single .gallery .list .down {
    padding: 1.04% 0 0 1.39%
}

.news-single .gallery .list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.news-single .gallery .list ul li {
    margin: 0
}

.news-single .gallery .list ul li {
    position: relative;
    float: left;
    width: 33.2%;
    padding: 0 0 0.69% 0
}

.news-single .gallery .list ul li a {
    float: left;
    position: relative;
    margin-left: 4.16%
}

.news-single .gallery .list ul li img {
    float: left;
    width: 100%;
    vertical-align: middle
}

.news-single .gallery .list ul li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.news-single .gallery .list ul li.lnkThumbsVideo span {
    background: transparent url("../images/btn-play.png") no-repeat 50% 50%
}

.news-single .gallery .list ul li.active span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc);
    border: 3px solid #69BE28
}

.news-single .gallery .simplePagerNav li {
    display: none
}

.news-single .gallery .simplePagerNav li.previous,
.news-single .gallery .simplePagerNav li.next {
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0;
    background: red;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.news-single .gallery .simplePagerNav li.previous {
    top: 0
}

.news-single .gallery .simplePagerNav li.next {
    bottom: 0
}

.news-archive {
    padding-bottom: 60px
}

.news-archive .years-list {
    *zoom: 1;
    margin-bottom: 20px
}

.news-archive .years-list:before,
.news-archive .years-list:after {
    content: " ";
    display: table
}

.news-archive .years-list:after {
    clear: both
}

.news-archive .years-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.news-archive .years-list ul li {
    margin: 0
}

.news-archive .years-list ul li {
    float: left;
    margin-right: 40px
}

.news-archive .years-list ul li a {
    font: 20px/24px delta_promedium, arial, sans-serif;
    color: #000
}

.news-archive .years-list ul li span {
    display: block;
    height: 24px
}

.news-archive .years-list ul li.active {
    background: url("../images/green-bars.png") repeat 0 0;
    padding-left: 29px
}

.news-archive .years-list ul li.active a {
    color: #fff
}

.news-archive .years-list ul li.active span {
    display: block;
    background: url("../images/green-bars.png") repeat 100% -30px;
    padding: 0 39px 0 10px
}

.news-single .btn-03,
.news-archive .btn-03 {
    margin-right: -50px
}

.news-single .btn-04,
.news-archive .btn-04 {
    margin-left: -50px
}

.news-overview .content {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 770px;
    height: 394px;
    padding-top: 146px;
    background: url("../images/news-overview-content-bg.png") no-repeat 100% 100%;
    z-index: 11
}

.news-overview .content .logo {
    min-width: 124px;
    float: right;
    margin: 0 120px 80px 0;
    padding-top: 24px;
    text-align: right;
    color: #69BE28;
    text-transform: uppercase;
    font-size: 14px
}

.news-overview .content .text {
    clear: both;
    height: 190px;
    margin: 0 50px 0 360px;
    color: #fff;
    font-size: 32px
}

.news-overview .content .title {
    color: #fff;
    font-size: 40px;
    line-height: 42px
}

.news-overview .content .btn-05 {
    margin-right: 340px
}

.p-home .news-overview .content {
    width: 770px;
    height: 280px;
    padding-top: 350px
}

.p-home .news-overview .content .text {
    font-size: 20px
}

.p-home .news-overview .btn-05 {
    margin-right: 340px
}

.p-home .double-button .content {
    height: 450px
}

.p-home .double-button .text {
    height: 230px;
    margin-left: 450px
}

.p-home .double-button .btn-05.first {
    margin-right: 180px
}

.p-home .double-button .btn-05.second {
    margin: 10px 240px 0 0
}

@media screen and (max-width: 1180px),
screen and (max-height: 780px) {
    .p-home .double-button .content {
        right: -100px;
        bottom: -170px;
        height: 470px
    }
    .p-home .double-button .text {
        margin-left: 430px;
        height: 145px
    }
    .p-home .double-button .title {
        font-size: 36px
    }
    .p-home .double-button .btn-05.first {
        margin-right: 215px
    }
    .p-home .double-button .btn-05.second {
        margin: 10px 280px 0 0
    }
}

.interview-news {
    background-color: #1e1e1e;
    background-image: none;
    background: #1e1e1e url("../images/box-news-bg-on-big.png") no-repeat 0 0;
    *zoom: 1
}

.interview-news:before,
.interview-news:after {
    content: " ";
    display: table
}

.interview-news:after {
    clear: both
}

.interview-news .content-block h2.title {
    color: #69BE28;
    padding-left: 0
}

.item-track {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.item-carousel__image {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear
}

.item-carousel__image.loaded {
    opacity: 1;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear
}

.item-carousel__image>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.item-carousel__image.show {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear
}

.item-carousel__image.current {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear
}

.item-carousel__image.next {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear
}

.item-carousel__image.prev {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear
}

.interview-container {
    margin: 0 -20px
}

.interview-container .interview-container__item {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 25%;
    padding: 0 20px;
    margin-bottom: 42px
}

.interview-container .interview-container__item:nth-child(4n+0):after {
    content: "";
    clear: both;
    display: table;
    height: 4px;
    width: 100%
}

.interview-container .interview-container__item .interview-container__item-inner {
    width: 100%;
    background-color: #000;
    overflow: hidden;
    position: relative;
    cursor: pointer
}

.interview-container .interview-container__item .interview-container__item-inner:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 27px 27px;
    border-color: transparent transparent #1e1e1e transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99
}

.interview-container .interview-container__item .interview-container__item-inner a {
    text-decoration: none;
    display: block
}

.interview-container .interview-container__item .item__image {
    position: relative;
    text-align: center;
    min-height: 136px
}

.interview-container .interview-container__item .item__image img {
    vertical-align: top;
    height: auto;
    width: 100%
}

.interview-container .interview-container__item .item__image:hover .item__hover {
    opacity: 1;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2
}

.interview-container .interview-container__item .item__image .item__hover {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: rgba(120, 192, 64, 0.8);
    position: absolute;
    top: 0%;
    left: 0%;
    bottom: 0;
    right: 100%;
    opacity: 0;
    border: 3px solid #69BE28;
    width: 100%;
    height: 100%
}

.interview-container .interview-container__item .item__image .discover-more {
    display: table;
    width: 100%;
    height: 100%
}

.interview-container .interview-container__item .item__image .discover-more .discover-text {
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    color: white;
    font-family: delta_prolight, arial, sans-serif
}

.interview-container .interview-container__item .item__image .discover-more .discover-text:after {
    content: "";
    background: url("../images/btns.png") 0 -503px no-repeat;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-left: 9px
}

.interview-container .interview-container__item .item__text {
    padding: 0 21px 15px 12px;
    height: 110px;
    overflow: hidden
}

.interview-container .interview-container__item .item__text .item__date,
.interview-container .interview-container__item .item__text .item__excerpt {
    color: white
}

.interview-container .interview-container__item .item__date {
    padding: 7px 0 9px
}

.interview-container .interview-container__item .item__date em {
    font-size: 15px
}

.interview-container .interview-container__item .item__excerpt {
    font-size: 14px;
    height: 54px;
    overflow: hidden
}

.interview-container .btns {
    *zoom: 1;
    padding: 0 21px;
    clear: both
}

.interview-container .btns:before,
.interview-container .btns:after {
    content: " ";
    display: table
}

.interview-container .btns:after {
    clear: both
}

.interview-container .btns .more a,
.interview-container .btns .back-top a {
    color: white;
    font-size: 14px;
    padding-right: 18px;
    text-transform: uppercase
}

.interview-container .btns .more {
    background: url("../images/btns.png") no-repeat 100% -910px;
    float: left
}

.interview-container .btns .back-top {
    background: url("../images/btns.png") no-repeat 100% -891px;
    float: right
}

.line-divider {
    height: 1px;
    background-color: #69BE28;
    margin: 81px -50px;
    clear: both
}

.interview-single .btns {
    *zoom: 1
}

.interview-single .btns:before,
.interview-single .btns:after {
    content: " ";
    display: table
}

.interview-single .btns:after {
    clear: both
}

.interview-single .back-top {
    background: url("../images/btns.png") no-repeat 100% -891px;
    float: right;
    padding-right: 18px
}

.interview-single .back-top a {
    color: black;
    font-size: 14px
}

.loading_box {
    width: 100%;
    clear: both;
    padding: 21px 0;
    background-color: black;
    margin: 0 0 21px;
    border: 1px solid #2a2a2a;
    border-radius: 3px
}

.loading_box .loading_animation {
    background: url("../images/loading.gif") no-repeat 50% 50%;
    width: 200px;
    height: 50px;
    margin: 0 auto
}

.p-racing-home.p-news-home .slider .main {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.boxes-news {
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px;
    color: #fff;
    *zoom: 1
}

.boxes-news:before,
.boxes-news:after {
    content: " ";
    display: table
}

.boxes-news:after {
    clear: both
}

.boxes-news .expand {
    clear: both;
    display: none;
    *zoom: 1
}

.boxes-news .expand:before,
.boxes-news .expand:after {
    content: " ";
    display: table
}

.boxes-news .expand:after {
    clear: both
}

.boxes-news .btn-03 {
    margin-top: 10px
}

.boxes-news .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 22px 0 0 25px;
    background: url("../images/box-news-bg-big.png") no-repeat 0 0;
    z-index: 10;
    font-family: delta_prolight, arial, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc)
}

.boxes-news .content .btn-01 {
    position: absolute;
    top: 140px;
    left: 25px
}

.boxes-news .hover {
    display: none
}

.boxes-news .label {
    font-size: 18px
}

.boxes-news .label em {
    display: block;
    font: 22px/14px delta_promedium, arial, sans-serif;
    font-style: normal;
    color: #69BE28
}

.boxes-news .title {
    font: 14px/14px delta_prolight, arial, sans-serif;
    font-weight: normal;
    text-transform: uppercase
}

.boxes-news .thumb {
    overflow: hidden
}

.boxes-news .thumb img {
    width: 100%;
    vertical-align: middle
}

@media screen and (max-width: 1180px),
screen and (max-height: 780px) {
    .boxes-news .content {
        padding: 10px 0 0 30px;
        background: url("../images/box-news-bg.png") no-repeat 0 0
    }
    .boxes-news .content .btn-01 {
        top: 110px;
        left: 15px
    }
    .boxes-news .title {
        font: 10px/10px delta_prolight, arial, sans-serif
    }
    .boxes-news .label {
        font-size: 13px
    }
    .boxes-news .label em {
        font: 16px/10px delta_promedium, arial, sans-serif
    }
}

.boxes-news.h-fixed .thumb img {
    width: auto
}

.box-news-1x,
.box-news-2x {
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc);
    width: 25%;
    border: 3px solid #000;
    cursor: pointer
}

.box-news-1x:hover .hover,
.box-news-2x:hover .hover {
    display: block
}

.box-news-1x:hover .content,
.box-news-2x:hover .content {
    background: url("../images/box-news-bg-on-big.png") no-repeat 0 0
}

@media screen and (max-width: 1180px) {
    .box-news-1x:hover .content,
    .box-news-2x:hover .content {
        background: url("../images/box-news-bg-on.png") no-repeat 0 0
    }
}

.box-news-1x .icon,
.box-news-2x .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url("../images/box-news-racing.icon.png") no-repeat 0 0;
    padding: 0 10px 0 110px
}

@media screen and (max-width: 1180px) {
    .box-news-1x .icon img,
    .box-news-2x .icon img {
        float: right;
        width: 70%
    }
}

.news-list-1x,
.news-list-2x {
    float: left
}

.news-list-1x .box-news-1x,
.news-list-1x .box-news-2x,
.news-list-2x .box-news-1x,
.news-list-2x .box-news-2x {
    width: 100%
}

.news-list-1x ul,
.news-list-2x ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.news-list-1x ul li,
.news-list-2x ul li {
    margin: 0
}

.news-list-1x ul.list li,
.news-list-2x ul.list li {
    display: none;
    position: relative
}

.news-list-1x ul.list li.active,
.news-list-2x ul.list li.active {
    display: block
}

.news-list-1x {
    width: 25%
}

.news-list-2x {
    width: 50%
}

.compare-tool .head .title,
.compare-tool .table-title {
    text-transform: uppercase;
    color: #69BE28;
    font: 14px delta_promedium, arial, sans-serif;
    font-style: normal
}

.compare-tool .head {
    *zoom: 1;
    margin-bottom: 40px
}

.compare-tool .head:before,
.compare-tool .head:after {
    content: " ";
    display: table
}

.compare-tool .head:after {
    clear: both
}

.compare-tool .head .box {
    float: left;
    width: 22.5%;
    margin: 0 1.25%
}

.compare-tool .head .box .inner {
    position: relative;
    margin-bottom: 25px;
    background: #fff
}

.compare-tool .head .box .inner .thumb {
    min-height: 100px
}

.compare-tool .head .box .inner .thumb img {
    display: none
}

.compare-tool .head .box .inner .thumb img.active {
    display: block
}

.compare-tool .head .box .inner .btns {
    position: absolute;
    width: 100%;
    height: 116px;
    top: 194px
}

.compare-tool .head .box .inner .prev,
.compare-tool .head .box .inner .next {
    position: absolute;
    bottom: 0;
    width: 30px;
    height: 116px;
    background: url("../images/btns.png") no-repeat 0 -300px;
    cursor: pointer
}

.compare-tool .head .box .inner .prev {
    left: 0;
    background-position: -40px -300px
}

.compare-tool .head .box .inner .next {
    right: 0
}

.compare-tool .head .box .inner .close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url("../images/btns.png") no-repeat 0 -550px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.compare-tool .head .box .select {
    margin-bottom: 10px
}

.compare-tool .table-box {
    clear: both;
    margin-bottom: 35px;
    font-family: delta_promedium, arial, sans-serif
}

.compare-tool .table-box table {
    width: 100%;
    background: #fff;
    font-size: 14px
}

.compare-tool .table-box table tr:hover td,
.compare-tool .table-box table tr:hover th,
.compare-tool .table-box table tr.active td,
.compare-tool .table-box table tr.active th {
    background: #69BE28
}

.compare-tool .table-box table tr:hover th.table-title,
.compare-tool .table-box table tr.active th.table-title {
    background: #fff
}

.compare-tool .table-box table .even,
.compare-tool .table-box table .grayrow {
    background: #e8e8e8
}

.compare-tool .table-box table .grayrow td,
.compare-tool .table-box table .grayrow th {
    padding: 0;
    height: 14px
}

.compare-tool .table-box table td,
.compare-tool .table-box table th {
    width: 22.5%;
    padding: 3px 1.25%
}

.compare-tool .table-box table th {
    text-align: left;
    font-weight: normal
}

.compare-tool .table-box table td .btn-01 {
    float: left
}

.compare-tool .table-box.last table tr:hover td,
.compare-tool .table-box.last table tr:hover th {
    background: #fff
}

.compare-tool .table-box.last table .even:hover td,
.compare-tool .table-box.last table .even:hover th,
.compare-tool .table-box.last table .grayrow:hover td,
.compare-tool .table-box.last table .grayrow:hover th {
    background: #e8e8e8
}

.compare-tool .bottom-green-row {
    margin: 0 -30px;
    *zoom: 1;
    padding: 20px 0 0
}

.compare-tool .bottom-green-row:before,
.compare-tool .bottom-green-row:after {
    content: " ";
    display: table
}

.compare-tool .bottom-green-row:after {
    clear: both
}

.compare-tool .modal {
    z-index: 9000
}

.compare-tool .modal .bg {
    background: #000
}

.compare-tool .modal .loading {
    position: relative;
    z-index: 10;
    text-align: center;
    padding-top: 500px
}

.produc-nav {
    position: absolute;
    left: 0;
    bottom: 60px;
    z-index: 200
}

@media screen and (min-width: 1180px) {
    .produc-nav {
        left: 80px
    }
}

.produc-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.produc-nav ul li {
    margin: 0
}

.produc-nav ul li,
.produc-nav ul div {
    background: url("../images/product.png") no-repeat 0 0
}

.produc-nav ul li {
    position: relative;
    float: left;
    padding-left: 60px;
    margin-right: -61px
}

.produc-nav ul li div {
    display: table;
    position: relative;
    height: 51px;
    padding-right: 61px;
    background-position: 100% -60px
}

@media screen and (max-width: 1024px) {
    .produc-nav ul li div {
        padding-right: 55px
    }
}

.produc-nav ul li span {
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -34px;
    display: block;
    width: 7px;
    height: 7px;
    background: url("../images/btns.png") no-repeat 100% -60px
}

.produc-nav ul li a {
    display: table-cell;
    margin: 0 -8px;
    color: #fff;
    font: 14px/18px delta_promedium, arial, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
    text-align: center
}

@media screen and (min-width: 1180px) {
    .produc-nav ul li a {
        padding: 0 10px
    }
}

.produc-nav ul li a:hover {
    color: #69BE28
}

.produc-nav ul li.double a {
    font-size: 14px;
    white-space: nowrap
}

.produc-nav ul li.disable a {
    color: #666 !important;
    cursor: default
}

.produc-nav ul li.disable span,
.produc-nav ul li.disable ul {
    display: none !important
}

.produc-nav ul li.active {
    background-position: 0 -120px
}

.produc-nav ul li.active div {
    background-position: 100% -180px
}

.produc-nav ul li.active a {
    color: #000
}

.produc-nav ul li.last {
    background-position: 0 -240px
}

.produc-nav ul li.last div {
    background-position: 100% -300px
}

.produc-nav .double:hover ul {
    display: block
}

.produc-nav .double:hover a {
    color: #69BE28
}

.produc-nav .double ul {
    display: none;
    position: absolute;
    bottom: 50px;
    left: 60px;
    min-width: 100%
}

.produc-nav .double ul li {
    float: none;
    height: 30px;
    background: none;
    margin: 0;
    padding: 0 60px 0 0
}

.produc-nav .double ul li a,
.produc-nav .double ul li span {
    height: 30px;
    background: url("../images/nav-main.png") no-repeat 0 0;
    margin: 0;
    font: 12px/30px delta_prolight, arial, sans-serif;
    color: #fff
}

.produc-nav .double ul li a {
    display: block;
    background-position: 0 -880px !important;
    padding: 0 0 0 29px
}

.produc-nav .double ul li a:hover {
    background-position: 0 -960px !important
}

.produc-nav .double ul li a:hover span {
    background-position: 100% -1000px !important;
    color: #69BE28
}

.produc-nav .double ul li span {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    background-position: 100% -920px !important;
    padding-right: 30px;
    text-align: center
}

.product-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #cbcfce 50% 50%;
    background-size: cover;
    z-index: 10
}

.product-bg.havealpha {
    background-position: 50% 0
}

.product-bg.havealpha:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    background: transparent url("../images/bkg_r.png") 50% 50% repeat
}

.product .models {
    position: relative;
    height: 73px;
    margin: 0 1px;
    background: #171717;
    border: 1px solid #3a3a3a
}

.product .models ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.product .models ul li {
    margin: 0
}

.product .models ul div {
    background: url("../images/product.png") no-repeat 0 -450px
}

.product .models ul li {
    float: left;
    padding-left: 122px;
    margin-right: -122px;
    max-width: 25%
}

.product .models ul li div {
    display: table;
    height: 73px;
    text-align: center;
    background-position: 100% -540px;
    padding-right: 122px
}

.product .models ul li div a {
    display: table-cell;
    vertical-align: middle;
    font: 18px delta_promedium, arial, sans-serif;
    color: #555555
}

.product .models ul li.active div {
    background-position: 100% -720px
}

.product .models ul li.active div a {
    color: #fff
}

.product .models ul li.p-2009 {
    background: url("../images/product-2009.png") no-repeat 0 0
}

.product .models ul li.p-2009.active {
    background-position: 0 -80px
}

.product .models ul li.p-2010 {
    background: url("../images/product-2010.png") no-repeat 0 0
}

.product .models ul li.p-2010.active {
    background-position: 0 -80px
}

.product .models ul li.p-2011 {
    background: url("../images/product-2011.png") no-repeat 0 0
}

.product .models ul li.p-2011.active {
    background-position: 0 -80px
}

.product .models ul li.p-2012 {
    background: url("../images/product-2012.png") no-repeat 0 0
}

.product .models ul li.p-2012.active {
    background-position: 0 -80px
}

.product .models ul li.p-2013 {
    background: url("../images/product-2013.png") no-repeat 0 0
}

.product .models ul li.p-2013.active {
    background-position: 0 -80px
}

.product .models ul li.p-2014 {
    background: url("../images/product-2014.png") no-repeat 0 0
}

.product .models ul li.p-2014.active {
    background-position: 0 -80px
}

.product .models ul li.p-2015 {
    background: url("../images/product-2015.png") no-repeat 0 0
}

.product .models ul li.p-2015.active {
    background-position: 0 -80px
}

.product .models ul li.p-2016 {
    background: url("../images/product-2016.png") no-repeat 0 0
}

.product .models ul li.p-2016.active {
    background-position: 0 -80px
}

.product .models ul li.p-2017 {
    background: url("../images/product-2017.png") no-repeat 0 0
}

.product .models ul li.p-2017.active {
    background-position: 0 -80px
}

.product .models ul li.p-2018 {
    background: url("../images/product-2018.png") no-repeat 0 0
}

.product .models ul li.p-2018.active {
    background-position: 0 -80px
}

.product .models ul li.p-new {
    background: url("../images/product-new.png") no-repeat 0 0
}

.product .models ul li.p-new.active {
    background-position: 0 -80px
}

.product .models .racing {
    position: absolute;
    top: 0;
    right: 0;
    height: 23px;
    padding: 50px 10px 0 50px;
    background: url("../images/product.png") no-repeat 0 -810px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff
}

.product .boxes {
    position: absolute;
    bottom: 130px;
    right: 20px;
    z-index: 12;
    text-transform: uppercase
}

.product .l-page-action {
    top: 77px
}

.product .l-page-action ul {
    float: right
}

.product .compare-alert {
    float: right;
    height: 24px;
    background: url("../images/product.png") no-repeat 100% -1158px;
    padding-right: 40px;
    margin: 3px 100px 0 0;
    z-index: 11;
    color: #69BE28;
    font: 12px/20px delta_prolight, arial, sans-serif;
    text-transform: uppercase
}

.product-features,
.product-specifications,
.product-multimedia {
    height: 735px;
    padding-top: 45px
}

.p-c-s:after,
.product-features:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 140px;
    background: -webkit-linear-gradient(#fff, #eee, #d0d0d0) left repeat;
    background: -moz-linear-gradient(#fff, #eee, #d0d0d0) left repeat;
    background: -ms-linear-gradient(#fff, #eee, #d0d0d0) left repeat;
    background: -o-linear-gradient(#fff, #eee, #d0d0d0) left repeat;
    background: linear-gradient(#fff, #eee, #d0d0d0) left repeat
}

.po-outlet {
    clear: both;
    padding-bottom: 9px
}

.po-outlet .btn--bordered {
    border: 2px solid #69BE28;
    display: inline-block;
    font-size: 14px;
    padding: 4px 24px 5px 6px;
    position: relative;
    text-transform: uppercase
}

.po-outlet .btn--bordered:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    dispaly: inline-block;
    right: 0;
    top: 50%;
    margin-top: -7px;
    background: transparent url("../images/btns.png") 100% -389px no-repeat
}

.po-content {
    position: relative;
    max-width: 500px;
    z-index: 11
}

.po-info {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
    margin: 0 0 15px
}

.po-info__title h1 {
    font-family: delta_promedium, arial, sans-serif;
    margin: 0 0 20px;
    font-size: 2.5em
}

.po-description {
    font: 0.8125em delta_prolight, arial, sans-serif
}

@media screen and (max-width: 1180px) {
    .po-price {
        float: left
    }
}

.po-price .cancel {
    text-decoration: line-through
}

.po-price td {
    padding: 0 20px 5px 0
}

.po-price em {
    color: #69BE28;
    font-style: normal
}

.po-price .info {
    position: relative
}

.po-price .info .icon {
    position: relative;
    width: 45px;
    height: 16px;
    background: url("../images/product.png") no-repeat 0 -360px;
    z-index: 11
}

.po-price .info .inner {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 173px;
    height: 66px;
    padding: 5px 80px 5px 90px;
    background: url("../images/product.png") no-repeat 100% -360px;
    display: none;
    font-size: 12px;
    color: #000
}

.po-price .info:hover .inner {
    display: block
}

.po-vertical-stage {
    height: 225px;
    overflow: hidden;
    position: relative
}

.po-vertical {
    height: 225px;
    padding: 20px 0;
    position: relative
}

.btn-next,
.btn-prev {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: rgba(0, 0, 0, 0.5) url("../images/btns.png") -350px -894px no-repeat;
    color: white;
    text-transform: uppercase;
    font-size: 0;
    font-family: delta_prolight, arial, sans-serif;
    border: 0
}

.btn-next:focus,
.btn-prev:focus {
    outline: 0
}

.btn-next:hover,
.btn-prev:hover {
    background-color: rgba(0, 0, 0, 0.6)
}

.btn-next:active,
.btn-prev:active {
    background-color: rgba(0, 0, 0, 0.7)
}

.btn-next {
    bottom: 0;
    background-position: -350px -914px
}

.btn-prev {
    top: 0
}

.po-promo {
    display: table;
    box-sizing: border-box;
    width: 100%;
    background: rgba(105, 190, 40, 0.65);
    padding: 3px 10px;
    border-top: 1px solid #fff;
    color: #fff;
    height: 112px
}

.po-promo:first-child {
    border: 0
}

.po-promo__content,
.po-promo__img {
    display: table-cell;
    width: 50%;
    vertical-align: middle
}

.po-promo__content img,
.po-promo__img img {
    vertical-align: bottom;
    max-height: 100px
}

.po-promo__content h2 {
    margin: 0;
    font: 20px/20px delta_prolight, arial, sans-serif
}

.po-promo__content span {
    font: 18px delta_promedium, arial, sans-serif
}

.po-promo__img {
    max-width: 100%;
    max-height: 100px;
    text-align: right
}

.product-overview {
    box-sizing: border-box;
    position: relative;
    min-height: 785px;
    overflow: hidden;
    padding: 40px 0 130px 25px;
    background: #000;
    color: #fff
}

.product-overview .po-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.product-overview .po-video .player {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9
}

.product-overview .po-video .player video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.product-overview .po-video .mejs-overlay-play {
    display: none !important
}

.product-overview .po-video .po-video__play,
.product-overview .po-video .po-video__close {
    position: absolute;
    cursor: pointer;
    z-index: 20
}

.product-overview .po-video .po-video__play {
    display: none;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url("../images/bigplay.png") no-repeat 0 0
}

.product-overview .po-video .po-video__play:hover {
    background-position: 0 -100px
}

.product-overview .po-video .po-video__close {
    display: none;
    top: 0px;
    right: 0px;
    width: 48px;
    height: 40px;
    background: #000 url("../images/po-video-close.png") no-repeat 50% 50%
}

.product-overview .po-video .mejs-controls {
    opacity: 0
}

.product-overview .po-video.init-video .po-video__play {
    display: block
}

.product-overview .po-video.video-open .player {
    z-index: 13
}

.product-overview .po-video.video-open .po-video__play {
    display: none
}

.product-overview .po-video.video-open .po-video__close {
    display: block
}

.product-overview .po-video.video-open .mejs-controls {
    opacity: 1
}

.product-overview .po-video .mejs-kawasaki .mejs-controls {
    bottom: 50px
}

.product-overview .content {
    position: relative;
    height: 100%;
    padding: 45px 0 0 30px;
    z-index: 11
}

.lt-ie8 .product-overview .color div {
    zoom: 1;
    display: inline
}

.product-features {
    background: #fff;
    height: auto;
    padding: 45px 60px 120px;
    position: relative
}

@media screen and (min-width: 1366px) {
    .product-features {
        padding: 45px 60px 120px
    }
}

.product-features>.content {
    position: relative
}

.product-features .step {
    display: none;
    position: relative;
    z-index: 10;
    *zoom: 1;
    z-index: 10
}

.product-features .step:before,
.product-features .step:after {
    content: " ";
    display: table
}

.product-features .step:after {
    clear: both
}

.product-features .step.active {
    display: block
}

.product-features .row {
    position: relative;
    *zoom: 1
}

.product-features .row:before,
.product-features .row:after {
    content: " ";
    display: table
}

.product-features .row:after {
    clear: both
}

.product-features .row.row-top {
    float: left;
    width: 377px;
    position: absolute
}

@media screen and (min-width: 1366px) {
    .product-features .row.row-top {
        width: 30.30303%;
        position: relative
    }
}

.product-features .row.row-bottom {
    float: right;
    min-height: 480px;
    width: 69.69697%
}

@media screen and (min-width: 1366px) {
    .product-features .row.row-bottom {
        width: 69.69697%
    }
}

.product-features .row .text {
    font: 12px/13px delta_prolight, arial, sans-serif;
    *zoom: 1
}

.product-features .row .text:before,
.product-features .row .text:after {
    content: " ";
    display: table
}

.product-features .row .text:after {
    clear: both
}

.product-features .row .title {
    font: 12px delta_promedium, arial, sans-serif
}

.product-features .row .thumb {
    position: relative
}

.product-features .row .thumb .btn-01 {
    bottom: 20px;
    position: absolute;
    right: -20px;
    z-index: 10
}

.product-features .row.row--icon .pf-row__thumb {
    height: 110px;
    background: #fff;
    min-width: 195px
}

.product-features .row.row--icon .pf-row__thumb:after {
    display: none
}

.product-features .row.row--icon .pf-row__thumb img {
    top: 50%;
    left: 50%;
    width: auto;
    max-height: 90px;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    .product-features .row.row--icon .pf-row__thumb img {
        margin-top: 25%
    }
}

.product-features .pf-row__wrap {
    background: #7f7f7f;
    display: inline-block;
    padding: 10px 5px;
    width: 100%
}

.product-features .pf-row__item {
    box-sizing: border-box;
    cursor: pointer;
    display: table;
    width: 100%;
    height: 100px;
    margin-top: 6px;
    padding: 0 3px;
    position: relative
}

.product-features .pf-row__item[style="visibility:hidden"] {
    display: none
}

@media screen and (min-width: 1366px) {
    .product-features .pf-row__item {
        height: 110px
    }
}

.product-features .pf-row__item>* {
    box-sizing: border-box
}

.product-features .pf-row__item:first-child {
    margin-top: 0
}

.product-features .pf-row__item:hover .pf-row__thumb:after,
.product-features .pf-row__item.clicked .pf-row__thumb:after {
    opacity: 0
}

.product-features .pf-row__item:hover .pf-row__title,
.product-features .pf-row__item.clicked .pf-row__title {
    background-color: white;
    color: black
}

.product-features .pf-row__item:hover .pf-row__title:after,
.product-features .pf-row__item.clicked .pf-row__title:after {
    display: block
}

.product-features .pf-row__thumb {
    display: table-cell;
    overflow: hidden;
    position: relative;
    padding-right: 6px;
    width: 54.28571%
}

.product-features .pf-row__thumb img {
    height: auto;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    vertical-align: top;
    background-color: white
}

.product-features .pf-row__thumb:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 6px;
    background: #7f7f7f;
    z-index: 200
}

.product-features .pf-row__thumb:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #666;
    z-index: 1;
    opacity: 0.5
}

.product-features .pf-row__title {
    color: #fff;
    font-size: 12px;
    display: table-cell;
    position: relative;
    padding: 0 12px;
    padding-top: 3px;
    text-align: left;
    width: 45.71429%
}

@media screen and (min-width: 1366px) {
    .product-features .pf-row__title {
        font-size: 14px
    }
}

.product-features .pf-row__title:after {
    content: "";
    background: #69BE28 url("../images/btn-arrow-white-right.png") 95% 50% no-repeat;
    width: 100%;
    height: 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none
}

.product-features .col-hotspot .inner {
    opacity: 0.5
}

.product-features .col-hotspot .inner:hover,
.product-features .col-hotspot .inner.active,
.product-features .col-hotspot .inner.clicked {
    opacity: 1
}

.product-features .col-hotspot .imgs {
    width: 190px;
    border: 1px solid #000;
    overflow: hidden
}

.product-features .col-hotspot .text p {
    margin-top: 3px
}

.product-features .col-hotspot .text p img {
    width: 37px;
    height: 37px
}

.product-features .col-2,
.product-features .col-3,
.product-features .col-image {
    float: left
}

.product-features .col-2 .inner,
.product-features .col-3 .inner,
.product-features .col-image .inner {
    position: relative
}

.product-features .col-2 .inner,
.product-features .col-3 .inner {
    *zoom: 1
}

.product-features .col-2 .inner:before,
.product-features .col-2 .inner:after,
.product-features .col-3 .inner:before,
.product-features .col-3 .inner:after {
    content: " ";
    display: table
}

.product-features .col-2 .inner:after,
.product-features .col-3 .inner:after {
    clear: both
}

.product-features .col-2 {
    width: 50%
}

.product-features .col-2 .inner {
    width: 440px;
    margin: 0 auto
}

.product-features .col-2 .thumb,
.product-features .col-2 .text {
    float: left
}

.product-features .col-2 .thumb {
    margin-right: 20px
}

.product-features .col-2 .imgs {
    height: 110px
}

.product-features .col-2 .text {
    width: 225px
}

.product-features .col-3 {
    width: 20.08%;
    position: absolute;
    bottom: 0
}

.product-features .col-3 .inner {
    width: 190px;
    background: url("../images/product-features-thumb-bg.png") no-repeat 50% 100%;
    padding: 0 0 20px
}

.product-features .col-3.left {
    left: 0
}

.product-features .col-3.right {
    right: 0
}

.product-features .col-3.right .inner {
    float: right
}

.product-features .col-3 .imgs {
    height: 110px
}

.product-features .col-image {
    position: relative;
    width: 75%;
    margin: 0px auto 0;
    float: none;
    overflow: hidden;
    margin-left: 25%
}

@media screen and (min-width: 1366px) {
    .product-features .col-image {
        margin: 0px auto
    }
}

.product-features .col-image .hotspot {
    position: absolute;
    width: 26px;
    height: 26px;
    background: url("../images/hotspot-animate.png") no-repeat 0 0;
    -webkit-animation: pulse 1s ease-in infinite;
    -moz-animation: pulse 1s ease-in infinite;
    animation: pulse 1s ease-in infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000;
    cursor: pointer
}

.product-features .col-image .hotspot:hover,
.product-features .col-image .hotspot.big,
.product-features .col-image .hotspot.on {
    width: 26px;
    height: 26px;
    background-position: 0 0 !important;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

.product-features .col-image .hotspot img {
    display: none
}

.product-features .col-image img {
    width: 100%
}

.product-features .col-image img.model {
    margin-top: 0px;
    visibility: hidden
}

.product-features .step-image {
    position: absolute;
    top: 225px;
    left: 0;
    width: 100%;
    z-index: 9;
    display: none;
    overflow: hidden;
    top: 0
}

.product-features .step-image.active {
    display: block
}

.product-features .step-image .row img.model,
.product-features .step-image .row #divSliderAdvCanvas {
    margin-top: 0px;
    visibility: visible
}

.product-features .slider {
    position: relative;
    height: 90px;
    margin: 0;
    border-top: 2px solid #e5e5e5;
    padding-top: 20px;
    z-index: 10
}

.product-features .slider .inner {
    width: 1000px;
    margin: 0 auto;
    clear: left
}

.product-features .slider .left,
.product-features .slider .main,
.product-features .slider .right {
    float: left
}

.product-features .slider .left,
.product-features .slider .right {
    width: 300px;
    font-size: 10px;
    line-height: 12px
}

.product-features .slider .left img,
.product-features .slider .right img {
    margin: 0 10px;
    height: 26px
}

.product-features .slider .left {
    text-align: right
}

.product-features .slider .left img {
    float: right
}

.product-features .slider .right img {
    float: left
}

.product-features .slider .label {
    clear: both;
    text-align: center;
    font-size: 12px
}

.product-features .slider .main {
    position: relative;
    width: 360px;
    height: 40px;
    background: url("../images/models-slider.png") no-repeat 0 -350px
}

.product-features .slider .main .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 6px;
    background: url("../images/models-slider.png") no-repeat -400px -350px
}

.product-features .slider .main .slide {
    width: 300px;
    margin-left: 5px;
    background: none;
    border: 0
}

.product-features .slider .main .ui-slider-handle,
.product-features .slider .main .btn {
    width: 70px;
    height: 20px;
    position: absolute;
    top: 12px;
    left: 50px;
    background: url("../images/models-slider.png") no-repeat -130px -110px;
    cursor: pointer;
    border: 0
}

@-webkit-keyframes pulse {
    from {
        zoom: 1;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-origin: 50% 50%;
        -webkit-perspective: 1000;
        perspective: 1000
    }
    to {
        zoom: 0.9;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-origin: 50% 50%;
        -webkit-perspective: 1000;
        perspective: 1000
    }
}

@-moz-keyframes pulse {
    from {
        zoom: 1;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-origin: 50% 50%;
        -webkit-perspective: 1000;
        perspective: 1000
    }
    to {
        zoom: 0.9;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-origin: 50% 50%;
        -webkit-perspective: 1000;
        perspective: 1000
    }
}

@-ms-keyframes pulse {
    from {
        zoom: 1;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-origin: 50% 50%;
        -webkit-perspective: 1000;
        perspective: 1000
    }
    to {
        zoom: 0.9;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-origin: 50% 50%;
        -webkit-perspective: 1000;
        perspective: 1000
    }
}

@-o-keyframes pulse {
    from {
        zoom: 1;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-origin: 50% 50%;
        -webkit-perspective: 1000;
        perspective: 1000
    }
    to {
        zoom: 0.9;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-origin: 50% 50%;
        -webkit-perspective: 1000;
        perspective: 1000
    }
}

@keyframes pulse {
    from {
        zoom: 1;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-origin: 50% 50%;
        -webkit-perspective: 1000;
        perspective: 1000
    }
    to {
        zoom: 0.9;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-origin: 50% 50%;
        -webkit-perspective: 1000;
        perspective: 1000
    }
}

.p-c-s {
    background: #fff url("../images/product-bkgr.jpg") no-repeat 0 0;
    background-size: 100% auto;
    overflow: hidden
}

.p-c-s__wrap {
    *zoom: 1;
    position: relative;
    left: 0;
    -webkit-transition: left 500ms ease-in-out;
    -moz-transition: left 500ms ease-in-out;
    -ms-transition: left 500ms ease-in-out;
    -o-transition: left 500ms ease-in-out;
    transition: left 500ms ease-in-out;
    width: 200%
}

.p-c-s__wrap:before,
.p-c-s__wrap:after {
    content: " ";
    display: table
}

.p-c-s__wrap:after {
    clear: both
}

.p-c-s__wrap.p-c-s__wrap--slide {
    left: -100%
}

.p-c-s__btn {
    position: absolute;
    top: 707px;
    border: 3px solid #69BE28;
    padding: 7px 18px;
    font: 20px delta_prolight, arial, sans-serif;
    color: #69BE28;
    cursor: pointer
}

.p-c-s__btn span:after,
.p-c-s__btn span:before {
    position: relative;
    top: -1px;
    display: inline-block;
    width: 12px;
    height: 18px;
    vertical-align: middle
}

.p-c-s .product-specifications,
.p-c-s .product-colors {
    position: relative;
    float: left;
    width: 50%;
    vertical-align: top
}

.p-c-s .p-c-s__wrap {
    margin-bottom: 140px
}

.p-c-s .product-colors .content {
    position: relative;
    width: 80%;
    height: 100%;
    margin: 0 auto 40px;
    padding: 45px 0 0 30px;
    z-index: 11
}

.p-c-s .product-colors .content .title {
    margin: 0;
    font: 48px delta_promedium, arial, sans-serif
}

.p-c-s .product-colors .content .title em {
    color: #69BE28;
    font-style: normal
}

.p-c-s .product-colors .content .desc {
    font: 13px/18px delta_prolight, arial, sans-serif
}

.p-c-s .product-colors .content .desc p {
    margin-top: 0
}

.p-c-s .product-colors .image {
    position: relative;
    width: 666px;
    margin: 0 auto;
    padding-bottom: 500px;
    text-align: center
}

.p-c-s .product-colors .image img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.p-c-s .product-colors .image img.active {
    display: inline
}

.p-c-s .product-colors .color {
    width: 100%;
    color: #000;
    font: 12px delta_promedium, arial, sans-serif;
    text-align: center;
    text-transform: uppercase
}

.p-c-s .product-colors .color .inner {
    display: inline;
    text-align: center
}

.p-c-s .product-colors .color .inner div {
    position: relative;
    display: inline-block;
    padding: 18px 4px 4px;
    cursor: pointer
}

.p-c-s .product-colors .color .inner div.active,
.p-c-s .product-colors .color .inner div:hover {
    background: url("../images/product.png") no-repeat -122px -360px
}

.p-c-s .product-colors .color .inner img {
    border: 2px solid #fff
}

.p-c-s .product-colors .color .label {
    clear: both
}

.p-c-s .product-colors .p-c-s__btn {
    right: 15%
}

.p-c-s .product-colors .p-c-s__btn span:after {
    content: "";
    background: url("../images/btns.png") 0 -1160px;
    margin-left: 10px
}

.product-specifications {
    padding-top: 35px 0 0;
    height: auto
}

.product-specifications .p-c-s__btn {
    left: 5%
}

@media screen and (max-width: 1024px) {
    .product-specifications .p-c-s__btn {
        left: 4%
    }
}

.product-specifications .p-c-s__btn span:before {
    content: "";
    background: url("../images/btns.png") -20px -1160px;
    margin-right: 10px
}

.product-specifications .boxes .compare-box {
    background-position: 0 -1190px
}

.product-specifications .specs-archive {
    position: relative;
    margin-left: 8.75%;
    font-size: 12px;
    *zoom: 1
}

.product-specifications .specs-archive:before,
.product-specifications .specs-archive:after {
    content: " ";
    display: table
}

.product-specifications .specs-archive:after {
    clear: both
}

.product-specifications .specs-archive .title {
    margin: 0;
    font: 24px delta_promedium, arial, sans-serif;
    text-transform: uppercase;
    color: #69BE28
}

.product-specifications .specs-archive .cols {
    min-height: 650px;
    float: left;
    border-bottom: 1px solid #69BE28
}

.product-specifications .specs-archive .col {
    float: left;
    width: 200px
}

.product-specifications .specs-archive dl {
    margin: 0 0 7px
}

.product-specifications .specs-archive dt {
    font-family: delta_promedium, arial, sans-serif
}

.product-specifications .specs-archive dt a {
    color: #000
}

.product-specifications .specs-archive dt a:hover,
.product-specifications .specs-archive dt a.active {
    color: #69BE28
}

.product-specifications .specs-archive dd {
    margin: 0
}

.product-specifications .specs-archive dd span {
    display: none
}

.product-specifications .specs-archive .boxes {
    bottom: 0
}

.product-specifications .specs {
    width: 78%;
    margin-left: 20%;
    margin-right: 2%;
    font-size: 14px
}

.product-specifications .specs .specs__row {
    *zoom: 1
}

.product-specifications .specs .specs__row:before,
.product-specifications .specs .specs__row:after {
    content: " ";
    display: table
}

.product-specifications .specs .specs__row:after {
    clear: both
}

.product-specifications .specs .specs__col {
    float: left;
    width: 48%
}

.product-specifications .specs .specs__col h2 {
    position: relative;
    background: #69BE28;
    padding-left: 80px;
    color: #fff;
    font: 18px/40px delta_promedium, arial, sans-serif;
    text-transform: uppercase
}

.product-specifications .specs .specs__col h2:before {
    position: absolute;
    top: 0;
    left: 30px;
    content: "";
    display: inline-block;
    width: 38px;
    height: 40px;
    background: url("../images/specifications.png") no-repeat 0 0
}

.product-specifications .specs .specs__col--brakes h2:before {
    background-position: -50px 0
}

.product-specifications .specs .specs__col--performance h2:before {
    background-position: -100px 0
}

.product-specifications .specs .specs__col--frame h2:before {
    background-position: -150px 0
}

.product-specifications .specs .specs__col--engine,
.product-specifications .specs .specs__col--performance {
    width: 52%
}

.product-specifications .specs .specs__col--engine h2,
.product-specifications .specs .specs__col--performance h2 {
    border-right: 1px solid #fff
}

.product-specifications .specs .specs__col--engine dd,
.product-specifications .specs .specs__col--performance dd {
    width: 245px
}

.product-specifications .specs dl {
    padding-left: 45px
}

.product-specifications .specs dt {
    float: left;
    clear: left;
    width: 160px;
    padding-right: 10px;
    margin: 0 0 10px;
    font-family: delta_promedium, arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-specifications .specs dd {
    float: left;
    width: 205px;
    margin: 0 0 10px;
    font-family: delta_prolight, arial, sans-serif;
    line-height: 16px
}

.product-specifications .specs dd span {
    display: none
}

.p-m-thumbs {
    position: relative;
    z-index: 100;
    width: 100%
}

.p-m-thumbs .slick-list {
    width: 100%
}

.p-m-thumbs div {
    float: left;
    width: 100px
}

.gallery.double {
    position: relative
}

.product-multimedia .gallery,
.clothing-multimedia .gallery,
.gallery.double .gallery {
    position: relative
}

.product-multimedia .big,
.clothing-multimedia .big,
.gallery.double .big {
    width: 65.97%;
    margin-left: 8.19%;
    float: left
}

@media screen and (max-width: 1180px) {
    .product-multimedia .big,
    .clothing-multimedia .big,
    .gallery.double .big {
        margin-left: 4%
    }
}

.product-multimedia .big img,
.clothing-multimedia .big img,
.gallery.double .big img {
    width: 100%
}

.product-multimedia .big .loading img,
.clothing-multimedia .big .loading img,
.gallery.double .big .loading img {
    width: auto
}

.product-multimedia .thumbs ul,
.clothing-multimedia .thumbs ul,
.gallery.double .thumbs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-multimedia .thumbs ul li,
.clothing-multimedia .thumbs ul li,
.gallery.double .thumbs ul li {
    margin: 0
}

.product-multimedia .btns,
.clothing-multimedia .btns,
.gallery.double .btns {
    width: 260px;
    height: 22px;
    margin-bottom: 10px
}

.product-multimedia .btns ul li,
.clothing-multimedia .btns ul li,
.gallery.double .btns ul li {
    width: 137px;
    background: transparent url("../images/btns.png");
    text-align: center;
    font-size: 14px;
    float: left;
    line-height: 20px;
    background-position: -60px -550px
}

.product-multimedia .btns ul li.active,
.clothing-multimedia .btns ul li.active,
.gallery.double .btns ul li.active {
    background-position: -60px -580px
}

.product-multimedia .btns ul li.video,
.clothing-multimedia .btns ul li.video,
.gallery.double .btns ul li.video {
    margin-right: -19px
}

.product-multimedia .btns ul li.photo,
.clothing-multimedia .btns ul li.photo,
.gallery.double .btns ul li.photo {
    width: 107px;
    padding-left: 30px;
    text-align: left
}

.product-multimedia .btns ul li.photo a,
.clothing-multimedia .btns ul li.photo a,
.gallery.double .btns ul li.photo a {
    float: right;
    width: 70px;
    height: 21px;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    background: transparent url("../images/btns.png") -260px -550px
}

.product-multimedia .btns ul li.photo a:hover,
.clothing-multimedia .btns ul li.photo a:hover,
.gallery.double .btns ul li.photo a:hover {
    background-position: -260px -580px
}

.product-multimedia .list .toscroll-wrap,
.clothing-multimedia .list .toscroll-wrap,
.gallery.double .list .toscroll-wrap {
    padding: 50px;
    margin: -50px
}

.product-multimedia .list .videos,
.product-multimedia .list .images,
.clothing-multimedia .list .videos,
.clothing-multimedia .list .images,
.gallery.double .list .videos,
.gallery.double .list .images {
    position: relative;
    float: left;
    width: 110px;
    padding: 23px 0
}

.product-multimedia .list .videos .prev,
.product-multimedia .list .videos .next,
.product-multimedia .list .images .prev,
.product-multimedia .list .images .next,
.clothing-multimedia .list .videos .prev,
.clothing-multimedia .list .videos .next,
.clothing-multimedia .list .images .prev,
.clothing-multimedia .list .images .next,
.gallery.double .list .videos .prev,
.gallery.double .list .videos .next,
.gallery.double .list .images .prev,
.gallery.double .list .images .next {
    position: relative;
    z-index: 11;
    margin: 5px 0;
    height: 13px
}

.product-multimedia .list .videos .prev,
.product-multimedia .list .images .prev,
.clothing-multimedia .list .videos .prev,
.clothing-multimedia .list .images .prev,
.gallery.double .list .videos .prev,
.gallery.double .list .images .prev {
    position: absolute;
    top: 27px;
    left: 0;
    width: 100%;
    background: transparent url("../images/btns.png") no-repeat -350px -550px
}

.product-multimedia .list .videos .prev:hover,
.product-multimedia .list .images .prev:hover,
.clothing-multimedia .list .videos .prev:hover,
.clothing-multimedia .list .images .prev:hover,
.gallery.double .list .videos .prev:hover,
.gallery.double .list .images .prev:hover {
    background-position: -350px -580px
}

.product-multimedia .list .videos .next,
.product-multimedia .list .images .next,
.clothing-multimedia .list .videos .next,
.clothing-multimedia .list .images .next,
.gallery.double .list .videos .next,
.gallery.double .list .images .next {
    background: transparent url("../images/btns.png") no-repeat -490px -550px
}

.product-multimedia .list .videos .next:hover,
.product-multimedia .list .images .next:hover,
.clothing-multimedia .list .videos .next:hover,
.clothing-multimedia .list .images .next:hover,
.gallery.double .list .videos .next:hover,
.gallery.double .list .images .next:hover {
    background-position: -490px -580px
}

.product-multimedia .list .videos .simplePagerNav .previous,
.product-multimedia .list .videos .simplePagerNav .next,
.product-multimedia .list .images .simplePagerNav .previous,
.product-multimedia .list .images .simplePagerNav .next,
.clothing-multimedia .list .videos .simplePagerNav .previous,
.clothing-multimedia .list .videos .simplePagerNav .next,
.clothing-multimedia .list .images .simplePagerNav .previous,
.clothing-multimedia .list .images .simplePagerNav .next,
.gallery.double .list .videos .simplePagerNav .previous,
.gallery.double .list .videos .simplePagerNav .next,
.gallery.double .list .images .simplePagerNav .previous,
.gallery.double .list .images .simplePagerNav .next {
    margin: 5px 0;
    height: 13px
}

.product-multimedia .list .videos .simplePagerNav .previous,
.product-multimedia .list .images .simplePagerNav .previous,
.clothing-multimedia .list .videos .simplePagerNav .previous,
.clothing-multimedia .list .images .simplePagerNav .previous,
.gallery.double .list .videos .simplePagerNav .previous,
.gallery.double .list .images .simplePagerNav .previous {
    background: transparent url("../images/btns.png") no-repeat -350px -550px
}

.product-multimedia .list .videos .simplePagerNav .previous:hover,
.product-multimedia .list .images .simplePagerNav .previous:hover,
.clothing-multimedia .list .videos .simplePagerNav .previous:hover,
.clothing-multimedia .list .images .simplePagerNav .previous:hover,
.gallery.double .list .videos .simplePagerNav .previous:hover,
.gallery.double .list .images .simplePagerNav .previous:hover {
    background-position: -350px -580px
}

.product-multimedia .list .videos .simplePagerNav .next,
.product-multimedia .list .images .simplePagerNav .next,
.clothing-multimedia .list .videos .simplePagerNav .next,
.clothing-multimedia .list .images .simplePagerNav .next,
.gallery.double .list .videos .simplePagerNav .next,
.gallery.double .list .images .simplePagerNav .next {
    background: transparent url("../images/btns.png") no-repeat -490px -550px
}

.product-multimedia .list .videos .simplePagerNav .next:hover,
.product-multimedia .list .images .simplePagerNav .next:hover,
.clothing-multimedia .list .videos .simplePagerNav .next:hover,
.clothing-multimedia .list .images .simplePagerNav .next:hover,
.gallery.double .list .videos .simplePagerNav .next:hover,
.gallery.double .list .images .simplePagerNav .next:hover {
    background-position: -490px -580px
}

.product-multimedia .list .videos,
.clothing-multimedia .list .videos,
.gallery.double .list .videos {
    margin-right: 10px
}

.product-multimedia .list .wrap ul,
.clothing-multimedia .list .wrap ul,
.gallery.double .list .wrap ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.product-multimedia .list .wrap ul li,
.clothing-multimedia .list .wrap ul li,
.gallery.double .list .wrap ul li {
    margin: 0
}

.product-multimedia .list .wrap ul li,
.clothing-multimedia .list .wrap ul li,
.gallery.double .list .wrap ul li {
    margin: 0 4px 3px 0;
    position: relative;
    width: 110px;
    height: 70px
}

.product-multimedia .list .wrap ul li a,
.clothing-multimedia .list .wrap ul li a,
.gallery.double .list .wrap ul li a {
    display: block;
    position: relative;
    width: 110px;
    height: 70px;
    overflow: hidden
}

.product-multimedia .list .wrap ul li a:hover,
.clothing-multimedia .list .wrap ul li a:hover,
.gallery.double .list .wrap ul li a:hover {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 150px;
    height: 93px;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 20px 12px rgba(0, 0, 0, 0.5)
}

.product-multimedia .list .wrap ul li img,
.clothing-multimedia .list .wrap ul li img,
.gallery.double .list .wrap ul li img {
    width: 100%;
    vertical-align: middle
}

.product-multimedia .list .wrap ul li span,
.clothing-multimedia .list .wrap ul li span,
.gallery.double .list .wrap ul li span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.product-multimedia .list .wrap ul li.active span,
.clothing-multimedia .list .wrap ul li.active span,
.gallery.double .list .wrap ul li.active span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc);
    border: 3px solid #69BE28
}

.product-multimedia .list .videos span,
.clothing-multimedia .list .videos span,
.gallery.double .list .videos span {
    background: transparent url("../images/btn-play.png") no-repeat 50% 50%
}

.p-racing .gallery.double .list .wrap ul li a {
    text-align: center;
    background: #fff
}

.p-racing .gallery.double .list .wrap ul li a img {
    height: 100%;
    width: auto
}

.product-multimedia {
    position: relative;
    padding: 0
}

.product-multimedia .p-tools {
    z-index: 202
}

.product-multimedia .gallery {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11
}

.product-multimedia .gallery .bigwrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7)
}

.product-multimedia .gallery .big {
    margin: 0 auto 0 !important;
    background: none
}

.product-multimedia .gallery .thumbs {
    float: none;
    position: absolute;
    top: -31px;
    left: 100px;
    bottom: 0;
    right: 100px;
    z-index: 40
}

.product-multimedia .gallery .list .wrap .toscroll {
    *zoom: 1
}

.product-multimedia .gallery .list .wrap .toscroll:before,
.product-multimedia .gallery .list .wrap .toscroll:after {
    content: " ";
    display: table
}

.product-multimedia .gallery .list .wrap .toscroll:after {
    clear: both
}

.product-multimedia .gallery .list .wrap ul li {
    width: 145px;
    height: 100px;
    background: url("../images/loading.gif") no-repeat 50% 50%;
    background-size: 70%
}

.product-multimedia .gallery .list .wrap ul li a {
    width: 145px;
    height: 100px;
    background-position: 50% 50%;
    background-size: cover
}

.product-multimedia .gallery .list .wrap ul li a:hover {
    top: -5px;
    left: -5px;
    width: 155px;
    height: 110px
}

.product-multimedia .gallery.hgallery .list .images .next,
.product-multimedia .gallery.hgallery .list .images .prev {
    background: #000;
    height: 100px
}

.product-multimedia .gallery.hgallery .list .images .next:after,
.product-multimedia .gallery.hgallery .list .images .prev:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    display: block;
    width: 8px;
    height: 15px;
    background: url("../images/btns.png") no-repeat 0 -480px
}

.product-multimedia .gallery.hgallery .list .images .next:after {
    background-position: 0 -510px
}

.clothing-multimedia .big,
.gallery.hgallery .big {
    width: 100%;
    float: none;
    margin: 0 0 25px
}

.clothing-multimedia .btns,
.gallery.hgallery .btns {
    position: absolute;
    top: 0
}

.clothing-multimedia .list .wrap,
.gallery.hgallery .list .wrap {
    height: 120px
}

.clothing-multimedia .list .toscroll-wrap,
.gallery.hgallery .list .toscroll-wrap {
    clear: none
}

.clothing-multimedia .list .videos,
.clothing-multimedia .list .images,
.gallery.hgallery .list .videos,
.gallery.hgallery .list .images {
    position: relative;
    float: none;
    width: auto;
    padding-top: 35px
}

.clothing-multimedia .list .videos .prev,
.clothing-multimedia .list .videos .next,
.clothing-multimedia .list .images .prev,
.clothing-multimedia .list .images .next,
.gallery.hgallery .list .videos .prev,
.gallery.hgallery .list .videos .next,
.gallery.hgallery .list .images .prev,
.gallery.hgallery .list .images .next {
    position: absolute;
    width: 13px;
    height: 70px;
    top: 50px;
    margin: 0
}

.clothing-multimedia .list .videos .prev,
.clothing-multimedia .list .images .prev,
.gallery.hgallery .list .videos .prev,
.gallery.hgallery .list .images .prev {
    left: -20px;
    background-position: 0 -890px
}

.clothing-multimedia .list .videos .prev:hover,
.clothing-multimedia .list .images .prev:hover,
.gallery.hgallery .list .videos .prev:hover,
.gallery.hgallery .list .images .prev:hover {
    background-position: -20px -890px
}

.clothing-multimedia .list .videos .next,
.clothing-multimedia .list .images .next,
.gallery.hgallery .list .videos .next,
.gallery.hgallery .list .images .next {
    right: 0px;
    background-position: -40px -890px
}

.clothing-multimedia .list .videos .next:hover,
.clothing-multimedia .list .images .next:hover,
.gallery.hgallery .list .videos .next:hover,
.gallery.hgallery .list .images .next:hover {
    background-position: -60px -890px
}

.clothing-multimedia .btns ul li,
.gallery.hgallery .btns ul li {
    height: 25px;
    float: none;
    width: 137px
}

.clothing-multimedia .thumbs .videos,
.clothing-multimedia .thumbs .images,
.gallery.hgallery .thumbs .videos,
.gallery.hgallery .thumbs .images {
    clear: both;
    margin-bottom: 15px
}

.clothing-multimedia .thumbs .videos li,
.clothing-multimedia .thumbs .images li,
.gallery.hgallery .thumbs .videos li,
.gallery.hgallery .thumbs .images li {
    float: left;
    margin-right: 4px
}

.p-tools {
    position: absolute;
    top: 250px;
    left: 100%;
    padding-top: 128px;
    z-index: 12
}

.p-tool {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    height: 47px;
    background: #a0a0a0;
    padding-left: 62px;
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-box-shadow: 1px 3px 7px 0px rgba(50, 50, 50, 0.7);
    -moz-box-shadow: 1px 3px 7px 0px rgba(50, 50, 50, 0.7);
    box-shadow: 1px 3px 7px 0px rgba(50, 50, 50, 0.7)
}

.p-tool .p-tool__icon-main {
    display: inline-block;
    width: 36px;
    height: 30px;
    background: url("../images/product-tools.png") no-repeat 0 0
}

.p-tool a {
    color: #fff
}

.p-tool a:hover {
    color: #000
}

.p-tool ul {
    padding: 0;
    margin: 0
}

.p-tool li {
    display: inline-block
}

.p-tool--open .p-tool__btn:after {
    background-position: -200px -1px
}

.p-tool--open .p-tool__btn .p-tool__icon-main {
    opacity: 0.5
}

.p-tool--settings {
    height: 47px;
    padding-left: 60px
}

.p-tool--settings .p-tool__icon-main {
    width: 37px;
    height: 37px;
    background-position: -300px 0
}

.p-tool--settings ul {
    margin: 0;
    padding: 0 5px 0 15px;
    white-space: nowrap
}

.p-tool--settings li {
    width: 33px;
    height: 43px;
    background: url("../images/product-tools.png") no-repeat -400px 10px;
    margin-right: 5px;
    cursor: pointer
}

.p-tool--settings li:hover {
    background-position: -400px -90px
}

.p-tool--settings li.p-tool-share {
    background-position: -500px 10px
}

.p-tool--settings li.p-tool-share:hover {
    background-position: -500px -90px
}

.p-tool--compare {
    top: 64px;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: delta_promedium, arial, sans-serif
}

.p-tool--compare .p-tool__icon-main {
    width: 38px;
    height: 47px;
    margin-top: -4px;
    background-position: -10px -100px
}

.p-tool--compare ul {
    display: table;
    white-space: nowrap
}

.p-tool--compare ul li {
    display: table-cell
}

.p-tool--compare .p-tool__go-to {
    vertical-align: top
}

.p-tool--compare .p-tool__go-to a {
    position: relative;
    display: block;
    line-height: 47px
}

.p-tool--compare .p-tool__go-to a:before {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    margin: 0 5px 0 10px;
    width: 7px;
    height: 11px;
    background: url("../images/btns.png") no-repeat 0 -482px
}

.p-tool--compare .p-tool__compare-btn {
    position: relative;
    height: 37px;
    overflow: hidden;
    padding-left: 60px;
    padding-right: 15px;
    padding: 0 15px 0 60px;
    min-width: 120px;
    white-space: normal;
    vertical-align: middle
}

.p-tool--compare .p-tool__compare-btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 60px;
    height: 1px;
    background: #fff;
    -webkit-transform: skewY(140deg);
    -moz-transform: skewY(140deg);
    -ms-transform: skewY(140deg);
    -o-transform: skewY(140deg);
    transform: skewY(140deg)
}

.p-tool--compare .p-tool__compare-btn span {
    position: relative;
    display: block;
    padding-right: 30px;
    cursor: pointer
}

.p-tool--compare .p-tool__compare-btn span:after {
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 0;
    border: 3px solid #fff
}

.p-tool--compare .p-tool__compare-btn span.checked:after {
    background-color: #000
}

.p-tool--compare .p-tool__compare-btn span:hover {
    color: #000
}

.p-tool--compare.p-tool--open .p-tool__btn .p-tool__icon-main {
    background-position: -100px -100px;
    opacity: 1
}

.p-tool--info {
    position: relative;
    height: auto;
    background: #69BE28
}

.p-tool--info .p-tool__icon-main {
    position: absolute;
    top: 50%;
    margin-top: -15px
}

.p-tool--info ul {
    list-style: none;
    padding: 15px 30px 15px 20px;
    text-align: center
}

.p-tool--info li {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    white-space: nowrap
}

.p-tool--info li:last-child {
    margin: 0
}

.p-tool--gallery {
    left: 100%;
    top: auto;
    bottom: 45px;
    width: 100%;
    height: 106px;
    background: #000;
    padding-left: 85px;
    z-index: 202
}

.p-tool--gallery .p-tool__btn .p-tool__icon-main {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 30px;
    margin-top: -15px;
    background-position: -200px -100px
}

.p-tool__btn {
    box-sizing: border-box;
    position: absolute;
    top: 4px;
    left: 4px;
    bottom: 4px;
    padding-left: 15px;
    width: 60px;
    background: url("../images/product-tool-zigrinatura.png") repeat-y;
    cursor: pointer
}

.p-tool__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    width: 7px;
    height: 10px;
    margin-top: -5px;
    background: url("../images/product-tools.png") no-repeat -100px -1px
}

.dealer-find .main {
    *zoom: 1;
    position: relative
}

.dealer-find .main:before,
.dealer-find .main:after {
    content: " ";
    display: table
}

.dealer-find .main:after {
    clear: both
}

.dealer-find .search-result .wrap {
    min-height: 640px
}

.dealer-find .city .left {
    float: left
}

.dealer-find .city .right {
    float: right;
    width: 60.74%
}

.dealer-find .city .right img {
    width: 100%;
    margin-top: -30px
}

.dealer-find .city fieldset {
    margin-bottom: 25px
}

.dealer-find .city input {
    color: #69BE28;
    width: 300px;
    float: left
}

.dealer-find .city .btn-04 a {
    height: 29px;
    font: 18px/29px delta_promedium, arial, sans-serif;
    background-position: 100% -176px;
    padding: 0 30px 0 0
}

.dealer-find .check-list label {
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

.dealer-find .check-list label.active:after {
    background-position: -100px -695px
}

.dealer-find .check-list label:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/btns.png") no-repeat -155px -695px
}

.dealer-find .check-list input {
    display: none;
    width: auto;
    margin: 0 10px 0 18px
}

.dealer-find .intro {
    margin: 0 0 0 -27px;
    padding: 0 740px 20px 27px;
    border-bottom: 1px solid #69BE28;
    font-size: 20px
}

@media screen and (max-width: 1250px) {
    .dealer-find .intro {
        padding: 0 27px 20px 27px;
        margin-bottom: 20px
    }
}

.dealer-find .maps {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 740px;
    height: 550px;
    padding: 6px;
    background: url("../images/dealer-maps.png") no-repeat 0 0
}

@media screen and (max-width: 1250px) {
    .dealer-find .maps {
        position: relative;
        top: auto;
        right: auto;
        margin: 0 auto 20px
    }
}

.dealer-find .icons {
    position: absolute;
    top: 590px;
    right: 15px;
    width: 720px;
    height: 70px;
    padding: 5px 10px;
    background: url("../images/dealer-icons.png") no-repeat 100% 0
}

@media screen and (max-width: 1250px) {
    .dealer-find .icons {
        position: relative;
        top: auto;
        right: auto;
        margin: 0 auto 20px
    }
}

.dealer-find .icons img {
    height: 70px;
    margin-right: 30px
}

.dealer-find .details {
    padding: 0 740px 20px 0
}

@media screen and (max-width: 1250px) {
    .dealer-find .details {
        padding: 0;
        border-top: 1px solid #69BE28
    }
}

.dealer-find .dealer-search-list {
    font-size: 12px;
    line-height: 16px;
    *zoom: 1
}

.dealer-find .dealer-search-list:before,
.dealer-find .dealer-search-list:after {
    content: " ";
    display: table
}

.dealer-find .dealer-search-list:after {
    clear: both
}

.dealer-find .dealer-search-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.dealer-find .dealer-search-list ul li {
    margin: 0
}

.dealer-find .dealer-search-list ul li {
    position: relative;
    float: left;
    width: 165px;
    margin: 0 15px 40px 0
}

.dealer-find .dealer-search-list ul .btn-01 {
    position: absolute;
    bottom: 0;
    right: 0
}

.dealer-find .dealer-search-list .name {
    font-family: delta_promedium, arial, sans-serif;
    color: #69BE28
}

.dealer-find .dealer-search-list .address {
    color: #000;
    margin: 10px 0 25px
}

.dealer-find .dealer-search-list .btn-01 {
    width: 95px;
    font-size: 10px
}

.dealer-find .dealer-card {
    *zoom: 1
}

.dealer-find .dealer-card:before,
.dealer-find .dealer-card:after {
    content: " ";
    display: table
}

.dealer-find .dealer-card:after {
    clear: both
}

@media screen and (max-width: 1250px) {
    .dealer-find .dealer-card {
        padding-bottom: 20px
    }
}

.dealer-find .dealer-card h3 {
    margin-bottom: 5px
}

.dealer-find .dealer-card ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.dealer-find .dealer-card ul li {
    margin: 0
}

@media screen and (max-width: 1250px) {
    .dealer-find .dealer-card .dealer {
        float: left;
        width: 40%
    }
}

.dealer-find .dealer-card .dealer p {
    font-size: 14px;
    margin: 0 0 10px
}

.dealer-find .dealer-card .dealer p.name {
    font-size: 16px
}

@media screen and (max-width: 1250px) {
    .dealer-find .dealer-card .available {
        float: left;
        width: 30%
    }
}

.dealer-find .dealer-card .available ul {
    font-size: 16px
}

.dealer-find .dealer-card .more {
    margin-top: 40px;
    font-size: 12px
}

@media screen and (max-width: 1250px) {
    .dealer-find .dealer-card .more {
        float: left;
        width: 30%;
        margin-top: 30px
    }
}

.dealer-find .dealer-card .more ul {
    color: #69BE28
}

.dealer-find .dealer-card .more p {
    margin-bottom: 5px
}

.dealer-find .bottom {
    margin: 0 -28px;
    clear: both
}

.dealer-find .bottom .btn-01 {
    float: left;
    margin: 30px 0 0 27px
}

.dealer-find .bottom .btn-03,
.dealer-find .bottom .btn-04 {
    margin-top: 30px
}

.dealer-find .bottom .btn-03 a,
.dealer-find .bottom .btn-04 a {
    padding: 0 30px 0 0;
    background-position: 100% -170px
}

.select-model .select {
    width: 260px;
    margin: 0 0 15px
}

.select-model .city input {
    width: 300px
}

.select-model .city label {
    display: block
}

.select-model .head {
    *zoom: 1
}

.select-model .head:before,
.select-model .head:after {
    content: " ";
    display: table
}

.select-model .head:after {
    clear: both
}

.select-model .head .left {
    float: left;
    width: 300px
}

.select-model .head .right {
    float: right;
    width: 52%;
    background: #fff
}

.select-model .head .right .models-sheet {
    width: 100%
}

.select-model .head .right .models-sheet img {
    float: left;
    width: 62%
}

.select-model .head .right .models-sheet .data {
    float: left;
    width: 34%;
    padding: 50px 2% 0
}

.select-model .head .right .models-sheet .data .category,
.select-model .head .right .models-sheet .data .price {
    padding: 0
}

.select-model .head .right .models-sheet .data .category,
.select-model .head .right .models-sheet .data .model-name {
    text-align: left
}

.select-model .head .right .models-sheet .data .category span {
    display: block
}

.select-model .head .right .models-sheet .data .category span.last {
    display: inline
}

.dealer-list {
    width: 750px;
    font-size: 12px
}

.dealer-list .dealer-name {
    height: 18px;
    margin: 0 0 8px;
    padding: 0 10px;
    background: transparent url("../images/dealer.png") no-repeat 100% 0;
    font: 11px/18px delta_prolight, arial, sans-serif;
    color: #fff;
    cursor: pointer
}

.dealer-list .inner {
    display: none;
    font-family: delta_promedium, arial, sans-serif;
    *zoom: 1
}

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

.dealer-list .inner:after {
    clear: both
}

.dealer-list p {
    margin: 0 0 8px
}

.dealer-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #69BE28
}

.dealer-list ul li {
    margin: 0
}

.dealer-list .btn-01 {
    float: left;
    margin: 10px 0
}

.dealer-list .active .inner {
    display: block
}

.dealer-list .dealer-name:hover,
.dealer-list .active .dealer-name {
    background-position: 100% -30px
}

.dealer-details {
    font-size: 12px
}

.dealer-details .map {
    width: 380px;
    height: 250px;
    float: left;
    background: #fff
}

.dealer-details .details {
    margin-left: 410px
}

.dealer-details ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #69BE28
}

.dealer-details ul li {
    margin: 0
}

.dealer-details dt {
    float: left;
    width: 110px;
    clear: right
}

.dealer-details dd {
    margin-right: 130px
}

.online-test {
    font-size: 14px
}

.online-test p.first-row {
    font-size: 12px
}

.online-test .form {
    *zoom: 1
}

.online-test .form:before,
.online-test .form:after {
    content: " ";
    display: table
}

.online-test .form:after {
    clear: both
}

.online-test label span {
    display: block
}

.online-test input {
    width: 96%
}

.online-test textarea {
    width: 96%;
    height: 170px
}

.online-test .left {
    float: left;
    width: 57.63%
}

.online-test .left .col {
    float: left;
    width: 40.54%;
    margin-right: 6.75%
}

.online-test .right {
    margin-left: 57.63%
}

.online-test .right input {
    width: 60%
}

.online-test .field {
    position: relative;
    padding-bottom: 15px
}

.online-test .error input,
.online-test .error textarea {
    border: 2px solid #69BE28;
    margin-top: -2px
}

.online-test .error .message {
    position: absolute;
    right: 0;
    bottom: -5px;
    color: #69BE28
}

.online-test .select {
    width: 300px
}

.online-test .bottom-green-row {
    margin: 20px -28px 0
}

.online-test .btn-03 {
    margin: 20px 0
}

.online-test .info {
    clear: both;
    font-size: 12px;
    font-style: italic
}

.online-test .bottom-accept {
    *zoom: 1;
    float: left;
    width: auto;
    margin-bottom: 20px
}

.online-test .bottom-accept:before,
.online-test .bottom-accept:after {
    content: " ";
    display: table
}

.online-test .bottom-accept:after {
    clear: both
}

.modal {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #000
}

.modal p {
    margin: 1em 0 !important
}

.modal .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url("../images/product-bg.jpg") repeat-x 0 100%;
    opacity: 0.9;
    z-index: 10
}

.modal .body {
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -171px 0 0 -452px;
    padding-left: 314px;
    width: 590px;
    height: 343px;
    background: url("../images/modals.png") no-repeat 0 0;
    z-index: 11
}

.modal .body .top {
    width: 560px;
    height: 130px;
    overflow: hidden
}

.modal .body .top .title {
    padding: 15px 0 5px;
    font-size: 24px;
    text-transform: uppercase
}

.modal .body .bottom {
    width: 318px;
    height: 180px;
    padding: 10px 0;
    font: 12px/14px delta_prolight, arial, sans-serif !important
}

.modal .body .bottom .content {
    height: 180px;
    padding-right: 10px;
    overflow: auto
}

.modal .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    background: url("../images/btns.png") 0 -550px;
    z-index: 12;
    cursor: pointer
}

.modal-01 .body .thumb {
    position: absolute;
    bottom: 0;
    left: 0
}

.modal-01 .body .top .content {
    font: 13px/14px delta_prolight, arial, sans-serif
}

.modal-02 .body,
.modal-newsletter .body {
    width: 684px;
    background: url("../images/modals.png") no-repeat 0 -400px;
    padding-left: 220px
}

.modal-02 .body .top,
.modal-newsletter .body .top {
    height: 56px
}

.modal-02 .body .bottom,
.modal-newsletter .body .bottom {
    width: 410px;
    height: 186px
}

.modal-02 .body .bottom .content,
.modal-newsletter .body .bottom .content {
    height: 186px;
    font: 14px/18px delta_prolight, arial, sans-serif !important
}

.modal-external,
.modal-newsletter {
    z-index: 9900
}

.modal-external .body,
.modal-newsletter .body {
    height: 410px;
    background: url("../images/modals.png") no-repeat 0 -750px
}

.modal-external .body .bottom .content,
.modal-newsletter .body .bottom .content {
    height: 320px
}

.modal-newsletter {
    display: block
}

.modal-newsletter .newsletter-form {
    position: relative
}

.modal-newsletter .required {
    position: absolute;
    right: 0;
    top: 0
}

.modal-newsletter .field {
    clear: both;
    margin-bottom: 3px
}

.modal-newsletter .field span {
    display: block;
    padding-bottom: 4px
}

.modal-newsletter .field input {
    padding: 3px 6px;
    width: 370px !important
}

.modal-newsletter .field .btn-02 {
    float: right
}

.modal-newsletter .field.check p {
    padding-top: 10px
}

.modal-newsletter .field.check input {
    width: auto !important
}

.modal-newsletter .field.check span {
    display: inline
}

.p-racing-home .modal-newsletter {
    top: -535px;
    height: 10000px
}

.p-racing-home .modal-newsletter .body {
    top: 870px
}

.modal-video .body {
    position: relative;
    top: 0;
    left: 50%;
    margin: 0;
    width: 900px;
    margin: 45px 60px 45px -450px;
    padding: 0;
    background: transparent
}

.modal-video .body .close {
    width: 32px;
    height: 18px;
    background: url("../images/btns.png") 0 -580px;
    right: -32px
}

.modal-video .body .mejs-kawasaki {
    margin: 0 auto
}

.modal-fixed {
    position: fixed
}

.modal-fixed .body {
    top: 0;
    margin-top: 200px
}

.modal-video-startpage {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000
}

.modal-video-startpage.hide-controls .mejs-layers,
.modal-video-startpage.hide-controls .mejs-controls {
    left: -9999px;
    display: none
}

.modal-video-startpage.video-youtube .player-close {
    top: 30px
}

.modal-video-startpage .logo {
    position: absolute;
    top: 20px;
    left: 50%;
    margin: 0 0 0 -62px;
    z-index: 12
}

.modal-video-startpage .bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.modal-video-startpage .player-container {
    position: relative;
    z-index: 11;
    border: 1px solid #666666;
    margin: 80px auto;
    background: #000
}

.modal-video-startpage .mejs-container {
    margin: 0 auto
}

.modal-video-startpage .player-image {
    display: none;
    background: #000;
    overflow: hidden
}

.modal-video-startpage .player-image a {
    display: block;
    cursor: pointer
}

.modal-video-startpage .player-image img {
    width: 100%
}

.modal-video-startpage .player-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 66px;
    height: 66px;
    background: url("../images/controls-kawasaki.png") no-repeat 0 -100px;
    z-index: 12;
    cursor: pointer
}

.modal-products .bg {
    opacity: 0.8
}

.modal-products .body {
    top: 200px;
    width: 616px;
    height: auto;
    margin: 0 0 0 -308px;
    background: #58B01C;
    padding: 5px
}

.modal-products .body:before {
    content: "";
    position: absolute;
    top: -58px;
    left: 0;
    height: 60px;
    width: 100%;
    background: url("../images/modals.png") no-repeat 0 -1450px
}

.modal-products .body .top {
    position: relative;
    top: -50px;
    width: auto;
    height: auto;
    padding: 0 20px 0 60px;
    margin-bottom: -30px
}

.modal-products .body .top .title {
    *zoom: 1;
    color: white;
    font-family: delta_promedium, arial, sans-serif
}

.modal-products .body .top .title:before,
.modal-products .body .top .title:after {
    content: " ";
    display: table
}

.modal-products .body .top .title:after {
    clear: both
}

.modal-products .body .top .title img {
    float: left;
    margin-right: 20px
}

.modal-products .body .top .content {
    color: white;
    font: 13px delta_prolight, arial, sans-serif;
    overflow: auto
}

.modal-products .body .close {
    top: -58px
}

.modal-products .body .social {
    padding: 20px 10px 10px 60px;
    background: #fff
}

.modal-products .body .img img {
    width: 100%;
    vertical-align: middle
}

.modal-products .body p {
    margin: 0 !important;
    padding-bottom: 0.5em
}

.modal-products--img .body .top .content {
    max-height: 90px
}

.about .quote {
    width: 800px;
    margin-bottom: 40px;
    font: 36px delta_prolight_italic, arial, sans-serif
}

.about .block {
    *zoom: 1
}

.about .block:before,
.about .block:after {
    content: " ";
    display: table
}

.about .block:after {
    clear: both
}

.about .block.first .text {
    float: left;
    width: 45%
}

.about .block.first img {
    float: right;
    width: 50%
}

.about .block.second {
    padding-bottom: 80px
}

.about .block.second .text {
    float: right;
    width: 63%
}

.about .block.second img {
    float: left;
    width: 32%
}

.about .title {
    font: 40px delta_prolight, arial, sans-serif;
    font-weight: normal
}

.about .bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 58.6%
}

@media screen and (max-width: 1180px) {
    .about .bg {
        width: 50%
    }
}

.about .bg img {
    width: 100%
}

.about-mission .title {
    padding: 0 40px
}

.about-tech-overview .quote {
    margin-bottom: 80px
}

.about-tech-overview .title {
    margin: 0;
    padding: 0
}

.about-tech-overview .block.first .text,
.about-tech-overview .block.second .text {
    float: none
}

.about-tech-overview .block .btn-04 {
    margin: 40px 0 40px -50px
}

.about-tech-overview .block .btn-04 a {
    padding: 0 30px 0 0;
    background-position: 100% -170px
}

.about-tech-chassis .top {
    position: relative;
    min-height: 300px;
    padding-right: 39%
}

.about-tech-chassis .top .engine,
.about-tech-chassis .top .chassis {
    position: absolute;
    bottom: -40px;
    right: 0;
    width: 380px;
    height: 350px;
    background: url("../images/about-tech-engine-top.png") no-repeat 100% 0;
    z-index: 10
}

.about-tech-chassis .top .chassis {
    background-image: url("../images/about-tech-chassis-top.png")
}

.about-tech-chassis .posts-list .thumb {
    width: 120px;
    margin: 0
}

.about-tech-chassis .posts-list .content {
    margin-left: 120px
}

.about-tech-chassis .posts-list .title {
    font: 20px delta_promedium, arial, sans-serif;
    margin: 0
}

.about-tech-chassis .posts-list .subtitle {
    font: 18px delta_prolight, arial, sans-serif;
    margin: 0
}

.about-tech-chassis-single .top .title {
    line-height: 60px
}

.about-tech-chassis-single .top .title img {
    vertical-align: middle
}

.about-iconic .slides {
    margin: 0 auto
}

.about-iconic .carousel {
    overflow: visible
}

.about-iconic .carousel .prev,
.about-iconic .carousel .next {
    position: absolute;
    top: 30%;
    width: 30px;
    height: 116px;
    background: url("../images/btns.png") no-repeat 0 -300px;
    cursor: pointer
}

.about-iconic .carousel .prev {
    left: -50px;
    background-position: -40px -300px
}

.about-iconic .carousel .next {
    right: -50px
}

.p-about-contact-us .selectBox,
.p-mechandise-apparel .selectBox {
    color: #ffffff;
    position: relative;
    background: #333333;
    text-transform: uppercase;
    width: 180px !important
}

.p-about-contact-us .selectBox-label,
.p-mechandise-apparel .selectBox-label {
    font: 11px/1 "delta_prolight", arial, sans-serif, arial, sans-serif;
    margin-right: 23px;
    padding: 0 9px
}

.p-about-contact-us .selectBox-arrow,
.p-mechandise-apparel .selectBox-arrow {
    position: absolute;
    border-left: 1px solid white;
    top: 0;
    right: 0;
    width: 22px;
    height: 24px;
    background: url("../images/btns.png") no-repeat -585px -80px;
    cursor: pointer
}

.p-about-contact-us .selectBox-dropdown-menu,
.p-mechandise-apparel .selectBox-dropdown-menu {
    background: #333333;
    position: absolute;
    list-style: none;
    z-index: 99;
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

.p-about-contact-us .selectBox-dropdown-menu li a,
.p-mechandise-apparel .selectBox-dropdown-menu li a {
    color: #ffffff;
    font: 11px/1 "delta_prolight", arial, sans-serif, arial, sans-serif;
    padding: 9px
}

.p-about-contact-us .selectBox-dropdown-menu li a:hover,
.p-mechandise-apparel .selectBox-dropdown-menu li a:hover {
    color: #69BE28;
    cursor: pointer
}

.p-about-contact-us .bottom_line,
.p-mechandise-apparel .bottom_line {
    border-top: 1px solid #69BE28;
    font-size: 12px;
    padding-top: 15px
}

.p-about-contact-us .hide,
.p-mechandise-apparel .hide {
    display: none
}

.p-about-contact-us .show,
.p-mechandise-apparel .show {
    display: block
}

.p-about-contact-us #canvas-svg,
.p-mechandise-apparel #canvas-svg {
    position: relative;
    width: 100% !important
}

.p-about-contact-us #canvas-svg svg g.active path,
.p-mechandise-apparel #canvas-svg svg g.active path {
    fill: #69BE28 !important
}

.p-about-contact-us .disable,
.p-mechandise-apparel .disable {
    cursor: not-allowed
}

.p-about-contact-us #tooltip,
.p-mechandise-apparel #tooltip {
    background: transparent url("../images/tooltip_bkg.gif") no-repeat 0 100%;
    padding: 5px;
    position: absolute;
    width: 180px;
    margin-left: -90px;
    height: auto;
    overflow: hidden;
    text-align: center;
    font-family: Arial
}

.p-about-contact-us #tooltip .left,
.p-mechandise-apparel #tooltip .left {
    float: left;
    width: 120px;
    border-right: 1px solid #69BE28
}

.p-about-contact-us #tooltip .left p,
.p-mechandise-apparel #tooltip .left p {
    width: 100%
}

.p-about-contact-us #tooltip .right,
.p-mechandise-apparel #tooltip .right {
    float: right;
    background: transparent url("../images/bkg_tooltip_arrow.jpg") no-repeat 40% 60%
}

.p-about-contact-us #tooltip .right a,
.p-mechandise-apparel #tooltip .right a {
    display: block;
    padding: 0 12px 0 0;
    font-size: 12px;
    height: 40px
}

.p-about-contact-us #tooltip h3,
.p-mechandise-apparel #tooltip h3 {
    text-align: center;
    color: #69BE28;
    font-size: 13px;
    margin: 0;
    text-transform: uppercase
}

.p-about-contact-us #tooltip p,
.p-mechandise-apparel #tooltip p {
    padding: 6px 0 12px;
    margin: 0;
    width: 170px;
    font-size: 12px;
    color: #ffffff
}

.russia {
    bottom: 63%;
    left: 73%
}

.svizzera {
    bottom: 49%;
    left: 36%
}

.italia {
    bottom: 43%;
    left: 42%
}

.germania {
    bottom: 56%;
    left: 39%
}

.finlandia {
    bottom: 74%;
    left: 56%
}

.inghilterra {
    bottom: 60%;
    left: 25%
}

.irlanda-nord {
    bottom: 60%;
    left: 20%
}

.irlanda {
    bottom: 57%;
    left: 18%
}

.svezia {
    bottom: 75%;
    left: 46%
}

.danimarca {
    bottom: 62%;
    left: 38%
}

.norvegia {
    bottom: 70%;
    left: 37%
}

.islanda {
    bottom: 77%;
    left: 7%
}

.estonia {
    bottom: 66%;
    left: 55%
}

.francia {
    bottom: 49%;
    left: 30%
}

.spagna {
    bottom: 41%;
    left: 24%
}

.lussemburgo {
    bottom: 53%;
    left: 34%
}

.portogallo {
    bottom: 40%;
    left: 18%
}

.belgio {
    bottom: 54%;
    left: 32%
}

.paesi-bassi {
    bottom: 56%;
    left: 33%
}

.bulgaria {
    bottom: 43%;
    left: 55%
}

.romania {
    bottom: 47%;
    left: 54%
}

.ucraina {
    bottom: 51%;
    left: 64%
}

.bielorussia {
    bottom: 58%;
    left: 58%
}

.lettonia {
    bottom: 63%;
    left: 55%
}

.slovacchia {
    bottom: 51%;
    left: 48%
}

.austria {
    bottom: 50%;
    left: 43%
}

.polonia {
    bottom: 55%;
    left: 48%
}

.ungheria {
    bottom: 49%;
    left: 48%
}

.rep-ceca {
    bottom: 53%;
    left: 43%
}

.slovenia {
    bottom: 48%;
    left: 43%
}

.serbia {
    bottom: 45%;
    left: 50%
}

.grecia {
    bottom: 39%;
    left: 51%
}

.israele {
    bottom: 29%;
    left: 65.5%
}

.turchia {
    bottom: 39%;
    left: 66%
}

.bosnia {
    bottom: 45%;
    left: 47%
}

.macedonia {
    bottom: 42%;
    left: 51%
}

.kosovo {
    bottom: 43%;
    left: 50%
}

.montenegro {
    bottom: 44%;
    left: 48%
}

.croazia,
.croatia {
    bottom: 47%;
    left: 45%
}

.egitto {
    bottom: 23%;
    left: 60%
}

.marocco {
    bottom: 30%;
    left: 20%
}

.p-mechandise-apparel .posts-list {
    margin-top: 60px;
    display: table
}

.p-mechandise-apparel .posts-list .col-1 {
    width: 40%;
    float: left
}

.p-mechandise-apparel .posts-list .col-1 img {
    width: 100%
}

.p-mechandise-apparel .posts-list .col-2 {
    width: 60%;
    float: right
}

.p-mechandise-apparel .posts-list .col-2 img {
    width: 100%;
    margin-top: -8%;
    margin-bottom: -15%
}

.p-mechandise-apparel .text-apparel {
    clear: both;
    border-bottom: 1px solid #69BE28;
    padding-bottom: 40px
}

.p-mechandise-apparel .bullet-font {
    position: relative;
    padding-left: 12px
}

.p-mechandise-apparel .bullet-font:before {
    content: " ";
    background-color: #69BE28;
    width: 5px;
    height: 5px;
    top: 50%;
    left: 0;
    border-radius: 5px;
    position: absolute
}

.whislist-number {
    display: block;
    color: #69BE28;
    font-size: 12px;
    text-align: right;
    font-size: 10px
}

.whislist-number a {
    display: none;
    background: url("../images/ico-whislist.png") no-repeat 100% 0;
    padding-right: 30px;
    line-height: 15px
}

.p-accessories-home .carousel-wrap {
    position: absolute;
    top: 360px;
    right: 638px;
    z-index: 12
}

.p-accessories-home .carousel-wrap .title {
    background: url("../images/carousel-bar.png") no-repeat 0 -40px;
    padding: 0 0 0 25px
}

.p-accessories-home .carousel-wrap .title .inner {
    height: 40px;
    background: url("../images/carousel-bar.png") no-repeat 100% 0;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase
}

.p-accessories-home .carousel-wrap .title .inner span {
    font-family: delta_promedium;
    color: #69BE28
}

.p-accessories-home .carousel {
    width: 360px;
    margin: 0
}

.p-accessories-home .carousel .slides {
    margin: 0 auto
}

.p-accessories-home .carousel .slideItem a img {
    border: 1px solid #69BE28
}

.accessories-overview .other .name,
.p-accessories-single .other .name,
.accessories-list .name {
    font: 14px/16px delta_promedium, arial, sans-serif;
    margin: 5px 0;
    height: 35px
}

.accessories-overview .other .years,
.p-accessories-single .other .years,
.accessories-list .years {
    font-size: 14px;
    color: #787878
}

.accessories-overview .selects-box {
    position: relative;
    padding: 25px 50px;
    margin: 30px -50px
}

.accessories-overview .selects-box .inner {
    *zoom: 1;
    background: #fff;
    border: 1px solid #69BE28;
    padding: 20px 20px 0
}

.accessories-overview .selects-box .inner:before,
.accessories-overview .selects-box .inner:after {
    content: " ";
    display: table
}

.accessories-overview .selects-box .inner:after {
    clear: both
}

.accessories-overview .selects-box p {
    float: left;
    margin: 0
}

.accessories-overview .selects-box .selects {
    float: right
}

.accessories-overview .selects-box p,
.accessories-overview .selects-box .selects {
    margin-bottom: 20px
}

.accessories-overview .selects-box .select {
    width: 260px;
    float: left;
    margin-left: 20px
}

.accessories-overview .other {
    margin: 90px -50px 0
}

.accessories-overview .other ul li {
    width: 23.6%;
    margin: 0 5px;
    display: auto;
    float: left
}

.p-mechandise-overview .accessories-overview .selects-box p {
    margin-left: 100px
}

.p-mechandise-overview .accessories-overview .selects-box .selects {
    float: left
}

.accessories-list .list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.accessories-list .list ul li {
    margin: 0
}

.accessories-list .list ul li {
    width: 22.37%;
    float: left;
    margin: 0 1% 20px;
    padding: 0 0 5px;
    background: #fff;
    position: relative
}

.accessories-list .list ul li.new:after {
    background: url("../images/models-slider.png") no-repeat -400px -110px;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 60px;
    height: 46px;
    z-index: 99999
}

.accessories-list .list ul li img {
    width: 100%;
    vertical-align: middle
}

.accessories-list .list ul li .name {
    text-align: center;
    text-transform: uppercase
}

.accessories-list .list ul li .name a {
    color: #000
}

.accessories-list .list ul li .years {
    text-align: center
}

.accessories-list .list ul .thumb {
    visibility: hidden;
    height: 100px;
    overflow: hidden
}

.accessories-single .items {
    background: #fff
}

.accessories-single .item {
    border-bottom: 1px solid #69BE28;
    padding: 10px 20px;
    *zoom: 1
}

.accessories-single .item:before,
.accessories-single .item:after {
    content: " ";
    display: table
}

.accessories-single .item:after {
    clear: both
}

.accessories-single .item input,
.accessories-single .item .details,
.accessories-single .item label {
    float: left
}

.accessories-single .item input {
    margin: 5px 10px 0 0
}

.accessories-single .item .details .title {
    font-family: delta_promedium, arial, sans-serif
}

.accessories-single .item .details .code {
    font-size: 14px
}

.accessories-single .item .price {
    float: right;
    text-align: right
}

.accessories-single .item .price span {
    display: block;
    font-size: 14px
}

.accessories-single .btns-box {
    *zoom: 1;
    margin: 0 -50px
}

.accessories-single .btns-box:before,
.accessories-single .btns-box:after {
    content: " ";
    display: table
}

.accessories-single .btns-box:after {
    clear: both
}

.accessories-single .btn-03 {
    clear: right;
    margin-bottom: 10px
}

.accessories-single .boxes {
    *zoom: 1;
    margin-top: 70px
}

.accessories-single .boxes:before,
.accessories-single .boxes:after {
    content: " ";
    display: table
}

.accessories-single .boxes:after {
    clear: both
}

.accessories-single .discover-box.left {
    float: left
}

.accessories-single .discover-box.right {
    float: right
}

.p-clothing-single .item {
    float: left;
    width: 46%;
    *zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc);
    margin: 0 2%;
    background: #fff
}

.p-clothing-single .item:before,
.p-clothing-single .item:after {
    content: " ";
    display: table
}

.p-clothing-single .item:after {
    clear: both
}

.accessories-genuine {
    min-height: 50px;
    margin-top: 100px;
    padding-top: 180px;
    background: url("../images/accessories-genuine.png") no-repeat;
    color: #fff
}

.accessories-genuine p {
    margin: 0;
    font-size: 15px;
    text-align: center
}

.p-clothing-multimedia h1 {
    font: 36px delta_prolight_italic;
    margin: 0 0 20px
}

.p-accessories-whislist .whislist:after,
.p-accessories-whislist .whislist:before {
    display: inline
}

.p-accessories-whislist .whislist .item {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    height: 105px
}

.p-accessories-whislist .whislist .item .left {
    float: left;
    width: 80%;
    height: 105px;
    border-right: 1px solid #69BE28
}

.p-accessories-whislist .whislist .item .left .title {
    padding-top: 10px;
    font: 16px delta_promedium, arial, sans-serif
}

.p-accessories-whislist .whislist .item .thumb {
    float: left;
    width: 160px;
    margin-right: 15px
}

.p-accessories-whislist .whislist .item .thumb img {
    vertical-align: middle
}

.p-accessories-whislist .whislist .item .data {
    float: left
}

.p-accessories-whislist .whislist .item .model {
    font-size: 12px
}

.p-accessories-whislist .whislist .item .added {
    position: absolute;
    bottom: 10px;
    left: 175px;
    font-size: 12px
}

.p-accessories-whislist .whislist .item .price {
    padding: 10px 20px 0;
    float: right;
    font: 14px delta_promedium, arial, sans-serif
}

.p-accessories-whislist .whislist .item .price .status {
    font-family: delta_prolight, arial, sans-serif
}

.p-accessories-whislist .whislist .item .right {
    float: right;
    width: 20%;
    text-align: center
}

.p-accessories-whislist .whislist .item .btns {
    display: inline-block;
    position: relative;
    height: 18px;
    margin: 40px 0 0 -50px;
    background: url("../images/btns.png") no-repeat 0 -760px;
    line-height: 18px;
    padding: 0 10px 0 25px;
    font-size: 14px
}

.p-accessories-whislist .whislist .item .btns a {
    color: #fff
}

.p-accessories-whislist .whislist .item .btns .close,
.p-accessories-whislist .whislist .item .btns:after,
.p-accessories-whislist .whislist .item .btns .ie-fix {
    position: absolute;
    right: -50px;
    top: 0;
    display: block;
    content: "";
    width: 50px;
    height: 18px;
    background: url("../images/btns.png") no-repeat 100% -760px;
    cursor: pointer
}

.p-accessories-whislist .btns-box {
    *zoom: 1;
    margin: 0 -50px
}

.p-accessories-whislist .btns-box:before,
.p-accessories-whislist .btns-box:after {
    content: " ";
    display: table
}

.p-accessories-whislist .btns-box:after {
    clear: both
}

.p-accessories-whislist .btn-03 {
    clear: right;
    margin-bottom: 10px
}

.p-accessories-whislist .boxes {
    *zoom: 1;
    margin-top: 70px
}

.p-accessories-whislist .boxes:before,
.p-accessories-whislist .boxes:after {
    content: " ";
    display: table
}

.p-accessories-whislist .boxes:after {
    clear: both
}

.p-accessories-whislist .discover-box.left {
    float: left
}

.p-accessories-whislist .discover-box.right {
    float: right
}

.accessories-overview.clothing .selects {
    float: left
}

.accessories-overview.clothing .select {
    width: 250px
}

.p-clothing-overview .hgallery .thumbs {
    display: none
}

.clothing .bigscroll .bigscroll-item {
    position: relative;
    height: auto
}

.clothing .bigscroll .bigscroll-next,
.clothing .bigscroll .bigscroll-prev {
    width: 40px;
    height: 70px;
    top: 50%;
    margin-top: -35px
}

.clothing .bigscroll .bigscroll-next {
    background-position: -400px -350px
}

.clothing .bigscroll .bigscroll-prev {
    background-position: -360px -350px
}

.clothing .bigscroll .big {
    width: 100%
}

.clothing .bigscroll .big img {
    width: 100%;
    vertical-align: middle
}

.clothing .bigscroll .pager {
    position: absolute;
    width: 400px;
    bottom: 10px;
    left: 50%
}

.clothing .bigscroll .content {
    position: absolute;
    top: 60%;
    left: 37%;
    z-index: 11
}

.clothing .bigscroll .content .btn-05 {
    font-size: 14px
}

.clothing .bigscroll .shadow {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url("../images/clothing-shadow.png") no-repeat 100% 0;
    z-index: 10
}

.clothing-leisure .other {
    margin: 0 -50px
}

.p-racing.p-home .l-page {
    background: transparent url("../images/racing-bg.png")
}

.racing-sidebar {
    margin-top: 140px
}

.racing-sidebar .news-list-1x {
    width: 100%
}

.racing-sidebar .items {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.racing-rows .item {
    position: relative;
    margin-right: 50px;
    border-bottom: 1px solid #69BE28;
    padding: 20px 0;
    *zoom: 1
}

.racing-rows .item:before,
.racing-rows .item:after {
    content: " ";
    display: table
}

.racing-rows .item:after {
    clear: both
}

.racing-rows .item.open {
    padding-bottom: 30px
}

.racing-rows .item .right {
    float: right
}

.racing-rows .item .btns {
    position: absolute;
    bottom: -1px;
    right: -50px
}

.racing-rows .item .btn-08 {
    float: left;
    margin-left: -25px
}

.racing-rows .item p {
    float: left;
    margin: 0 -50px 0 0;
    font-size: 16px
}

@media screen and (max-width: 1180px) {
    .racing-rows .item p {
        font-size: 14px
    }
}

.racing-rows .circuit,
.racing-rows .flag,
.racing-rows .data {
    float: left
}

.racing-rows .data {
    margin-left: 15px
}

.racing-rows .flag {
    margin: 5px 0 0 0
}

.racing-rows .round {
    font-family: delta_promedium, arial, sans-serif
}

.racing-rows .date {
    font: 14px delta_prolight_italic, arial, sans-serif;
    color: #333
}

.racing-rows .where {
    color: #69BE28
}

.racing-rows .where span {
    color: #000
}

.p-racing-team .staff {
    *zoom: 1
}

.p-racing-team .staff:before,
.p-racing-team .staff:after {
    content: " ";
    display: table
}

.p-racing-team .staff:after {
    clear: both
}

.p-racing-team .staff .item {
    position: relative;
    float: left;
    width: 33%;
    margin-bottom: 25px
}

@media screen and (max-width: 1180px) {
    .p-racing-team .staff .item {
        width: 50%
    }
}

.p-racing-team .staff .item img {
    vertical-align: middle
}

.p-racing-team .staff .item .data {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc);
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 75px
}

.p-racing-team .staff .item .data .name {
    color: #69BE28;
    font: 20px delta_promedium, arial, sans-serif
}

.p-racing-team .team-rider .item,
.p-racing-team .team-bikes .item,
.p-racing-bikes .team-rider .item,
.p-racing-bikes .team-bikes .item {
    float: left;
    width: 45.66%
}

.p-racing-team .team-rider .item.left,
.p-racing-team .team-bikes .item.left,
.p-racing-bikes .team-rider .item.left,
.p-racing-bikes .team-bikes .item.left {
    margin-right: 8.68%
}

.p-racing-team .team-rider .item img,
.p-racing-team .team-bikes .item img,
.p-racing-bikes .team-rider .item img,
.p-racing-bikes .team-bikes .item img {
    width: 100%;
    margin-bottom: 20px
}

.p-racing-team .team-rider .item .bottom,
.p-racing-team .team-bikes .item .bottom,
.p-racing-bikes .team-rider .item .bottom,
.p-racing-bikes .team-bikes .item .bottom {
    padding-left: 220px
}

@media screen and (max-width: 1180px) {
    .p-racing-team .team-rider .item .bottom,
    .p-racing-team .team-bikes .item .bottom,
    .p-racing-bikes .team-rider .item .bottom,
    .p-racing-bikes .team-bikes .item .bottom {
        padding: 0
    }
}

.p-racing-team .team-rider .item .name,
.p-racing-team .team-bikes .item .name,
.p-racing-bikes .team-rider .item .name,
.p-racing-bikes .team-bikes .item .name {
    float: left;
    width: 220px;
    margin-left: -220px
}

@media screen and (max-width: 1180px) {
    .p-racing-team .team-rider .item .name,
    .p-racing-team .team-bikes .item .name,
    .p-racing-bikes .team-rider .item .name,
    .p-racing-bikes .team-bikes .item .name {
        width: 100%;
        margin: 0 0 20px
    }
}

.p-racing-team .team-rider .item .name .btn-01,
.p-racing-team .team-bikes .item .name .btn-01,
.p-racing-bikes .team-rider .item .name .btn-01,
.p-racing-bikes .team-bikes .item .name .btn-01 {
    float: left
}

.p-racing-team .team-rider .item p,
.p-racing-team .team-bikes .item p,
.p-racing-bikes .team-rider .item p,
.p-racing-bikes .team-bikes .item p {
    margin: 0
}

.p-racing-rider .rider-data .name {
    float: left;
    margin-right: 30px;
    font: 30px delta_promedium, arial, sans-serif;
    color: #69BE28
}

.p-racing-rider .rider-data .data {
    float: left;
    padding-top: 12px
}

.p-racing-rider .rider-data .data .item {
    clear: both
}

.p-racing-rider .rider-data .data .item .label {
    float: left;
    width: 170px;
    margin-bottom: 5px;
    font-family: delta_promedium, arial, sans-serif
}

.p-racing-rider .rider-data .data .item .value {
    float: left
}

.p-racing-rider .resume .item {
    clear: both
}

.p-racing-rider .resume .year {
    float: left;
    width: 70px;
    margin-right: -70px;
    color: #69BE28;
    font-family: delta_promedium, arial, sans-serif
}

.p-racing-rider .resume .value {
    padding-left: 70px;
    margin-bottom: 10px
}

.p-racing-bikes .gallery .btn-03 {
    margin-top: 40px
}

.p-racing-championships .title-main {
    margin-top: 90px
}

.p-racing-rules .fim {
    text-align: right;
    margin: -60px 0 -100px
}

.p-racing-rules .rules {
    padding-top: 100px
}

.p-racing-rules .rules table {
    clear: both
}

.p-racing-rules .rules td,
.p-racing-rules .rules th {
    padding: 10px 5px;
    text-align: left;
    vertical-align: top
}

.p-racing-rules .rules th {
    color: #69BE28;
    white-space: nowrap
}

.multimedia-list .inner {
    background: #fff;
    padding: 8px
}

.multimedia-list .item {
    padding-left: 260px;
    margin-bottom: 30px
}

.multimedia-list .item .thumb {
    width: 260px;
    height: 150px;
    float: left;
    margin-left: -260px
}

.multimedia-list .item .thumb img {
    vertical-align: middle
}

.multimedia-list .item .data .top {
    min-height: 138px;
    padding: 8px 15px 4px;
    background: #e5e5e5
}

.multimedia-list .item .data .date {
    font: 14px delta_prolight_italic, arial, sans-serif
}

@media screen and (max-width: 1180px) {
    .multimedia-list .item .data .date {
        font-size: 12px
    }
}

.multimedia-list .item .data .title {
    font: 18px delta_prolight, arial, sans-serif;
    margin: 3px 0 0
}

@media screen and (max-width: 1180px) {
    .multimedia-list .item .data .title {
        font-size: 16px
    }
}

.multimedia-list .item .data .title em {
    font-family: delta_promedium, arial, sans-serif;
    font-style: normal
}

.multimedia-list .item .data .title .where {
    color: #69BE28
}

.multimedia-list .item .data .main {
    font: 16px/18px delta_prolight, arial, sans-serif
}

@media screen and (max-width: 1180px) {
    .multimedia-list .item .data .main {
        font: 12px/14px delta_prolight, arial, sans-serif
    }
}

.multimedia-list .item .data .btns {
    position: relative;
    margin-top: 1px;
    background: #e5e5e5;
    margin-right: 50px
}

.multimedia-list .item .data .btns:after,
.multimedia-list .item .data .btns .ie-fix {
    display: block;
    content: "";
    width: 35px;
    height: 28px;
    margin-left: -35px;
    background: url("../images/btns.png") no-repeat 100% -420px;
    cursor: pointer
}

.multimedia-list .item .data .btns .btns-inner {
    *zoom: 1;
    float: right;
    height: 28px;
    margin-right: -50px
}

.multimedia-list .item .data .btns .btns-inner:before,
.multimedia-list .item .data .btns .btns-inner:after {
    content: " ";
    display: table
}

.multimedia-list .item .data .btns .btns-inner:after {
    clear: both
}

.multimedia-list .item .data .btns .btn-08 {
    float: left;
    margin-left: -25px
}

.multimedia-list-pager {
    *zoom: 1;
    margin-bottom: 10px
}

.multimedia-list-pager:before,
.multimedia-list-pager:after {
    content: " ";
    display: table
}

.multimedia-list-pager:after {
    clear: both
}

.multimedia-list-pager ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none
}

.multimedia-list-pager ul li {
    margin: 0
}

.multimedia-list-pager ul li {
    float: left
}

.multimedia-list-pager ul li.prev a,
.multimedia-list-pager ul li.next a {
    width: 7px;
    height: 15px;
    background: url("../images/btns.png") no-repeat 100% -373px
}

.multimedia-list-pager ul li.next a {
    background-position: 100% -388px
}

.multimedia-list-pager ul li.active a {
    position: relative;
    background: url("../images/green-bars.png") no-repeat 0 -120px;
    padding: 0 0 0 18px;
    margin-right: 18px;
    color: #fff
}

.multimedia-list-pager ul li.active a:after,
.multimedia-list-pager ul li.active a .ie-fix {
    position: absolute;
    right: -18px;
    top: 0;
    display: block;
    content: "";
    width: 18px;
    height: 15px;
    background: url("../images/green-bars.png") no-repeat 100% -120px;
    cursor: pointer
}

.multimedia-list-pager ul li a {
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    display: block;
    padding: 0 8px
}

.p-racing-news .allnews {
    clear: both;
    padding-top: 20px
}

.p-racing-news .allnews .item {
    padding: 20px 0 20px 40px
}

.p-racing-news .allnews .circuit-details img {
    float: left
}

.p-racing-news .allnews .circuit-details .details {
    padding-left: 350px;
    line-height: 30px
}

.p-racing-sponsor .racing-rows .item {
    padding: 20px 0 30px 350px
}

.p-racing-sponsor .racing-rows img.sponsor {
    float: left;
    margin-left: -350px
}

.p-racing-sponsor .racing-rows .name {
    font: 20px delta_promedium, arial, sans-serif
}

.p-racing-sponsor .racing-rows .text {
    line-height: 20px
}

.p-racing-sponsor .sponsor-top .racing-rows .item {
    padding-left: 0
}

.p-racing-sponsor .sponsor-top .racing-rows img.sponsor {
    float: none;
    margin: 0 0 10px
}

.p-racing-ospitality .news-single-img {
    margin: 0 -50px
}

.p-racing-ospitality .hospitality-btn {
    clear: right;
    float: right;
    margin: 5px -50px 0 0
}

.p-racing-ospitality .btn-03 {
    width: 295px
}

.hospitality-box {
    border-top: 1px solid #69BE28;
    padding-top: 10px;
    margin-bottom: 40px;
    *zoom: 1
}

.hospitality-box:before,
.hospitality-box:after {
    content: " ";
    display: table
}

.hospitality-box:after {
    clear: both
}

.hospitality-box ul {
    padding: 0
}

.hospitality-box li {
    color: #69BE28;
    float: left;
    width: 33%;
    list-style-position: inside
}

.hospitality-box li span {
    display: inline-block;
    min-width: 110px;
    margin-right: 10px;
    color: #000
}

.hospitality-box li img {
    vertical-align: top
}

.p-racing .home-visual .bike {
    width: 100%
}

.p-racing .home-visual .model-btns {
    top: 65%;
    z-index: auto
}

@media screen and (max-height: 780px) {
    .p-racing .home-visual .model-btns {
        top: 85%
    }
}

@media screen and (max-width: 1180px) {
    .p-racing .home-visual .model-btns {
        top: 70%
    }
}

.p-racing .home-visual .model-btns .btn {
    padding-right: 43%
}

.p-racing .home-visual .model-btns a {
    position: relative;
    z-index: 12
}

.p-racing .home-visual .model-btns a:hover {
    color: #000
}

.p-racing .home-visual .model-year {
    top: 480px;
    z-index: auto
}

@media screen and (max-height: 780px) {
    .p-racing .home-visual .model-year {
        top: 320px
    }
}

@media screen and (max-width: 1180px) {
    .p-racing .home-visual .model-year {
        top: 320px
    }
}

.p-racing .home-visual .model-year .carousel {
    z-index: 12
}

.p-racing .home-visual .model-year .my-title {
    z-index: 9
}

.p-racing .home-visual .title {
    top: 11.5%
}

.p-racing .home-visual .title em {
    font-size: 48px
}

.p-racing .home-visual .title .small {
    display: block;
    font: 20px/24px delta_prolight, arial, sans-serif;
    font-weight: normal
}

@media screen and (max-height: 780px) {
    .p-racing .home-visual .title .small {
        font-size: 16px;
        line-height: 18px
    }
}

@media screen and (max-width: 1180px) {
    .p-racing .home-visual .title .small {
        font-size: 16px;
        line-height: 18px
    }
}

.p-racing-home .l-content {
    background: url("../images/racing-bg.png")
}

.p-racing-home .title-racing {
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/sprite-v.png") no-repeat 0 -80px;
    padding-left: 93px
}

.p-racing-home .title-racing .inner {
    height: 50px;
    background: url("../images/sprite-v.png") no-repeat 100% 0;
    padding: 28px 120px 0 0
}

.p-racing-home .title-racing .sub {
    font-size: 16px;
    color: #fff
}

.p-racing-home .title-racing .title {
    font: 22px/20px delta_promedium, arial, sans-serif;
    color: #69BE28
}

.p-racing-home .boxes-news .title {
    width: 170px
}

@media screen and (max-width: 1180px) {
    .p-racing-home .boxes-news .title {
        width: 110px
    }
}

.p-racing-home .bigscroll {
    max-height: 533px
}

.p-racing-home .bigscroll .bigscroll-prev,
.p-racing-home .bigscroll .bigscroll-next,
.p-racing-home .bigscroll .bigscroll-shadow {
    display: none
}

.p-racing-home .bigscroll .bigscroll-item {
    height: auto
}

.p-racing-home .bigscroll .bigscroll-item a {
    display: block;
    width: 100%
}

.p-racing-home .bigscroll .bigscroll-item img {
    vertical-align: middle
}

.p-racing-home .bigscroll .pager {
    right: 0;
    bottom: 0;
    width: 126px !important;
    height: 22px;
    background: url("../images/sprite-v.png") no-repeat 100% -160px;
    padding: 110px 0 0 30px
}

.p-racing-home .bigscroll .pager ul li {
    margin: 0 3px !important
}

.p-racing-home section {
    *zoom: 1;
    padding-bottom: 50px
}

.p-racing-home section:before,
.p-racing-home section:after {
    content: " ";
    display: table
}

.p-racing-home section:after {
    clear: both
}

.p-racing-home section .intro-content {
    position: relative;
    *zoom: 1
}

.p-racing-home section .intro-content:before,
.p-racing-home section .intro-content:after {
    content: " ";
    display: table
}

.p-racing-home section .intro-content:after {
    clear: both
}

.p-racing-home .shadow-top,
.p-racing-home .shadow-bottom {
    position: absolute;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: 10
}

.p-racing-home .shadow-top {
    top: 0;
    background: transparent url("../images/racing-intro-shadow-top.png") repeat-x
}

.p-racing-home .shadow-bottom {
    bottom: 0;
    background: transparent url("../images/racing-intro-shadow-bottom.png") repeat-x
}

.p-racing-home .main {
    float: left;
    width: 58.6%;
    background: #1e1e1e url("../images/racing-home-main-bg.gif") no-repeat;
    padding: 36px 15px 36px 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc)
}

.p-racing-home .main .title-main {
    margin-top: 0;
    font: 26px delta_promedium, arial, sans-serif;
    color: #69BE28;
    text-transform: uppercase
}

.p-racing-home .main .filter {
    color: #999999;
    font-size: 16px
}

.p-racing-home .main .filter label {
    float: left;
    text-transform: uppercase;
    margin-right: 25px
}

.p-racing-home .main .filter label input {
    margin-left: 5px
}

.p-racing-home .main .filter span {
    float: left;
    width: 100px
}

.p-racing-home .main .filter .items {
    padding-left: 100px
}

.p-racing-home .news-list {
    clear: both;
    padding-top: 25px
}

.p-racing-home .news-list a {
    color: #fff
}

.p-racing-home .news-list .btns div {
    padding-right: 20px;
    font: 14px delta_promedium, arial, sans-serif;
    color: #fff;
    cursor: pointer
}

.p-racing-home .news-list .btns .more {
    float: left;
    margin-left: 300px;
    background: url("../images/btns.png") no-repeat 100% -915px
}

.p-racing-home .news-list .btns .back-top {
    float: right;
    background: url("../images/btns.png") no-repeat 100% -895px
}

.p-racing-home .news-list .news {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    background: #000 url("../images/racing-home-news.png") no-repeat 100% 100%
}

.p-racing-home .news-list .news .thumb {
    position: relative;
    float: left;
    width: 32.5%;
    overflow: hidden
}

.p-racing-home .news-list .news .thumb img {
    vertical-align: middle;
    width: 100%
}

.p-racing-home .news-list .news .thumb .type {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 24px;
    padding-left: 20px;
    padding-right: 24px;
    z-index: 10
}

.p-racing-home .news-list .news .thumb .type span {
    color: #fff;
    font-family: delta_promedium_italic, arial, sans-serif;
    z-index: 10;
    position: relative
}

.p-racing-home .news-list .news .thumb .type:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transform: skew(-50deg);
    -moz-transform: skew(-50deg);
    -ms-transform: skew(-50deg);
    -o-transform: skew(-50deg);
    transform: skew(-50deg);
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: -3px;
    bottom: 0;
    position: absolute;
    z-index: 2
}

.p-racing-home .news-list .news .content {
    float: left;
    width: 67.5%;
    color: #fff
}

.p-racing-home .news-list .news .date {
    float: left;
    text-transform: uppercase;
    margin: 13px 0 0 13px
}

.p-racing-home .news-list .news .place {
    float: right;
    margin: 13px 13px 0 0
}

.p-racing-home .news-list .news .title {
    clear: both;
    padding: 22px 13px 40px;
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase
}

.p-racing-home .news-list .news .discover {
    position: absolute;
    bottom: 16px;
    right: 20px
}

.p-racing-home .news-list .news .discover a {
    background: url("../images/btns.png") no-repeat 100% -875px;
    padding-right: 15px;
    font-size: 16px
}

.p-racing-home .news-list .social {
    position: absolute;
    left: 13px;
    bottom: 13px;
    height: 21px;
    margin-left: 32.5%
}

.p-racing-home .news-list .social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 23px
}

.p-racing-home .news-list .social ul li {
    margin: 0
}

.p-racing-home .news-list .social ul li {
    float: right;
    width: 16px;
    padding: 0 20px;
    margin-left: -20px;
    background: url("../images/btns.png") no-repeat -155px -30px
}

.p-racing-home .news-list .social ul li.fb {
    padding-left: 20px
}

.p-racing-home .news-list .social ul li a {
    display: block;
    height: 21px;
    background: url("../images/btns.png") no-repeat 0 -56px;
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.p-racing-home .news-list .social ul li.tw a {
    background-position: -20px -56px
}

.p-racing-home .news-list .social ul li.fl a {
    background-position: -38px -56px
}

.p-racing-home .news-list .social ul li.yt a {
    background-position: -58px -58px
}

.p-racing-home .sidebar {
    float: left;
    width: 33.8%;
    margin-left: 4.1%;
    color: #fff
}

.p-racing-home .sidebar .sidebar-title {
    margin: 0;
    padding-top: 36px;
    color: #69BE28;
    font: 26px delta_promedium, arial, sans-serif
}

.p-racing-home .sidebar .next-race {
    line-height: 28px;
    margin-top: 10px
}

.p-racing-home .sidebar .next-race .row {
    height: 28px;
    background: #1e1e1e;
    padding: 0
}

.p-racing-home .sidebar .next-race .type {
    width: 45%;
    float: left
}

.p-racing-home .sidebar .next-race .type span {
    padding-left: 15px
}

.p-racing-home .sidebar .next-race .time {
    width: 55%;
    float: right;
    background: #090909 url("../images/sprite-v.png") no-repeat 0 -160px;
    text-align: center
}

.p-racing-home .sidebar .next-race .where {
    height: 28px;
    background: #1e1e1e;
    border-top: 1px solid #090909;
    padding: 0 0 0 15px
}

.p-racing-home .sidebar .next-race .where img {
    float: left;
    margin: 5px 10px 0 0
}

.p-racing-home .sidebar .newsletter-row {
    margin-bottom: 20px
}

.p-racing-home .sidebar .newsletter-row .sidebar-title {
    font-size: 22px
}

.p-racing-home .sidebar .newsletter-row p {
    margin: 0 0 4px 0;
    font-size: 15px
}

.p-racing-home .sidebar .newsletter-row input {
    width: 90%
}

.p-racing-home .sidebar .news-list-1x {
    width: 100%
}

.p-racing-home .bottom {
    clear: both
}

.p-racing-team .team-rider,
.p-racing-local .team-rider {
    padding-bottom: 0
}

.p-racing-team .team-rider .row,
.p-racing-local .team-rider .row {
    *zoom: 1
}

.p-racing-team .team-rider .row:before,
.p-racing-team .team-rider .row:after,
.p-racing-local .team-rider .row:before,
.p-racing-local .team-rider .row:after {
    content: " ";
    display: table
}

.p-racing-team .team-rider .row:after,
.p-racing-local .team-rider .row:after {
    clear: both
}

.p-racing-team .team-rider .item,
.p-racing-local .team-rider .item {
    float: left;
    width: 45.66%;
    margin-bottom: 30px
}

.p-racing-team .team-rider .item.left,
.p-racing-local .team-rider .item.left {
    margin-right: 8.68%
}

.p-racing-team .team-rider .item img,
.p-racing-local .team-rider .item img {
    width: 100%;
    margin-bottom: 20px
}

.p-racing-team .team-rider .item .bottom,
.p-racing-local .team-rider .item .bottom {
    padding-left: 220px
}

@media screen and (max-width: 1180px) {
    .p-racing-team .team-rider .item .bottom,
    .p-racing-local .team-rider .item .bottom {
        padding: 0
    }
}

.p-racing-team .team-rider .item .name,
.p-racing-local .team-rider .item .name {
    float: left;
    width: 220px;
    margin: 0 0 0 -220px
}

@media screen and (max-width: 1180px) {
    .p-racing-team .team-rider .item .name,
    .p-racing-local .team-rider .item .name {
        width: 100%;
        margin: 0 0 20px
    }
}

.p-racing-team .team-rider .item .name .btn-01,
.p-racing-local .team-rider .item .name .btn-01 {
    float: left;
    background: url("../images/green-bars.png") 0 -150px;
    height: auto !important;
    width: 100px;
    padding: 3px 0 3px 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 14px
}

.p-racing-team .team-rider .item .name .btn-01:after,
.p-racing-local .team-rider .item .name .btn-01:after {
    background: url("../images/green-bars.png") 100% -150px;
    height: 100%;
    width: 50px;
    right: -50px
}

.p-racing-team .team-rider .item p,
.p-racing-local .team-rider .item p {
    margin: 0;
    font-size: 16px
}

.p-racing-team .staff,
.p-racing-local .staff {
    *zoom: 1
}

.p-racing-team .staff:before,
.p-racing-team .staff:after,
.p-racing-local .staff:before,
.p-racing-local .staff:after {
    content: " ";
    display: table
}

.p-racing-team .staff:after,
.p-racing-local .staff:after {
    clear: both
}

.p-racing-team .staff .item,
.p-racing-local .staff .item {
    position: relative;
    float: left;
    width: 33%;
    margin-bottom: 25px;
    height: 100px;
    overflow: hidden
}

@media screen and (max-width: 1180px) {
    .p-racing-team .staff .item,
    .p-racing-local .staff .item {
        width: 50%
    }
}

.p-racing-team .staff .item img,
.p-racing-local .staff .item img {
    vertical-align: middle
}

.p-racing-team .staff .item .data,
.p-racing-local .staff .item .data {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(../javascripts/boxsizing.htc);
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 75px
}

.p-racing-team .staff .item .data .name,
.p-racing-local .staff .item .data .name {
    color: #69BE28;
    font: 20px delta_promedium, arial, sans-serif
}

.p-racing-local .team-rider .item .bottom {
    padding: 0
}

.p-racing-local .team-rider .item .name-local {
    margin-bottom: 20px
}

.p-racing-local .team-rider .item .name-local span {
    font: 20px delta_promedium, arial, sans-serif;
    color: #69BE28
}

.p-news-home .title a {
    font-size: 21px
}

.p-racing-home.p-news-home .l-content {
    background-image: none
}

.p-news-home .news-select {
    width: 25%;
    float: right;
    margin-top: -36px
}

.p-racing-calendar .calendar-map {
    position: relative;
    margin: 0 -50px
}

.p-racing-calendar .calendar-map img.map {
    width: 100%
}

.p-racing-calendar .calendar-map .markers .item {
    position: absolute;
    width: 11px;
    height: 16px;
    background: url("../images/racing-calendar-marker.png") no-repeat 0 0;
    cursor: pointer;
    z-index: 9
}

.p-racing-calendar .calendar-map .markers .item .round {
    display: none;
    position: absolute;
    bottom: 5px;
    left: 0;
    height: 43px;
    background: url("../images/racing-calendar-marker.png") no-repeat 50% 100%;
    padding: 0 10px 8px 55px;
    text-transform: uppercase;
    text-align: center;
    color: #69BE28
}

.p-racing-calendar .calendar-map .markers .item.open {
    background: none;
    z-index: 10
}

.p-racing-calendar .calendar-map .markers .item.open .round {
    display: block
}

.p-racing-calendar .calendar-map .markers .item .number {
    float: left;
    width: 45px;
    height: 38px;
    margin-left: -55px;
    font: 14px/16px delta_promedium, arial, sans-serif;
    border-right: 1px solid #69BE28;
    margin-right: 10px;
    padding-top: 5px;
    background: url("../images/racing-calendar-marker.png") no-repeat 16px 24px;
    text-align: center
}

.p-racing-calendar .calendar-map .markers .item .right {
    line-height: 16px
}

.p-racing-calendar .calendar-map .markers .item .right .circuit,
.p-racing-calendar .calendar-map .markers .item .right .where {
    display: block;
    white-space: nowrap
}

.p-racing-calendar .calendar-map .markers .item .right .circuit {
    padding-top: 5px;
    font: 12px/16px delta_promedium, arial, sans-serif
}

.p-racing-calendar .calendar-map .markers .item .right .where {
    font: 10px/16px delta_promedium, arial, sans-serif;
    color: #fff
}

.p-racing-calendar .racing-rows .item {
    cursor: pointer
}

.p-racing-calendar .racing-rows .item .circuit,
.p-racing-calendar .racing-rows .item p {
    display: none
}

.p-racing-calendar .racing-rows .item.open {
    padding-left: 250px
}

.p-racing-calendar .racing-rows .item.open .circuit,
.p-racing-calendar .racing-rows .item.open p {
    display: block
}

.p-racing-calendar .racing-rows .item.open .circuit {
    margin-left: -250px
}

.p-racing-calendar .racing-rows .item.open .flag {
    margin-left: -35px
}

.p-racing-calendar .racing-rows .item.open .data {
    width: 100%
}

.p-racing-calendar .racing-rows .item.open .data p {
    margin: 0
}

.p-racing-result .racing-rows .item .btn-08 a {
    padding-right: 25px;
    background: url("../images/btns.png") no-repeat 100% -695px
}

.p-racing-result .racing-rows .item .btn-08.active {
    background-position: 0 -830px
}

.p-racing-result .racing-rows .item .btn-08.active:after {
    background-position: 100% -830px
}

.p-racing-result .racing-rows .item .btn-08.active a {
    background-position: 100% -725px
}

.p-racing-result .item-result {
    padding-bottom: 20px;
    margin: 20px 0 0;
    border-bottom: 1px solid #69BE28
}

.p-racing-result .item-result .wrap {
    overflow: hidden;
    padding: 20px;
    background: #fff;
    position: relative
}

.p-racing-result .item-result .bigtitle {
    color: #69BE28;
    font: 24px delta_promedium, arial, sans-serif;
    text-transform: uppercase;
    margin: 0 0 20px
}

.p-racing-result .item-result .left {
    float: left;
    width: 45%
}

.p-racing-result .item-result .right {
    float: right;
    width: 45%;
    padding-bottom: 100px
}

.p-racing-result .item-result .right .bigtitle {
    margin-bottom: 44px
}

.p-racing-result .item-result .right table {
    margin-top: 24px
}

.p-racing-result .item-result .right .btn {
    position: absolute;
    width: 45%;
    bottom: 80px;
    right: 0
}

.p-racing-result .item-result .right .btn img {
    position: relative;
    width: 43.15%;
    z-index: 10
}

.p-racing-result .item-result .right .btn .btn-01 {
    float: none;
    text-align: right;
    margin: -16% 45px 0 30%
}

@media screen and (max-width: 1180px) {
    .p-racing-result .item-result .right .btn .btn-01 {
        font-size: 12px
    }
}

.p-racing-result .item-result .title {
    height: 24px;
    font: 18px/24px delta_promedium, arial, sans-serif;
    padding: 0 0 5px 10px
}

.p-racing-result .item-result table {
    width: 100%;
    font: 14px delta_promedium, arial, sans-serif;
    margin-bottom: 30px
}

.p-racing-result .item-result tr td {
    padding: 3px
}

.p-racing-result .item-result td.td-position {
    padding-left: 10px
}

.p-racing-result .item-result tr.even td {
    background: #e8e8e8
}

.p-racing-result .item-result tr.kawasaki td {
    background: #69BE28
}

.search-list h1 {
    font: 30px delta_prolight, arial, sans-serif;
    text-align: center
}

.search-list .list .list-title {
    padding: 0 0 20px 180px;
    font: 24px delta_prolight, arial, sans-serif
}

.search-list .list .item {
    *zoom: 1;
    margin-bottom: 30px
}

.search-list .list .item:before,
.search-list .list .item:after {
    content: " ";
    display: table
}

.search-list .list .item:after {
    clear: both
}

.search-list .list .item .thumb {
    float: left;
    width: 128px
}

.search-list .list .item .thumb img {
    width: 100%
}

.search-list .list .item .data {
    padding-left: 180px
}

.search-list .list .item .item-title {
    font-family: delta_promedium, arial, sans-serif
}

.search-list .btn-03 {
    margin-right: -50px
}

.p-survey .btn-03 {
    margin: 20px -28px 0 0
}

.survey-block {
    *zoom: 1;
    border-bottom: 1px solid #69BE28;
    margin: 0 -28px;
    padding: 28px
}

.survey-block:before,
.survey-block:after {
    content: " ";
    display: table
}

.survey-block:after {
    clear: both
}

.survey-block label,
.survey-block .label {
    font-size: 14px
}

.survey-block input[type='text'] {
    padding: 2px 6px
}

.survey-block input[type="radio"] {
    margin-right: 5px
}

.survey-block .select {
    margin-bottom: 8px
}

.survey-block .check-list label {
    position: relative;
    padding: 3px 0 0 25px;
    cursor: pointer
}

.survey-block .check-list label.active:after {
    background-position: -100px -695px
}

.survey-block .check-list label:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/btns.png") no-repeat -155px -695px
}

.survey-block .check-list input {
    display: none;
    width: auto;
    margin: 0 10px 0 18px
}

.survey-block .first-td {
    padding-right: 30px
}

.survey-block .radio-list td span {
    padding: 0 5px
}

.survey-block th {
    font: normal 12px delta_prolight, arial, sans-serif
}

.survey-block--bottom .right {
    float: right;
    width: 32.7%;
    font-size: 14px
}

.survey-block--bottom .left {
    float: left;
    width: 50%
}

.survey-block--bottom .left img {
    width: 100%
}

.survey-item {
    margin-bottom: 20px
}

.survey-col-title {
    margin-bottom: 5px
}

.survey-col-2 {
    float: left;
    width: 50%
}

.survey-col-2 input[type="text"] {
    width: 260px
}

.survey-col-2 textarea {
    width: 330px;
    height: 140px
}

.survey-col-3 {
    float: left;
    width: 33%
}

.survey-col-3 textarea {
    width: 78%;
    height: 140px
}

span.hasCheckbox>input[type="checkbox"] {
    width: auto
}

.kgallery {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 201;
    overflow: hidden
}

.kgallery .player {
    position: absolute;
    top: 0;
    left: 900%;
    z-index: 10
}

.kgallery .player.visible {
    left: 0
}

.kgallery__big {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    left: 900%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    z-index: 201;
    overflow: hidden
}

.kgallery__big-imgloading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7) url("../images/loading.gif") no-repeat 50% 50%;
    z-index: 10
}

.kgallery__big-loader {
    position: absolute;
    left: 1000%
}

.kgallery__big-close {
    position: absolute;
    top: 0px;
    right: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: #000 url("../images/btns.png") no-repeat 0px -1190px;
    z-index: 11
}

.kgallery__big-next,
.kgallery__big-prev {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    width: 40px;
    height: 70px;
    background: url("../images/btns.png") repeat -360px -350px;
    z-index: 11;
    cursor: pointer
}

.kgallery__big-next {
    right: 0;
    background-position: -400px -350px
}

.kgallery__big-prev {
    left: 0
}

.kgallery__thumbs {
    position: relative;
    margin: 3px 10px;
    padding: 0 40px
}

.kgallery__thumbs * {
    box-sizing: border-box
}

.kgallery__thumbs-scroll-wrap {
    margin: -20px;
    padding: 20px;
    overflow: hidden
}

.kgallery__thumbs-scroll {
    width: 2000px
}

.kgallery__thumbs-scroll ul {
    *zoom: 1
}

.kgallery__thumbs-scroll ul:before,
.kgallery__thumbs-scroll ul:after {
    content: " ";
    display: table
}

.kgallery__thumbs-scroll ul:after {
    clear: both
}

.kgallery__thumbs-scroll li {
    float: left;
    position: relative;
    width: 150px;
    height: 100px;
    margin-right: 3px;
    background: url("../images/loading.gif") no-repeat 50% 50%;
    background-size: 70%;
    cursor: pointer
}

.kgallery__thumbs-scroll li:last-child {
    margin: 0
}

.kgallery__thumbs-scroll li.loaded {
    background-size: cover
}

.kgallery__thumbs-scroll li:hover {
    width: 170px;
    height: 114px;
    margin: -7px -7px 0 -10px;
    z-index: 1;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75)
}

.kgallery__thumbs-scroll li:hover[data-video]:after {
    width: 45px;
    height: 45px;
    margin: -22px 0 0 -22px
}

.kgallery__thumbs-scroll li.active {
    border: 2px solid #69BE28
}

.kgallery__thumbs-scroll li[data-video]:after {
    width: 40px;
    height: 40px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    background: url("../images/tf_playvideo.png");
    background-size: cover;
    z-index: 1
}

.kgallery__thumbs-prev,
.kgallery__thumbs-next {
    position: absolute;
    top: 20px;
    width: 20px;
    height: 100px;
    background: #000;
    z-index: 10;
    cursor: pointer
}

.kgallery__thumbs-prev:after,
.kgallery__thumbs-next:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    display: block;
    width: 8px;
    height: 15px;
    background: url("../images/btns.png") no-repeat 0 -480px
}

.kgallery__thumbs-prev {
    left: 0
}

.kgallery__thumbs-next {
    right: 0
}

.kgallery__thumbs-next:after {
    background-position: 0 -510px
}

select.k-select {
    background: #2e2e2e url("../images/btn-select.png") 99% 50% no-repeat;
    border: 1px solid #737373;
    color: #69BE28;
    font: 14px/1 Arial, sans-serif;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

select.k-select::-webkit-input-placeholder {
    color: #69BE28
}

select.k-select:-moz-placeholder {
    color: #69BE28
}

select.k-select::-moz-placeholder {
    color: #69BE28
}

select.k-select:-ms-input-placeholder {
    color: #69BE28
}

select.k-select {
    background: #2e2e2e url("../images/btn-select.png") 99% 50% no-repeat;
    border: 1px solid #737373;
    color: #69BE28;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 9px;
    width: 314px
}

select.k-select::-ms-expand {
    display: none
}

.add-more {
    margin-top: 21px
}

.add-more input {
    display: block;
    float: left
}

.add-more input.plus {
    width: 24px;
    height: 24px;
    line-height: 12px;
    color: black;
    background-color: white
}

.add-more .price-input {
    background-color: white;
    width: 36px;
    height: 24px;
    padding: 0
}

.box-row.whislist .btns {
    margin-top: 21px !important;
    clear: both
}

.p-accessories-whislist .whislist .item .price {
    text-align: right
}

.p-archive-models .product-specifications {
    background: #fff url("../images/product-bg.jpg") repeat-x 0 100%;
    padding-bottom: 140px
}

.p-archive-models .l-page-action {
    top: 2px
}

.p-archive-models .l-content-onecol {
    margin-top: 14.2%
}

.p-archive-models h1.title {
    margin: 0 0 20px;
    font: 40px delta_prolight_italic, arial, sans-serif;
    text-transform: none
}

.p-archive-models .claim {
    padding: 0 28px;
    font-size: 20px;
    line-height: 30px
}

.p-archive-models .select-box {
    *zoom: 1;
    border: 1px solid #69BE28;
    padding: 30px 3.9%;
    background: #fff
}

.p-archive-models .select-box:before,
.p-archive-models .select-box:after {
    content: " ";
    display: table
}

.p-archive-models .select-box:after {
    clear: both
}

.p-archive-models .select-box p {
    margin: 0 0 20px
}

.p-archive-models .select-box .select {
    width: 22%;
    float: left;
    margin-right: 17%
}

.p-archive-models .select-box .select:last-child {
    margin: 0
}

.p-archive-models .specs-archive {
    margin: 0 2.4%
}

.p-archive-models .specs-archive .cols {
    float: right;
    border: 0
}

.p-archive-models .specs-archive .title {
    text-transform: none
}

.p-archive-models .specs-archive .bike-image {
    right: auto;
    left: 0
}

.p-archive-models .specs-archive .cols__wrap {
    *zoom: 1;
    margin-bottom: 15px;
    border-bottom: 1px solid #69BE28;
    padding-bottom: 15px
}

.p-archive-models .specs-archive .cols__wrap:before,
.p-archive-models .specs-archive .cols__wrap:after {
    content: " ";
    display: table
}

.p-archive-models .specs-archive .cols__wrap:after {
    clear: both
}

.p-archive-models .specs-archive .technologies {
    text-align: center;
    margin-top: 30px
}

.p-archive-models .specs-archive .technologies a {
    margin: 0 5px
}

.p-archive-models .specs-archive .technologies img {
    width: 40px
}

.p-archive-models .product-specifications .details {
    position: relative;
    display: none;
    visibility: visible;
    width: 600px;
    left: 0;
    padding: 0 0 30px;
    background: none
}

.p-archive-models .color {
    position: relative;
    width: 100%;
    margin-top: 10px;
    z-index: 10;
    color: #000;
    font: 12px delta_promedium, arial, sans-serif;
    text-align: center;
    text-transform: uppercase
}

.p-archive-models .color .inner {
    display: inline;
    text-align: center
}

.p-archive-models .color .inner div {
    position: relative;
    display: inline-block;
    padding: 18px 4px 4px
}

.p-archive-models .color .inner div.active,
.p-archive-models .color .inner div:hover {
    background: url("../images/product.png") no-repeat -122px -360px
}

.p-archive-models .color .inner img {
    border: 2px solid #fff;
    cursor: pointer
}

.p-archive-models .color .label {
    clear: both
}

.p-archive-models .modal .loading {
    position: absolute;
    top: 20%;
    left: 50%;
    margin: -30px 0 0 -80px;
    padding: 10px 5px 0;
    z-index: 11;
    width: 160px;
    height: 60px;
    background: #000;
    border-radius: 5px
}

.ma-images {
    float: left;
    width: 51%
}

.ma-images .ma-year {
    margin-bottom: -5px;
    font: 24px delta_promedium, arial, sans-serif
}

.ma-images .ma-title {
    margin-top: 0;
    font: 36px delta_promedium, arial, sans-serif
}

.ma-images .ma-images__wrap {
    position: relative
}

.ma-images .ma-images__model {
    position: relative;
    max-width: 700px;
    background: #fff;
    z-index: 10
}

.ma-images .ma-images__model img {
    display: none;
    width: 100%;
    vertical-align: middle
}

.ma-images .ma-images__model img.active {
    display: inline
}

.ma-images .ma-images__model img.shadow {
    display: inline;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10
}

.ma-images .ma-images__shadow-right {
    position: absolute;
    width: 19.76%;
    bottom: 0;
    right: -19.76%
}

.ma-images .ma-images__shadow-bottom {
    position: relative;
    height: 0;
    width: 100%
}

.ma-images .ma-images__shadow-bottom img {
    position: absolute;
    width: 100%;
    top: -20px;
    left: 0;
    z-index: 9
}

.p-archive-multimedia .product-multimedia {
    background: #fff url("../images/product-bg.jpg") repeat-x 0 100%;
    height: 735px;
    padding-top: 45px
}

.p-archive-multimedia .product-multimedia .gallery {
    position: relative
}

.p-archive-multimedia .product-multimedia .gallery .big {
    position: relative;
    background: black;
    margin-left: 8.19% !important;
    float: left
}

.p-archive-multimedia .product-multimedia .gallery .list .lnkThumbsImage {
    margin: 0 4px 3px 0;
    position: relative
}

.p-archive-multimedia .product-multimedia .gallery .list .lnkThumbsImage.active span {
    box-sizing: border-box;
    border: 3px solid #69be28
}

.p-archive-multimedia .product-multimedia .gallery .list .wrap ul li {
    width: 110px;
    height: 70px
}

.p-archive-multimedia .product-multimedia .gallery .list .wrap ul li a {
    width: 110px;
    height: 70px
}

.p-archive-multimedia .product-multimedia .gallery .list .wrap ul li a:hover {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 150px;
    height: 93px;
    z-index: 10
}

.p-archive-multimedia .product-multimedia .thumbs {
    float: left;
    width: 260px;
    margin-left: 26px;
    position: relative;
    right: 0;
    top: 0;
    left: 0
}

.p-archive-multimedia .product-multimedia .btns {
    width: 260px;
    height: 22px;
    margin-bottom: 10px
}

@media screen and (max-width: 1320px) {
    .ma-images {
        width: 45%
    }
    .ma-images .ma-year {
        font: 18px delta_promedium, arial, sans-serif
    }
    .ma-images .ma-title {
        font: 28px delta_promedium, arial, sans-serif
    }
}

@media screen and (max-width: 1200px) {
    .ma-images {
        width: 40%
    }
    .ma-images .ma-year {
        font: 18px delta_promedium, arial, sans-serif
    }
    .ma-images .ma-title {
        font: 28px delta_promedium, arial, sans-serif
    }
}

@media screen and (max-width: 1090px) {
    .ma-images {
        width: 300px
    }
    .ma-images .ma-year {
        font: 16px delta_promedium, arial, sans-serif
    }
    .ma-images .ma-title {
        font: 24px delta_promedium, arial, sans-serif
    }
}

.mejs-overlay-button {
    background-image: url("../images/bigplay.png")
}

.kplayer {
    box-sizing: border-box;
    position: relative;
    width: 800px;
    height: 500px;
    margin: 0 auto
}

.kplayer.kplayer--fulscreen {
    width: 100%;
    height: 100%
}

.kplayer * {
    box-sizing: border-box
}

.kplayer video {
    display: none
}

.kplayer .kplayer--hide {
    display: none !important
}

.kplayer .kplayer--show {
    display: block !important
}

.kplayer .kplayer__player {
    width: 100%;
    height: 100%
}

.kplayer .kplayer__poster {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    z-index: 11
}

.kplayer .kplayer__bigplay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    background: url("../images/bigplay.png") no-repeat 0 0;
    margin: -50px 0 0 -50px;
    z-index: 12;
    cursor: pointer
}

.kplayer .kplayer__bigplay:hover {
    background-position: 0 -100px
}

.kplayer .kplayer__controls {
    position: absolute;
    left: 50%;
    bottom: 20px;
    width: 604px;
    height: 60px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    background: url("../images/controls-kawasaki.png") no-repeat;
    z-index: 10
}

.kplayer .kplayer__playpause,
.kplayer .kplayer__volume-btn,
.kplayer .kplayer__volume-bar,
.kplayer .kplayer__fullscreen,
.kplayer .kplayer__progress {
    cursor: pointer
}

.kplayer .kplayer__playpause {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 14px;
    left: 52px;
    background: url("../images/controls-kawasaki.png") no-repeat -30px -60px
}

.kplayer .kplayer--pause {
    background: url("../images/controls-kawasaki.png") no-repeat 0px -60px
}

.kplayer .kplayer__progress {
    position: absolute;
    top: 22px;
    left: 120px;
    width: 125px;
    height: 10px;
    background: #6D6D6F
}

.kplayer .kplayer__time {
    position: absolute;
    top: 20px;
    left: 260px;
    color: #fff;
    font-size: 11px;
    white-space: nowrap
}

.kplayer .kplayer__time>div {
    display: inline-block
}

.kplayer .kplayer__currentime:after {
    content: "|";
    margin: 0 5px
}

.kplayer .kplayer__volume {
    position: absolute;
    top: 14px;
    left: 360px
}

.kplayer .kplayer__volume-btn {
    float: left;
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url("../images/controls-kawasaki.png") no-repeat -60px -60px;
    margin-right: 10px
}

.kplayer .kplayer__volume-bar {
    display: inline-block;
    width: 50px;
    height: 10px;
    background: #6D6D6F
}

.kplayer .kplayer__fullscreen {
    position: absolute;
    top: 14px;
    left: 520px;
    width: 30px;
    height: 30px;
    background: url("../images/controls-kawasaki.png") no-repeat -90px -60px
}

.kplayer .kplayer__progress,
.kplayer .kplayer__volume-bar {
    border-radius: 0;
    border: 0
}

.kplayer .kplayer__progress .ui-slider-range,
.kplayer .kplayer__volume-bar .ui-slider-range {
    width: 0px;
    height: 10px;
    background: #69BE28;
    border-radius: 0
}

.kplayer .kplayer__progress .ui-slider-handle,
.kplayer .kplayer__volume-bar .ui-slider-handle {
    display: none
}

.tohidden {
    display: none
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

@-webkit-keyframes deleted {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(-3em, 0, 0);
        opacity: 0
    }
}

@keyframes deleted {
    0% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    100% {
        transform: translate3d(-3em, 0, 0);
        opacity: 0
    }
}

.hide {
    display: none
}