﻿/*!
 * Bootstrap v3.3.7-custom (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */


html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
.carstock {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background-color: transparent
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: bold
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
*, *:before, *:after {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important
}
a, a:visited {
	text-decoration: underline
}
a[href]:after {
	content: " (" attr(href) ")"
}
abbr[title]:after {
	content: " (" attr(title) ")"
}
a[href^="#"]:after, a[href^="javascript:"]:after {
	content: ""
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
tr, img {
	page-break-inside: avoid
}
img {
	max-width: 100% !important
}
p, h2, h3 {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
.navbar {
	display: none
}
.btn>.caret, .dropup>.btn>.caret {
	border-top-color: #000 !important
}
.label {
	border: 1px solid #000
}
.table {
	border-collapse: collapse !important
}
.table td, .table th {
	background-color: #fff !important
}
.table-bordered th, .table-bordered td {
	border: 1px solid #ddd !important
}
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.carstock {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.carstock {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #333;
	background-color: #fff
}
input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}
.carstock a {
	color: #337ab7;
	text-decoration: none
}
.carstock a:hover, a:focus {
	color: #23527c;
	text-decoration: underline
}
.carstock a:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
figure {
	margin: 0
}
img {
	vertical-align: middle
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto
}
.img-rounded {
	border-radius: 6px
}
.img-thumbnail {
	padding: 4px;
	line-height: 1.428571429;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto
}
.img-circle {
	border-radius: 50%
}
hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto
}
[role="button"] {
	cursor: pointer
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}
h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
	font-weight: normal;
	line-height: 1;
	color: #777
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 20px;
	margin-bottom: 10px
}
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
	font-size: 65%
}
h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 10px;
	margin-bottom: 10px
}
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
	font-size: 75%
}
h1, .h1 {
	font-size: 36px
}
h2, .h2 {
	font-size: 30px
}
h3, .h3 {
	font-size: 24px
}
h4, .h4 {
	font-size: 18px
}
h5, .h5 {
	font-size: 14px
}
h6, .h6 {
	font-size: 12px
}
p {
	margin: 0 0 10px
}
.lead {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4
}

@media (min-width: 768px) {
.lead {
	font-size: 21px
}
}
small, .small {
	font-size: 85%
}
mark, .mark {
	background-color: #fcf8e3;
	padding: .2em
}
.text-left {
	text-align: left
}
.text-right {
	text-align: right
}
.text-center {
	text-align: center
}
.text-justify {
	text-align: justify
}
.text-nowrap {
	white-space: nowrap
}
.text-lowercase {
	text-transform: lowercase
}
.text-uppercase, .initialism {
	text-transform: uppercase
}
.text-capitalize {
	text-transform: capitalize
}
.text-muted {
	color: #777
}
.text-primary {
	color: #337ab7
}
a.text-primary:hover, a.text-primary:focus {
	color: #286090
}
.text-success {
	color: #3c763d
}
a.text-success:hover, a.text-success:focus {
	color: #2b542c
}
.text-info {
	color: #31708f
}
a.text-info:hover, a.text-info:focus {
	color: #245269
}
.text-warning {
	color: #8a6d3b
}
a.text-warning:hover, a.text-warning:focus {
	color: #66512c
}
.text-danger {
	color: #a94442
}
a.text-danger:hover, a.text-danger:focus {
	color: #843534
}
.bg-primary {
	color: #fff
}
.bg-primary {
	background-color: #337ab7
}
a.bg-primary:hover, a.bg-primary:focus {
	background-color: #286090
}
.bg-success {
	background-color: #dff0d8
}
a.bg-success:hover, a.bg-success:focus {
	background-color: #c1e2b3
}
.bg-info {
	background-color: #d9edf7
}
a.bg-info:hover, a.bg-info:focus {
	background-color: #afd9ee
}
.bg-warning {
	background-color: #fcf8e3
}
a.bg-warning:hover, a.bg-warning:focus {
	background-color: #f7ecb5
}
.bg-danger {
	background-color: #f2dede
}
a.bg-danger:hover, a.bg-danger:focus {
	background-color: #e4b9b9
}
.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #eee
}
ul, ol {
	margin-top: 0;
	margin-bottom: 10px
}
ul ul, ul ol, ol ul, ol ol {
	margin-bottom: 0
}
.list-unstyled {
	padding-left: 0;
	list-style: none
}
.list-inline {
	padding-left: 0;
	list-style: none;
	margin-left: -5px
}
.list-inline>li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px
}
dl {
	margin-top: 0;
	margin-bottom: 20px
}
dt, dd {
	line-height: 1.428571429
}
dt {
	font-weight: bold
}
dd {
	margin-left: 0
}
.dl-horizontal dd:before, .dl-horizontal dd:after {
	content: " ";
	display: table
}
.dl-horizontal dd:after {
	clear: both
}

@media (min-width: 768px) {
.dl-horizontal dt {
	float: left;
	width: 160px;
	clear: left;
	text-align: right;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.dl-horizontal dd {
	margin-left: 180px
}
}
abbr[title], abbr[data-original-title] {
	cursor: help;
	border-bottom: 1px dotted #777
}
.initialism {
	font-size: 90%
}
blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #eee
}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
	margin-bottom: 0
}
blockquote footer, blockquote small, blockquote .small {
	display: block;
	font-size: 80%;
	line-height: 1.428571429;
	color: #777
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
	content: '\2014 \00A0'
}
.blockquote-reverse, blockquote.pull-right {
	padding-right: 15px;
	padding-left: 0;
	border-right: 5px solid #eee;
	border-left: 0;
	text-align: right
}
.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
	content: ''
}
.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
	content: '\00A0 \2014'
}
address {
	margin-bottom: 20px;
	font-style: normal;
	line-height: 1.428571429
}
code, kbd, pre, samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px
}
kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.25)
}
kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	box-shadow: none
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.428571429;
	word-break: break-all;
	word-wrap: break-word;
	color: #333;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px
}
pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0
}
.pre-scrollable {
	max-height: 340px;
	overflow-y: scroll
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
.container:before, .container:after {
	content: " ";
	display: table
}
.container:after {
	clear: both
}

@media (min-width: 768px) {
.container {
	width: 750px
}
}

@media (min-width: 992px) {
.container {
	width: 970px
}
}

@media (min-width: 1200px) {
.container {
	width: 1170px
}
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}
.container-fluid:before, .container-fluid:after {
	content: " ";
	display: table
}
.container-fluid:after {
	clear: both
}
.row {
	margin-left: -15px;
	margin-right: -15px
}
.row:before, .row:after {
	content: " ";
	display: table
}
.row:after {
	clear: both
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left
}
.col-xs-1 {
	width: 8.3333333333%
}
.col-xs-2 {
	width: 16.6666666667%
}
.col-xs-3 {
	width: 25%
}
.col-xs-4 {
	width: 33.3333333333%
}
.col-xs-5 {
	width: 41.6666666667%
}
.col-xs-6 {
	width: 50%
}
.col-xs-7 {
	width: 58.3333333333%
}
.col-xs-8 {
	width: 66.6666666667%
}
.col-xs-9 {
	width: 75%
}
.col-xs-10 {
	width: 83.3333333333%
}
.col-xs-11 {
	width: 91.6666666667%
}
.col-xs-12 {
	width: 100%
}
.col-xs-pull-0 {
	right: auto
}
.col-xs-pull-1 {
	right: 8.3333333333%
}
.col-xs-pull-2 {
	right: 16.6666666667%
}
.col-xs-pull-3 {
	right: 25%
}
.col-xs-pull-4 {
	right: 33.3333333333%
}
.col-xs-pull-5 {
	right: 41.6666666667%
}
.col-xs-pull-6 {
	right: 50%
}
.col-xs-pull-7 {
	right: 58.3333333333%
}
.col-xs-pull-8 {
	right: 66.6666666667%
}
.col-xs-pull-9 {
	right: 75%
}
.col-xs-pull-10 {
	right: 83.3333333333%
}
.col-xs-pull-11 {
	right: 91.6666666667%
}
.col-xs-pull-12 {
	right: 100%
}
.col-xs-push-0 {
	left: auto
}
.col-xs-push-1 {
	left: 8.3333333333%
}
.col-xs-push-2 {
	left: 16.6666666667%
}
.col-xs-push-3 {
	left: 25%
}
.col-xs-push-4 {
	left: 33.3333333333%
}
.col-xs-push-5 {
	left: 41.6666666667%
}
.col-xs-push-6 {
	left: 50%
}
.col-xs-push-7 {
	left: 58.3333333333%
}
.col-xs-push-8 {
	left: 66.6666666667%
}
.col-xs-push-9 {
	left: 75%
}
.col-xs-push-10 {
	left: 83.3333333333%
}
.col-xs-push-11 {
	left: 91.6666666667%
}
.col-xs-push-12 {
	left: 100%
}
.col-xs-offset-0 {
	margin-left: 0%
}
.col-xs-offset-1 {
	margin-left: 8.3333333333%
}
.col-xs-offset-2 {
	margin-left: 16.6666666667%
}
.col-xs-offset-3 {
	margin-left: 25%
}
.col-xs-offset-4 {
	margin-left: 33.3333333333%
}
.col-xs-offset-5 {
	margin-left: 41.6666666667%
}
.col-xs-offset-6 {
	margin-left: 50%
}
.col-xs-offset-7 {
	margin-left: 58.3333333333%
}
.col-xs-offset-8 {
	margin-left: 66.6666666667%
}
.col-xs-offset-9 {
	margin-left: 75%
}
.col-xs-offset-10 {
	margin-left: 83.3333333333%
}
.col-xs-offset-11 {
	margin-left: 91.6666666667%
}
.col-xs-offset-12 {
	margin-left: 100%
}

@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left
}
.col-sm-1 {
	width: 8.3333333333%
}
.col-sm-2 {
	width: 16.6666666667%
}
.col-sm-3 {
	width: 25%
}
.col-sm-4 {
	width: 33.3333333333%
}
.col-sm-5 {
	width: 41.6666666667%
}
.col-sm-6 {
	width: 50%
}
.col-sm-7 {
	width: 58.3333333333%
}
.col-sm-8 {
	width: 66.6666666667%
}
.col-sm-9 {
	width: 75%
}
.col-sm-10 {
	width: 83.3333333333%
}
.col-sm-11 {
	width: 91.6666666667%
}
.col-sm-12 {
	width: 100%
}
.col-sm-pull-0 {
	right: auto
}
.col-sm-pull-1 {
	right: 8.3333333333%
}
.col-sm-pull-2 {
	right: 16.6666666667%
}
.col-sm-pull-3 {
	right: 25%
}
.col-sm-pull-4 {
	right: 33.3333333333%
}
.col-sm-pull-5 {
	right: 41.6666666667%
}
.col-sm-pull-6 {
	right: 50%
}
.col-sm-pull-7 {
	right: 58.3333333333%
}
.col-sm-pull-8 {
	right: 66.6666666667%
}
.col-sm-pull-9 {
	right: 75%
}
.col-sm-pull-10 {
	right: 83.3333333333%
}
.col-sm-pull-11 {
	right: 91.6666666667%
}
.col-sm-pull-12 {
	right: 100%
}
.col-sm-push-0 {
	left: auto
}
.col-sm-push-1 {
	left: 8.3333333333%
}
.col-sm-push-2 {
	left: 16.6666666667%
}
.col-sm-push-3 {
	left: 25%
}
.col-sm-push-4 {
	left: 33.3333333333%
}
.col-sm-push-5 {
	left: 41.6666666667%
}
.col-sm-push-6 {
	left: 50%
}
.col-sm-push-7 {
	left: 58.3333333333%
}
.col-sm-push-8 {
	left: 66.6666666667%
}
.col-sm-push-9 {
	left: 75%
}
.col-sm-push-10 {
	left: 83.3333333333%
}
.col-sm-push-11 {
	left: 91.6666666667%
}
.col-sm-push-12 {
	left: 100%
}
.col-sm-offset-0 {
	margin-left: 0%
}
.col-sm-offset-1 {
	margin-left: 8.3333333333%
}
.col-sm-offset-2 {
	margin-left: 16.6666666667%
}
.col-sm-offset-3 {
	margin-left: 25%
}
.col-sm-offset-4 {
	margin-left: 33.3333333333%
}
.col-sm-offset-5 {
	margin-left: 41.6666666667%
}
.col-sm-offset-6 {
	margin-left: 50%
}
.col-sm-offset-7 {
	margin-left: 58.3333333333%
}
.col-sm-offset-8 {
	margin-left: 66.6666666667%
}
.col-sm-offset-9 {
	margin-left: 75%
}
.col-sm-offset-10 {
	margin-left: 83.3333333333%
}
.col-sm-offset-11 {
	margin-left: 91.6666666667%
}
.col-sm-offset-12 {
	margin-left: 100%
}
}

@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	float: left
}
.col-md-1 {
	width: 8.3333333333%
}
.col-md-2 {
	width: 16.6666666667%
}
.col-md-3 {
	width: 25%
}
.col-md-4 {
	width: 33.3333333333%
}
.col-md-5 {
	width: 41.6666666667%
}
.col-md-6 {
	width: 50%
}
.col-md-7 {
	width: 58.3333333333%
}
.col-md-8 {
	width: 66.6666666667%
}
.col-md-9 {
	width: 75%
}
.col-md-10 {
	width: 83.3333333333%
}
.col-md-11 {
	width: 91.6666666667%
}
.col-md-12 {
	width: 100%
}
.col-md-pull-0 {
	right: auto
}
.col-md-pull-1 {
	right: 8.3333333333%
}
.col-md-pull-2 {
	right: 16.6666666667%
}
.col-md-pull-3 {
	right: 25%
}
.col-md-pull-4 {
	right: 33.3333333333%
}
.col-md-pull-5 {
	right: 41.6666666667%
}
.col-md-pull-6 {
	right: 50%
}
.col-md-pull-7 {
	right: 58.3333333333%
}
.col-md-pull-8 {
	right: 66.6666666667%
}
.col-md-pull-9 {
	right: 75%
}
.col-md-pull-10 {
	right: 83.3333333333%
}
.col-md-pull-11 {
	right: 91.6666666667%
}
.col-md-pull-12 {
	right: 100%
}
.col-md-push-0 {
	left: auto
}
.col-md-push-1 {
	left: 8.3333333333%
}
.col-md-push-2 {
	left: 16.6666666667%
}
.col-md-push-3 {
	left: 25%
}
.col-md-push-4 {
	left: 33.3333333333%
}
.col-md-push-5 {
	left: 41.6666666667%
}
.col-md-push-6 {
	left: 50%
}
.col-md-push-7 {
	left: 58.3333333333%
}
.col-md-push-8 {
	left: 66.6666666667%
}
.col-md-push-9 {
	left: 75%
}
.col-md-push-10 {
	left: 83.3333333333%
}
.col-md-push-11 {
	left: 91.6666666667%
}
.col-md-push-12 {
	left: 100%
}
.col-md-offset-0 {
	margin-left: 0%
}
.col-md-offset-1 {
	margin-left: 8.3333333333%
}
.col-md-offset-2 {
	margin-left: 16.6666666667%
}
.col-md-offset-3 {
	margin-left: 25%
}
.col-md-offset-4 {
	margin-left: 33.3333333333%
}
.col-md-offset-5 {
	margin-left: 41.6666666667%
}
.col-md-offset-6 {
	margin-left: 50%
}
.col-md-offset-7 {
	margin-left: 58.3333333333%
}
.col-md-offset-8 {
	margin-left: 66.6666666667%
}
.col-md-offset-9 {
	margin-left: 75%
}
.col-md-offset-10 {
	margin-left: 83.3333333333%
}
.col-md-offset-11 {
	margin-left: 91.6666666667%
}
.col-md-offset-12 {
	margin-left: 100%
}
}

@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left
}
.col-lg-1 {
	width: 8.3333333333%
}
.col-lg-2 {
	width: 16.6666666667%
}
.col-lg-3 {
	width: 25%
}
.col-lg-4 {
	width: 33.3333333333%
}
.col-lg-5 {
	width: 41.6666666667%
}
.col-lg-6 {
	width: 50%
}
.col-lg-7 {
	width: 58.3333333333%
}
.col-lg-8 {
	width: 66.6666666667%
}
.col-lg-9 {
	width: 75%
}
.col-lg-10 {
	width: 83.3333333333%
}
.col-lg-11 {
	width: 91.6666666667%
}
.col-lg-12 {
	width: 100%
}
.col-lg-pull-0 {
	right: auto
}
.col-lg-pull-1 {
	right: 8.3333333333%
}
.col-lg-pull-2 {
	right: 16.6666666667%
}
.col-lg-pull-3 {
	right: 25%
}
.col-lg-pull-4 {
	right: 33.3333333333%
}
.col-lg-pull-5 {
	right: 41.6666666667%
}
.col-lg-pull-6 {
	right: 50%
}
.col-lg-pull-7 {
	right: 58.3333333333%
}
.col-lg-pull-8 {
	right: 66.6666666667%
}
.col-lg-pull-9 {
	right: 75%
}
.col-lg-pull-10 {
	right: 83.3333333333%
}
.col-lg-pull-11 {
	right: 91.6666666667%
}
.col-lg-pull-12 {
	right: 100%
}
.col-lg-push-0 {
	left: auto
}
.col-lg-push-1 {
	left: 8.3333333333%
}
.col-lg-push-2 {
	left: 16.6666666667%
}
.col-lg-push-3 {
	left: 25%
}
.col-lg-push-4 {
	left: 33.3333333333%
}
.col-lg-push-5 {
	left: 41.6666666667%
}
.col-lg-push-6 {
	left: 50%
}
.col-lg-push-7 {
	left: 58.3333333333%
}
.col-lg-push-8 {
	left: 66.6666666667%
}
.col-lg-push-9 {
	left: 75%
}
.col-lg-push-10 {
	left: 83.3333333333%
}
.col-lg-push-11 {
	left: 91.6666666667%
}
.col-lg-push-12 {
	left: 100%
}
.col-lg-offset-0 {
	margin-left: 0%
}
.col-lg-offset-1 {
	margin-left: 8.3333333333%
}
.col-lg-offset-2 {
	margin-left: 16.6666666667%
}
.col-lg-offset-3 {
	margin-left: 25%
}
.col-lg-offset-4 {
	margin-left: 33.3333333333%
}
.col-lg-offset-5 {
	margin-left: 41.6666666667%
}
.col-lg-offset-6 {
	margin-left: 50%
}
.col-lg-offset-7 {
	margin-left: 58.3333333333%
}
.col-lg-offset-8 {
	margin-left: 66.6666666667%
}
.col-lg-offset-9 {
	margin-left: 75%
}
.col-lg-offset-10 {
	margin-left: 83.3333333333%
}
.col-lg-offset-11 {
	margin-left: 91.6666666667%
}
.col-lg-offset-12 {
	margin-left: 100%
}
}
table {
	background-color: rgba(0,0,0,0)
}
caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left
}
th {
	text-align: left
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px
}
.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid #ddd
}
.table>thead>tr>th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd
}
.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td {
	border-top: 0
}
.table>tbody+tbody {
	border-top: 2px solid #ddd
}
.table .table {
	background-color: #fff
}
.table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td {
	padding: 5px
}
.table-bordered {
	border: 1px solid #ddd
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {
	border: 1px solid #ddd
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #f9f9f9
}
.table-hover>tbody>tr:hover {
	background-color: #f5f5f5
}
table col[class*="col-"] {
	position: static;
	float: none;
	display: table-column
}
table td[class*="col-"], table th[class*="col-"] {
	position: static;
	float: none;
	display: table-cell
}
.table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th {
	background-color: #f5f5f5
}
.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th {
	background-color: #e8e8e8
}
.table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th {
	background-color: #dff0d8
}
.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th {
	background-color: #d0e9c6
}
.table>thead>tr>td.info, .table>thead>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th {
	background-color: #d9edf7
}
.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th {
	background-color: #c4e3f3
}
.table>thead>tr>td.warning, .table>thead>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th {
	background-color: #fcf8e3
}
.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th {
	background-color: #faf2cc
}
.table>thead>tr>td.danger, .table>thead>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th {
	background-color: #f2dede
}
.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th {
	background-color: #ebcccc
}
.table-responsive {
	overflow-x: auto;
	min-height: 0.01%
}

@media screen and (max-width: 767px) {
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd
}
.table-responsive>.table {
	margin-bottom: 0
}
.table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td {
	white-space: nowrap
}
.table-responsive>.table-bordered {
	border: 0
}
.table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
	border-left: 0
}
.table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
	border-right: 0
}
.table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
	border-bottom: 0
}
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
	min-width: 0
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5
}
.carstock label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: bold;
    color: #fff;
    font-size: 14px
}
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
input[type="radio"], input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal
}
input[type="file"] {
	display: block
}
input[type="range"] {
	display: block;
	width: 100%
}
select[multiple], select[size] {
	height: auto
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6)
}
.form-control::-moz-placeholder {
color:#999;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#999
}
.form-control::-webkit-input-placeholder {
color:#999
}
.form-control::-ms-expand {
border:0;
background-color:transparent
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #eee;
	opacity: 1
}
.form-control[disabled], fieldset[disabled] .form-control {
	cursor: not-allowed
}
textarea.form-control {
	height: auto
}
input[type="search"] {
	-webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
	line-height: 34px
}
input[type="date"].input-sm, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm input[type="month"] {
	line-height: 30px
}
input[type="date"].input-lg, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg input[type="month"] {
	line-height: 46px
}
}
.form-group {
	margin-bottom: 15px
}
.radio, .checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px
}
.radio label, .checkbox label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	position: absolute;
	margin-left: -20px;
	margin-top: 4px \9
}
.radio+.radio, .checkbox+.checkbox {
	margin-top: -5px
}
.radio-inline, .checkbox-inline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	vertical-align: middle;
	font-weight: normal;
	cursor: pointer
}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
	margin-top: 0;
	margin-left: 10px
}
input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] {
	cursor: not-allowed
}
.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
	cursor: not-allowed
}
.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
	cursor: not-allowed
}
.form-control-static {
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 0;
	min-height: 34px
}
.form-control-static.input-lg, .form-control-static.input-sm {
	padding-left: 0;
	padding-right: 0
}
.input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
select.input-sm {
	height: 30px;
	line-height: 30px
}
textarea.input-sm, select[multiple].input-sm {
	height: auto
}
.form-group-sm .form-control {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.form-group-sm select.form-control {
	height: 30px;
	line-height: 30px
}
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
	height: auto
}
.form-group-sm .form-control-static {
	height: 30px;
	min-height: 32px;
	padding: 6px 10px;
	font-size: 12px;
	line-height: 1.5
}
.input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}
select.input-lg {
	height: 46px;
	line-height: 46px
}
textarea.input-lg, select[multiple].input-lg {
	height: auto
}
.form-group-lg .form-control {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}
.form-group-lg select.form-control {
	height: 46px;
	line-height: 46px
}
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
	height: auto
}
.form-group-lg .form-control-static {
	height: 46px;
	min-height: 38px;
	padding: 11px 16px;
	font-size: 18px;
	line-height: 1.3333333
}
.has-feedback {
	position: relative
}
.has-feedback .form-control {
	padding-right: 42.5px
}
.form-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	pointer-events: none
}
.input-lg+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback {
	width: 46px;
	height: 46px;
	line-height: 46px
}
.input-sm+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback {
	width: 30px;
	height: 30px;
	line-height: 30px
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
	color: #3c763d
}
.has-success .form-control {
	border-color: #3c763d;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}
.has-success .form-control:focus {
	border-color: #2b542c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #67b168;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #67b168
}
.has-success .input-group-addon {
	color: #3c763d;
	border-color: #3c763d;
	background-color: #dff0d8
}
.has-success .form-control-feedback {
	color: #3c763d
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
	color: #8a6d3b
}
.has-warning .form-control {
	border-color: #8a6d3b;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}
.has-warning .form-control:focus {
	border-color: #66512c;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #c0a16b;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #c0a16b
}
.has-warning .input-group-addon {
	color: #8a6d3b;
	border-color: #8a6d3b;
	background-color: #fcf8e3
}
.has-warning .form-control-feedback {
	color: #8a6d3b
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #a94442
}
.has-error .form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}
.has-error .form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #ce8483
}
.has-error .input-group-addon {
	color: #a94442;
	border-color: #a94442;
	background-color: #f2dede
}
.has-error .form-control-feedback {
	color: #a94442
}
.has-feedback label ~ .form-control-feedback {
	top: 25px
}
.has-feedback label.sr-only ~ .form-control-feedback {
	top: 0
}
.help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373
}

@media (min-width: 768px) {
.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}
.form-inline .form-control-static {
	display: inline-block
}
.form-inline .input-group {
	display: inline-table;
	vertical-align: middle
}
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
	width: auto
}
.form-inline .input-group>.form-control {
	width: 100%
}
.form-inline .control-label {
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .radio, .form-inline .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle
}
.form-inline .radio label, .form-inline .checkbox label {
	padding-left: 0
}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
	position: relative;
	margin-left: 0
}
.form-inline .has-feedback .form-control-feedback {
	top: 0
}
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 7px
}
.form-horizontal .radio, .form-horizontal .checkbox {
	min-height: 27px
}
.form-horizontal .form-group {
	margin-left: -15px;
	margin-right: -15px
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
	content: " ";
	display: table
}
.form-horizontal .form-group:after {
	clear: both
}

@media (min-width: 768px) {
.form-horizontal .control-label {
	text-align: right;
	margin-bottom: 0;
	padding-top: 7px
}
}
.form-horizontal .has-feedback .form-control-feedback {
	right: 15px
}

@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
	padding-top: 11px;
	font-size: 18px
}
}

@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
	padding-top: 6px;
	font-size: 12px
}
}
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
.btn:hover, .btn:focus, .btn.focus {
	color: #333;
	text-decoration: none
}
.btn:active, .btn.active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	cursor: not-allowed;
	opacity: .65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none
}
a.btn.disabled, fieldset[disabled] a.btn {
	pointer-events: none
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc
}
.btn-default:focus, .btn-default.focus {
	color: #333;
	background-color: #e6e5e5;
	border-color: #8c8c8c
}
.btn-default:hover {
	color: #333;
	background-color: #e6e5e5;
	border-color: #adadad
}
.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
	color: #333;
	background-color: #e6e5e5;
	border-color: #adadad
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c
}
.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
	background-image: none
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
	background-color: #fff;
	border-color: #ccc
}
.btn-default .badge {
	color: #fff;
	background-color: #333
}
.btn-primary {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4
}
.btn-primary:focus, .btn-primary.focus {
	color: #fff;
	background-color: #286090;
	border-color: #122b40
}
.btn-primary:hover {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}
.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #286090;
	border-color: #204d74
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {
	color: #fff;
	background-color: #204d74;
	border-color: #122b40
}
.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
	background-image: none
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
	background-color: #337ab7;
	border-color: #2e6da4
}
.btn-primary .badge {
	color: #337ab7;
	background-color: #fff
}
.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c
}
.btn-success:focus, .btn-success.focus {
	color: #fff;
	background-color: #449d44;
	border-color: #255625
}
.btn-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439
}
.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #449d44;
	border-color: #398439
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open>.btn-success.dropdown-toggle:hover, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle.focus {
	color: #fff;
	background-color: #398439;
	border-color: #255625
}
.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
	background-image: none
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
	background-color: #5cb85c;
	border-color: #4cae4c
}
.btn-success .badge {
	color: #5cb85c;
	background-color: #fff
}
.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da
}
.btn-info:focus, .btn-info.focus {
	color: #fff;
	background-color: #31b0d5;
	border-color: #1b6d85
}
.btn-info:hover {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc
}
.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open>.btn-info.dropdown-toggle:hover, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle.focus {
	color: #fff;
	background-color: #269abc;
	border-color: #1b6d85
}
.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
	background-image: none
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
	background-color: #5bc0de;
	border-color: #46b8da
}
.btn-info .badge {
	color: #5bc0de;
	background-color: #fff
}
.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236
}
.btn-warning:focus, .btn-warning.focus {
	color: #fff;
	background-color: #ec971f;
	border-color: #985f0d
}
.btn-warning:hover {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512
}
.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open>.btn-warning.dropdown-toggle:hover, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle.focus {
	color: #fff;
	background-color: #d58512;
	border-color: #985f0d
}
.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
	background-image: none
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
	background-color: #f0ad4e;
	border-color: #eea236
}
.btn-warning .badge {
	color: #f0ad4e;
	background-color: #fff
}
.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}
.btn-danger:focus, .btn-danger.focus {
	color: #fff;
	background-color: #c9302c;
	border-color: #761c19
}
.btn-danger:hover {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925
}
.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open>.btn-danger.dropdown-toggle:hover, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle.focus {
	color: #fff;
	background-color: #ac2925;
	border-color: #761c19
}
.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
	background-image: none
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
	background-color: #d9534f;
	border-color: #d43f3a
}
.btn-danger .badge {
	color: #d9534f;
	background-color: #fff
}
.btn-link {
	color: #337ab7;
	font-weight: normal;
	border-radius: 0
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
	border-color: transparent
}
.btn-link:hover, .btn-link:focus {
	color: #23527c;
	text-decoration: underline;
	background-color: transparent
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
	color: #777;
	text-decoration: none
}
.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}
.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}
.btn-block {
	display: block;
	width: 100%
}
.btn-block+.btn-block {
	margin-top: 5px
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
	width: 100%
}
.fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear
}
.fade.in {
	opacity: 1
}
.collapse {
	display: none
}
.collapse.in {
	display: block
}
tr.collapse.in {
	display: table-row
}
tbody.collapse.in {
	display: table-row-group
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: height, visibility;
	transition-property: height, visibility;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease
}
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid \9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}
.dropup, .dropdown {
	position: relative
}
.dropdown-toggle:focus {
	outline: 0
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	background-clip: padding-box
}
.dropdown-menu.pull-right {
	right: 0;
	left: auto
}
.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #333;
	white-space: nowrap
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #337ab7
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
	color: #777
}
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	cursor: not-allowed
}
.open>.dropdown-menu {
	display: block
}
.open>a {
	outline: 0
}
.dropdown-menu-right {
	left: auto;
	right: 0
}
.dropdown-menu-left {
	left: 0;
	right: auto
}
.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #777;
	white-space: nowrap
}
.dropdown-backdrop {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 990
}
.pull-right>.dropdown-menu {
	right: 0;
	left: auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
	border-top: 0;
	border-bottom: 4px dashed;
	border-bottom: 4px solid \9;
	content: ""
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px
}

@media (min-width: 768px) {
.navbar-right .dropdown-menu {
	right: 0;
	left: auto
}
.navbar-right .dropdown-menu-left {
	left: 0;
	right: auto
}
}
.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none
}
.nav:before, .nav:after {
	content: " ";
	display: table
}
.nav:after {
	clear: both
}
.nav>li {
	position: relative;
	display: block
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px
}
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #eee
}
.nav>li.disabled>a {
	color: #777
}
.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
	color: #777;
	text-decoration: none;
	background-color: transparent;
	cursor: not-allowed
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: #eee;
	border-color: #337ab7
}
.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5
}
.nav>li>a>img {
	max-width: none
}
.nav-tabs {
	border-bottom: 1px solid #ddd
}
.nav-tabs>li {
	float: left;
	margin-bottom: -1px
}
.nav-tabs>li>a {
	margin-right: 2px;
	line-height: 1.428571429;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
	border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	cursor: default
}
.nav-pills>li {
	float: left
}
.nav-pills>li>a {
	border-radius: 4px
}
.nav-pills>li+li {
	margin-left: 2px
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	color: #fff;
	background-color: #337ab7
}
.nav-stacked>li {
	float: none
}
.nav-stacked>li+li {
	margin-top: 2px;
	margin-left: 0
}
.nav-justified, .nav-tabs.nav-justified {
	width: 100%
}
.nav-justified>li, .nav-tabs.nav-justified>li {
	float: none
}
.nav-justified>li>a, .nav-tabs.nav-justified>li>a {
	text-align: center;
	margin-bottom: 5px
}
.nav-justified>.dropdown .dropdown-menu {
	top: auto;
	left: auto
}

@media (min-width: 768px) {
.nav-justified>li, .nav-tabs.nav-justified>li {
	display: table-cell;
	width: 1%
}
.nav-justified>li>a, .nav-tabs.nav-justified>li>a {
	margin-bottom: 0
}
}
.nav-tabs-justified, .nav-tabs.nav-justified {
	border-bottom: 0
}
.nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
	margin-right: 0;
	border-radius: 4px
}
.nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus {
	border: 1px solid #ddd
}

@media (min-width: 768px) {
.nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus {
	border-bottom-color: #fff
}
}
.tab-content>.tab-pane {
	display: none
}
.tab-content>.active {
	display: block
}
.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}
.navbar {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent
}
.navbar:before, .navbar:after {
	content: " ";
	display: table
}
.navbar:after {
	clear: both
}

@media (min-width: 768px) {
.navbar {
	border-radius: 4px
}
}
.navbar-header:before, .navbar-header:after {
	content: " ";
	display: table
}
.navbar-header:after {
	clear: both
}

@media (min-width: 768px) {
.navbar-header {
	float: left
}
}
.navbar-collapse {
	overflow-x: visible;
	padding-right: 15px;
	padding-left: 15px;
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	-webkit-overflow-scrolling: touch
}
.navbar-collapse:before, .navbar-collapse:after {
	content: " ";
	display: table
}
.navbar-collapse:after {
	clear: both
}
.navbar-collapse.in {
	overflow-y: auto
}

@media (min-width: 768px) {
.navbar-collapse {
	width: auto;
	border-top: 0;
	box-shadow: none
}
.navbar-collapse.collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important
}
.navbar-collapse.in {
	overflow-y: visible
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	padding-left: 0;
	padding-right: 0
}
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 200px
}
}
.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
	margin-right: -15px;
	margin-left: -15px
}

@media (min-width: 768px) {
.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
	margin-right: 0;
	margin-left: 0
}
}
.navbar-static-top {
	z-index: 1000;
	border-width: 0 0 1px
}

@media (min-width: 768px) {
.navbar-static-top {
	border-radius: 0
}
}
.navbar-fixed-top, .navbar-fixed-bottom {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030
}

@media (min-width: 768px) {
.navbar-fixed-top, .navbar-fixed-bottom {
	border-radius: 0
}
}
.navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px
}
.navbar-fixed-bottom {
	bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0
}
.navbar-brand {
	float: left;
	padding: 15px 15px;
	font-size: 18px;
	line-height: 20px;
	height: 50px
}
.navbar-brand:hover, .navbar-brand:focus {
	text-decoration: none
}
.navbar-brand>img {
	display: block
}

@media (min-width: 768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
	margin-left: -15px
}
}
.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px
}
.navbar-toggle:focus {
	outline: 0
}
.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 4px
}

@media (min-width: 768px) {
.navbar-toggle {
	display: none
}
}
.navbar-nav {
	margin: 7.5px -15px
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px
}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	background-color: transparent;
	border: 0;
	box-shadow: none
}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 5px 15px 5px 25px
}
.navbar-nav .open .dropdown-menu>li>a {
	line-height: 20px
}
.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
	background-image: none
}
}

@media (min-width: 768px) {
.navbar-nav {
	float: left;
	margin: 0
}
.navbar-nav>li {
	float: left
}
.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px
}
}
.navbar-form {
	margin-left: -15px;
	margin-right: -15px;
	padding: 10px 15px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 0 rgba(255,255,255,0.1);
	margin-top: 8px;
	margin-bottom: 8px
}

@media (min-width: 768px) {
.navbar-form .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle
}
.navbar-form .form-control-static {
	display: inline-block
}
.navbar-form .input-group {
	display: inline-table;
	vertical-align: middle
}
.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
	width: auto
}
.navbar-form .input-group>.form-control {
	width: 100%
}
.navbar-form .control-label {
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .radio, .navbar-form .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle
}
.navbar-form .radio label, .navbar-form .checkbox label {
	padding-left: 0
}
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
	position: relative;
	margin-left: 0
}
.navbar-form .has-feedback .form-control-feedback {
	top: 0
}
}

@media (max-width: 767px) {
.navbar-form .form-group {
	margin-bottom: 5px
}
.navbar-form .form-group:last-child {
	margin-bottom: 0
}
}

@media (min-width: 768px) {
.navbar-form {
	width: auto;
	border: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}
}
.navbar-nav>li>.dropdown-menu {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
	margin-bottom: 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}
.navbar-btn {
	margin-top: 8px;
	margin-bottom: 8px
}
.navbar-btn.btn-sm {
	margin-top: 10px;
	margin-bottom: 10px
}
.navbar-btn.btn-xs {
	margin-top: 14px;
	margin-bottom: 14px
}
.navbar-text {
	margin-top: 15px;
	margin-bottom: 15px
}

@media (min-width: 768px) {
.navbar-text {
	float: left;
	margin-left: 15px;
	margin-right: 15px
}
}

@media (min-width: 768px) {
.navbar-left {
	float: left !important
}
.navbar-right {
	float: right !important;
	margin-right: -15px
}
.navbar-right ~ .navbar-right {
	margin-right: 0
}
}
.navbar-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7
}
.navbar-default .navbar-brand {
	color: #777
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
	color: #5e5d5d;
	background-color: rgba(0,0,0,0)
}
.navbar-default .navbar-text {
	color: #777
}
.navbar-default .navbar-nav>li>a {
	color: #777
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #333;
	background-color: rgba(0,0,0,0)
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	color: #555;
	background-color: #e7e7e7
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
	color: #ccc;
	background-color: rgba(0,0,0,0)
}
.navbar-default .navbar-toggle {
	border-color: #ddd
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #ddd
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #888
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: #e7e7e7
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: #e7e7e7;
	color: #555
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #333;
	background-color: rgba(0,0,0,0)
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
	color: #555;
	background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
	color: #ccc;
	background-color: rgba(0,0,0,0)
}
}
.navbar-default .navbar-link {
	color: #777
}
.navbar-default .navbar-link:hover {
	color: #333
}
.navbar-default .btn-link {
	color: #777
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
	color: #333
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
	color: #ccc
}
.navbar-inverse {
	background-color: #222;
	border-color: #090808
}
.navbar-inverse .navbar-brand {
	color: #9d9d9d
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
	color: #fff;
	background-color: rgba(0,0,0,0)
}
.navbar-inverse .navbar-text {
	color: #9d9d9d
}
.navbar-inverse .navbar-nav>li>a {
	color: #9d9d9d
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	color: #fff;
	background-color: rgba(0,0,0,0)
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	color: #fff;
	background-color: #090808
}
.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:hover, .navbar-inverse .navbar-nav>.disabled>a:focus {
	color: #444;
	background-color: rgba(0,0,0,0)
}
.navbar-inverse .navbar-toggle {
	border-color: #333
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #101010
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #090808;
	color: #fff
}

@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
	border-color: #090808
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
	background-color: #090808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
	color: #9d9d9d
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
	color: #fff;
	background-color: rgba(0,0,0,0)
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
	color: #fff;
	background-color: #090808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
	color: #444;
	background-color: rgba(0,0,0,0)
}
}
.navbar-inverse .navbar-link {
	color: #9d9d9d
}
.navbar-inverse .navbar-link:hover {
	color: #fff
}
.navbar-inverse .btn-link {
	color: #9d9d9d
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
	color: #fff
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
	color: #444
}
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #f5f5f5;
	border-radius: 4px
}
.breadcrumb>li {
	display: inline-block
}
.breadcrumb>li+li:before {
	content: "/ ";
	padding: 0 5px;
	color: #ccc
}
.breadcrumb>.active {
	color: #777
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px
}
.pagination>li {
	display: inline
}
.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.428571429;
	text-decoration: none;
	color: #337ab7;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}
.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
	cursor: default
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-bottom-left-radius: 6px;
	border-top-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-bottom-right-radius: 6px;
	border-top-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}
.label {
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em
}
.label:empty {
	display: none
}
.btn .label {
	position: relative;
	top: -1px
}
a.label:hover, a.label:focus {
	color: #fff;
	text-decoration: none;
	cursor: pointer
}
.label-default {
	background-color: #777
}
.label-default[href]:hover, .label-default[href]:focus {
	background-color: #5e5e5e
}
.label-primary {
	background-color: #337ab7
}
.label-primary[href]:hover, .label-primary[href]:focus {
	background-color: #286090
}
.label-success {
	background-color: #5cb85c
}
.label-success[href]:hover, .label-success[href]:focus {
	background-color: #449d44
}
.label-info {
	background-color: #5bc0de
}
.label-info[href]:hover, .label-info[href]:focus {
	background-color: #31b0d5
}
.label-warning {
	background-color: #f0ad4e
}
.label-warning[href]:hover, .label-warning[href]:focus {
	background-color: #ec971f
}
.label-danger {
	background-color: #d9534f
}
.label-danger[href]:hover, .label-danger[href]:focus {
	background-color: #c9302c
}
.thumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.428571429;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: border 0.2s ease-in-out;
	-o-transition: border 0.2s ease-in-out;
	transition: border 0.2s ease-in-out
}
.thumbnail>img, .thumbnail a>img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto
}
.thumbnail .caption {
	padding: 9px;
	color: #333
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color: #337ab7
}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px
}
.alert h4 {
	margin-top: 0;
	color: inherit
}
.alert .alert-link {
	font-weight: bold
}
.alert>p, .alert>ul {
	margin-bottom: 0
}
.alert>p+p {
	margin-top: 5px
}
.alert-dismissable, .alert-dismissible {
	padding-right: 35px
}
.alert-dismissable .close, .alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d
}
.alert-success hr {
	border-top-color: #c9e2b3
}
.alert-success .alert-link {
	color: #2b542c
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f
}
.alert-info hr {
	border-top-color: #a6e1ec
}
.alert-info .alert-link {
	color: #245269
}
.alert-warning {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b
}
.alert-warning hr {
	border-top-color: #f7e1b5
}
.alert-warning .alert-link {
	color: #66512c
}
.alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442
}
.alert-danger hr {
	border-top-color: #e4b9c0
}
.alert-danger .alert-link {
	color: #843534
}
.media {
	margin-top: 15px
}
.media:first-child {
	margin-top: 0
}
.media, .media-body {
	zoom: 1;
	overflow: hidden
}
.media-body {
	width: 10000px
}
.media-object {
	display: block
}
.media-object.img-thumbnail {
	max-width: none
}
.media-right, .media>.pull-right {
	padding-left: 10px
}
.media-left, .media>.pull-left {
	padding-right: 10px
}
.media-left, .media-right, .media-body {
	display: table-cell;
	vertical-align: top
}
.media-middle {
	vertical-align: middle
}
.media-bottom {
	vertical-align: bottom
}
.media-heading {
	margin-top: 0;
	margin-bottom: 5px
}
.media-list {
	padding-left: 0;
	list-style: none
}
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 0
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%
}
.embed-responsive-4by3 {
	padding-bottom: 75%
}
.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20)
}
.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .5;
	filter: alpha(opacity=50)
}
button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none
}
.modal-open {
	overflow: hidden
}
.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-moz-transition: -moz-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: transform 0.3s ease-out
}
.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	background-clip: padding-box;
	outline: 0
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}
.modal-backdrop.in {
	opacity: .5;
	filter: alpha(opacity=50)
}
.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header:before, .modal-header:after {
	content: " ";
	display: table
}
.modal-header:after {
	clear: both
}
.modal-header .close {
	margin-top: -2px
}
.modal-title {
	margin: 0;
	line-height: 1.428571429
}
.modal-body {
	position: relative;
	padding: 15px
}
.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer:before, .modal-footer:after {
	content: " ";
	display: table
}
.modal-footer:after {
	clear: both
}
.modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0
}
.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
	margin-left: 0
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width: 768px) {
.modal-dialog {
	width: 600px;
	margin: 30px auto
}
.modal-content {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	box-shadow: 0 5px 15px rgba(0,0,0,0.5)
}
.modal-sm {
	width: 300px
}
}

@media (min-width: 992px) {
.modal-lg {
	width: 900px
}
}
.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.428571429;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: 12px;
	opacity: 0;
	filter: alpha(opacity=0)
}
.tooltip.in {
	opacity: .9;
	filter: alpha(opacity=90)
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px
}
.tooltip-inner {
	max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 4px
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	right: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000
}
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.428571429;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: 14px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}
.popover.top {
	margin-top: -10px
}
.popover.right {
	margin-left: 10px
}
.popover.bottom {
	margin-top: 10px
}
.popover.left {
	margin-left: -10px
}
.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0
}
.popover-content {
	padding: 9px 14px
}
.popover>.arrow, .popover>.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}
.popover>.arrow {
	border-width: 11px
}
.popover>.arrow:after {
	border-width: 10px;
	content: ""
}
.popover.top>.arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,0.25);
	bottom: -11px
}
.popover.top>.arrow:after {
	content: " ";
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff
}
.popover.right>.arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,0.25)
}
.popover.right>.arrow:after {
	content: " ";
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff
}
.popover.bottom>.arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,0.25);
	top: -11px
}
.popover.bottom>.arrow:after {
	content: " ";
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff
}
.popover.left>.arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,0.25)
}
.popover.left>.arrow:after {
	content: " ";
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px
}
.carousel {
	position: relative
}
.carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%
}
.carousel-inner>.item {
	display: none;
	position: relative;
	-webkit-transition: 0.6s ease-in-out left;
	-o-transition: 0.6s ease-in-out left;
	transition: 0.6s ease-in-out left
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	display: block;
	max-width: 100%;
	height: auto;
	line-height: 1
}

@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner>.item {
	-webkit-transition: -webkit-transform 0.6s ease-in-out;
	-moz-transition: -moz-transform 0.6s ease-in-out;
	-o-transition: -o-transform 0.6s ease-in-out;
	transition: transform 0.6s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px
}
.carousel-inner>.item.next, .carousel-inner>.item.active.right {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	left: 0
}
.carousel-inner>.item.prev, .carousel-inner>.item.active.left {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	left: 0
}
.carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	left: 0
}
}
.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
	display: block
}
.carousel-inner>.active {
	left: 0
}
.carousel-inner>.next, .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel-inner>.next {
	left: 100%
}
.carousel-inner>.prev {
	left: -100%
}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
	left: 0
}
.carousel-inner>.active.left {
	left: -100%
}
.carousel-inner>.active.right {
	left: 100%
}
.carousel-control {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 15%;
	opacity: .5;
	filter: alpha(opacity=50);
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	line-height: 0.5;
	background-color: rgba(0,0,0,0.3)
}
.carousel-control.right {
	left: auto;
	right: 0
}
.carousel-control:hover, .carousel-control:focus {
	outline: 0;
	color: #fff;
	text-decoration: none;
	opacity: .9;
	filter: alpha(opacity=90)
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	z-index: 5;
	display: inline-block
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
	left: 50%;
	margin-left: -10px
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
	right: 50%;
	margin-right: -10px
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	width: 20px;
	height: 20px;
	line-height: 1;
	font-family: serif
}
.carousel-control .icon-prev:before {
	content: '\2039'
}
.carousel-control .icon-next:before {
	content: '\203a'
}
.carousel-indicators {
	position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center
}
.carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	border: 1px solid #fff;
	border-radius: 10px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0,0,0,0)
}
.carousel-indicators .active {
	margin: 0;
	width: 12px;
	height: 12px;
	background-color: #fff
}
.carousel-caption {
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 20px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,0.6)
}
.carousel-caption .btn {
	text-shadow: none
}

@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
	width: 30px;
	height: 30px;
	margin-top: -10px;
	font-size: 30px
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	margin-left: -10px
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	margin-right: -10px
}
.carousel-caption {
	left: 20%;
	right: 20%;
	padding-bottom: 30px
}
.carousel-indicators {
	bottom: 20px
}
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}
.clearfix:after {
	clear: both
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.pull-right {
	float: right !important
}
.pull-left {
	float: left !important
}
.hide {
	display: none !important
}
.show {
	display: block !important
}
.invisible {
	visibility: hidden
}
.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
.hidden {
	display: none !important
}
.affix {
	position: fixed
}
@-ms-viewport {
width:device-width
}
.visible-xs {
	display: none !important
}
.visible-sm {
	display: none !important
}
.visible-md {
	display: none !important
}
.visible-lg {
	display: none !important
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
	display: none !important
}

@media (max-width: 767px) {
.visible-xs {
	display: block !important
}
table.visible-xs {
	display: table !important
}
tr.visible-xs {
	display: table-row !important
}
th.visible-xs, td.visible-xs {
	display: table-cell !important
}
}

@media (max-width: 767px) {
.visible-xs-block {
	display: block !important
}
}

@media (max-width: 767px) {
.visible-xs-inline {
	display: inline !important
}
}

@media (max-width: 767px) {
.visible-xs-inline-block {
	display: inline-block !important
}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
	display: block !important
}
table.visible-sm {
	display: table !important
}
tr.visible-sm {
	display: table-row !important
}
th.visible-sm, td.visible-sm {
	display: table-cell !important
}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
	display: block !important
}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
	display: inline !important
}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
	display: inline-block !important
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
	display: block !important
}
table.visible-md {
	display: table !important
}
tr.visible-md {
	display: table-row !important
}
th.visible-md, td.visible-md {
	display: table-cell !important
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
	display: block !important
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
	display: inline !important
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
	display: inline-block !important
}
}

@media (min-width: 1200px) {
.visible-lg {
	display: block !important
}
table.visible-lg {
	display: table !important
}
tr.visible-lg {
	display: table-row !important
}
th.visible-lg, td.visible-lg {
	display: table-cell !important
}
}

@media (min-width: 1200px) {
.visible-lg-block {
	display: block !important
}
}

@media (min-width: 1200px) {
.visible-lg-inline {
	display: inline !important
}
}

@media (min-width: 1200px) {
.visible-lg-inline-block {
	display: inline-block !important
}
}

@media (max-width: 767px) {
.hidden-xs {
	display: none !important
}
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
	display: none !important
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
	display: none !important
}
}

@media (min-width: 1200px) {
.hidden-lg {
	display: none !important
}
}
.visible-print {
	display: none !important
}

@media print {
.visible-print {
	display: block !important
}
table.visible-print {
	display: table !important
}
tr.visible-print {
	display: table-row !important
}
th.visible-print, td.visible-print {
	display: table-cell !important
}
}
.visible-print-block {
	display: none !important
}

@media print {
.visible-print-block {
	display: block !important
}
}
.visible-print-inline {
	display: none !important
}

@media print {
.visible-print-inline {
	display: inline !important
}
}
.visible-print-inline-block {
	display: none !important
}

@media print {
.visible-print-inline-block {
	display: inline-block !important
}
}

@media print {
.hidden-print {
	display: none !important
}
}/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Ashley Novak
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
	padding: 4px;
	border-radius: 4px
}
.datepicker.datepicker-inline {
	width: 220px
}
.datepicker.datepicker-dropdown {
	position: absolute;
	left: 0;
	z-index: 9999
}
.datepicker.datepicker-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-top: 0;
	border-bottom-color: rgba(0,0,0,0.2);
	position: absolute
}
.datepicker.datepicker-dropdown:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-top: 0;
	position: absolute
}
.datepicker.datepicker-dropdown.datepicker-orient-left:before {
	left: 107px
}
.datepicker.datepicker-dropdown.datepicker-orient-left:after {
	left: 108px
}
.datepicker.datepicker-dropdown.datepicker-orient-right:before {
	right: 107px
}
.datepicker.datepicker-dropdown.datepicker-orient-right:after {
	right: 108px
}
.datepicker.datepicker-dropdown.datepicker-orient-top:before {
	top: -7px
}
.datepicker.datepicker-dropdown.datepicker-orient-top:after {
	top: -6px
}
.datepicker.datepicker-dropdown.datepicker-orient-bottom:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid #999
}
.datepicker.datepicker-dropdown.datepicker-orient-bottom:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #fff
}
.datepicker>div {
	display: none
}
.datepicker.days div.datepicker-days {
	display: block
}
.datepicker.months div.datepicker-months {
	display: block
}
.datepicker.years div.datepicker-years {
	display: block
}
.datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.datepicker table tr td, .datepicker table tr th {
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 4px;
	color: black;
	border: none
}
.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
	background-color: transparent
}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
	background: #eee;
	cursor: pointer
}
.datepicker table tr td.old, .datepicker table tr td.new {
	color: #777
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	background: none;
	color: #777;
	cursor: default
}
.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
	color: #333;
	background-color: #5bc0de;
	border-color: #2390b0
}
.datepicker table tr td.today:focus, .datepicker table tr td.today:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover:focus, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover.active {
	color: #333;
	background-color: #5bc0de;
	border-color: #19667d
}
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover {
	color: #333;
	background-color: #39b3d7;
	border-color: #19667d
}
.datepicker table tr td.today:hover:hover {
	color: #000
}
.datepicker table tr td.today.active:hover {
	color: #fff
}
.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
	background: #eee;
	border-radius: 0
}
.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
	color: #000;
	background-color: #5bc0de;
	border-color: #2390b0;
	border-radius: 0
}
.datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover.active {
	color: #000;
	background-color: #5bc0de;
	border-color: #19667d
}
.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover {
	color: #000;
	background-color: #39b3d7;
	border-color: #19667d
}
.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
	color: #fff;
	background-color: #777;
	border-color: #555;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}
.datepicker table tr td.selected:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover.active {
	color: #fff;
	background-color: #777;
	border-color: #373737
}
.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover {
	color: #fff;
	background-color: #636363;
	border-color: #373737
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}
.datepicker table tr td.active:focus, .datepicker table tr td.active:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover.active {
	color: #fff;
	background-color: #337ab7;
	border-color: #265a88
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover {
	color: #fff;
	background-color: #2a6598;
	border-color: #265a88
}
.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	border-radius: 4px
}
.datepicker table tr td span:hover {
	background: #eee
}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
	background: none;
	color: #777;
	cursor: default
}
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}
.datepicker table tr td span.active:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover.active {
	color: #fff;
	background-color: #337ab7;
	border-color: #204d74
}
.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover {
	color: #fff;
	background-color: #2a6598;
	border-color: #204d74
}
.datepicker table tr td span.old, .datepicker table tr td span.new {
	color: #777
}
.datepicker th.datepicker-switch {
	width: 145px
}
.datepicker thead tr:first-child th, .datepicker tfoot tr th {
	cursor: pointer;
	color: #337ab7
}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
	background: #eee
}
.datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle
}
.datepicker thead tr:first-child th.cw {
	cursor: default;
	background-color: transparent
}
.input-group.date .input-group-addon i {
	cursor: pointer;
	width: 16px;
	height: 16px
}
.input-daterange input {
	text-align: center
}
.input-daterange input:first-child {
	border-radius: 3px 0 0 3px
}
.input-daterange input:last-child {
	border-radius: 0 3px 3px 0
}
.input-daterange .input-group-addon {
	width: auto;
	min-width: 16px;
	padding: 4px 5px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	vertical-align: middle;
	background-color: #eee;
	border: solid #ccc;
	border-width: 1px 0;
	margin-left: -5px;
	margin-right: -5px
}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.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.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-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-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-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-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-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 {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-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-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-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-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-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 {
from, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
from, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
from {
-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)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes pulse {
from {
-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)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes rubberBand {
from {
-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)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
from {
-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)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shake {
from, to {
-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 {
from, to {
-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 headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}
@-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)
}
to {
-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)
}
to {
-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 {
from {
-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)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes tada {
from {
-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)
}
to {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
from {
-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)
}
to {
-webkit-transform:none;
transform:none
}
}
@keyframes wobble {
from {
-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)
}
to {
-webkit-transform:none;
transform:none
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);
transform:skewX(-0.78125deg) skewY(-0.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
}
}
.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-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)
}
to {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-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)
}
to {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-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)
}
to {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-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)
}
to {
-webkit-transform:none;
transform:none
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-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)
}
to {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-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)
}
to {
-webkit-transform:none;
transform:none
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
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)
}
to {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
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)
}
to {
-webkit-transform:none;
transform:none
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
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)
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
from {
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)
}
to {
-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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig {
from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig {
from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig {
from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig {
from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
from {
opacity:1
}
to {
opacity:0
}
}
@keyframes fadeOut {
from {
opacity:1
}
to {
opacity:0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
from {
opacity:1
}
to {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
from {
-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
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
from {
-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
}
to {
-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 {
from {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
from {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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)
}
to {
-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 {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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)
}
to {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-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-animation-timing-function:ease-in;
animation-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)
}
to {
-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 {
from {
-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
}
to {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
@keyframes flipOutX {
from {
-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
}
to {
-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 {
from {
-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
}
to {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
@keyframes flipOutY {
from {
-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
}
to {
-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 {
from {
-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
}
to {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
from {
-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
}
to {
-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 {
from {
opacity:1
}
to {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
from {
opacity:1
}
to {
-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 {
from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
-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 {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
-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 {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
-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 {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
-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 {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
-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 {
from {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
-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 {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-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 {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-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 {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-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 {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-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 {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-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 {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
-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 {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-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 {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
-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
}
to {
-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
}
to {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}
@-webkit-keyframes rollIn {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
from {
opacity:1
}
to {
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 {
from {
opacity:1
}
to {
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 {
from {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
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 {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to {
opacity:0
}
}
@keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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 {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
@font-face {
	font-family: "DINPro";
	font-style: normal;
	font-weight: 300;
	src: url("/static/fonts/DINPro/DINPro-Light.eot");
	src: url("/static/fonts/DINPro/DINPro-Light.eot?#iefix") format("embedded-opentype"), url("/static/fonts/DINPro/DINPro-Light.woff2") format("woff2"), url("/static/fonts/DINPro/DINPro-Light.woff") format("woff"), url("/static/fonts/DINPro/DINPro-Light.ttf") format("truetype"), url("/static/fonts/DINPro/DINPro-Light.svg") format("svg")
}
@font-face {
	font-family: "DINPro";
	font-style: normal;
	font-weight: normal;
	src: url("/static/fonts/DINPro/DINPro-Regular.eot");
	src: url("/static/fonts/DINPro/DINPro-Regular.eot?#iefix") format("embedded-opentype"), url("/static/fonts/DINPro/DINPro-Regular.woff2") format("woff2"), url("/static/fonts/DINPro/DINPro-Regular.woff") format("woff"), url("/static/fonts/DINPro/DINPro-Regular.ttf") format("truetype"), url("/static/fonts/DINPro/DINPro-Regular.svg") format("svg")
}
@font-face {
	font-family: "DINPro";
	font-style: normal;
	font-weight: bold;
	src: url("/static/fonts/DINPro/DINPro-Bold.eot");
	src: url("/static/fonts/DINPro/DINPro-Bold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/DINPro/DINPro-Bold.woff2") format("woff2"), url("/static/fonts/DINPro/DINPro-Bold.woff") format("woff"), url("/static/fonts/DINPro/DINPro-Bold.ttf") format("truetype"), url("/static/fonts/DINPro/DINPro-Bold.svg") format("svg")
}
@font-face {
	font-family: 'DIN';
	src: url("../fonts/DIN-Light.eot");
	src: url("../fonts/DIN-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN-Light.woff2") format("woff2"), url("../fonts/DIN-Light.woff") format("woff"), url("../fonts/DIN-Light.ttf") format("truetype"), url("../fonts/DIN-Light.svg#DIN-Light") format("svg");
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: 'DIN';
	src: url("../fonts/DIN-Regular.eot");
	src: url("../fonts/DIN-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN-Regular.woff2") format("woff2"), url("../fonts/DIN-Regular.woff") format("woff"), url("../fonts/DIN-Regular.ttf") format("truetype"), url("../fonts/DIN-Regular.svg#DIN-Regular") format("svg");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'DIN';
	src: url("/static/fonts/DINpro/DIN-Medium.eot");
	src: url("/static/fonts/DINpro/DIN-Medium.eot?#iefix") format("embedded-opentype"), url("/static/fonts/DINpro/DIN-Medium.woff2") format("woff2"), url("/static/fonts/DINpro/DIN-Medium.woff") format("woff"), url("/static/fonts/DINpro/DIN-Medium.ttf") format("truetype"), url("/static/fonts/DINpro/DIN-Medium.svg#DIN-Medium") format("svg");
	font-weight: 500;
	font-style: normal
}
@font-face {
	font-family: 'DIN';
	src: url("../fonts/DIN-Bold.eot");
	src: url("../fonts/DIN-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/DIN-Bold.woff2") format("woff2"), url("../fonts/DIN-Bold.woff") format("woff"), url("../fonts/DIN-Bold.ttf") format("truetype"), url("../fonts/DIN-Bold.svg#DIN-Bold") format("svg");
	font-weight: bold;
	font-style: normal
}
@font-face {
	font-family: 'DIN';
	src: url("/static/fonts/DINpro/DIN-Black.eot");
	src: url("/static/fonts/DINpro/DIN-Black.eot?#iefix") format("embedded-opentype"), url("/static/fonts/DINpro/DIN-Black.woff2") format("woff2"), url("/static/fonts/DINpro/DIN-Black.woff") format("woff"), url("/static/fonts/DINpro/DIN-Black.ttf") format("truetype"), url("/static/fonts/DINpro/DIN-Black.svg#DIN-Black") format("svg");
	font-weight: 900;
	font-style: normal
}
.hamburger {
	padding: 2px 10px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: .15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible
}
.hamburger:hover {
	opacity: 1
}
.hamburger-box {
	width: 30px;
	height: 16px;
	display: inline-block;
	position: relative
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px
}
.hamburger-inner, .hamburger-inner::before {
	width: 30px;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease
}
.hamburger-inner::before {
	content: "";
	display: block
}
.hamburger-inner::before {
	top: -10px
}
.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.15s;
	transition-delay: 0.15s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--collapse .hamburger-inner::after {
	top: -20px;
	transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear
}
.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
.hamburger--collapse.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(-45deg);
	transition-delay: 0.32s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear
}
.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-90deg);
	transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto
}
.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr
}
.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}
.mCSB_inside>.mCSB_container {
	margin-right: 30px
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}
.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0
}
.mCSB_outside+.mCSB_scrollTools {
	right: -26px
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools, .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0
}
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px
}
.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}
.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}
.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0
}
.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px
}
.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0
}
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0
}
.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px
}
.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px
}
.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px
}
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0
}
.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}
.mCSB_scrollTools {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)"
}
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,0.4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(mCSB_buttons.png);
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}
.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: 0.9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,0.15)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.75)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0,0,0,0.85)
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: rgba(0,0,0,0.9)
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.85)
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.9)
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,0.1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.85)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.9)
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255,255,255,0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.85)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.9)
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,0.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.85)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.9)
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255,255,255,0.1)
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,0.15)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.75)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.85)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.9)
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255,255,255,0.15)
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
	height: 14px
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	height: 16px;
	margin: -1px 0
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	width: 16px;
	margin: 0 -1px
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.75)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,0.15)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.85)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.9)
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px
}
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
	background-repeat: repeat-y;
	opacity: 0.3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0.5)), color-stop(100%, rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.5)), color-stop(100%, rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%)
}
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px
}
.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0,0,0,0.2);
	box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2)
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #555
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2)
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,0.1);
	box-shadow: inset 1px 0 1px rgba(0,0,0,0.1)
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1)
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
	right: 1px
}
.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
	box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5)
}
.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #555
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	width: auto
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0,0,0,0.05);
	box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1)
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}
.mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: inset 0 0 14px rgba(0,0,0,0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #777
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0,0,0,0.05);
	box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1)
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0
}
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px
}
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
	left: 0;
	right: auto
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0,0,0,0.2)
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.75)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.85)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.9)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,0.1)
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0,0,0,0.2)
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.75)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.85)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.9)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,0.1)
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255,255,255,0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0,0,0,0.2)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255,255,255,0.6)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0,0,0,0.6)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.75)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.85)
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0,0,0,0.9)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.75)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.85)
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255,255,255,0.9)
}
.visible-xxs {
	display: none !important;
	visibility: hidden
}
.hidden-xxs {
	display: block;
	visibility: visible
}

@media screen and (max-width: 479px) {
.visible-xxs {
	display: block !important;
	visibility: visible !important
}
.hidden-xxs {
	display: none !important;
	visibility: hidden !important
}
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11 {
	float: left
}
.col-xxs-1 {
	width: 8.333333333333332%
}
.col-xxs-2 {
	width: 16.666666666666664%
}
.col-xxs-3 {
	width: 25%
}
.col-xxs-4 {
	width: 33.33333333333333%
}
.col-xxs-5 {
	width: 41.66666666666667%
}
.col-xxs-6 {
	width: 50%
}
.col-xxs-7 {
	width: 58.333333333333336%
}
.col-xxs-8 {
	width: 66.66666666666666%
}
.col-xxs-9 {
	width: 75%
}
.col-xxs-10 {
	width: 83.33333333333334%
}
.col-xxs-11 {
	width: 91.66666666666666%
}
.col-xxs-12 {
	width: 100%
}
.col-xxs-push-1 {
	left: 8.333333333333332%
}
.col-xxs-push-2 {
	left: 16.666666666666664%
}
.col-xxs-push-3 {
	left: 25%
}
.col-xxs-push-4 {
	left: 33.33333333333333%
}
.col-xxs-push-5 {
	left: 41.66666666666667%
}
.col-xxs-push-6 {
	left: 50%
}
.col-xxs-push-7 {
	left: 58.333333333333336%
}
.col-xxs-push-8 {
	left: 66.66666666666666%
}
.col-xxs-push-9 {
	left: 75%
}
.col-xxs-push-10 {
	left: 83.33333333333334%
}
.col-xxs-push-11 {
	left: 91.66666666666666%
}
.col-xxs-pull-1 {
	right: 8.333333333333332%
}
.col-xxs-pull-2 {
	right: 16.666666666666664%
}
.col-xxs-pull-3 {
	right: 25%
}
.col-xxs-pull-4 {
	right: 33.33333333333333%
}
.col-xxs-pull-5 {
	right: 41.66666666666667%
}
.col-xxs-pull-6 {
	right: 50%
}
.col-xxs-pull-7 {
	right: 58.333333333333336%
}
.col-xxs-pull-8 {
	right: 66.66666666666666%
}
.col-xxs-pull-9 {
	right: 75%
}
.col-xxs-pull-10 {
	right: 83.33333333333334%
}
.col-xxs-pull-11 {
	right: 91.66666666666666%
}
}
.carstock .btn-icon, #fixed-header .fixed-links a, .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .view-all-stock, .full-search .form span button, .full-search .form .price-dropdown-wrapper button, .carstock button, .btn-main {
	display: inline-block;
	position: relative;
	line-height: 1;
	color: #fff;
	background: #0397ce;
	padding: 12px 20px;
	font-weight: 500;
	border: 2px solid #0397ce;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
.carstock .btn-icon .icon-chevron-right, #fixed-header .fixed-links a .icon-chevron-right, .three-cols .search-container.box .submit-wrap button .icon-chevron-right, .three-cols .search-container.box .view-all-stock .icon-chevron-right, .full-search .form span button .icon-chevron-right, .full-search .form .price-dropdown-wrapper button .icon-chevron-right, button .icon-chevron-right, .btn-main .icon-chevron-right {
	display: none;
	font-size: 0.8em;
	margin-left: 5px;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -0.5em;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
.carstock .btn-icon:hover, #fixed-header .fixed-links a:hover, .three-cols .search-container.box .submit-wrap button:hover, .three-cols .search-container.box .view-all-stock:hover, .full-search .form span button:hover, .full-search .form .price-dropdown-wrapper button:hover, .btn-icon:focus, #fixed-header .fixed-links a:focus, .three-cols .search-container.box .submit-wrap button:focus, .three-cols .search-container.box .view-all-stock:focus, .full-search .form span button:focus, .full-search .form .price-dropdown-wrapper button:focus, .carstock button:hover, .carstock button:focus, .btn-main:hover, .btn-main:focus {
	color: #fff;
	background: #02729c;
	border-color: #02729c;
	text-decoration: none
}
.btn-icon:hover .icon-chevron-right, #fixed-header .fixed-links a:hover .icon-chevron-right, .three-cols .search-container.box .submit-wrap button:hover .icon-chevron-right, .three-cols .search-container.box .view-all-stock:hover .icon-chevron-right, .full-search .form span button:hover .icon-chevron-right, .full-search .form .price-dropdown-wrapper button:hover .icon-chevron-right, .btn-icon:focus .icon-chevron-right, #fixed-header .fixed-links a:focus .icon-chevron-right, .three-cols .search-container.box .submit-wrap button:focus .icon-chevron-right, .three-cols .search-container.box .view-all-stock:focus .icon-chevron-right, .full-search .form span button:focus .icon-chevron-right, .full-search .form .price-dropdown-wrapper button:focus .icon-chevron-right, button:hover .icon-chevron-right, button:focus .icon-chevron-right, .btn-main:hover .icon-chevron-right, .btn-main:focus .icon-chevron-right {
	right: 10px
}
.btn-icon .awicon-chevron-arrow-right, #fixed-header .fixed-links a .awicon-chevron-arrow-right, .three-cols .search-container.box .submit-wrap button .awicon-chevron-arrow-right, .three-cols .search-container.box .view-all-stock .awicon-chevron-arrow-right, .full-search .form span button .awicon-chevron-arrow-right, .full-search .form .price-dropdown-wrapper button .awicon-chevron-arrow-right, button .awicon-chevron-arrow-right, .btn-main .awicon-chevron-arrow-right {
	display: none
}
.btn-large {
	font-size: 18px;
	padding: 12px 20px
}
.carstock .btn-icon-inverse {
	color: #0397ce;
	background: #fff;
	border-color: #0397ce
}
.btn-icon-inverse:hover, .btn-icon-inverse:focus {
	background: #02729c;
	border: 2px solid #02729c;
	color: #fff
}
.awicon-chevron-arrow-right {
	display: inline-block !important;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 11px
}
.button-previous {
	background: #444;
	color: #fff
}
.error {
	border: 2px solid red !important
}
.errors {
	color: red
}
.carstock {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
	font-family: "DIN", sans-serif;
	color: #222;
	background: #f5f5f5
}

@media only screen and (max-width: 767px) {
.carstock {
	font-size: 14px
}
}
h1 {
	font-size: 28px;
	line-height: 1.2;
	font-weight: bold
}

@media only screen and (max-width: 479px) {
h1 {
	font-size: 18px;
	line-height: 1.2
}
}
h2 {
	font-size: 20px;
	line-height: 1.2
}
h1, h2, h3, h4 {
	word-wrap: break-word
}
.container-fluid {
	background: none;
	max-width: 1400px;
	border: 0
}
.side-nav-container {
	position: initial
}
.clear {
	clear: both
}
img {
	max-width: 100%
}
.spacer {
	display: block;
	height: 10px;
	max-height: 10px;
	min-height: 10px
}
.ui-loader {
	display: none
}
input[type="submit"], .finance-form-calc select, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	height: 40px
}

@media only screen and (max-width: 991px) {
#wrapper.toggled {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	transition-duration: 0.5s;
	height: 100vh;
	padding-left: 250px
}
#wrapper.toggled #page-content-wrapper {
	position: absolute;
	max-width: 100%;
	margin-right: -250px
}
}

@media only screen and (min-width: 992px) {
#wrapper.toggled {
	padding-left: 0
}
#wrapper.toggled #page-content-wrapper {
	position: relative;
	margin-right: 0
}
}

@media (min-width: 992px) {
#page-content-wrapper {
	position: relative
}
}

@media only screen and (max-width: 991px) {
html.toggled {
	overflow: hidden;
	height: 100%
}
html.toggled #sidenav, html.toggled .navbar {
	left: 0
}
}

@media only screen and (max-width: 991px) {
#page-content-wrapper {
	z-index: 99
}
#page-content-wrapper.toggled {
	height: 92vh;
	overflow: hidden
}
}
#fixed-header {
	background: #444;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 103
}
#fixed-header .fixed-links {
	float: right
}
#fixed-header .fixed-links a {
	float: left;
	margin-left: 2px;
	text-transform: none;
	font-weight: bold
}

@media only screen and (max-width: 991px) {
#fixed-header {
	display: none
}
}
#fixed-header .logo-placeholder {
	font-size: 18px;
	color: #fff;
	margin-left: 100px;
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	margin-top: 6px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
#header {
	background: #fff;
	padding-bottom: 10px
}
#header>.container-fluid {
	position: relative
}

@media only screen and (max-width: 991px) {
#header>.container-fluid {
	padding: 0
}
}

@media only screen and (max-width: 991px) {
#header {
	padding-top: 50px
}
}

@media only screen and (max-width: 991px) {
#header .logo {
	margin-left: auto;
	margin-right: auto;
	max-width: 737px
}
}

@media only screen and (max-width: 767px) {
#header .logo {
	max-width: 435px
}
}

@media only screen and (max-width: 480px) {
#header .logo {
	max-width: 340px
}
}

@media only screen and (max-width: 320px) {
#header .logo {
	overflow: hidden;
	max-width: 320px
}
}
#header .logo img {
	float: left;
	display: block;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
#header .logo img.fixed {
	width: 90px;
	position: fixed;
	margin-top: -40px;
	z-index: 104
}

@media only screen and (max-width: 991px) {
#header .logo .logo-image {
	display: none
}
}
#header .logo .logo-image-mobile {
	display: none
}

@media only screen and (max-width: 991px) {
#header .logo .logo-image-mobile {
	display: block
}
}

@media only screen and (min-width: 991px) {
#header .logo.subaru-logo .logo-image {
	margin-top: -25px;
	z-index: 104;
	position: relative;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
#header .logo.subaru-logo .logo-image.fixed {
	width: 90px;
	position: fixed;
	margin-top: -42px;
	display: block
}
}

@media only screen and (max-width: 991px) {
#header .logo img {
	width: 150px
}
}

@media only screen and (max-width: 767px) {
#header .logo img {
	width: 100px
}
}

@media only screen and (max-width: 480px) {
#header .logo img {
	width: 80px
}
}
#header .logo-name {
	float: left;
	padding-top: 30px;
	margin-left: 10px;
	font-size: 50px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	font-weight: bold;
	line-height: 0.8em;
	text-transform: uppercase;
	color: #4E4E4E;
	max-width: 670px;
	width: auto;
	white-space: nowrap
}
#header .logo-name.logo-name-small {
	font-size: 2.5vw
}

@media only screen and (max-width: 2560px) {
#header .logo-name.logo-name-small {
	font-size: 2.2vw
}
#header .logo-name.logo-name-small.simpsons-header {
	font-size: 18px
}
}
#header .logo-name a {
	color: #4E4E4E
}
#header .logo-name a:hover, #header .logo-name a:focus {
	text-decoration: none;
	color: #4E4E4E
}
#header .logo-name span {
	font-weight: 300;
	text-transform: uppercase;
	display: block;
	color: #4E4E4E
}
#header .logo-name span.simpsons-header {
	font-size: 20px
}

@media only screen and (max-width: 2560px) {
#header .logo-name span {
	font-size: 24px
}
#header .logo-name span.simpsons-header {
	font-size: 18px
}
}

@media only screen and (max-width: 1440px) {
#header .logo-name span {
	font-size: 24px
}
#header .logo-name span.simpsons-header {
	font-size: 18px
}
}

@media only screen and (max-width: 1024px) {
#header .logo-name span {
	font-size: 18px
}
#header .logo-name span.simpsons-header {
	font-size: 12px
}
}

@media only screen and (max-width: 767px) {
#header .logo-name span {
	font-size: 18px
}
#header .logo-name span.simpsons-header {
	font-size: 12px
}
}

@media only screen and (max-width: 480px) {
#header .logo-name span {
	font-size: 15px
}
#header .logo-name span.simpsons-header {
	font-size: 15px
}
}

@media only screen and (max-width: 767px) {
#header .logo-name {
	max-width: 325px;
	padding-top: 14px;
	font-size: 24px;
	line-height: 1em
}
#header .logo-name.logo-name-small {
	font-size: 2vw
}
}

@media only screen and (max-width: 480px) {
#header .logo-name {
	max-width: 230px;
	font-size: 17px
}
#header .logo-name.logo-name-small {
	font-size: 12px
}
}
#header .header-email, #header .header-telephone {
	position: absolute;
	right: 0;
	bottom: 30px;
	display: block;
	padding: 10px;
	font-size: 20px;
	color: #0397ce;
	font-weight: bold
}
#header .header-email a, #header .header-telephone a {
	color: #0397ce
}
#header .header-email .awicon, #header .header-telephone .awicon {
	color: #666
}
#header .header-email:hover, #header .header-email:active, #header .header-email:focus, #header .header-telephone:hover, #header .header-telephone:active, #header .header-telephone:focus {
	text-decoration: none
}

@media only screen and (max-width: 1200px) {
#header .header-email, #header .header-telephone {
	bottom: 0
}
}

@media only screen and (max-width: 991px) {
#header .header-email, #header .header-telephone {
	display: none
}
}
#header .header-telephone-drop {
	cursor: pointer
}
#header .header-telephone-drop.active {
	background: #0397ce;
	color: #fff
}
#header .header-email {
	right: 175px
}
#header .tel-drop {
	display: none;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	position: absolute;
	top: 48px;
	right: 0;
	background: #0397ce;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	width: 300px;
	padding: 10px;
	text-align: center;
	z-index: 999999
}
#header .tel-drop.active {
	display: block
}
#header .tel-drop a {
	color: #fff
}
.dealer-award-container {
	position: absolute;
	top: 0;
	right: 280px;
	width: 175px;
	height: 110px;
	overflow: hidden
}

@media only screen and (max-width: 992px) {
.dealer-award-container {
	right: 0;
	width: 130px
}
}

@media only screen and (max-width: 767px) {
.dealer-award-container {
	right: 0;
	width: 100px
}
}

@media only screen and (max-width: 480px) {
.dealer-award-container {
	right: 0;
	width: 80px
}
}
.navbar-default .navbar-toggle:hover {
	background: none
}
.navbar-default .navbar-toggle:focus {
	background: none
}
.burger-menu-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99
}
.mobile-head-contact {
	float: right;
	width: 100%;
	z-index: 1;
	position: relative;
	display: none;
	padding-left: 50px
}

@media only screen and (max-width: 991px) {
.mobile-head-contact {
	display: block
}
}
.mobile-head-contact>span {
	float: right;
	display: block;
	padding: 6px 20px 4px;
	border-left: 1px solid rgba(255,255,255,0.3);
	text-align: center;
	color: #fff
}
.mobile-head-contact>span a {
	color: #fff
}
.mobile-head-contact>span a:focus, .mobile-head-contact>span a:hover, .mobile-head-contact>span a:active {
	text-decoration: none
}
.mobile-head-contact .newcar-mob-model-container {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 80px;
	padding-left: 50px;
	width: 100%
}
.mobile-head-contact .newcar-mob-model-container a {
	float: left;
	width: 40%;
	padding: 5px 0 5px 10px;
	background: #fff;
	font-weight: bold;
	color: #333;
	text-align: left;
	margin: 10px 1% 10px;
	display: block;
	position: relative
}
.mobile-head-contact .newcar-mob-model-container a:focus, .mobile-head-contact .newcar-mob-model-container a:active, .mobile-head-contact .newcar-mob-model-container a:hover {
	text-decoration: none
}
.mobile-head-contact .newcar-mob-model-container a .awicon {
	position: absolute;
	top: 30%;
	right: 5px
}
.mobile-head-contact .newcar-mob-model-container .newcar-mob-model-select {
	margin-left: 9%
}
.mobile-head-contact .newcar-mob-model-container .newcar-mob-explore-select {
	margin-right: 9%
}
.navbar-header {
	background: #444
}
.navbar-header .hamburger {
	display: none;
	font-size: 10px;
	line-height: 14px
}
.navbar-header .fixed-logo {
	display: none;
	margin: 0 auto;
	max-width: 180px
}

@media only screen and (max-width: 991px) {
.navbar-header {
	position: fixed;
	width: 100%;
	z-index: 9999;
	top: 0;
	border-bottom: 1px solid rgba(255,255,255,0.3)
}
.navbar-header .live-chat {
	padding-right: 50px
}
.navbar-header .nav-left {
	padding-left: 50px
}
.navbar-header .hamburger {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	max-height: 50px;
	color: #fff
}
.navbar-header .fixed-logo {
	display: block;
	margin: 0 auto;
	margin-top: 5px
}
.navbar-header .fixed-logo img {
	max-width: 180px
}
.navbar-header.row {
	margin-left: 0
}
}
.navbar {
	z-index: 998;
	position: unset;
	font-size: 16px;
	margin: 0 auto;
	background: #ECECEC;
	border-radius: 0;
	border: 0;
	min-height: 48px
}
.navbar .navbar-inner {
	padding: 0
}
.navbar .navbar-collapse {
	padding: 0
}

@media only screen and (max-width: 991px) {
.navbar .navbar-collapse {
	position: fixed;
	left: -250px;
	top: -1px;
	width: 250px;
	height: 100%;
	overflow: scroll;
	z-index: 99
}
.navbar .navbar-collapse .shadow {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	-webkit-box-shadow: inset -2px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -2px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: inset -2px 0px 5px 0px rgba(0,0,0,0.75)
}
}
.navbar ul.nav {
	border-left: 1px solid #fff
}

@media only screen and (max-width: 991px) {
.navbar ul.nav {
	border: 0
}
}
.navbar ul.nav li {
	width: 12%;
	float: left;
	position: static
}
.navbar ul.nav li.service-menu {
	width: 16%
}

@media only screen and (max-width: 991px) {
.navbar ul.nav li.service-menu {
	width: 100%
}
}

@media only screen and (max-width: 991px) {
.navbar ul.nav li {
	width: 100%
}
}
.navbar ul.nav li a {
	padding: 14px 0px;
	color: #4E4E4E;
	text-align: center;
	border-right: 1px solid #fff;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}

@media only screen and (max-width: 991px) {
.navbar ul.nav li a {
	color: #fff;
	border-bottom: 1px solid #666;
	border-right: 0;
	text-align: left;
	padding-left: 20px
}
}
.navbar ul.nav li a:hover {
	background: #0397ce
}
.navbar ul.nav li.active a, .navbar ul.nav li.active-nav a {
	background: #0397ce;
	color: #fff
}
.navbar ul.nav li:hover a {
	color: #fff
}
.navbar ul.nav li ul {
	display: none
}

@media only screen and (max-width: 991px) {
.navbar ul.nav li ul {
	display: none;
	margin: 0;
	padding: 0
}
.navbar ul.nav li ul li {
	width: 220px;
	height: 45px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	padding: 0;
	list-style: none;
	background: #ECECEC
}
.navbar ul.nav li ul li>a {
	display: block;
	width: 220px;
	height: 18px;
	padding: 11px 15px 15px;
	text-shadow: none;
	border-radius: 0;
	color: #4E4E4E;
	text-decoration: none
}
.navbar ul.nav li ul li:hover a {
	background: #0397ce;
	height: 45px;
	color: #fff
}
}
.navbar .btn-navbar {
	width: 100%;
	background: #666666;
	padding: 10px 0;
	border: 0;
	margin: 0;
	font-size: 24px;
	box-shadow: 0 0 0;
	border-radius: 0
}
.navbar .nav-collapse {
	margin: 0 auto;
	width: 100%;
	max-width: 1200px
}

@media only screen and (max-width: 991px) {
.navbar {
	min-height: 0;
	background: transparent;
	height: 100%;
	border: 0 !important
}
.navbar .nav {
	float: none;
	position: relative
}
.navbar .nav li {
	float: none
}
.navbar .nav .subgen {
	margin-left: 650px;
	display: block;
	padding-top: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	transition-duration: 0.5s
}
.navbar .nav .subgen li {
	padding: 10px 22px
}
.navbar .nav .subgen.toggled {
	margin-left: 260px
}
.navbar .nav .sub-arrow-deep {
	color: #fff;
	margin-left: -235px;
	-webkit-transform: translate(0, 15px);
	-ms-transform: translate(0, 15px);
	transform: translate(0, 15px);
	transition-duration: 0.5s
}
.navbar .nav .sub-arrow-deep.toggled {
	margin: 0;
	top: -5px;
	left: 15px;
	position: absolute
}
.navbar .nav .sub-menu {
	position: relative
}
.navbar .nav .sub-menu .sub-arrow {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #666;
	padding: 17px 13px 17px;
	width: 100%;
	border-bottom: 0
}
.navbar .nav .sub-menu .sub-arrow .awicon-right-arrow {
	float: right
}
.navbar .nav .sub-menu .sub-arrow-deep {
	position: absolute;
	top: 0;
	left: 0
}
.navbar .nav li.toggledB {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	transition-duration: 0.5s
}
.navbar .nav li.toggled {
	-webkit-transform: translate(-250px, 0);
	-ms-transform: translate(-250px, 0);
	transform: translate(-250px, 0);
	transition-duration: 0.5s
}
.navbar .nav li {
	z-index: 9;
	width: 100%
}
.navbar .nav li:hover ul {
	display: none
}
.navbar #sidenav {
	height: 100%;
	overflow-x: hidden;
	padding-left: 0
}
.navbar #sidenav.toggled {
	margin-left: 0;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	transition-duration: 0.5s;
	top: 0;
	left: 0;
	position: fixed;
	height: 100vh
}
}
.navbar.subaru ul.nav li {
	text-transform: uppercase;
	width: 13.8%
}

@media only screen and (max-width: 1300px) {
.navbar.subaru ul.nav li {
	font-size: 14px;
	line-height: 22px
}
}

@media only screen and (max-width: 991px) {
.navbar.subaru ul.nav li {
	width: 100%
}
}
.navbar.subaru ul.nav li.why-buy-menu {
	width: 13%
}
.navbar.subaru ul.nav li.service-menu {
	width: 18%
}

@media only screen and (max-width: 991px) {
.navbar.subaru ul.nav li.service-menu {
	width: 100%
}
}
.navbar.noService ul.nav li {
	width: 14.28%
}

@media only screen and (max-width: 991px) {
.navbar.noService ul.nav li {
	width: 100%
}
}
.bootstrap-tagsinput {
	box-shadow: 0 0 0;
	padding-left: 0
}
.label-info {
	background: #0397ce
}
.fixed-faceted .noUi-connect {
	background: #0397ce
}
.navbar-toggle {
	float: left;
	border-right: 1px solid rgba(255,255,255,0.3);
	border-radius: 0
}
.sidebar-nav {
	position: absolute;
	top: 0;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none
}
.sidebar-nav li {
	text-indent: 20px;
	line-height: 40px
}
.sidebar-nav li a {
	display: block;
	text-decoration: none
}
.sidebar-nav li a:hover {
	text-decoration: none;
	background: rgba(255,255,255,0.2)
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
	text-decoration: none
}
.sidebar-nav .sidebar-brand {
	height: 65px;
	font-size: 18px;
	line-height: 60px
}
.sidebar-nav .sidebar-brand a:hover {
	background: none
}

@media only screen and (min-width: 992px) {
.sub-arrow, .sub-arrow-deep {
	display: none !important
}
}
.extra-chats {
	height: 50px;
	padding-top: 13px;
	text-align: center;
	padding-left: 0;
	padding-right: 0
}

@media only screen and (min-width: 992px) {
.extra-chats {
	display: none
}
}
.extra-chats .faceted-toggle .search-cars {
	display: inline;
	float: left;
	text-align: left;
	line-height: 14px;
	margin-left: 8px;
	text-transform: uppercase;
	font-size: 11px
}
.extra-chats .faceted-toggle .awicon-search {
	font-size: 27px;
	float: left;
	margin-left: 15px
}

@media only screen and (max-width: 991px) {
#sidenav, .navbar {
	position: absolute;
	left: -250px
}
}
.navbar-collapse {
	position: relative
}
.nav>li {
	position: unset
}
.nav .newcar-hover, .nav .service-hover {
	position: absolute;
	top: 50px;
	left: 0px;
	z-index: 999999
}

@media only screen and (max-width: 991px) {
.navbar {
	width: 250px;
	position: absolute;
	top: 0;
	height: 100%
}
}

@media only screen and (max-width: 991px) {
.navbar-collapse {
	background: #444
}
}
#menu-news, #menu-servicing, #menu-mot {
	display: none
}
.navbar ul.nav>li .newcar-hover {
	-webkit-box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.2);
	border: 10px solid #fff;
	width: 100%;
	background: #fff;
	padding: 10px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	display: none;
	width: 100%
}
.navbar ul.nav>li .newcar-hover.active {
	display: block
}
.navbar ul.nav>li .newcar-hover>div {
	float: left;
	width: 25%
}
.navbar ul.nav>li .newcar-hover>div a {
	color: #333;
	display: block;
	width: 100%;
	float: left;
	clear: both;
	background: #fff;
	padding: 10px;
	border: 0
}
.navbar ul.nav>li .newcar-hover>div a img {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}
.navbar ul.nav>li .newcar-hover>div a:hover {
	text-decoration: none
}
.navbar ul.nav>li .newcar-hover>div a:hover img {
	opacity: 0.8
}
.navbar ul.nav>li .newcar-hover>div a .title {
	margin: 10px 0 0 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase
}

@media only screen and (max-width: 1080px) {
.navbar ul.nav>li .newcar-hover>div a .title {
	font-size: 20px
}
}

@media only screen and (max-width: 991px) {
.navbar ul.nav>li .newcar-hover>div a .description {
	display: none
}
}
.navbar ul.nav>li .newcar-hover>div a .price {
	margin: 0;
	color: #111;
	font-size: 24px;
	font-weight: bold;
	color: #0397ce
}
.navbar ul.nav>li .newcar-hover>div a .price span {
	font-size: 16px;
	color: #333;
	font-weight: normal
}

@media only screen and (max-width: 1080px) {
.navbar ul.nav>li .newcar-hover>div a .price {
	font-size: 20px
}
}

@media only screen and (max-width: 991px) {
.navbar ul.nav>li .newcar-hover>div a .price {
	font-size: 16px
}
}
.navbar ul.nav>li .service-hover {
	display: none;
	-webkit-box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.2);
	border: 10px solid #fff;
	width: 100%;
	background: #fff;
	padding: 10px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
.navbar ul.nav>li .service-hover.active {
	display: block
}
.navbar ul.nav>li .service-hover>a {
	display: block;
	float: left;
	width: 50%;
	background: none;
	color: #333;
	text-align: left;
	padding-left: 235px;
	height: 158px;
	text-transform: none
}
.navbar ul.nav>li .service-hover>a:hover {
	opacity: 0.5
}
.navbar ul.nav>li .service-hover>a span {
	display: block;
	width: 100%;
	float: left
}
.navbar ul.nav>li .service-hover>a span.title {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	color: #4E4E4E
}
.navbar ul.nav>li .service-hover>a span.subTitle {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	color: #0397ce
}
.navbar ul.nav>li .service-hover>a span.link {
	color: #0397ce;
	text-transform: uppercase
}
.navbar ul.nav>li .service-hover>a span.link>span {
	display: inline-block;
	float: none;
	width: auto
}
.navbar ul.nav>li .service-hover>a.book-service {
	background: url(/static/images/unity/imgroup/subaru-service-drop_06.jpg) no-repeat;
	border-right: 1px solid #eee
}
.navbar ul.nav>li .service-hover>a.book-mot {
	background: url(/static/images/unity/imgroup/subaru-service-drop_03.jpg) no-repeat
}
.navbar ul.nav>li .service-hover>a.parts-repair {
	background: url(/static/images/unity/imgroup/subaru-service-drop_11.jpg) no-repeat;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee
}
.navbar ul.nav>li .service-hover>a.tyres {
	background: url(/static/images/unity/imgroup/subaru-service-drop_10.jpg) no-repeat;
	border-top: 1px solid #eee
}
.navbar ul.nav>li .service-hover.isuzu-service-hover a {
	border-right: 1px solid #eee
}
.navbar ul.nav>li .service-hover.isuzu-service-hover a.book-service {
	background: url(/static/images/unity/imgroup/isuzu-service-drop_06.jpg) no-repeat;
	border-right: 1px solid #eee
}
.navbar ul.nav>li .service-hover.isuzu-service-hover a.book-mot {
	background: url(/static/images/unity/imgroup/isuzu-service-drop_03.jpg) no-repeat
}
.navbar ul.nav>li .service-hover.isuzu-service-hover a.parts-repair {
	background: url(/static/images/unity/imgroup/isuzu-service-drop_11.jpg) no-repeat;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee
}
.navbar ul.nav>li .service-hover.isuzu-service-hover a.tyres {
	background: url(/static/images/unity/imgroup/isuzu-service-drop_10.jpg) no-repeat;
	border-top: 1px solid #eee
}
.navbar ul.nav>li .service-hover.isuzu-service-hover a.air-con {
	background: url(/static/images/unity/imgroup/isuzu-service-drop_12.jpg) no-repeat;
	border-top: 1px solid #eee
}
.navbar ul.nav>li .service-hover.isuzu-service-hover a.isuzu-check {
	background: url(/static/images/unity/imgroup/isuzu-check-drop.jpg) no-repeat;
	border-top: 1px solid #eee
}
#main.hiddey {
	opacity: 0.2
}
.newcar-hover-container, .newoffer-hover-container, .service-hover-container {
	display: none
}
.navbar .nav .subgen li.toggled {
	display: none
}

@media only screen and (max-width: 992px) {
.navbar .nav .subgen li.toggled {
	display: block;
	padding: 0
}
.navbar .nav .subgen li.toggled a {
	width: 100%;
	display: block
}
}

@media only screen and (min-width: 992px) {
.guernsey-dealer .navbar.subaru ul.nav li {
	width: 14.2%
}
}
.navbar ul.nav li ul.new-isuzu-categorys {
	display: block
}
.navbar ul.nav li.active-nav .newcar-hover.newcar-hover-isuzu .tab-content>.tab-pane {
	display: block
}
.navbar ul.nav li.active-nav .newcar-hover.newcar-hover-isuzu .newcar-hover-left-col {
	float: left;
	width: 25%
}
.navbar ul.nav li.active-nav .newcar-hover.newcar-hover-isuzu .newcar-hover-left-col .newcar-hover-left-col-links a {
	color: #fff;
	font-size: 20px;
	padding: 26px 0px;
	text-transform: uppercase;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
.navbar ul.nav li.active-nav .newcar-hover.newcar-hover-isuzu .newcar-hover-left-col .newcar-hover-left-col-links a:hover, .navbar ul.nav li.active-nav .newcar-hover.newcar-hover-isuzu .newcar-hover-left-col .newcar-hover-left-col-links a.active {
	opacity: 0.8
}

@media only screen and (max-width: 1200px) {
.navbar ul.nav li.active-nav .newcar-hover.newcar-hover-isuzu .newcar-hover-left-col .newcar-hover-left-col-links a {
	padding: 20px 0px
}
}
.navbar ul.nav li.active-nav .newcar-hover.newcar-hover-isuzu .newcar-hover-right-col {
	float: left;
	width: 75%
}
.navbar ul.nav li.active-nav .newcar-hover.newcar-hover-isuzu .newcar-hover-right-col .newcar-hover-right-model {
	float: left;
	width: 23%;
	max-width: 275px;
	margin: 0 1%
}
.navbar ul.nav li.active-nav a.businessRange {
	background: #fff
}
.navbar ul.nav li.active-nav a.all-purposeRange {
	background: #fff
}
.navbar ul.nav li.active-nav a.adventureRange {
	background: #fff
}
.navbar ul.nav li.active-nav a.special-editionRange {
	background: #fff
}
.nav .smallprint {
	padding: 0 30px;
	font-weight: 300
}
input, select, textarea {
	background: #eee;
	border-color: #eee;
	color: #333;
	font-weight: 400
}
.enquiry-form #fieldset-vehicleFieldset {
	display: none
}
.enquiry-form.show-vehicle #fieldset-vehicleFieldset {
	display: block
}
#fieldset-captchaFieldset {
	display: none
}
.form-page-container {
	background: url(/static/images/unity/imgroup/subaru-form-back.jpg) no-repeat fixed bottom center;
	background-size: cover;
	min-height: 80vh
}
.form-page-container.open-house-event-container {
	background: url(/static/images/unity/imgroup/subaru-form-back-v2.jpg) no-repeat fixed bottom center
}
.form-page-container #manuallyenteraddress {
	margin-left: 30%;
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 16px;
	text-transform: none;
	font-weight: normal;
	background: none;
	border: 0;
	padding: 10px 0;
	text-decoration: underline;
	color: #4E4E4E
}

@media only screen and (max-width: 991px) {
.form-page-container #manuallyenteraddress {
	margin: 10px 0 10px 0
}
}
.form-page-container .form-page {
	background: #444;
	padding: 20px 0;
	color: #fff
}
.form-page-container .form-page h1 {
	color: #fff
}
.form-page-container .form-page p {
	margin: 0
}
.form-page-container .form fieldset {
	font-size: 16px;
	background: none
}
.form-page-container .form fieldset dl {
	padding: 20px 40px 40px;
	background: rgba(238,238,238,0.95)
}
.form-page-container .form fieldset legend {
	background: rgba(255,255,255,0.95);
	color: #0397ce;
	font-weight: bold;
	font-size: 24px;
	padding: 10px 20px;
	text-transform: uppercase
}
.form-page-container .form fieldset label {
	font-size: 20px;
	font-weight: normal;
	padding: 10px 10px 10px 0;
	width: 30%
}

@media only screen and (max-width: 767px) {
.form-page-container .form fieldset label {
	width: 100%;
	padding: 5px 0
}
}
.form-page-container .form fieldset input, .form-page-container .form fieldset select, .form-page-container .form fieldset textarea {
	background: #fff;
	padding: 0 10px;
	width: 400px;
	height: 50px;
	margin-bottom: 15px
}

@media only screen and (max-width: 767px) {
.form-page-container .form fieldset input, .form-page-container .form fieldset select, .form-page-container .form fieldset textarea {
	width: 100%;
	margin-bottom: 5px
}
}
.form-page-container .form fieldset .form-address input:read-only {
background:rgba(0,0,0,0.1) !important
}
.form-page-container .form fieldset textarea {
	height: 100px;
	padding: 10px
}
.form-page-container .form fieldset button {
	font-size: 24px;
	font-weight: bold;
	padding: 10px 20px;
	margin-top: 20px
}
.form-page-container .form fieldset button .awicon-chevron-arrow-right {
	margin-left: 10px
}
.form-page-container .form fieldset .errors {
	font-weight: bold;
	margin-left: 10px
}
.form-page-container .form fieldset .error {
	background: url(/static/images/unity/imgroup/error.jpg) no-repeat right center #fff
}
#valuation #address {
	display: block
}
.new-model-select {
	background: rgba(255,255,255,0.95);
	padding: 15px 10px 10px;
	float: left;
	clear: both
}
.new-model-select h2 {
	padding: 0 5px;
	font-weight: bold
}
.new-model-select .new-model {
	float: left;
	display: block;
	margin: 0 0.5%;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	color: #4E4E4E
}
.new-model-select .new-model img {
	opacity: 0.6
}

@media only screen and (max-width: 992px) {
.new-model-select .new-model {
	width: 24% !important
}
}

@media only screen and (max-width: 600px) {
.new-model-select .new-model {
	width: 32% !important;
	font-size: 15px
}
}

@media only screen and (max-width: 480px) {
.new-model-select .new-model {
	width: 49% !important
}
}
.new-model-select .new-model:hover, .new-model-select .new-model.active {
	color: #fff;
	background: #0397ce;
	text-decoration: none
}
.new-model-select .new-model:hover img, .new-model-select .new-model.active img {
	opacity: 1
}
.new-model-select .new-model.select-cat {
	border-bottom: 7px solid #fff
}
.new-model-select .new-model.select-cat.all-purpose {
	border-color: #fff
}
.new-model-select .new-model.select-cat.adventure {
	border-color: #fff
}
.new-model-select .new-model.select-cat.special-edition {
	border-color: #fff
}
.new-model-select.ci .new-model {
	width: 13.2% !important
}

@media only screen and (max-width: 992px) {
.new-model-select.ci .new-model {
	width: 24% !important
}
}

@media only screen and (max-width: 600px) {
.new-model-select.ci .new-model {
	width: 32% !important
}
}

@media only screen and (max-width: 480px) {
.new-model-select.ci .new-model {
	width: 49% !important
}
}
.form-page-container .form fieldset .optin-container {
	position: relative;
	padding-bottom: 20px;
	float: left;
	clear: both;
	width: 100%
}
.form-page-container .form fieldset .optin-container input {
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	bottom: 3px;
	left: 0
}
.form-page-container .form fieldset .optin-container p {
	margin-top: 0;
	clear: both;
	float: left;
	width: 100%
}
.form-page-container .form fieldset .optin-container label {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 20px
}
.optin-container {
	display: none
}
#fieldset-moredetail {
	display: none
}
.moreDetailSubmit {
	display: inline-block;
	color: #fff;
	background: #0397ce;
	font-weight: bold;
	border: 2px solid #0397ce;
	color: #fff;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	padding: 10px 20px;
	margin: 20px 0 40px 40px
}
#personaliseYourVisit {
	background: rgba(238,238,238,0.95);
	overflow: hidden;
	margin-bottom: 20px
}
#personaliseYourVisit h1 {
	background: rgba(255,255,255,0.45);
	color: #0397ce;
	font-weight: bold;
	font-size: 24px;
	padding: 20px 20px;
	text-transform: uppercase;
	margin-bottom: 0
}
.personaliseOption {
	width: 75px;
	height: 75px;
	background-color: #fff;
	margin: 10px;
	transition: all 0.1s linear;
	float: left;
	border: 1px solid #cdcdcd
}
.personaliseOption:hover {
	border: 1px solid #0397ce;
	cursor: pointer
}
.personaliseOptionPicked {
	background-color: #0397ce;
	border: 1px solid #0397ce;
	transition: all 0.1s linear
}
.personaliseIcon {
	fill: #333;
	transition: all 0.1s linear
}
.personaliseOptionPicked .personaliseIcon {
	fill: #fff;
	transition: all 0.1s linear
}
.subOptions div {
	height: 40px;
	width: 40px;
	border-radius: 20px;
	margin-right: 100px;
	margin-top: 30px;
	position: relative
}
.subOptions div .personaliseIcon {
	fill: #fff
}
.subOptions {
	position: relative;
	float: left;
	display: block
}
.subLabel {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 130%;
	font-size: 18px
}
.personaliseSection {
	display: block;
	float: left;
	width: 100%;
	clear: both;
	padding: 20px 0 20px 200px;
	border-top: 1px solid #cdcaca;
	position: relative
}
.teaAndCoffeeSelect {
	border-top: none
}
.optionHeader {
	position: absolute;
	top: 3px;
	left: 10px;
	font-size: 18px;
	margin: 0
}
.sectionHeader {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 20px;
	font-size: 22px;
	margin: 0
}
.optionHasTooltip {
	position: relative;
	display: inline-block
}
.optionHasTooltip .optionTooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #0397ce;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 110%;
	left: 50%;
	margin-left: -60px
}
.optionHasTooltip:hover .optionTooltiptext {
	visibility: visible
}
.optionHasTooltip .optionTooltiptext::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #0397ce transparent transparent transparent
}

@media only screen and (max-width: 760px) {
.personaliseSection {
	padding: 40px 10px 10px 10px
}
.sectionHeader {
	top: 10px;
	transform: translateY(0)
}
}
.form-page-container .disclaimer {
	background: rgba(238,238,238,0.95);
	width: 100%;
	padding: 20px;
	margin-bottom: 20px;
	text-align: center
}
.form-page-container .disclaimer p {
	font-size: 15px
}
#vehicleFieldset-element {
	display: none
}
.validator.validator-email, .validator.validator-phone {
	float: left;
	margin-bottom: 15px
}

@media only screen and (max-width: 767px) {
.validator.validator-email, .validator.validator-phone {
	width: 100% !important
}
}
.form-page-container fieldset dl>div {
	clear: both
}
.validator.validation-none .feedback, .validator.validation-yes .feedback, .validator.validation-yes-fallback .feedback, .validator.validation-no .feedback, .validator.validation-no-fallback .feedback, .validator.validation-maybe .feedback, .validator.validation-maybe-fallback .feedback {
	right: -50px !important;
	height: 40px !important;
	width: 40px !important;
	background-size: 20px !important;
	top: 6px !important
}

@media only screen and (max-width: 767px) {
.validator.validation-none .feedback, .validator.validation-yes .feedback, .validator.validation-yes-fallback .feedback, .validator.validation-no .feedback, .validator.validation-no-fallback .feedback, .validator.validation-maybe .feedback, .validator.validation-maybe-fallback .feedback {
	right: -20px !important
}
}
.addressFinder-wrapper {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	padding: 10px 0px;
	margin: 10px 0px
}
.addressFinder-wrapper .hint {
	color: white;
	background-color: #0397ce
}
.fake-button {
	font-size: 20px;
	font-weight: bold;
	padding: 15px 20px;
	margin-top: 20px;
	color: #0397ce;
	display: inline-block;
	transition: 0.2s;
	text-transform: uppercase
}
.submit-button {
	position: relative;
	z-index: 1;
	pointer-events: none
}
#dealerBoxes {
	text-align: center
}
#dealerBoxes .dealer-results, #dealerBoxes .dealer-col {
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1
}
#dealerBoxes .dealer-listing {
	cursor: pointer;
	width: 100%;
	padding: 15px;
	background: #fff;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
	position: relative;
	margin: 20px 0 0 0
}
#dealerBoxes .dealer-listing:hover {
	cursor: pointer;
	background: #ddd;
	color: #4E4E4E
}
#dealerBoxes .dealer-listing .labels {
	background: #000;
	color: #fff;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: -20px;
	font-weight: bold
}
#dealerBoxes .dealer-listing .distance {
	font-size: 0.8em
}
#dealerBoxes .selected .dealer-listing {
	background: #0397ce;
	color: #fff
}
.animated-slim_banner {
	background: #1c1c1c
}

@media only screen and (max-width: 767px) {
.animated-slim_banner {
	display: none
}
}
.homepage-search-container {
	background: url(/static/images/unity/imgroup/subaru-back.jpg) no-repeat top center;
	padding: 30px 0
}

@media only screen and (max-width: 767px) {
.homepage-search-container {
	background: #eee;
	padding: 15px 0
}
}
.view-all-stock {
	display: none
}
.three-cols .three-cols-col {
	background: #fff
}
.three-cols .three-cols-col.search-form-col {
	display: flex;
	align-items: center
}
.three-cols .three-cols-col.search-form-col .search-container.box {
	width: 100%
}

@media only screen and (max-width: 767px) {
.three-cols .three-cols-col {
	background: none
}
}
.three-cols .search-container.box {
	padding-top: 30px;
	padding-bottom: 30px
}

@media only screen and (max-width: 1080px) {
.three-cols .search-container.box {
	padding: 10px
}
}

@media only screen and (max-width: 767px) {
.three-cols .search-container.box {
	padding: 0;
	background: none
}
}
.three-cols .search-container.box h4 {
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0;
	color: #4E4E4E
}

@media only screen and (max-width: 767px) {
.three-cols .search-container.box h4 {
	font-size: 20px;
	line-height: 24px
}
}

@media only screen and (max-width: 767px) {
.three-cols .search-container.box>span {
	width: 50%;
	float: left;
	display: block;
	border: 0;
	padding-right: 10px
}
.three-cols .search-container.box>span:nth-child(even) {
	padding-right: 0
}
.three-cols .search-container.box>span.submit-wrap {
	width: 100%;
	padding: 0
}
}
.three-cols .search-container.box select {
	width: 100%;
	margin-bottom: 15px;
	height: 50px;
	padding-left: 10px
}

@media only screen and (max-width: 1200px) {
.three-cols .search-container.box select {
	height: 40px
}
}

@media only screen and (max-width: 1080px) {
.three-cols .search-container.box select {
	margin-bottom: 10px
}
}

@media only screen and (max-width: 767px) {
.three-cols .search-container.box select {
	background: #fff
}
}
.three-cols .search-container.box .submit-wrap button {
	width: 100%;
	font-size: 20px;
	text-transform: uppercase
}
.three-cols .search-container.box .view-all-stock {
	display: block;
	background: #444;
	border-color: #444;
	margin-top: 15px;
	text-align: center;
	font-size: 17px;
	font-weight: 300;
	text-transform: uppercase
}

@media only screen and (max-width: 767px) {
.three-cols .search-container.box .view-all-stock {
	display: none
}
}
.featured-image {
	display: block;
	width: 100%;
	padding-bottom: 62%;
	background-size: cover;
	background-position: center center
}
.featured-image-wide {
	display: block;
	width: 100%;
	padding-bottom: 32%;
	background-size: cover;
	background-position: center center
}
.featured-image-wide-just-cta {
	display: block;
	width: 100%;
	padding-bottom: 48%;
	background-size: cover;
	background-position: center center
}
.newoffer-slick-wrap .slick-slide {
	margin: 0;
	display: none
}
.newoffer-slick-wrap .slick-active {
	display: block
}
.newoffer-slick-wrap .slick-arrow {
	position: absolute;
	z-index: 1;
	top: 25%;
	left: 0px;
	background: #0397ce;
	color: #0397ce;
	font-weight: bold;
	border: 0;
	width: 30px;
	font-size: 20px;
	height: 30px;
	text-align: center
}
.newoffer-slick-wrap .slick-arrow.slick-next {
	right: 0px;
	left: auto
}
.newoffer-slick-wrap .slick-arrow.slick-next::after {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.newoffer-slick-wrap .slick-arrow::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	color: #fff;
	padding: 5px 0;
	font-size: 14px;
	content: "\e92d";
	font-family: 'awfont';
	text-align: center;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	transition: 0.2s;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.newoffer-single-inner, .car-of-week-inner {
	background: #fff;
	padding: 20px;
	text-align: center;
	line-height: 1.2
}
.newoffer-single-inner .title, .car-of-week-inner .title {
	font-weight: bold;
	margin-top: 0;
	text-align: center;
	font-size: 24px;
	text-transform: uppercase
}
.newoffer-single-inner .title_two, .car-of-week-inner .title_two {
	font-weight: bold;
	margin-top: 0;
	text-align: center;
	font-size: 24px
}
.newoffer-single-inner .sub-title, .car-of-week-inner .sub-title {
	font-weight: bold;
	color: #0397ce;
	font-size: 18px
}
.newoffer-single-inner .price, .car-of-week-inner .price {
	font-weight: bold;
	color: #0397ce;
	font-size: 30px
}
.full-search .search-container {
	padding: 0
}

@media only screen and (min-width: 768px) {
.full-search .search-container>.container-fluid {
	padding-left: 200px;
	position: relative
}
.full-search .search-container>.container-fluid h4 {
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	width: 200px;
	font-size: 26px;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase
}
}
.full-search .search-container h4 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	margin-top: 0
}
.full-search .form span, .full-search .form .price-dropdown-wrapper {
	width: 20%;
	float: left;
	display: block;
	padding: 5px 5px
}

@media only screen and (max-width: 767px) {
.full-search .form span, .full-search .form .price-dropdown-wrapper {
	width: 50%;
	float: left;
	display: block;
	border: 0;
	padding: 0 10px 0 0
}
.full-search .form span:nth-child(even), .full-search .form .price-dropdown-wrapper:nth-child(even) {
	padding-right: 0
}
.full-search .form span.submit-wrap, .full-search .form .price-dropdown-wrapper.submit-wrap {
	width: 100%;
	padding: 0
}
}
.full-search .form span select, .full-search .form span button, .full-search .form .price-dropdown-wrapper select, .full-search .form .price-dropdown-wrapper button {
	width: 100%
}
.diag-bg {
	background: url(/static/images/unity/imgroup/diag-grey.jpg) top center no-repeat;
	float: left;
	width: 100%;
	clear: both
}
.new-home-carousel-wrapper .row {
	margin-left: -30px;
	margin-right: -30px
}
.new-home-carousel-wrapper h2 {
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	margin: 35px 0 15px
}

@media only screen and (max-width: 767px) {
.new-home-carousel-wrapper h2 {
	font-size: 18px
}
}
.new-home-carousel-wrapper .new-home-carousel {
	width: 100%;
	position: relative
}

@media only screen and (max-width: 1450px) {
.new-home-carousel-wrapper .new-home-carousel {
	padding: 0 30px
}
}
.new-home-carousel-wrapper .new-home-carousel a.new-home-carousel-inner {
	color: #4E4E4E
}
.new-home-carousel-wrapper .new-home-carousel a.new-home-carousel-inner:hover, .new-home-carousel-wrapper .new-home-carousel a.new-home-carousel-inner:active {
	text-decoration: none
}

@media only screen and (max-width: 991px) {
.new-home-carousel-wrapper .new-home-carousel .new-home-carousel-usp {
	display: none
}
}
.new-home-carousel-wrapper .new-home-carousel .slick-arrow {
	position: absolute;
	top: 50%;
	left: -35px;
	background: #0397ce;
	color: #0397ce;
	font-weight: bold;
	border: 0;
	width: 30px;
	font-size: 16px;
	height: 30px;
	text-align: center
}
.new-home-carousel-wrapper .new-home-carousel .slick-arrow:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	color: #fff;
	padding: 5px 0;
	font-size: 14px;
	content: "\e92d";
	font-family: 'awfont';
	text-align: center;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

@media only screen and (max-width: 1450px) {
.new-home-carousel-wrapper .new-home-carousel .slick-arrow {
	left: 0
}
}
.new-home-carousel-wrapper .new-home-carousel .slick-arrow:hover {
	background: #444;
	color: #444
}
.new-home-carousel-wrapper .new-home-carousel .slick-arrow:active, .new-home-carousel-wrapper .new-home-carousel .slick-arrow:focus {
	border: 0
}
.new-home-carousel-wrapper .new-home-carousel .slick-next {
	right: -35px;
	left: auto
}
.new-home-carousel-wrapper .new-home-carousel .slick-next:after {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

@media only screen and (max-width: 1450px) {
.new-home-carousel-wrapper .new-home-carousel .slick-next {
	right: 0
}
}
.new-home-carousel-wrapper .new-home-carousel .slick-track {
	padding: 5px;
	max-height: 397px;
	overflow: hidden
}
.new-home-carousel-wrapper .new-home-carousel .slick-dots {
	display: none
}
.new-home-carousel-wrapper .new-home-carousel .slick-slide {
	padding-bottom: 20px;
	text-align: center
}

@media only screen and (max-width: 480px) {
.new-home-carousel-wrapper .new-home-carousel .slick-slide {
	background: #eee
}
}

@media only screen and (min-width: 481px) {
.new-home-carousel-wrapper .new-home-carousel .slick-slide {
	-webkit-box-shadow: 0 0 8px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px 0px rgba(0,0,0,0.3);
	box-shadow: 0 0 8px 0px rgba(0,0,0,0.3)
}
}
.new-home-carousel-wrapper .new-home-carousel .title {
	font-size: 24px;
	margin-top: 10px;
	font-weight: bold;
	text-transform: uppercase
}
.new-home-carousel-wrapper .new-home-carousel .description {
	text-transform: uppercase;
	font-size: 14px;
	height: 45px
}
.new-home-carousel-wrapper .new-home-carousel .price {
	font-size: 24px;
	font-weight: bold;
	color: #0397ce
}
.new-home-carousel-wrapper .new-home-carousel .price span {
	color: #4E4E4E;
	font-weight: normal;
	font-size: 16px
}
.new-home-carousel-wrapper .new-home-carousel .btn-icon, .new-home-carousel-wrapper .new-home-carousel #fixed-header .fixed-links a, #fixed-header .fixed-links .new-home-carousel-wrapper .new-home-carousel a, .new-home-carousel-wrapper .new-home-carousel .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .new-home-carousel-wrapper .new-home-carousel button, .new-home-carousel-wrapper .new-home-carousel .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .new-home-carousel-wrapper .new-home-carousel .view-all-stock, .new-home-carousel-wrapper .new-home-carousel .full-search .form span button, .full-search .form span .new-home-carousel-wrapper .new-home-carousel button, .new-home-carousel-wrapper .new-home-carousel .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .new-home-carousel-wrapper .new-home-carousel button {
	width: 100%;
	max-width: 150px;
	text-transform: uppercase;
	font-weight: normal
}
.new-home-carousel-wrapper .isuzu-new-home-carousel a.new-home-carousel-inner {
	color: #111
}
.new-home-carousel-wrapper .isuzu-new-home-carousel .slick-track {
	padding: 5px;
	max-height: 513px;
	overflow: hidden
}
.new-home-carousel-wrapper .isuzu-new-home-carousel .slick-slide {
	padding: 0;
	-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.75);
	-moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.75);
	box-shadow: 0 0 0 0 rgba(0,0,0,0.75);
	position: relative;
	text-align: left
}
.new-home-carousel-wrapper .isuzu-new-home-carousel .title {
	margin: 0;
	font-size: 30px;
	line-height: 30px
}

@media only screen and (max-width: 1080px) {
.new-home-carousel-wrapper .isuzu-new-home-carousel .title {
	font-size: 20px
}
}

@media only screen and (max-width: 991px) {
.new-home-carousel-wrapper .isuzu-new-home-carousel .description {
	display: none
}
}
.new-home-carousel-wrapper .isuzu-new-home-carousel .price {
	margin: 0;
	color: #111
}

@media only screen and (max-width: 1080px) {
.new-home-carousel-wrapper .isuzu-new-home-carousel .price {
	font-size: 20px
}
}

@media only screen and (max-width: 991px) {
.new-home-carousel-wrapper .isuzu-new-home-carousel .price {
	font-size: 16px
}
}
.new-home-carousel-wrapper .isuzu-new-home-carousel .isuzu-new-home-carousel-inner-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px
}
.new-home-carousel-wrapper .isuzu-new-home-carousel .isuzu-new-home-carousel-inner {
	width: 100%;
	background: rgba(255,255,255,0.95);
	padding: 15px
}
.new-home-isuzu-models {
	text-align: center;
	margin: 30px auto
}
.new-home-isuzu-models h2 {
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	margin: 35px 0 15px
}

@media only screen and (max-width: 767px) {
.new-home-isuzu-models h2 {
	font-size: 18px;
	margin: 10px 0
}
}
.new-home-isuzu-models .new-isuzu-categorys {
	display: block;
	width: 100%;
	margin: 0;
	float: left;
	padding: 0;
	clear: both
}
.new-home-isuzu-models .new-isuzu-categorys li {
	float: left;
	width: 25%;
	padding: 0 0 0 10px;
	list-style: none;
	display: block;
	border: 0
}
.new-home-isuzu-models .new-isuzu-categorys li:first-child {
	padding-left: 0
}

@media only screen and (max-width: 767px) {
.new-home-isuzu-models .new-isuzu-categorys li {
	width: 50%;
	padding: 0 0 0 5px
}
}

@media only screen and (max-width: 767px) {
.new-home-isuzu-models .new-isuzu-categorys li:nth-child(3) {
	padding-left: 0
}
}
.new-home-isuzu-models .new-isuzu-categorys li a {
	width: 100%;
	margin-top: 10px;
	border: 0;
	display: block;
	padding: 30px 0;
	color: #fff;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}

@media only screen and (max-width: 767px) {
.new-home-isuzu-models .new-isuzu-categorys li a {
	padding: 5px 0;
	font-size: 16px;
	line-height: 18px
}
}
.new-home-isuzu-models .new-isuzu-categorys li a:hover, .new-home-isuzu-models .new-isuzu-categorys li a:active, .new-home-isuzu-models .new-isuzu-categorys li a:focus {
	text-decoration: none;
	padding: 35px 0;
	margin-top: 0
}

@media only screen and (max-width: 767px) {
.new-home-isuzu-models .new-isuzu-categorys li a:hover, .new-home-isuzu-models .new-isuzu-categorys li a:active, .new-home-isuzu-models .new-isuzu-categorys li a:focus {
	padding: 5px 0;
	margin-top: 10px
}
}
.new-home-isuzu-models .new-isuzu-categorys li.active a {
	padding: 35px 0;
	margin-top: 0
}

@media only screen and (max-width: 767px) {
.new-home-isuzu-models .new-isuzu-categorys li.active a {
	padding: 5px 0;
	margin-top: 10px
}
}
.businessRange {
	background: #fff
}
.all-purposeRange {
	background: #fff
}
.adventureRange {
	background: #fff
}
.special-editionRange {
	background: #fff
}
.new-isuzu-category-models {
	background: #fff;
	float: left;
	width: 100%;
	clear: both
}
.new-isuzu-category-models .new-isuzu-category-model {
	width: 20%;
	margin: 20px 2%;
	text-align: center;
	display: inline-block
}

@media only screen and (max-width: 787px) {
.new-isuzu-category-models .new-isuzu-category-model {
	width: 45%
}
}

@media only screen and (max-width: 480px) {
.new-isuzu-category-models .new-isuzu-category-model {
	width: 100%;
	margin: 10px auto;
	float: none
}
}
.new-isuzu-category-models .new-isuzu-category-model a {
	color: #333;
	display: block;
	width: 100%;
	float: left;
	clear: both;
	background: #fff;
	padding: 10px;
	border: 0
}
.new-isuzu-category-models .new-isuzu-category-model a img {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
.new-isuzu-category-models .new-isuzu-category-model a:hover, .new-isuzu-category-models .new-isuzu-category-model a:active, .new-isuzu-category-models .new-isuzu-category-model a:focus {
	text-decoration: none
}
.new-isuzu-category-models .new-isuzu-category-model a:hover img, .new-isuzu-category-models .new-isuzu-category-model a:active img, .new-isuzu-category-models .new-isuzu-category-model a:focus img {
	opacity: 0.7
}
.new-isuzu-category-models .new-isuzu-category-model .title {
	margin: 10px 0 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase
}
.new-isuzu-category-models .new-isuzu-category-model .price {
	margin: 0;
	color: #111;
	font-size: 24px;
	font-weight: bold;
	color: #ed1d23
}
.service-boxes-outer-container {
	background: #ECECEC;
	padding: 40px 0 20px;
	margin: 30px 0
}
.service-boxes .service-box {
	background: #fff;
	float: left;
	width: 100%;
	color: #4E4E4E;
	position: relative;
	margin-bottom: 20px;
	display: flex;
	align-items: center
}
.service-boxes .service-box:after {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background: #0397ce;
	color: #fff;
	content: "\e92d";
	font-family: 'awfont';
	padding: 5px 0;
	text-align: center;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
.service-boxes .service-box:hover:after {
	background: #444
}
.service-boxes .service-box .service-box-image {
	float: left;
	width: 50%;
	max-width: 233px;
	padding: 15px
}
.service-boxes .service-box .inner {
	padding: 15px;
	float: left;
	width: 50%;
	position: relative
}
.service-boxes .service-box .title {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase
}

@media only screen and (max-width: 1200px) {
.service-boxes .service-box .title {
	font-size: 24px;
	line-height: 24px
}
}
.service-boxes .service-box .subTitle {
	font-size: 16px;
	line-height: 20px;
	color: #0397ce;
	font-weight: bold;
	text-transform: uppercase
}
.service-boxes .service-box .description {
	margin-top: 15px
}
.home-reviews {
	background: #fff;
	padding: 20px
}
.home-reviews .btn-icon, .home-reviews #fixed-header .fixed-links a, #fixed-header .fixed-links .home-reviews a, .home-reviews .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .home-reviews button, .home-reviews .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .home-reviews .view-all-stock, .home-reviews .full-search .form span button, .full-search .form span .home-reviews button, .home-reviews .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .home-reviews button {
	width: 100%;
	text-align: center
}
.home-reviews .title {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase
}

@media only screen and (max-width: 1200px) {
.home-reviews .title {
	font-size: 24px;
	line-height: 24px
}
}
.cars-of-week .title {
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	margin: 35px 0 15px
}

@media only screen and (max-width: 480px) {
.cars-of-week .title {
	font-size: 24px
}
}
.cars-of-week .multiple {
	float: left;
	width: 25%;
	padding: 0 10px
}

@media only screen and (max-width: 767px) {
.cars-of-week .multiple {
	display: none;
	width: 100%
}
.cars-of-week .multiple:nth-child(1) {
	display: block
}
}
.cars-of-week .multiple .border {
	float: left;
	clear: both;
	height: auto;
	width: 100%;
	border: 1px solid #e1e1e1
}
.cars-of-week .sub-title {
	font-size: 16px;
	color: #4E4E4E;
	font-weight: normal;
	height: 45px;
	overflow: hidden
}
.cars-of-week .btn-icon, .cars-of-week #fixed-header .fixed-links a, #fixed-header .fixed-links .cars-of-week a, .cars-of-week .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .cars-of-week button, .cars-of-week .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .cars-of-week .view-all-stock, .cars-of-week .full-search .form span button, .full-search .form span .cars-of-week button, .cars-of-week .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .cars-of-week button {
	max-width: 200px;
	width: 100%;
	margin: 0 auto
}
.cars-of-week .price {
	font-size: 24px;
	color: #333
}
.isuzu-service-container {
	background: url(/static/images/unity/imgroup/isuzu-service-back.jpg) top right no-repeat;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 200px;
	padding-bottom: 50px
}

@media only screen and (max-width: 991px) {
.isuzu-service-container {
	background: none;
	padding: 0
}
}
.isuzu-service-container .service-boxes {
	margin-bottom: 20px
}

@media only screen and (max-width: 991px) {
.isuzu-service-container .service-boxes {
	margin: 0
}
}
.isuzu-service-container .service-message {
	text-align: right;
	float: right;
	width: 60%;
	font-size: 40px;
	line-height: 44px;
	font-weight: bold;
	color: #fff
}

@media only screen and (max-width: 991px) {
.isuzu-service-container .service-message {
	display: none
}
}
.isuzu-service-container .service-box {
	display: block;
	width: 100%;
	padding: 60px 0 0;
	height: 230px;
	text-align: center;
	color: #fff;
	font-size: 35px;
	font-weight: bold;
	background: url(/static/images/unity/imgroup/isuzu-home-service_03.jpg) no-repeat center center;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
.isuzu-service-container .service-box:after {
	display: none
}
.isuzu-service-container .service-box.service-box-book-service {
	background-image: url(/static/images/unity/imgroup/isuzu-home-service_05.jpg)
}
.isuzu-service-container .service-box.service-box-book-tyres {
	background-image: url(/static/images/unity/imgroup/isuzu-home-service_09.jpg)
}
.isuzu-service-container .service-box.service-box-book-parts {
	background-image: url(/static/images/unity/imgroup/isuzu-home-service_10.jpg)
}
.isuzu-service-container .service-box:hover {
	text-decoration: none;
	opacity: 0.8
}

@media only screen and (max-width: 991px) {
.isuzu-service-container .service-box {
	background-size: cover;
	padding: 25px 0;
	height: auto;
	margin: 0 0 2px 0
}
.isuzu-service-container .service-box img {
	display: none
}
}
.home-video-container {
	padding: 0 0 25px 0;
	margin: 0 auto
}

@media only screen and (max-width: 480px) {
.home-video-container {
	display: none
}
}
.video-box {
	position: relative;
	padding-bottom: 36.25%;
	padding-top: 25px;
	height: 0
}
.video-box iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.social-boxes-container {
	padding: 40px 0;
	background: #ECECEC
}

@media only screen and (max-width: 480px) {
.social-boxes-container {
	display: none
}
}
.social-boxes-container .social-container {
	background: #fff;
	padding: 15px;
	position: relative;
	overflow: hidden
}
.social-boxes-container .social-container .btn-icon, .social-boxes-container .social-container #fixed-header .fixed-links a, #fixed-header .fixed-links .social-boxes-container .social-container a, .social-boxes-container .social-container .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .social-boxes-container .social-container button, .social-boxes-container .social-container .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .social-boxes-container .social-container .view-all-stock, .social-boxes-container .social-container .full-search .form span button, .full-search .form span .social-boxes-container .social-container button, .social-boxes-container .social-container .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .social-boxes-container .social-container button {
	width: 100%;
	text-align: center
}
.social-boxes-container .social-header-logo {
	position: absolute;
	top: -12px;
	left: 15px
}
.social-boxes-container .social-header-title {
	margin: 10px 0 20px;
	padding-left: 70px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold
}
.social-boxes-container .social-iframe-container .fb_iframe_widget_fluid span {
	width: 100% !important;
	height: 360px !important
}
.social-boxes-container .social-iframe-container .timeline-Footer {
	display: none
}
.social-boxes-container .social-iframe-container iframe {
	width: 100% !important;
	height: 360px !important
}
.social-boxes-container #twitter-widget-0 {
	max-height: 400px
}
.social-boxes-container .news-listings-home {
	height: 325px;
	width: 100%
}
.social-boxes-container .news-listings-home .news-listing-home {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px
}
.social-boxes-container .news-listings-home .title {
	font-size: 16px;
	font-weight: bold;
	height: 70px;
	text-overflow: ellipsis;
	overflow: hidden
}
.social-boxes-container .news-listings-home .read-more {
	font-size: 16px;
	font-weight: bold
}
.social-boxes-container .news-listings-home-noheight {
	height: auto
}
.social-boxes-container .news-social-container {
	position: relative
}
.home-page-welcome {
	text-align: justify;
	padding-top: 30px;
	padding-bottom: 30px
}
.home-page-welcome .home-page-welcome {
	padding: 0 0 30px
}

@media only screen and (max-width: 1200px) {
.home-page-welcome {
	padding: 20px 10px
}
}
.home-page-welcome .homepage-towns .town:before {
	content: ', '
}
.home-page-welcome .homepage-towns .town:last-child:before {
	content: ' & '
}
.home-page-welcome .homepage-towns .town:first-child:before {
	content: ''
}
.aftersales-box .inner {
	padding: 20px
}
.aftersales-box h4 {
	font-weight: bold;
	font-size: 24px;
	text-transform: uppercase
}
.aftersales-box .btn-icon, .aftersales-box #fixed-header .fixed-links a, #fixed-header .fixed-links .aftersales-box a, .aftersales-box .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .aftersales-box button, .aftersales-box .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .aftersales-box .view-all-stock, .aftersales-box .full-search .form span button, .full-search .form span .aftersales-box button, .aftersales-box .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .aftersales-box button {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px
}
.home-main-offer {
	position: relative
}
.home-main-offer>.container-fluid {
	position: relative
}
.home-main-offer-title {
	float: left;
	font-size: 2.5em;
	line-height: 1.1em;
	color: #fff;
	position: absolute;
	top: 30%;
	right: 10%;
	z-index: 10;
	text-align: right;
	max-width: 402px
}

@media only screen and (max-width: 991px) {
.home-main-offer-title {
	position: relative;
	background: #444;
	width: 100%;
	float: left;
	max-width: 100%;
	right: 0;
	text-align: center;
	padding: 15px
}
}
.home-main-offer-title .line-1 {
	font-size: 18px;
	line-height: 18px;
	margin: 0
}

@media only screen and (max-width: 991px) {
.home-main-offer-title .line-1 {
	font-size: 16px;
	line-height: 16px
}
}
.home-main-offer-title .line-2 {
	font-size: 50px;
	line-height: 50px;
	font-weight: bold
}

@media only screen and (max-width: 991px) {
.home-main-offer-title .line-2 {
	font-size: 32px;
	line-height: 32px
}
}
.home-main-offer-title a {
	line-height: 20px;
	font-size: 20px
}
.social-iframe-container.instagram-feed {
	display: block;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 360px
}
.social-header-sub-title {
	font-size: 24px;
	padding: 10px 0;
	border-bottom: 1px solid lightgrey
}
.social-header-sub-title span {
	font-size: 14px;
	color: grey
}
.social-header-sub-title a {
	font-size: 14px;
	text-decoration: none
}
.instagram-post-header {
	width: 15%;
	float: left
}
.instagram-post-header img {
	width: 50%
}
.instagram-post-header p {
	font-size: 12px;
	line-height: 14px
}
.instagram-post-main {
	width: 85%;
	float: left;
	padding: 5px
}
.instagram-post-main a {
	color: #000000
}
.instagram-post-main a:hover {
	color: #000000;
	text-decoration: none
}
.instagram-post-main img {
	width: 100%
}
.instagram-post-main .social img {
	width: 25px;
	margin: 5px 5px 5px 0
}
.instagram-post-main .social sub {
	margin-right: 5px
}
.instagram-post-main p {
	font-size: 14px;
	line-height: 18px;
	padding: 5px 0;
	border-bottom: 1px solid lightgrey;
	margin: 0
}
.flex {
	display: flex;
	flex-wrap: wrap
}
#wrapper footer {
	border-bottom: 20px solid #0397ce;
	float: left;
	width: 100%;
	font-size: 16px;
	clear: both
}
#wrapper .footer-top {
	margin-top: 20px;
	background: #eee;
	color: #4E4E4E;
	float: left;
	width: 100%;
	clear: both;
	padding: 20px 0
}

@media only screen and (max-width: 991px) {
#wrapper .footer-top {
	display: none
}
}
#wrapper .footer-top .footer-top-col {
	float: left;
	width: 20%;
	border-right: 1px solid #fff;
	padding: 15px
}
#wrapper .footer-top .footer-top-col:first-child {
	border-left: 1px solid #fff
}
#wrapper .footer-top .footer-top-col a {
	display: block;
	color: #4E4E4E
}
#wrapper .footer-top .footer-top-col a:hover {
	text-decoration: none;
	opacity: 0.8
}
#wrapper .footer-top .footer-top-col .title {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase
}
#wrapper .footer-bottom {
	text-align: center;
	background: #fff;
	color: #4E4E4E;
	float: left;
	width: 100%;
	clear: both;
	padding: 20px 0
}
#wrapper a.header-social-link {
	margin-right: 2px
}
h1 {
	text-transform: uppercase;
	margin-top: 0;
	line-height: 28px
}
h1 .xl-title {
	font-size: 60px;
	line-height: 60px
}

@media only screen and (max-width: 1080px) {
h1 .xl-title {
	font-size: 30px;
	line-height: 30px
}
}
h2, .display-h2 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.5em;
	margin-bottom: 0.5em;
	line-height: 1.1
}

@media only screen and (min-width: 992px) {
h2, .display-h2 {
	font-size: 2.625em
}
}
h3, .display-h3 {
	font-weight: 700;
	font-size: 1.5em;
	margin-bottom: 0.75em
}

@media only screen and (min-width: 992px) {
h3, .display-h3 {
	font-size: 1.875em
}
}
h4, .display-h4 {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: 0.2em
}

@media only screen and (min-width: 992px) {
h4, .display-h4 {
	font-size: 1.625em
}
}
.text-subtitle {
	font-size: 1em;
	font-weight: 500;
	margin-bottom: 1em;
	line-height: 1.8
}

@media only screen and (min-width: 992px) {
.text-subtitle {
	font-size: 1.625em;
	font-weight: 300
}
}
.text-lead {
	font-size: 1em;
	margin-bottom: 1.35em;
	line-height: 1.4
}

@media only screen and (min-width: 992px) {
.text-lead {
	font-size: 1.125em
}
}
.text-caption {
	font-size: 0.6875em;
	margin: 0
}

@media only screen and (max-width: 991px) {
.text-caption {
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 0.5em
}
}
.text-uppercase, .initialism {
	text-transform: uppercase
}
.text-capitalise {
	text-transform: capitalize
}
.text-small {
	font-size: 0.95em
}
p {
	line-height: 1.6
}
small, .small {
	font-size: 13px
}
.footer-bottom .disclosure p {
	width: 50%;
	margin: 0 auto;
	display: block
}
.finance-padding {
	margin-bottom: 20px !important
}
.used-valuation-wrapper {
	display: none
}
.used-valuation-borders {
	border-top: 2px solid #0397ce;
	border-bottom: 2px solid #0397ce
}
.used-valuation-borders .used-valuation-container {
	border-top-style: none;
	margin-top: 0;
	margin-bottom: 5px
}
.used-valuation-borders #buttonsubmit {
	box-shadow: 0 0 1px rgba(0,0,0,0);
	-moz-osx-font-smoothing: grayscale;
	backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	animation-name: wiggle;
	-o-animation-name: wiggle;
	-ms-animation-name: wiggle;
	-moz-animation-name: wiggle;
	-webkit-animation-name: wiggle;
	animation-duration: 5s;
	-o-animation-duration: 5s;
	-ms-animation-duration: 5s;
	-moz-animation-duration: 5s;
	-webkit-animation-duration: 5s;
	animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-play-state: running;
	-o-animation-play-state: running;
	-ms-animation-play-state: running;
	-moz-animation-play-state: running;
	-webkit-animation-play-state: running
}
.tab-content {
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	color: currentColor
}
.tab-content .tab-pane {
	display: none;
	animation: fadeIn 2s;
	padding: 15px
}
.tab-content .tab-pane.active {
	display: block
}
.tab-content .tab-pane .scroll-x {
	overflow-x: auto;
	display: inline-block;
	max-width: 100%;
	overflow: auto;
	padding: 15px 0;
	height: max-content
}
.tab-content .tab-pane .no-wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center
}
.tab-content .tab-pane .no-wrap .tab-model-item {
	flex: 0 0 auto;
	max-width: 80vw
}
.nav-tabs {
	justify-content: center;
	display: flex;
	flex-wrap: nowrap
}
.nav-tabs li {
	flex-basis: 10em;
	border: 1px solid #ccc;
	margin-bottom: -1px;
	background-color: #999;
	white-space: nowrap;
	text-align: center;
	margin-right: 3px
}
.nav-tabs li a {
	border: none !important;
	border-radius: 0;
	color: #fff;
	margin: 0
}
.nav-tabs li a:hover, .nav-tabs li a:focus {
	border: none;
	background-color: #0397ce
}

@media only screen and (max-width: 767px) {
.nav-tabs li {
	margin-right: -1px
}
.nav-tabs li a {
	font-size: .8em;
	padding: 1em 5px
}
}

@media only screen and (max-width: 479px) {
.nav-tabs li {
	overflow: hidden
}
.nav-tabs li a {
	font-size: .6875em;
	padding: 1em 5px;
	overflow: hidden;
	text-overflow: ellipsis
}
}
.nav-tabs li.active {
	background-color: #fff;
	border-bottom-color: transparent;
	font-weight: 500;
	overflow: unset
}
.nav-tabs li.active a {
	background: transparent;
	color: #0397ce
}
.tab-content {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	margin-bottom: 30px
}
.dark-bg {
	background-color: #252525;
	background: linear-gradient(180deg, #393939, #222);
	color: #fff;
	font-weight: 300
}
.dark-bg .nav-tabs li {
	border: 1px solid #707070;
	background-color: #212121
}
.dark-bg .nav-tabs li a {
	color: #fff
}
.dark-bg .nav-tabs li a:hover, .dark-bg .nav-tabs li a:focus {
	background-color: #000
}
.dark-bg .nav-tabs li.active {
	background-color: #403f3f;
	border-bottom: 0
}
.dark-bg .nav-tabs li.active a {
	color: #fff
}
.dark-bg .tab-content {
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	background-color: #403f3f;
	margin-bottom: 30px
}
.dark-form input, .dark-form select, .dark-form textarea {
	background-color: #222;
	color: #eee;
	border-color: #555
}
.mCSB_scrollTools_horizontal {
	margin: 0 30px
}
.section-pad {
	padding-top: 30px;
	padding-bottom: 30px
}
.md-pad, .column-pad {
	padding: 30px
}
.no-padding {
	padding: 0 !important
}
.tab-pad {
	padding: 30px 15px
}

@media only screen and (max-width: 991px) {
.col-md-7 .tab-content {
	margin-left: -15px;
	margin-right: -15px
}
}
#faceted-search-new-car .resetFilters {
	display: inline-block;
	text-align: left;
	margin: 1em 0
}
#faceted-search-new-car .resetFilters:hover, #faceted-search-new-car .resetFilters:focus {
	text-decoration: none
}
#faceted-search-new-car .bootstrap-tagsinput.hide-tags {
	display: none
}
#faceted-search-new-car .facetedsearch-input {
	overflow: hidden
}
#faceted-search-new-car .facetedsearch-input-label:after {
	font-family: 'awfont' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e92e';
	top: 10px;
	position: absolute;
	right: 10px
}
#faceted-search-new-car .facetedsearch-input-wrapper.active .facetedsearch-input-label:after {
	content: "\e92f"
}
#page-content-wrapper .fixed-faceted #postcode-label, #page-content-wrapper .fixed-faceted #postcode-element, #page-content-wrapper .fixed-faceted #mileage-slider, #page-content-wrapper .fixed-faceted .mileage-display, #page-content-wrapper .fixed-faceted #features-wrapper, #page-content-wrapper .fixed-faceted #insurancegroup-wrapper, #page-content-wrapper .fixed-faceted #mpg-wrapper, #page-content-wrapper .fixed-faceted #co2Emissions-wrapper, #page-content-wrapper .fixed-faceted #roadTax-wrapper {
	display: none !important;
	margin: 0
}
#page-content-wrapper .fixed-faceted #postcode-label *, #page-content-wrapper .fixed-faceted #postcode-element *, #page-content-wrapper .fixed-faceted #mileage-slider *, #page-content-wrapper .fixed-faceted .mileage-display *, #page-content-wrapper .fixed-faceted #features-wrapper *, #page-content-wrapper .fixed-faceted #insurancegroup-wrapper *, #page-content-wrapper .fixed-faceted #mpg-wrapper *, #page-content-wrapper .fixed-faceted #co2Emissions-wrapper *, #page-content-wrapper .fixed-faceted #roadTax-wrapper * {
	display: none !important
}
#facetedsearch-form #postcode {
	display: none
}
#facetedsearch-form div>div>div>label>span {
	padding: 1px 0 0px 30px;
	margin-left: 0;
	cursor: pointer;
	font-size: 16px;
	margin-left: 5px
}

@media only screen and (max-width: 991px) {
#facetedsearch-form div>div>div>label>span {
	padding: 2px 0 5px 35px;
	height: 40px
}
}
#facetedsearch-form input[type="checkbox"] {
	display: none
}
#facetedsearch-form input[type="checkbox"]+span {
	background: url("/static/images/unity/imgroup/checkbox-unchecked.png") no-repeat
}
#facetedsearch-form input[type="checkbox"]:checked+span {
	background: url("/static/images/unity/imgroup/checkbox-checked.png") no-repeat
}
#page-content-wrapper .fixed-faceted .noUi-horizontal .noUi-handle, #page-content-wrapper .noUi-horizontal .noUi-handle {
	width: 20px;
	height: 20px;
	background: #0397ce;
	box-shadow: 0 0 0;
	border-radius: 0;
	border: 0;
	top: -5px;
	border: 1px solid #fff
}
#page-content-wrapper .fixed-faceted .noUi-handle:after, #page-content-wrapper .noUi-handle:after, #page-content-wrapper .fixed-faceted .noUi-handle:before, #page-content-wrapper .noUi-handle:before {
	display: none
}
#page-content-wrapper .fixed-faceted .noUi-horizontal, #page-content-wrapper .noUi-horizontal {
	height: 10px
}
#page-content-wrapper .fixed-faceted .noUi-base {
	background: #eee;
	border: 0
}
#page-content-wrapper .fixed-faceted .slider-wrapper {
	margin-top: 0
}
.carstock .faceted-toggle {
	overflow: hidden;
	width: 100%;
	text-align: center;
	display: none
}

@media only screen and (max-width: 991px) {
.faceted-toggle {
	display: block
}
}

@media only screen and (max-width: 991px) {
.hidden-phone {
	display: none
}
}
@keyframes bounce {
0% {
transform:translateY(0)
}
5% {
transform:translateY(15%)
}
15% {
transform:translateY(-15%)
}
25% {
transform:translateY(15%)
}
35% {
transform:translateY(-15%)
}
45% {
transform:translateY(0)
}
100% {
transform:translateY(0)
}
}
@keyframes hoverUp {
0% {
transform:translateY(0)
}
49% {
opacity:1
}
50% {
transform:translateY(-200%);
opacity:0;
color:#4E4E4E
}
51% {
transform:translateY(200%);
opacity:1;
color:#0397ce
}
100% {
transform:translateY(0);
color:#0397ce
}
}
.carstock .vehicle footer {
	padding-bottom: 30px
}
.new-vehicle-cta-container {
	text-align: center;
	margin: 0 0 10px;
	padding-top: 4px;
	font-size: 1em;
	font-weight: bold;
	background: #fff;
	z-index: 10
}
.new-vehicle-cta-container .new-vehicle-cta {
	background: #0397ce;
	padding: 15px;
	display: inline-block;
	color: #4E4E4E;
	line-height: 1.5em;
	margin: 0 0.13%;
	width: 24.7%;
	overflow: hidden;
	border-bottom: 5px solid #22c1fc;
	border-radius: 2px
}
.new-vehicle-cta-container .new-vehicle-cta:hover {
	text-decoration: none;
	background: #dbdbdb;
	border-bottom: 5px solid #fff
}
.new-vehicle-cta-container .new-vehicle-cta:hover span.awicon {
	animation: hoverUp 0.5s forwards
}
.new-vehicle-cta-container .new-vehicle-cta:focus {
	outline: none
}
.new-vehicle-cta-container.affix {
	top: 60px
}
.new-vehicle-cta-container span {
	transition: 0.2s;
	display: inline-block
}
.new-vehicle-cta-container span.awicon {
	font-size: 1.5em;
	margin-right: 10px;
	vertical-align: top
}
.cta-container-trigger {
	top: 0;
	left: 0;
	background: #0397ce;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 20px;
	display: none;
	width: 100%;
	z-index: 11;
	cursor: pointer;
	height: 40px
}
.cta-container-trigger:hover {
	background: #02729c
}

@media only screen and (max-width: 479px) {
.cta-container-trigger {
	display: block
}
.cta-container-trigger .icon {
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out;
	vertical-align: middle;
	font-size: 0.8em;
	display: inline-block
}
.cta-container-trigger.toggled {
	background: #403f3f
}
.cta-container-trigger.toggled .icon {
	transform: rotate(180deg)
}
.cta-container-trigger .hidey {
	display: none
}
.cta-container-trigger .awicon {
	font-size: 15px
}
.cta-container-trigger .awicon-chevron-arrow-up {
	animation: bounce 2.5s infinite
}
.new-vehicle-cta-container {
	margin: 0;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	position: fixed;
	bottom: -500px;
	width: 100%;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s
}
.new-vehicle-cta-container .new-vehicle-cta {
	margin: 5px 0;
	width: 100%
}
.new-vehicle-cta-container.affix {
	top: auto
}
.new-vehicle-cta-container.toggled {
	bottom: 0
}
}
.newcar-offer .vehicle-ctas {
	width: 100%
}
.newcar-offer .vehicle-contact {
	padding: 20px 0
}
#usedEnquiryModal, #enquiryModal {
	color: #4E4E4E
}
#usedEnquiryModal .modal-header, #enquiryModal .modal-header {
	background: #ddd;
	border-top: 5px solid #eee
}
#usedEnquiryModal .modal-header h3, #enquiryModal .modal-header h3 {
	color: #4E4E4E
}
#usedEnquiryModal .close, #enquiryModal .close {
	color: #333;
	opacity: 0.5;
	font-size: 28px
}
#usedEnquiryModal .callback .modal-header, #enquiryModal .callback .modal-header {
	background: #0397ce;
	border-color: #0397ce
}
#usedEnquiryModal .callback .make-booking-green, #enquiryModal .callback .make-booking-green {
	background: #0397ce
}
#usedEnquiryModal .text .modal-header, #enquiryModal .text .modal-header {
	background: #0397ce;
	border-color: #0397ce
}
#usedEnquiryModal .text .make-booking-green, #enquiryModal .text .make-booking-green {
	background: #0397ce
}
#usedEnquiryModal .email .modal-header, #enquiryModal .email .modal-header {
	background: #0397ce;
	border-color: #02729c
}
#usedEnquiryModal .email .make-booking-green, #enquiryModal .email .make-booking-green {
	background: #0397ce
}
#usedEnquiryModal .drive .modal-header, #enquiryModal .drive .modal-header {
	background: #0397ce;
	border-color: #0397ce
}
#usedEnquiryModal .drive .make-booking-green, #enquiryModal .drive .make-booking-green {
	background: #0397ce
}
#usedEnquiryModal .part-ex .modal-header, #enquiryModal .part-ex .modal-header {
	background: #0397ce;
	border-color: #0397ce
}
#usedEnquiryModal .part-ex .make-booking-green, #enquiryModal .part-ex .make-booking-green {
	background: #0397ce
}
#usedEnquiryModal input, #enquiryModal input {
	background: #eee
}
#usedEnquiryModal .enquiry-form textarea, #enquiryModal .enquiry-form textarea {
	background: #eee
}
.enquiryCheckbox textarea {
	background: #eee
}
.make-booking-blue {
	background: #4c9ed9;
	color: #fff
}
.make-booking-green {
	background: #009778;
	color: #fff
}
.fix-errors {
	background-color: #dc4743;
	color: white
}
.overview .row:nth-child(odd) {
	background: #ccc
}
#enquiryModal .errors, #enquiryModal .hint, #enquiryModal .validationhint {
	color: red
}
.pagination ul .active a, .pagination ul .active span {
	background: #0397ce;
	color: #4E4E4E
}
.pagination ul li a {
	background: #444;
	border-color: #4E4E4E;
	color: #4E4E4E
}
.pagination ul li a:hover, .pagination ul li a:focus {
	background: #0397ce;
	color: #4E4E4E
}
.pagination ul li span {
	background: #0397ce;
	border-color: #4E4E4E;
	color: #4E4E4E
}
.pagination ul li:first-child a, .pagination ul li:first-child span {
	background: #0397ce;
	color: #4E4E4E
}
.pagination ul span {
	background: #000;
	border-color: #4E4E4E;
	color: #4E4E4E
}
.showroom-search {
	background: #0397ce
}
.showroom-search h4 {
	color: #4E4E4E
}
.showroom-search #submit {
	background: #0397ce
}
.budget-search {
	background: url(/static/images/unity/default/budget.png) center left 10px no-repeat #0397ce;
	color: #4E4E4E
}
.budget-search:hover {
	background: url(/static/images/unity/default/budget.png) center left 10px no-repeat #444
}
.codeweavers-search {
	background: #444
}
.codeweavers-search h4 {
	color: #4E4E4E
}
.codeweavers-search label {
	color: #4E4E4E
}
.codeweavers-search #submitQoute {
	background: #0397ce
}
.codeweavers-search2 {
	background: #444
}
.codeweavers-search2 h4 {
	color: #4E4E4E
}
.codeweavers-search2 label {
	color: #4E4E4E
}
.codeweavers-search2 #submitQoute {
	background: #444
}
.rep-title {
	color: #4E4E4E
}
.vehicle-finance-representative {
	background: #444
}
.rep-box {
	background: #444;
	color: #4E4E4E
}
.rep-box span {
	color: #ddd
}
.rep-smallprint {
	color: #ccc
}
.define-new-class {
	color: #4E4E4E
}
.vehicle-name a {
	color: #4E4E4E;
	font-family: "DIN", sans-serif
}
.vehicle-finance-only {
	color: #4E4E4E;
	font-size: 16px
}
.vehicle-finance-only strong {
	color: #0397ce
}
.vehicle-finance-only .fromOnlyPrice {
	color: #0397ce
}
.finance-apply {
	width: 100%;
	background: #444;
	border-color: #444;
	padding: 15px 5px
}
.ivendi-q3-container {
	padding-top: 20px
}
.insurance-link-container {
	display: none
}
#page-content-wrapper .vehicle-info.finance .finance-tab .box h4 {
	line-height: 24px
}
#page-content-wrapper .top-finance-search {
	padding: 10px 20px 20px;
	background: #eee
}
#page-content-wrapper .finance-values .button-finance {
	background: #0397ce
}
.proven-details {
	position: absolute;
	top: 0;
	z-index: 9;
	right: 0;
	max-width: 280px
}

@media only screen and (max-width: 767px) {
.proven-details {
	width: 50%;
	max-width: 50%
}
}

@media only screen and (max-width: 479px) {
.proven-details {
	width: 100%;
	max-width: 100%;
	position: relative
}
}
.proven-listing {
	position: absolute;
	bottom: 0;
	right: 20px;
	max-width: 220px
}

@media only screen and (max-width: 1100px) {
.proven-listing {
	position: relative;
	width: 100%;
	max-width: 100%;
	right: 0
}
}
.result .vehicle-image .awicon {
	color: #fff
}
.result .promotion {
	color: #0397ce
}

@media only screen and (max-width: 580px) {
.result .vehicle-image {
	background: #444
}
}
.result-price .Price strong {
	color: #0397ce
}
.result-price .saving {
	color: #ff0000
}
.result-tel {
	color: #0397ce
}
.result-finance-link a {
	color: #27b25b
}
.vehicle-finance table th {
	border-color: #4E4E4E;
	background: #444;
	color: #4E4E4E
}
.vehicle-finance table td {
	border-color: #4E4E4E;
	background: #fff
}
.photo-number {
	background: #0397ce;
	color: #fff
}

@media only screen and (max-width: 1100px) {
.photo-number {
	display: none
}
}
.video-number {
	background: #0397ce;
	color: #4E4E4E
}

@media only screen and (max-width: 1100px) {
.video-number {
	display: none
}
}
.vehicle-details-buttons button.btn.btn-primary:only-of-type {
	display: none
}
.btn-primary {
	background: #0397ce
}
.btn-primary .details-button a {
	background: #0397ce
}
.btn-primary:hover {
	background: #444
}
.btn-primary:focus {
	background: #444
}
.btn-primary a:hover {
	background: #444
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary, .btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
	background: #444
}

@media only screen and (max-width: 767px) {
.enquiry-buttons .enquiry-button a.btn-primary {
	background: #444
}
}
.enquiry-buttons .finance-button a.btn-primary {
	background: #27b25b
}
div .tab {
	background: #ccc
}
#page-content-wrapper .vehicle-finance table {
	margin-bottom: 0
}
#page-content-wrapper .vehicle-finance table th {
	border-color: #fff;
	background: #ececec;
	color: #4E4E4E
}
#page-content-wrapper .vehicle-finance table td {
	border-color: #fff;
	background: #f4f4f4
}
.fixed-faceted #facetedsearch-form .resetFilters {
	background: #0397ce;
	color: #fff
}
.fixed-faceted #facetedsearch-form .resetFilters:hover {
	background: #02729c;
	text-decoration: none
}
.fixed-faceted #facetedsearch-form .tag.label:hover {
	background: #2390b0
}
.fixed-faceted #facetedsearch-form div>div>div>label {
	width: 100%
}
.fixed-faceted #facetedsearch-form div>div>div>label>span>span {
	color: #0397ce
}
.fixed-faceted .noUi-base {
	background: #878787;
	background: -moz-linear-gradient(top, #878787 0%, #000 100%);
	background: -webkit-linear-gradient(top, #878787 0%, #000 100%);
	background: linear-gradient(to bottom, #878787 0%, #000 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#000000', GradientType=0 )
}
.fixed-faceted .noUi-handle {
	background: #0397ce;
	border: 7px solid #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.5)
}
#search-faceted a {
	background: #0397ce;
	color: #4E4E4E
}
#page-content-wrapper .fixed-faceted #facetedsearch-form .facetedsearch-input-wrapper:hover .facetedsearch-input-label {
	padding-left: 15px
}
#pricemin-wrapper {
	float: left;
	width: 50%
}
.price-dropdown-wrapper {
	background: #fff;
	border-top: 1px solid #ddd;
	padding: 15px 10px
}
.facetedsearch-input-wrapper {
	background: #fff
}
.facetedsearch-input-wrapper .awicon.awicon-chevron-arrow-up {
	color: #4E4E4E
}
#facetedsearch-form #postcode {
	border: 1px solid #ddd
}
#facetedsearch-form #postcode.error {
	border: 2px solid #ff0000
}
#facetedsearch-form .postcodeError {
	color: #ff0000
}

@media only screen and (max-width: 991px) {
.faceted-container>.col-sm-3 {
	background: #fff
}
}
del {
	font-size: 24px
}

@media only screen and (max-width: 991px) {
del {
	font-size: 20px
}
}
option[value="distance"] {
	display: none
}
.fixed-faceted #facetedsearch-form .facetedsearch-input-wrapper .facetedsearch-input-label:after {
	color: #0397ce
}
.search-no-results, .im-no-search-results, #showroom-search-results .resetFilters {
	display: none
}
.diesel-landing-text {
	margin: 20px 0
}
.vehicle-info li {
	background: #ccc
}
.vehicle-info .icon {
	color: #ccc;
	background: #eee
}
.details-button a {
	color: #fff;
	background: #0397ce;
	transition: .2s
}
.btn-primary:hover {
	background: #444
}
.btn-primary:focus {
	background: #444
}
.details-button a:hover {
	background: #444
}
.modal-dialog {
	box-shadow: 0 3px 7px rgba(0,0,0,0.3)
}
.details-title h3 {
	margin: 10px 0
}

@media only screen and (max-width: 767px) {
#page-content-wrapper .details-spec.col-xs-6 {
	padding-left: 0 !important;
	padding-right: 0 !important
}
}
.jcarousel-wrapper.new-car-slider .jcarousel-prev, .jcarousel-wrapper.new-car-slider .jcarousel-next {
	color: #fff
}
.details-price {
	color: #0397ce
}
.details-price .was {
	color: #363636
}
.details-price .saving {
	color: #ff0000
}
.details-title .vehicle-finance-only, .details-title .fromOnly {
	color: #4E4E4E
}
.tax {
	display: none
}
.vehicle-details-list .panel-heading {
	background: #eee;
	color: #fff
}
.vehicle-details-list .panel-heading h4 {
	color: #fff
}
.vehicle-details-list .panel-heading:hover {
	background: #0397ce
}
.vehicle-details-list .panel-body {
	background: #fff
}
.vehicle-spec-list li {
	background: rgba(0,0,0,0.15)
}
.vehicle-details-wrapper {
	background: #ccc
}
.vehicle-details-wrapper .vehicle-details-buttons .awicon {
	color: #4E4E4E
}
.vehicle-details-wrapper .vehicle-details-buttons .btn {
	background: #444
}
.vehicle-details-wrapper .vehicle-details-buttons .btn:hover, .vehicle-details-wrapper .vehicle-details-buttons .btn:focus {
	background: #0397ce
}
.vehicle-details-wrapper .vehicle-details-buttons .btn.active {
	background: #0397ce
}
.details-button-link {
	color: #fff
}
.details-buttons a:hover, .details-buttons a:focus {
	color: #fff
}

@media only screen and (max-width: 767px) {
.details-buttons {
	background: #fff
}
}
#vehicleModal.modal .awicon {
	color: #fff;
	background: #444
}
.new-car-slider .item .awicon {
	color: #fff;
	background: #444
}
.vehicle-promotion {
	color: #0397ce
}

@media only screen and (min-width: 768px) {
.vehicle-contact .details-location {
	border-right: 1px solid #ccc
}
}
.il-tech-box {
	background: #ccc
}
.il-tech-box .il-icon {
	background: #fff;
	color: #0397ce
}
.il-tech-box .il-icon .awicon {
	box-shadow: 0 0 5px #ddd
}
.il-tech-three-col li {
	background: rgba(255,255,255,0.5)
}
.il-tech-three-col .il-icon .awicon {
	box-shadow: 0 0 5px #ddd
}
.il-tech.performance li {
	background: rgba(255,255,255,0.5)
}
.il-tech.emissions .il-co2-value .bandtextA {
	background: #5dcc4e
}
.il-tech.emissions .il-co2-value .bandtextB {
	background: #abd846
}
.il-tech.emissions .il-co2-value .bandtextD {
	background: #d3e749
}
.il-tech.emissions .il-co2-value .bandtextF {
	background: #fcec19
}
.il-tech.emissions .il-co2-value .bandtextH {
	background: #fccf19
}
.il-tech.emissions .il-co2-value .bandtextJ {
	background: #fca919
}
.il-tech.emissions .il-co2-value .bandtextL {
	background: #ff470f
}
.il-tech.emissions .co2-band .band {
	color: #fff
}
.il-tech.emissions .co2-band .a {
	background: #5dcc4e
}
.il-tech.emissions .co2-band .b {
	background: #abd846
}
.il-tech.emissions .co2-band .d {
	background: #d3e749
}
.il-tech.emissions .co2-band .f {
	background: #fcec19
}
.il-tech.emissions .co2-band .h {
	background: #fccf19
}
.il-tech.emissions .co2-band .j {
	background: #fca919
}
.il-tech.emissions .co2-band .l {
	background: #ff470f
}

@media (max-width: 767px) {
.il-tech-box {
	background: #fff
}
.il-tech.performance li, .il-tech-three-col li {
	background: #ccc
}
}

@media (max-width: 736px) and (max-height: 414px) {
#vehicleModal.modal .carousel-inner {
	background: #fff
}
}

@media (max-width: 414px) and (max-height: 736px) {
#vehicleModal.modal .carousel-inner {
	background: #fff
}
}
.details-tab-content {
	background: #fff;
	padding: 20px;
	margin-bottom: 15px
}
.details-price {
	color: #0397ce
}
.vehicle-contact .col-sm-6 {
	background: #fff
}
.nav-tabs {
	border: 0
}
.nav-tabs.details-ul li {
	margin-bottom: 0
}
.nav-tabs.details-ul li a {
	border-radius: 0;
	margin: 0;
	background: #e2e2e2;
	color: #333;
	border: 1px solid #0397ce;
	margin-top: 3px
}
.nav-tabs.details-ul li a:hover {
	background: #fff;
	color: #4E4E4E;
	margin: 0;
	border-top: 3px solid #0397ce
}
.nav-tabs.details-ul li.active a {
	margin: 0;
	background: #fff;
	color: #4E4E4E;
	border-top: 3px solid #0397ce;
	margin-top: 0
}
.nav-tabs.details-ul li.active a:hover {
	background: #fff;
	color: #4E4E4E;
	border-top: 3px solid #0397ce;
	margin-top: 0
}
#mediaGallery .carousel-control {
	line-height: 24px
}
#page-content-wrapper .specialFeature .inner {
	line-height: 11px;
	padding-bottom: 18px
}
#page-content-wrapper .specialFeature .inner .awicon {
	top: 13px
}
#page-content-wrapper .vehicle-info.finance .finance-tab .box {
	padding: 0;
	border: 0
}
#page-content-wrapper .vehicle-info.finance .finance-tab .box h4 {
	padding-left: 0
}
#page-content-wrapper .vehicle-info.finance .finance-tab .box .col-sm-12 {
	padding: 0
}
#page-content-wrapper .vehicle-info.finance .finance-tab .box #submitQuoteWidget {
	padding: 5px 0;
	border: 0
}
#page-content-wrapper .vehicle-info.finance .finance-tab .box select, #page-content-wrapper .vehicle-info.finance .finance-tab .box input {
	margin: 4px 0 5px;
	border: 1px solid #ccc
}
#page-content-wrapper .vehicle-info.finance .finance-tab .box .quotebox-label {
	font-size: 14px
}
#page-content-wrapper a.button.button-finance.ivendi-finance-button-cust.col-xs-12 {
	padding: 12px 0;
	margin-bottom: 0
}
.details-ul>li {
	text-align: center;
	font-size: 17px;
	font-weight: bold
}

@media only screen and (max-width: 480px) {
.details-ul>li {
	font-size: 13px
}
}
.finance-tab {
	min-height: 385px
}

@media only screen and (max-width: 480px) {
.finance-tab {
	min-height: 0
}
}
.details-price {
	margin: 20px auto
}
#page-content-wrapper .vehicle_media_counter {
	background: #0397ce
}
#page-content-wrapper .vehicle_images_enlarge {
	background: #252525
}

@media only screen and (max-width: 992px) {
.vehicle-image-thumbs {
	display: none
}
}
.vehicle-image-thumbs img {
	width: 33.333333%;
	float: left
}
.used-valuation-container {
	border-top: 1px solid #eee;
	padding: 3% 0 0;
	margin-top: 3%
}
.used-valuation-container .title {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 2%
}
.used-valuation-container input {
	border: 0;
	float: left;
	width: 32%;
	margin-right: 1%;
	height: 45px;
	text-align: center;
	font-size: 18px
}

@media only screen and (max-width: 480px) {
.used-valuation-container input {
	width: 100%;
	margin: 0 0 10px 0
}
}
.used-valuation-container #vehicleReg {
	height: 45px;
	width: 32%;
	margin-right: 1%;
	font-size: 1.3em
}

@media only screen and (max-width: 480px) {
.used-valuation-container #vehicleReg {
	width: 100%;
	margin: 0 0 10px 0
}
}
.used-valuation-container button {
	width: 33%;
	height: 45px;
	text-align: left
}
.used-valuation-container button>span {
	float: right;
	margin-top: 4px
}

@media only screen and (max-width: 480px) {
.used-valuation-container button {
	width: 100%
}
}

@media only screen and (max-width: 991px) {
.vehicle-contact-container {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 10px
}
}
.vehicle-details-tabs {
	margin-top: 20px
}

@media only screen and (max-width: 480px) {
.hidden-phone {
	display: none
}
}

@media only screen and (max-width: 991px) {
.details-image-container {
	margin-bottom: 15px
}
}
.vehicle-details-tabs #tabs {
	width: 100%;
	overflow: hidden
}
.vehicle-details-tabs ul.tablinks {
	background: #eee;
	border-left: 1px solid #eee;
	height: 65px;
	margin: 0;
	box-shadow: inset 0 5px 0 #fff
}

@media only screen and (max-width: 479px) {
.vehicle-details-tabs ul.tablinks {
	box-shadow: 0 0 0;
	height: 40px
}
}
.vehicle-details-tabs ul.tablinks li {
	width: 25%;
	text-align: center;
	margin-right: 0
}

@media only screen and (max-width: 479px) {
.vehicle-details-tabs ul.tablinks li {
	width: 50%;
	font-size: 12px;
	margin-right: 0;
	border-right: 1px solid #eee
}
}
.vehicle-details-tabs ul.tablinks li a {
	color: #333;
	background: #eee;
	color: #4E4E4E;
	padding: 20px;
	border-right: 1px solid #fff;
	font-size: 18px
}

@media only screen and (min-width: 480px) {
.vehicle-details-tabs ul.tablinks li a {
	box-shadow: inset 0 5px 0 #fff
}
}

@media only screen and (max-width: 479px) {
.vehicle-details-tabs ul.tablinks li a {
	padding: 10px 5px
}
}
.vehicle-details-tabs ul.tablinks li a.active-tab {
	background-color: #fff;
	box-shadow: inset 0 3px 0 #0397ce;
	color: #4E4E4E
}

@media only screen and (max-width: 480px) {
.vehicle-details-tabs ul.tablinks li a {
	font-size: 14px
}
}
.vehicle-details-tabs ul.tablinks li a:hover {
	background-color: #fff;
	box-shadow: inset 0 3px 0 #0397ce;
	color: #4E4E4E
}
.vehicle-details-tabs ul.tablinks .ul-nav {
	position: absolute;
	height: 60px;
	background: #0397ce;
	color: #fff;
	font-weight: bold;
	width: 29px;
	text-align: center;
	font-size: 27px;
	padding: 10px 0
}
.vehicle-details-tabs ul.tablinks .nav-left {
	left: 0
}
.vehicle-details-tabs ul.tablinks .nav-right {
	right: 0
}
.vehicle-details-tabs div.tab {
	background-color: #fff;
	border: 1px solid #eee;
	border-top: 0
}

@media only screen and (min-width: 768px) {
.vehicle-details-tabs div.tab {
	padding: 10px 30px 30px
}
}
.vehicle-details-tabs div h2 {
	font-size: 30px;
	line-height: 36px
}

@media only screen and (max-width: 480px) {
.vehicle-details-tabs div h2 {
	font-size: 20px;
	line-height: 24px
}
}
.vehicle-details-tabs div h3 {
	font-size: 25px;
	line-height: 31px
}

@media only screen and (max-width: 480px) {
.vehicle-details-tabs div h3 {
	font-size: 20px;
	line-height: 24px
}
}
.vehicle-details-tabs div h4 {
	font-size: 20px;
	line-height: 1.3;
	margin: 1em 0 0.3em;
	opacity: 0.5
}
.cta-primary {
	background: #0397ce;
	color: #4E4E4E;
	border: 0;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
.cta-primary:hover {
	background: #444;
	color: #fff
}
.result-cta {
	background: #444
}
.mobile-details-button {
	background: #27b25b;
	color: #fff
}

@media only screen and (max-width: 991px) {
.mobile-details-button a {
	background: #0397ce
}
.mobile-details-button a:hover {
	background: #0397ce
}
.mobile-details-button a:focus {
	background: #0397ce
}
}
.details-buttton {
	background: #0397ce;
	color: #4E4E4E
}
.details-buttton:hover {
	opacity: 0.8
}
.details-buttton .icon {
	fill: #fff
}
.offer-listing {
	background: #ccc
}
.offer-listing .price span {
	color: #0397ce;
	font-family: "DIN", sans-serif
}
li.multiple-models {
	width: 50% !important
}
.news-article {
	background: #eee
}
.news-article h3 a {
	color: #4E4E4E
}
.news-article span {
	color: #333
}
.testimonial-wrap {
	background: #ccc;
	color: #4E4E4E
}
.testimonial-wrap:nth-child(odd) {
	background: #fff
}
.testimonial-wrap .inner h3 {
	color: #0397ce
}
.testimonial-wrap .inner span {
	color: #0397ce
}
.team-box {
	background: #ccc
}
.team-box .inner h4 {
	color: #0397ce
}
#valuation {
	padding-top: 40px
}
#valuation .form {
	background: rgba(238,238,238,0.95);
	margin-bottom: 20px
}
#valuation fieldset>div {
	padding: 20px 40px 10px
}
#valuation button {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #0397ce
}
#valuation button:hover {
	background: #444
}
#valuation #reset-element {
	margin-left: 20px
}
#valuation #valuationbuttonsubmit-element {
	margin-right: 20px
}
.valuation-result {
	padding: 20px;
	background: rgba(238,238,238,0.95);
	margin-bottom: 20px
}
.mot-banner-wrapper {
	position: relative;
	margin-bottom: 15px
}

@media only screen and (max-width: 767px) {
.mot-banner-wrapper {
	margin-bottom: 10px
}
}
.mot-banner-text {
	position: absolute;
	top: 40px;
	right: 25px;
	color: #fff;
	text-align: center;
	width: 29%
}

@media only screen and (max-width: 1130px) {
.mot-banner-text {
	top: 20px
}
}

@media only screen and (max-width: 979px) {
.mot-banner-text {
	right: 14px
}
}

@media only screen and (max-width: 767px) {
.mot-banner-text {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: url(/static/images/mot-page/mot-back.png) center top no-repeat #333;
	padding: 20px;
	box-sizing: border-box
}
}
.mot-banner-text .mot-text span {
	font-size: 100px;
	line-height: 100px
}

@media only screen and (max-width: 1130px) {
.mot-banner-text .mot-text span {
	font-size: 80px;
	line-height: 80px
}
}
.mot-banner-text .finance-text span {
	font-size: 80px
}
.mot-banner-text .mot-text {
	font-size: 18px
}
.mot-banner-text .mot-price {
	font-size: 48px;
	line-height: 58px;
	font-weight: bold
}

@media only screen and (max-width: 979px) {
.mot-banner-text .mot-price {
	font-size: 36px;
	line-height: 42px
}
}
.mot-banner-text dt {
	height: 0
}
.mot-info-column .box {
	background: #eee;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 10px
}
#introPage .button-next {
	background: #0397ce;
	border: 0;
	color: #fff;
	border-radius: 4px;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	font-style: normal;
	margin-top: 20px;
	height: auto;
	padding-right: 20px;
	background-image: url(/static/images/unity/imgroup/right-chevron.png);
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
	text-align: center
}

@media only screen and (max-width: 860px) {
#introPage .button-next {
	margin-top: 10px;
	font-size: 18px;
	padding: 5px
}
}
#returnToMot {
	background: #0397ce;
	border: 0;
	color: #4E4E4E;
	border-radius: 4px;
	padding: 10px;
	width: 80%;
	box-sizing: border-box;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	font-style: normal;
	margin-top: 30px
}
.mot-usp {
	margin-left: 0;
	padding: 0;
	color: #4E4E4E
}
.mot-usp li {
	list-style: none;
	width: 49%;
	padding: 15px;
	background: #eee;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	float: left;
	box-sizing: border-box;
	margin-right: 2%;
	background-position: 20px
}
.mot-usp li::before {
	content: "";
	width: 30px;
	height: 30px;
	background: url(/static/images/unity/default/tick.png) no-repeat top center
}

@media only screen and (max-width: 1130px) {
.mot-usp li {
	font-size: 16px
}
}
.mot-usp li:nth-child(even) {
	margin-right: 0
}
.mot-usp li span {
	font-size: 40px;
	float: left;
	margin-right: 20px;
	color: #0397ce
}
.mot-top-title {
	text-align: center;
	background: #E2E2E2;
	padding: 15px;
	width: 100%;
	margin-bottom: 0;
	box-sizing: border-box
}
.mot-top-title h1 {
	color: #333;
	margin: 0;
	text-transform: none;
	font-size: 28px;
	line-height: 30px;
	font-weight: bold
}
.small-mot-banner {
	text-align: center;
	padding: 20px 10px;
	box-sizing: border-box;
	background: #0397ce;
	color: #fff;
	font-size: 34px;
	line-height: 34px;
	margin-bottom: 20px;
	border-bottom: 4px solid #02729c
}
.small-mot-banner span {
	font-weight: bold
}

@media only screen and (max-width: 767px) {
.small-mot-banner {
	font-size: 20px;
	line-height: 24px
}
}

@media only screen and (max-width: 550px) {
.mot-usp li, #vehicleRegistration div>div, #vehicleRegistration #next-element, #confirmVehicle #goto, #confirmVehicle #next, #yourDetails3 #btnPostCodeLookup, #yourDetails3 #postcode, #yourDetails3 .addressDetails, #confirmDetails .addressDetails {
	width: 100% !important;
	margin-right: 0
}
}
#mot-page-wrap {
	background: url(/static/images/mot-page/mot-back.jpg) top right no-repeat #eee;
	padding: 35px 40px 40px 40px;
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin-bottom: 20px
}
#mot-page-wrap h2 {
	text-align: center;
	font-size: 42px;
	line-height: 48px;
	font-weight: bold;
	margin-top: 0;
	color: #111
}
.mot-usp-box {
	padding: 20px;
	box-sizing: border-box;
	background: #E2E2E2;
	float: left;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
	font-size: 18px;
	line-height: 24px
}
.mot-usp-box p {
	font-size: 18px;
	text-align: left;
	color: #333862
}
.mot-usp-box .inner {
	border: 5px solid #eee;
	padding: 15px;
	box-sizing: border-box
}
.mot-usp-box h4 {
	font-size: 32px;
	line-height: 36px;
	color: #111;
	text-align: left
}
.mot-usp-box h4 span {
	color: #0397ce
}
#vehicleregistration {
	background: url(/static/images/mot-page/mot-reg-plate.png) center left no-repeat;
	width: 100%;
	height: 65px;
	border: 0;
	box-sizing: border-box;
	padding-left: 48px;
	color: #000;
	font-size: 36px;
	text-transform: uppercase;
	line-height: 42px;
	font-family: "Charles Wright", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px
}
#vehicleRegistration .hint, #vehicleRegistration label {
	display: none
}
#vehicleRegistration div>div {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px
}
#vehicleRegistration #next-element {
	float: left;
	width: 32%;
	margin-right: 2%
}
#vehicleRegistration input::-webkit-input-placeholder {
color:#111 !important
}
#vehicleRegistration #next-element #next, #yourDetails3 #btnPostCodeLookup, #confirmDetails #btnPostCodeLookup {
	background: url(/static/images/mot-page/reg-search.png) center right 20px no-repeat #0397ce;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	width: 100%;
	border: 0;
	height: 65px;
	box-sizing: border-box;
	color: #fff;
	border-radius: 4px
}
#mot-page-wrap fieldset>div {
	background: none;
	box-shadow: 0 0 0
}
#confirmVehicle #goto, #confirmVehicle #next {
	font-size: 34px;
	line-height: 48px;
	font-weight: bold;
	width: 30%;
	margin-left: 10%;
	border: 0;
	height: 80px;
	box-sizing: border-box;
	color: #fff;
	border-radius: 4px;
	margin-top: 5px
}
#goto-label {
	display: none
}
#confirmVehicle #goto {
	background: url(/static/images/mot-page/yes.png) center right 10% no-repeat #0397ce;
	float: right;
	clear: both;
	margin-left: 0;
	margin-right: 10%
}

@media only screen and (max-width: 768px) {
#confirmVehicle #goto {
	background: url(/static/images/mot-page/yes.png) center right 5% no-repeat #0397ce
}
}
#confirmVehicle #next {
	background: url(/static/images/mot-page/no.png) center left 10% no-repeat #6B6B6B;
	float: left
}

@media only screen and (max-width: 768px) {
#confirmVehicle #next {
	background: url(/static/images/mot-page/no.png) center left 5% no-repeat #6B6B6B
}
}
#editVehicle div>div {
	width: 23.5%;
	float: left;
	margin-right: 2%;
	margin-top: 15px
}
#editVehicle div>div :nth-child(4n+4) {
	margin-right: 0
}
#editVehicle label {
	display: none
}
#motDate label, #serviceDate label {
	width: 120px;
	float: left;
	font-size: 24px
}
#motDate .amlabel input, #motDate .pmlabel input, #serviceDate .amlabel input, #serviceDate .pmlabel input, #confirmDetails .amlabel input, #confirmDetails .pmlabel input {
	display: none
}
#motDate .amlabel span, #motDate .pmlabel span, #confirmDetails .amlabel span, #confirmDetails .pmlabel span, #serviceDate .amlabel span, #serviceDate .pmlabel span {
	width: 45px;
	height: 45px;
	display: block;
	background: #fff;
	float: left;
	border-radius: 4px;
	border: 1px solid #ccc
}
#motDate .amlabel input:checked+span, #motDate .pmlabel input:checked+span, #serviceDate .amlabel input:checked+span, #serviceDate .pmlabel input:checked+span, #confirmDetails .amlabel input:checked+span, #confirmDetails .pmlabel input:checked+span {
	background: url(/static/images/mot-page/tick.png) center 8px no-repeat #fff
}
#yourDetails1 label, #yourDetails2 label, #yourDetails3 label, #confirmDetails label {
	display: none
}
#yourDetails1 .form div, #yourDetails2 .form div, .datePicker, #confirmDetails .form div:not(.datepicker) {
	width: 32%;
	float: left;
	margin-right: 2%
}
#confirmDetails .form div:nth-of-type(3n) {
	margin-right: 0
}
#motDate .datePicker {
	margin-right: 10%;
	position: relative
}
#serviceDate {
	position: relative
}
#yourDetails3 div>div {
	width: 100%;
	float: left
}
#yourDetails1 input {
	margin-bottom: 20px
}
#yourDetails1 div:nth-child(3n+3), #motDate .form div:nth-child(3n+3), #serviceDate .form div:nth-child(3n+3) {
	margin-right: 0
}
#yourDetails1 #title, #confirmDetails #title {
	background: url(/static/images/mot-page/title.jpg) center left no-repeat #fff
}
#yourDetails1 #name, #yourDetails1 #lastName, #confirmDetails #name, #confirmDetails #lastName {
	background: url(/static/images/mot-page/title.jpg) center left no-repeat #fff
}
#yourDetails1 #telephone, #confirmDetails #telephone {
	background: url(/static/images/mot-page/tel.jpg) center left no-repeat #fff
}
#yourDetails1 #email, #confirmDetails #email {
	background: url(/static/images/mot-page/email.jpg) center left no-repeat #fff
}
#yourDetails3 #postcode, #confirmDetails #postcode {
	background: url(/static/images/mot-page/postcode.jpg) center left no-repeat #fff
}
#motDate #datepicker, #serviceDate #datepicker, #confirmDetails #datepicker {
	background: url(/static/images/mot-page/date.jpg) center left no-repeat #fff
}
#yourDetails3 .addressDetails input, #confirmDetails .addressDetails input {
	background: url(/static/images/mot-page/house-numb.jpg) center left no-repeat #fff
}
#editVehicle #makeId, #editVehicle #modelId, #editVehicle #variant, #confirmDetails #makeId, #confirmDetails #modelId, #confirmDetails #variant {
	background: url(/static/images/mot-page/car.jpg) center left no-repeat #fff
}
#yourDetails1 #title, #confirmDetails #title, #yourDetails1 #name, #yourDetails1 #email, #yourDetails1 #telephone, #confirmDetails #name, #confirmDetails #lastName, #yourDetails2 #telephone, #confirmDetails #telephone, #yourDetails2 #email, #confirmDetails #email, #motDate #datepicker, #serviceDate #datepicker, #yourDetails3 .addressDetails input, .car-inputs-hide select, #editVehicle #variant, #confirmDetails #postcode, #confirmDetails .addressDetails input, #confirmDetails #variant, #confirmDetails #datepicker {
	border: 0;
	height: 64px;
	width: 100%;
	box-sizing: border-box;
	padding-left: 60px;
	font-size: 16px;
	margin-bottom: 20px
}
#serviceDate #datepicker, #motDate #datepicker, #confirmDetails #datepicker {
	font-size: 18px;
	margin-bottom: 20px
}
#yourDetails3 #postcode {
	width: 32%;
	float: left;
	margin-right: 2%;
	border: 0;
	height: 64px;
	box-sizing: border-box;
	padding-left: 60px;
	font-size: 16px
}
#yourDetails3 #btnPostCodeLookup {
	background: url(/static/images/mot-page/reg-search.png) center right 20px no-repeat #0397ce;
	font-size: 30px;
	line-height: 36px;
	font-weight: bold;
	width: 32%;
	border: 0;
	height: 64px;
	box-sizing: border-box;
	color: #fff;
	border-radius: 4px;
	text-transform: none
}
#yourDetails3 .errors {
	clear: both;
	float: left
}
#yourDetails3 .addressDetails, #confirmDetails .addressDetails {
	width: 23.5% !important;
	float: left;
	margin-right: 2% !important;
	margin-top: 15px
}
#yourDetails3 .addressDetails:nth-child(6n+6), #confirmDetails .addressDetails:nth-child(4n+6) {
	margin-right: 0 !important
}
.mot-page-wrap #fieldset-addressFieldset>div>div {
	padding: 0
}
#fieldset-serviceOption>div {
	padding: 0
}
#fieldset-alsoBookMot>div, .service-extras {
	padding: 0
}
#yourDetails5 .form .addressDetails {
	width: 23.5%;
	float: left;
	margin-right: 2% !important;
	margin-top: 15px
}

@media only screen and (max-width: 767px) {
#yourDetails5 .form .addressDetails {
	width: 100%
}
}
#yourDetails5 .form .addressDetails #address, #yourDetails5 .form .addressDetails #town, #yourDetails5 .form .addressDetails #county {
	border: 0;
	background: url(/static/images/mot-page/house-numb.jpg) center left no-repeat #fff;
	height: 64px;
	width: 100%;
	box-sizing: border-box;
	padding-left: 60px;
	font-size: 16px;
	margin-bottom: 20px
}
#yourDetails5 .form .addressDetails label {
	display: none
}
#yourDetails5 .form .postcodeDetails {
	width: 23.5%;
	float: left;
	margin-top: 15px
}

@media only screen and (max-width: 767px) {
#yourDetails5 .form .postcodeDetails {
	width: 100%
}
}
#yourDetails5 .form .postcodeDetails #postcode {
	border: 0;
	background: url(/static/images/mot-page/postcode.jpg) center left no-repeat #fff;
	height: 64px;
	width: 100%;
	box-sizing: border-box;
	padding-left: 60px;
	font-size: 16px;
	margin-bottom: 20px
}
#yourDetails5 .form .postcodeDetails label {
	display: none
}
#yourDetails5 .form #manuallyenteraddress-label {
	display: none
}
#yourDetails5 .form .postcodeSearch {
	width: 25%;
	margin-left: 24%;
	margin-right: 2%
}

@media only screen and (max-width: 991px) {
#yourDetails5 .form .postcodeSearch {
	margin-left: 0;
	width: 48%
}
}

@media only screen and (max-width: 479px) {
#yourDetails5 .form .postcodeSearch {
	width: 100%
}
}
#yourDetails5 .form .postcodeSearch #postcodesearch {
	height: 64px;
	width: 100%;
	box-sizing: border-box;
	padding-left: 60px;
	font-size: 16px;
	margin-bottom: 20px;
	border: 0;
	background: url(/static/images/mot-page/postcode.jpg) center left no-repeat #fff
}
#yourDetails5 .form #manuallyenteraddress-element {
	width: 25%
}

@media only screen and (max-width: 991px) {
#yourDetails5 .form #manuallyenteraddress-element {
	width: 49%
}
}

@media only screen and (max-width: 479px) {
#yourDetails5 .form #manuallyenteraddress-element {
	width: 100%
}
}
#yourDetails5 .form #manuallyenteraddress-element button {
	width: 100%;
	padding: 20px 10px
}
#confirmDetails #fieldset-addressFieldset {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 50px 0 20px;
	padding: 50px 0 40px;
	clear: both;
	float: left
}
#confirmDetails #fieldset-addressFieldset div {
	width: 100%;
	margin-top: 10px;
	padding: 0
}
#confirmDetails #fieldset-addressFieldset #postcode, #confirmDetails #fieldset-addressFieldset button {
	width: 32%;
	margin-right: 2%;
	float: left;
	text-transform: none
}
#confirmDetails .vehicle-reg-details, #confirmDetails .car-inputs-hide {
	margin-top: 60px
}
#confirmDetails .car-inputs-hide:nth-child(2n+3) {
	margin-right: 0
}
#confirmDetails .amorpm {
	width: 14% !important
}
#confirmDetails .amorpm label {
	display: block;
	font-size: 24px
}
#confirmDetails .addressDetails {
	margin-top: 0 !important
}
#yourDetails5 .button-submit, #serviceType .button-submit, #motDate .button-submit, #serviceDate .button-submit, #yourDetails1 .button-submit, #yourDetails2 .button-submit, #yourDetails3 .button-submit, #editVehicle .button-submit, #serviceCentre .button-submit, #previewDetails .button-submit, #confirmDetails .button-submit, #returnToMot {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	width: 220px;
	border: 0;
	height: 65px;
	box-sizing: border-box;
	color: #fff;
	border-radius: 4px;
	margin-top: 15px
}
#yourDetails5 #next-element #next, #serviceType #next-element #next, #motDate #next-element #next, #serviceDate #next-element #next, #yourDetails1 #next-element #next, #yourDetails2 #next-element #next, #yourDetails3 #next-element #next, #editVehicle #next-element #next, #serviceCentre #next-element #next, #previewDetails #complete-element input, #confirmDetails #complete-element .button-submit {
	background: url(/static/images/mot-page/mot-next.png) center right 40px no-repeat #0397ce;
	float: right
}
#yourDetails5 #previous-element #previous, #serviceType #previous-element #previous, #motDate #previous-element #previous, #serviceDate #previous-element #previous, #yourDetails1 #previous-element #previous, #yourDetails2 #previous-element #previous, #yourDetails3 #previous-element #previous, #editVehicle #previous-element #previous, #serviceCentre #previous-element #previous, #confirmDetails #previous-element .button-submit {
	background: url(/static/images/mot-page/mot-prev.png) center left 40px no-repeat #6B6B6B;
	float: left
}
#mot-map-wrap {
	padding: 40px;
	background: #eee;
	box-sizing: border-box;
	margin-bottom: 20px;
	float: left;
	width: 100%
}
#mot-map-wrap h2 {
	color: #111;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px
}
.location-select {
	min-height: 100px;
	display: inline-block
}
.location-select.primaryControl {
	border-radius: 0;
	width: 100%;
	margin: 20px 0;
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	border: 0;
	box-shadow: none;
	background: #333;
	color: #fff;
	text-shadow: none
}
.serviceCentreContainerdiv .secondaryControls .btn {
	margin-right: 2%;
	width: 32%;
	margin-bottom: 20px;
	box-sizing: border-box;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	background: #333;
	font-size: 24px;
	color: #fff;
	text-shadow: none;
	line-height: 28px
}
.serviceCentreContainerdiv .secondaryControls .location-select:nth-child(3n+3) {
	margin-right: 0
}
.serviceCentreContainerdiv .secondaryControls .btn:hover, .serviceCentreContainerdiv .secondaryControls.primaryControl:hover, .serviceCentreContainerdiv .secondaryControls.active {
	background: #0397ce !important;
	color: #fff !important;
	text-shadow: none;
	transition: .4s
}
#serviceCentre dd {
	margin-left: 0
}
#previewDetails #next-element input {
	background: #6B6B6B;
	float: left
}
#motDate #next-element #next, #serviceDate #next-element #next, #yourDetails2 #next-element #next {
	clear: both
}
#mot-page-wrap dd, #next-element {
	margin-left: 0
}
.mot-booking-details p {
	font-size: 18px;
	line-height: 24px;
	border-radius: 4px;
	margin-left: 1%;
	margin-top: 15px;
	box-sizing: border-box
}
#next-label, #fromStage-label, #clear-label, #confirmDetails #complete-label, #mot-page-wrap #previous-label {
	display: none
}
#clear-element {
	clear: both;
	margin-top: 20px;
	float: left
}
#mot-page-wrap .formMessage, #mot-page-wrap .displayhint {
	background: #6b6b6b;
	color: #fff !important;
	padding: 10px;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	border-radius: 4px;
	clear: both;
	box-sizing: border-box;
	width: 100%;
	float: left
}
#mot-page-wrap .hint {
	display: none
}
#yourDetails3 fieldset, #confirmDetails fieldset {
	background: none;
	padding: 0;
	width: 100%
}
#yourDetails3 legend, #confirmDetails legend, #mot-map-wrap #previous-label, #previewDetails #complete-label {
	display: none
}
.mot-thankyou {
	text-align: center;
	font-size: 24px;
	line-height: 28px;
	width: 100%
}
.mot-thankyou p {
	font-size: 20px;
	line-height: 30px
}
#mot-page-wrap #clear-element, #mot-map-wrap #clear-element {
	display: none
}
#mot-page-wrap ul#postcodeAddressSelection li {
	font-size: 14px
}
#mot-page-wrap.mot-thankyou h2 {
	line-height: 40px
}
#mot-page-wrap.mot-thankyou h2:nth-child(1) {
	color: #0397ce
}
.mot-thankyou p.mot-you-will {
	font-size: 30px;
	color: #0397ce;
	line-height: 30px;
	font-weight: bold
}
#also-book-service-box {
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 4px;
	float: left;
	width: 100%
}
#also-book-service-box label {
	font-size: 24px;
	line-height: 28px;
	margin-left: 50px;
	margin-bottom: -34px
}
#also-book-service-box input {
	float: left;
	width: 35px;
	height: 35px;
	display: block;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc
}
#editVehicle div>div:nth-child(4) {
	margin-right: 0
}

@media (max-width: 880px) {
#also-book-service-box label {
	font-size: 16px;
	line-height: 30px
}
}

@media (max-width: 580px) {
#also-book-service-box label {
	margin-bottom: -45px;
	line-height: 22px
}
}

@media (max-width: 380px) {
#also-book-service-box label {
	font-size: 13px;
	line-height: 20px
}
}
#vehicleRegistration #next-element #next:hover, #introPage #next:hover, #motDate #next-element #next:hover, #serviceDate #next-element #next:hover, #yourDetails1 #next-element #next:hover, #yourDetails2 #next-element #next:hover, #yourDetails3 #next-element #next:hover, #confirmVehicle #goto:hover, #yourDetails3 #btnPostCodeLookup:hover, #editVehicle #next-element #next:hover, #serviceCentre #next-element #next:hover, #previewDetails #complete-element input:hover, #confirmDetails #complete-element .button-submit:hover, #returnToMot {
	background-color: #02729c;
	transition: .4s
}
#motDate #previous-element #previous:hover, #yourDetails1 #previous-element #previous:hover, #yourDetails2 #previous-element #previous:hover, #yourDetails2 #previous-element #previous:hover, #yourDetails3 #previous-element #previous:hover, #confirmVehicle #next:hover, #editVehicle #previous-element #previous:hover, #serviceCentre #previous-element #previous:hover, #previewDetails #next-element input:hover, #confirmDetails #previous-element .button-submit:hover, #returnToMot {
	background-color: #333862;
	transition: .4s
}

@media (max-width: 1130px) {
.mot-banner-text {
	top: 20px
}
.mot-banner-text .mot-text span {
	font-size: 80px;
	line-height: 80px
}
.mot-banner-text .finance-text span {
	font-size: 30px;
	line-height: 50px
}
.mot-usp li {
	font-size: 16px
}
}

@media (max-width: 1050px) {
#vehicleRegistration #next-element #next, #yourDetails3 #btnPostCodeLookup, #confirmDetails #btnPostCodeLookup, #vehicleregistration, #confirmDetails #fieldset-addressFieldset button {
	font-size: 24px;
	line-height: 28px
}
}

@media (max-width: 979px) {
.mot-banner-text .mot-text span {
	font-size: 60px;
	line-height: 60px
}
.mot-banner-text .mot-price {
	font-size: 36px;
	line-height: 42px
}
.mot-usp li {
	font-size: 15px;
	background-size: 45px;
	line-height: 22px
}
.mot-banner-text {
	right: 14px
}
#vehicleRegistration div>div, #vehicleRegistration #next-element, #yourDetails3 #btnPostCodeLookup, #editVehicle div>div, #yourDetails3 #postcode, #yourDetails3 .addressDetails, #confirmDetails .addressDetails, #yourDetails2 .form div, .datePicker {
	width: 49% !important
}
#confirmDetails #fieldset-addressFieldset div {
	width: 100%
}
#editVehicle div>div:nth-child(even), #yourDetails3 .addressDetails:nth-child(even), #confirmDetails .addressDetails:nth-child(even), #yourDetails2 .form div:nth-child(even) {
	margin-right: 0 !important
}
#vehicleRegistration #next-element {
	margin-right: 0
}
#mot-page-wrap h2 {
	font-size: 32px;
	line-height: 36px
}
#confirmDetails #fieldset-addressFieldset #postcode, #confirmDetails #fieldset-addressFieldset button {
	width: 100%
}
#serviceDate .datePicker, #motDate .datePicker {
	margin-right: 2%
}
#confirmDetails .datePicker {
	width: 32% !important
}
#confirmDetails .amorpm label {
	font-size: 16px;
	width: 35px
}
}

@media (max-width: 979px) {
#introPage #next {
	margin-top: 10px;
	font-size: 18px;
	padding: 5px
}
.mot-booking-details p {
	width: 100%
}
#serviceDate label, #motDate label {
	width: 65px;
	font-size: 20px
}
}

@media (max-width: 767px) {
.mot-banner-text {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: url(/static/images/mot-page/mot-back.png) center top no-repeat #333;
	padding: 20px;
	box-sizing: border-box
}
.finance-banner-wrapper.mot-banner-wrapper .mot-banner-text {
	background: #333
}
div.serviceCentreContainer .secondaryControls .btn {
	width: 100%;
	font-size: 18px;
	line-height: 24px
}
}

@media (max-width: 680px) {
#vehicleRegistration #next-element #next, #yourDetails3 #btnPostCodeLookup, #confirmDetails #fieldset-addressFieldset button, #motDate .button-submit, #serviceDate .button-submit, #yourDetails1 .button-submit, #yourDetails2 .button-submit, #yourDetails3 .button-submit, #editVehicle .button-submit, #serviceCentre .button-submit, #previewDetails .button-submit, #confirmDetails .button-submit {
	font-size: 18px;
	line-height: 24px
}
#vehicleRegistration #next-element #next, #yourDetails3 #btnPostCodeLookup, #confirmDetails #fieldset-addressFieldset button {
	background-size: 25px
}
#confirmVehicle #next, #confirmVehicle #goto {
	font-size: 28px;
	line-height: 32px
}
#yourDetails1 .form div, #yourDetails2 .form div, .datePicker, #confirmDetails .form div, #motDate .button-submit, #serviceDate .button-submit, #yourDetails1 .button-submit, #yourDetails2 .button-submit, #yourDetails3 .button-submit, #editVehicle .button-submit, #serviceCentre .button-submit, #previewDetails .button-submit, #confirmDetails .button-submit, #editVehicle div>div, #confirmDetails #fieldset-addressFieldset button {
	width: 100% !important
}
.amorpm {
	float: left;
	width: 49%;
	text-align: center;
	margin-right: 2% !important
}
.amorpm:nth-child(odd) {
	margin-right: 0 !important
}
#motDate label {
	width: 100%;
	margin-right: 2%
}
#serviceDate .amlabel span, #serviceDate .pmlabel span, #motDate .amlabel span, #motDate .pmlabel span {
	width: 100%
}
#confirmDetails .car-inputs-hide {
	margin-top: 0
}
#confirmDetails .form .amorpm {
	width: 48% !important
}
#confirmDetails .amlabel span, #confirmDetails .pmlabel span {
	width: 60px
}
}

@media (max-width: 550px) {
.mot-usp li, #vehicleRegistration div>div, #vehicleRegistration #next-element, #confirmVehicle #goto, #confirmVehicle #next, #yourDetails3 #btnPostCodeLookup, #yourDetails3 #postcode, #yourDetails3 .addressDetails, #confirmDetails .addressDetails {
	width: 100% !important;
	margin-right: 0
}
#confirmVehicle #next {
	margin-left: 0
}
.mot-top-title h1 {
	font-size: 20px;
	line-height: 22px
}
#mot-page-wrap {
	padding: 40px 20px 30px 20px;
	background: #eee
}
#mot-page-wrap .errors {
	font-size: 12px
}
#mot-map-wrap {
	padding: 20px
}
.mot-usp-box h4, #mot-page-wrap h2 {
	font-size: 22px;
	line-height: 26px
}
.mot-usp-box, .mot-usp-box .inner {
	padding: 10px;
	font-size: 14px;
	line-height: 18px
}
.mot-usp-box img {
	max-width: 100px
}
.mot-thankyou {
	font-size: 16px;
	line-height: 22px
}
}

@media (max-width: 480px) {
#vehicleRegistration div>div {
	width: 100%
}
#detailsCarousel .carousel-control {
	display: none
}
.pagination td, #paginationNew td {
	width: 100% !important;
	display: block;
	text-align: center !important
}
}
.serviceItems {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 5px;
	float: left;
	clear: both
}
.serviceItems span {
	display: block;
	width: 32%;
	margin-right: 2.5%;
	float: left
}
.serviceTitle {
	font-size: 22px;
	font-weight: bold
}
.serviceLabel {
	font-size: 14px;
	line-height: 16px
}
.serviceItems span.serviceTitle {
	width: 30%;
	line-height: 33px
}
.serviceItems span.serviceLabel {
	width: 34%;
	height: 35px
}
.serviceItems span.servicePrice {
	font-size: 22px;
	text-align: right;
	font-weight: bold;
	width: 15%;
	line-height: 33px
}
.serviceItems span.serviceCheckItem {
	text-align: right;
	width: 10%
}
.serviceItems span.serviceCheckItem input {
	border: 3px solid #ccc;
	width: 25px;
	height: 25px;
	display: block;
	float: right
}
#fieldset-alsoBookMot {
	padding-bottom: 0;
	background: none
}
#fieldset-serviceOption {
	padding-top: 0;
	background: none
}
#fieldset-serviceOption.error {
	border: 0 !important
}

@media (max-width: 700px) {
.serviceItems span.serviceLabel {
	height: auto
}
}

@media (max-width: 530px) {
.serviceItem.serviceLabel {
	display: none;
	width: 0
}
.serviceItems span.servicePrice, .serviceItems span.serviceTitle {
	font-size: 16px;
	line-height: 16px
}
.serviceItems span.serviceTitle {
	width: 56%
}
.serviceItems span.servicePrice {
	width: 20%
}
.serviceItems span.serviceCheckItem {
	width: 16%
}
.serviceItems span.serviceCheckItem input {
	margin-top: 0;
	width: 15px;
	height: 15px
}
}
#fieldset-confirmServiceType label {
	display: inline-block
}
#confirmDetails .form #fieldset-confirmServiceType>div {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 50px 0 20px;
	padding: 50px 0 40px;
	width: 100%
}
#confirmDetails .form #fieldset-confirmServiceType>div>div:nth-child(1) {
	width: 13%;
	margin: 0
}
#confirmDetails .form #fieldset-confirmServiceType>div>div:nth-child(2) {
	width: 81%;
	margin: 0 0 0 6%
}
#fieldset-confirmServiceType br {
	display: none
}
#fieldset-confirmServiceType>div>div label {
	width: 21%;
	margin-right: 4%;
	font-size: 18px;
	text-align: center
}
#fieldset-confirmServiceType input {
	border: 3px solid #ccc;
	width: 25px;
	height: 25px;
	display: block;
	margin: 0 auto
}
.collapsed-header-container {
	overflow: hidden;
	height: 60px;
	width: 100%
}
.collapsed-header {
	padding: 10px;
	box-sizing: border-box;
	height: 100%
}
.collapsed-header:hover {
	cursor: pointer
}
.collapsed-header img {
	height: 100%;
	max-height: 40px
}
.collapsed-arrow-down {
	float: right;
	margin-top: 10px
}
.top-fixed {
	top: 0;
	width: 100%;
	height: 0;
	left: 0;
	z-index: 10
}

@media (max-width: 767px) {
#confirmDetails .form #fieldset-confirmServiceType>div>div:nth-child(2) {
	margin-left: 0;
	margin-top: 10px
}
#fieldset-confirmServiceType>div>div:nth-child(2) label, #confirmDetails .form #fieldset-confirmServiceType>div>div:nth-child(1), #confirmDetails .form #fieldset-confirmServiceType>div>div:nth-child(2) {
	width: 100%
}
#fieldset-confirmServiceType>div>div label {
	width: 50%
}
}

@media (max-width: 480px) {
#serviceType #previous-element #previous, #serviceType #next-element #next, #yourDetails5 .button-submit {
	float: left;
	width: 100%
}
}
.datePicker {
	position: relative
}
.open-house-event-container .form-page .rsvp-reason {
	background: #0397ce;
	padding: 20px;
	margin-bottom: 15px;
	text-align: center
}
.open-house-event-container .form-page .rsvp-reason strong {
	font-size: 24px
}
.new-car-mobile-sub-nav {
	display: none
}

@media only screen and (max-width: 991px) {
.new-car-mobile-sub-nav {
	display: block
}
}
.nvr-model-select-container {
	background: #ffffff;
	background: -moz-linear-gradient(top, #fff 20%, #eee 100%);
	background: -webkit-linear-gradient(top, #fff 20%, #eee 100%);
	background: linear-gradient(to bottom, #fff 20%, #eee 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede', GradientType=0 )
}

@media only screen and (max-width: 991px) {
.nvr-model-select-container {
	display: none;
	position: fixed;
	top: 50px;
	background: #fff;
	z-index: 99999;
	left: 0;
	width: 100%
}
}
.nvr-model-select-container .title {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 20px 0 0
}

@media only screen and (max-width: 991px) {
.nvr-model-select-container .title {
	margin-top: 0;
	display: none
}
}
.nvr-model-select-container .nvr-model-select {
	display: block;
	opacity: 0.6;
	width: 13.3%;
	float: left;
	padding: 30px 0 15px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
.nvr-model-select-container .nvr-model-select.business {
	border-bottom: 7px solid #fff
}
.nvr-model-select-container .nvr-model-select.all-purpose {
	border-bottom: 7px solid #fff
}
.nvr-model-select-container .nvr-model-select.adventure {
	border-bottom: 7px solid #fff
}
.nvr-model-select-container .nvr-model-select.special-edition {
	border-bottom: 7px solid #fff
}
.nvr-model-select-container .nvr-model-select.active {
	background: #fff;
	opacity: 1;
	color: #0397ce
}
.nvr-model-select-container .nvr-model-select:hover {
	opacity: 1;
	background: #fff;
	color: #0397ce;
	text-decoration: none
}

@media only screen and (max-width: 991px) {
.nvr-model-select-container .nvr-model-select {
	width: 100% !important;
	padding: 10px;
	border-bottom: 3px solid #eee
}
.nvr-model-select-container .nvr-model-select img {
	display: none
}
.nvr-model-select-container .nvr-model-select.active {
	background: #0397ce;
	color: #fff
}
}
.newcar-subnav-outercontainer {
	margin-bottom: 30px;
	margin-top: 2px;
	background: #ECECEC
}

@media only screen and (max-width: 991px) {
.newcar-subnav-outercontainer {
	margin: 0;
	border: 0
}
}
.newcar-subnav-container .subnav-model-name {
	display: none
}

@media only screen and (max-width: 991px) {
.newcar-subnav-container .newcar-subnav {
	display: none;
	z-index: 99999;
	background: #fff;
	width: 100%
}
}
.newcar-subnav-container .newcar-subnav.fixed {
	position: fixed;
	top: 50px;
	left: 0
}
.newcar-subnav-container .newcar-subnav .container-fluid {
	padding: 0
}
.newcar-subnav-container .newcar-subnav ul {
	margin: 0;
	padding: 0
}
.newcar-subnav-container .newcar-subnav ul li {
	float: left;
	text-align: center;
	list-style: none;
	text-align: center;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}

@media only screen and (max-width: 991px) {
.newcar-subnav-container .newcar-subnav ul li {
	width: 100% !important;
	padding: 0;
	clear: both
}
}
.newcar-subnav-container .newcar-subnav ul li:hover, .newcar-subnav-container .newcar-subnav ul li.active {
	background: #0397ce
}
.newcar-subnav-container .newcar-subnav ul li:hover a, .newcar-subnav-container .newcar-subnav ul li.active a {
	color: #fff
}
.newcar-subnav-container .newcar-subnav ul li a {
	padding: 15px 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	color: #4E4E4E;
	display: block;
	width: 100%;
	border-right: 1px solid #fff
}

@media only screen and (max-width: 991px) {
.newcar-subnav-container .newcar-subnav ul li a {
	padding: 10px 0
}
}
.newcar-subnav-container .newcar-subnav ul li a:hover {
	text-decoration: none
}
.newcar-subnav-container .newcar-subnav ul li:first-child a {
	border-left: 1px solid #fff
}
.newcar-subnav-right {
	padding: 5px 0
}
.newcar-subnav-right .btn-icon, .newcar-subnav-right #fixed-header .fixed-links a, #fixed-header .fixed-links .newcar-subnav-right a, .newcar-subnav-right .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .newcar-subnav-right button, .newcar-subnav-right .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .newcar-subnav-right .view-all-stock, .newcar-subnav-right .full-search .form span button, .full-search .form span .newcar-subnav-right button, .newcar-subnav-right .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .newcar-subnav-right button {
	float: right;
	margin: 0 0 5px 5px
}

@media only screen and (max-width: 991px) {
.newcar-subnav-right {
	position: fixed;
	z-index: 99999;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0
}
.newcar-subnav-right .btn-icon, .newcar-subnav-right #fixed-header .fixed-links a, #fixed-header .fixed-links .newcar-subnav-right a, .newcar-subnav-right .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .newcar-subnav-right button, .newcar-subnav-right .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .newcar-subnav-right .view-all-stock, .newcar-subnav-right .full-search .form span button, .full-search .form span .newcar-subnav-right button, .newcar-subnav-right .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .newcar-subnav-right button {
	float: left;
	text-align: center;
	width: 33.3333%;
	margin: 0
}
}
.flex {
	display: flex;
	flex-wrap: wrap
}
.newcar-explore h1 {
	font-size: 48px;
	line-height: 48px;
	position: relative;
	z-index: 2
}

@media only screen and (max-width: 1080px) {
.newcar-explore h1 {
	font-size: 40px;
	line-height: 40px
}
}

@media only screen and (max-width: 767px) {
.newcar-explore h1 {
	text-align: center
}
}
.newcar-explore .explore-main-img {
	text-align: left
}

@media only screen and (max-width: 991px) {
.newcar-explore .explore-main-img {
	text-align: center
}
}

@media only screen and (max-width: 767px) {
.newcar-explore .explore-main-img img {
	max-height: 285px;
	margin: 0 auto
}
}
.newcar-explore .newcar-usps-container {
	position: relative;
	overflow: hidden
}
.newcar-explore .newcar-usps-container .xtr-strapline {
	position: absolute;
	top: 10px;
	right: 0
}

@media only screen and (max-width: 991px) {
.newcar-explore .newcar-usps-container .xtr-strapline {
	position: relative;
	display: block;
	margin: 10px auto
}
}

@media only screen and (max-width: 767px) {
.newcar-explore .newcar-usps-container .newcar-usps {
	position: relative
}
}
.newcar-explore .newcar-usps-container .price {
	font-size: 30px;
	font-weight: bold;
	color: #0397ce
}
.newcar-explore .used-valuation-container {
	border-top: 0;
	border-bottom: 1px solid #eee;
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0
}
.newcar-explore .used-valuation-container input {
	width: 33%
}

@media only screen and (max-width: 479px) {
.newcar-explore .used-valuation-container input {
	width: 100%
}
}
.newcar-overview-container {
	padding: 30px 0;
	background: #eee;
	margin: 30px 0;
	text-align: center
}
.newcar-overview-container .new-car-overview {
	background: #fff
}

@media only screen and (max-width: 767px) {
.newcar-overview-container .new-car-overview {
	max-width: 452px;
	margin: 0 auto 30px
}
}
.newcar-overview-container .new-car-overview .inner {
	padding: 10px 20px 20px;
	position: relative
}
.newcar-overview-container .new-car-overview .title {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: bold
}
.newcar-overview-container .new-car-overview .btn-icon, .newcar-overview-container .new-car-overview #fixed-header .fixed-links a, #fixed-header .fixed-links .newcar-overview-container .new-car-overview a, .newcar-overview-container .new-car-overview .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .newcar-overview-container .new-car-overview button, .newcar-overview-container .new-car-overview .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .newcar-overview-container .new-car-overview .view-all-stock, .newcar-overview-container .new-car-overview .full-search .form span button, .full-search .form span .newcar-overview-container .new-car-overview button, .newcar-overview-container .new-car-overview .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .newcar-overview-container .new-car-overview button {
	width: 100%;
	margin-top: 20px
}
.newcar-select>div {
	float: left;
	width: 25%
}
.newcar-select>div a {
	color: #333;
	display: block;
	width: 100%;
	float: left;
	clear: both;
	background: #fff;
	padding: 10px
}
.newcar-select>div a img {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}
.newcar-select>div a:hover {
	text-decoration: none
}
.newcar-select>div a:hover img {
	opacity: 0.8
}
.newcar-select>div a .title {
	margin: 10px 0 0 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase
}

@media only screen and (max-width: 1080px) {
.newcar-select>div a .title {
	font-size: 20px
}
}

@media only screen and (max-width: 991px) {
.newcar-select>div a .description {
	display: none
}
}
.newcar-select>div a .price {
	margin: 0;
	color: #111;
	font-size: 24px;
	font-weight: bold;
	color: #0397ce
}
.newcar-select>div a .price span {
	font-size: 16px;
	color: #333;
	font-weight: normal
}

@media only screen and (max-width: 1080px) {
.newcar-select>div a .price {
	font-size: 20px
}
}

@media only screen and (max-width: 991px) {
.newcar-select>div a .price {
	font-size: 16px
}
}
.review {
	border-bottom: 1px solid #eee;
	padding: 10px
}
.review .review-title {
	font-weight: bold;
	font-size: 18px
}
.review .review-body {
	text-align: justify
}
.yukon-luxe-outer-wrapper {
	margin: 50px 0;
	border-bottom: 10px solid #eee;
	padding-bottom: 50px
}
.yukon-luxe-outer-wrapper .yukon-luxe-wrapper p {
	font-size: 14px
}
.yukon-luxe-outer-wrapper .yukon-luxe-wrapper h2 {
	font-weight: 100;
	font-size: 24px;
	line-height: 24px;
	margin-top: 0
}
.yukon-luxe-outer-wrapper .yukon-luxe-wrapper h2 span {
	font-weight: bold;
	font-size: 62px;
	line-height: 62px
}
.yukon-luxe-outer-wrapper .yukon-luxe-wrapper .key-features {
	padding: 20px;
	background: #eee
}
.yukon-luxe-outer-wrapper .yukon-luxe-wrapper .key-features h4 {
	text-transform: uppercase
}
.exclusive-offers {
	background: #eee;
	padding: 30px 0
}
.exclusive-offers h2 {
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	padding: 5px 0 20px 0;
	text-transform: uppercase;
	margin: 0
}
.newcars__result {
	background: #fff;
	padding: 15px;
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 10px
}
.newcars__result .newcars__make-model {
	margin: 5px 0 0 0;
	text-transform: uppercase;
	font-size: 30px
}

@media only screen and (max-width: 767px) {
.newcars__result .newcars__make-model {
	font-size: 24px;
	line-height: 24px;
	margin: 0
}
}
.newcars__result .newcars__derivative {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	margin: 0
}
.newcars__result .newcars__priceblock {
	text-align: right
}
.newcars__result .newcars__priceblock .newcars__offerprice {
	font-size: 38px;
	font-weight: bold;
	color: #0397ce
}

@media only screen and (max-width: 767px) {
.newcars__result .newcars__priceblock .newcars__offerprice {
	font-size: 24px;
	line-height: 24px
}
}
.newcars__result .newcars__promotion {
	margin: 5px 0;
	color: #0397ce;
	font-size: 16px
}

@media only screen and (max-width: 991px) {
.newcars__result .newcars__specs {
	display: none
}
}
.newcars__result .newcars__specs-list {
	margin: 0;
	padding: 0
}
.newcars__result .newcars__specs-list .newcars__specs-list-item {
	list-style: none;
	float: left;
	width: 50%;
	background: #eee;
	padding: 10px
}
.newcars__result .newcars__specs-list .newcars__specs-list-item:nth-child(3), .newcars__result .newcars__specs-list .newcars__specs-list-item:nth-child(4) {
	background: #fff
}
.newcars__result .newcars__specs-list .newcars__specs-list-item span {
	display: block;
	float: left;
	width: 50%;
	font-size: 16px
}
.newcars__result .newcars__specs-list .newcars__specs-list-item .newcars__specs-value {
	font-weight: bold
}
.newcars__result .newcars__image {
	width: 100%
}
.newcars__result .newcars__prices {
	background: #eee;
	float: left;
	width: 100%;
	clear: both;
	padding: 10px 0
}
.newcars__result .newcars__prices .newcars__priceblock {
	float: left;
	width: 50%;
	text-align: center;
	padding: 5px 0
}
.newcars__result .newcars__prices .newcars__priceblock:first-child {
	border-right: 1px solid #666
}
.newcars__result .newcars__prices .newcars__priceblock .newcars__pricelabel {
	display: block
}
.newcars__result .newcars__prices .newcars__priceblock .newcars__offerprice {
	line-height: 24px;
	color: #4E4E4E
}
.newcars__result .newcars_links {
	float: left;
	clear: both;
	padding: 20px;
	background: #eee;
	width: 100%;
	margin-top: 10px;
	position: relative
}

@media only screen and (max-width: 767px) {
.newcars__result .newcars_links {
	padding: 0;
	background: none
}
}
.newcars__result .newcars_links .newcars-tel {
	position: absolute;
	top: 25px;
	left: 20px;
	font-weight: bold;
	font-size: 18px
}

@media only screen and (max-width: 767px) {
.newcars__result .newcars_links .newcars-tel {
	position: relative;
	width: 100%;
	top: auto;
	left: auto;
	text-align: center
}
}
.newcars__result .newcars_links .btn-icon, .newcars__result .newcars_links #fixed-header .fixed-links a, #fixed-header .fixed-links .newcars__result .newcars_links a, .newcars__result .newcars_links .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .newcars__result .newcars_links button, .newcars__result .newcars_links .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .newcars__result .newcars_links .view-all-stock, .newcars__result .newcars_links .full-search .form span button, .full-search .form span .newcars__result .newcars_links button, .newcars__result .newcars_links .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .newcars__result .newcars_links button {
	float: right;
	width: 21.666666666666%;
	text-align: center;
	margin-left: 0.6%;
	margin-top: 35px
}

@media only screen and (max-width: 767px) {
.newcars__result .newcars_links .btn-icon, .newcars__result .newcars_links #fixed-header .fixed-links a, #fixed-header .fixed-links .newcars__result .newcars_links a, .newcars__result .newcars_links .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .newcars__result .newcars_links button, .newcars__result .newcars_links .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .newcars__result .newcars_links .view-all-stock, .newcars__result .newcars_links .full-search .form span button, .full-search .form span .newcars__result .newcars_links button, .newcars__result .newcars_links .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .newcars__result .newcars_links button {
	width: 100%;
	margin: 10px 0 0 0;
	float: left;
	clear: both
}
}
.newcars__result .newcars_links .newcars-fulldetails {
	font-size: 22px;
	font-weight: bold;
	padding: 20px 0px;
	width: 33.2%;
	margin-top: 0px
}
.newcars__result .newcars_links .newcars-fulldetails span {
	line-height: 24px;
	font-size: 14px
}
.noOfferMessage {
	text-align: center
}
#vehicle-details-tab {
	width: 100%
}
.newcars__priceblock--monthly, .newcars__priceblock--deposit {
	font-size: 18px
}
.details-nav-tabs.details-ul>li {
	font-size: 24px;
	text-align: left
}
.details-nav-tabs.details-ul>li a {
	padding: 15px 20px
}
.spec-tabs-list {
	margin: 0;
	padding: 0
}
.spec-tabs-list li {
	list-style: none
}
.spec-tabs-list li a {
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px;
	font-weight: bold;
	font-size: 16px;
	background: #eee;
	color: #4E4E4E;
	border-left: 4px solid #eee
}
.spec-tabs-list li.active a, .spec-tabs-list li:hover a {
	background: #fff;
	border-left: 4px solid #0397ce;
	color: #0397ce;
	text-decoration: none
}
.spec-tables {
	padding: 15px;
	border: 1px solid #eee;
	border-top: 0
}
.spec-tables .specification-table {
	width: 100%;
	overflow-x: scroll;
	display: block
}
.spec-tables .specification-table table {
	width: 100%
}
.spec-tables .specification-table thead {
	background: #0397ce;
	color: #fff
}
.spec-tables .specification-table thead th {
	font-weight: bold;
	padding: 5px 10px
}
.spec-tables .specification-table tbody tr:nth-child(even) {
	background: #eee
}
.spec-tables .specification-table th, .spec-tables .specification-table td {
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	padding: 8px 10px
}
.spec-tables .specification-table th .model-name, .spec-tables .specification-table td .model-name {
	display: block;
	width: 100%;
	min-width: 150px
}
.spec-tables .specification-table th.specification-label, .spec-tables .specification-table td.specification-label {
	text-align: left;
	width: 25%
}
.spec-tables .icon-ok:before {
	content: "\e931" !important;
	font-family: awfont !important;
	text-align: center;
	width: 100%;
	display: block
}
.spec-tables .icon-remove:before {
	content: "\e930";
	font-family: awfont;
	text-align: center;
	width: 100%;
	display: block;
	font-style: normal
}
.banner-wrapper {
	text-align: center;
	height: 547px;
	background-size: contain;
	background: top center no-repeat;
	margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
.banner-wrapper {
	background: none !important;
	height: auto
}
}
.intro-box {
	background: rgba(255,255,255,0.8);
	width: 625px;
	float: left;
	margin: 30px 0;
	height: 487px;
	text-align: left;
	padding: 30px
}

@media only screen and (max-width: 767px) {
.intro-box {
	height: auto;
	padding: 0;
	margin: 0;
	width: 100%
}
}
.intro-box .title {
	font-size: 60px;
	line-height: 60px;
	font-weight: bold;
	text-transform: uppercase;
	max-height: none !important;
	overflow: hidden;
	margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
.intro-box .title {
	max-height: none;
	font-size: 40px;
	line-height: 40px
}
}

@media only screen and (max-width: 480px) {
.intro-box .title {
	max-height: none;
	font-size: 30px;
	line-height: 30px
}
}
.intro-box .sub-title {
	font-size: 35px;
	line-height: 35px;
	text-transform: uppercase;
	margin-bottom: 20px;
	max-height: 80px;
	overflow: hidden
}

@media only screen and (max-width: 767px) {
.intro-box .sub-title {
	max-height: none;
	font-size: 30px;
	line-height: 30px
}
}

@media only screen and (max-width: 480px) {
.intro-box .sub-title {
	font-size: 20px;
	line-height: 20px
}
}
.intro-box .intro-body {
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	color: #0397ce;
	max-height: 180px;
	overflow: hidden
}
.intro-box .intro-body span.price {
	font-size: 60px;
	line-height: 60px
}

@media only screen and (max-width: 767px) {
.intro-box .intro-body {
	max-height: none;
	font-size: 30px;
	line-height: 30px
}
}

@media only screen and (max-width: 480px) {
.intro-box .intro-body {
	font-size: 20px;
	line-height: 20px
}
}
.intro-box .btn-icon, .intro-box #fixed-header .fixed-links a, #fixed-header .fixed-links .intro-box a, .intro-box .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .intro-box button, .intro-box .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .intro-box .view-all-stock, .intro-box .full-search .form span button, .full-search .form span .intro-box button, .intro-box .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .intro-box button {
	margin: 20px 0;
	font-size: 18px;
	line-height: 18px;
	padding: 20px 30px
}
.isuzu-check-boxes .cms-box {
	text-align: center
}
.isuzu-check-boxes .cms-box h3 {
	color: #0397ce;
	font-size: 40px;
	line-height: 42px;
	margin-bottom: 20px
}
.cms-box {
	background: #eee;
	margin-bottom: 20px;
	padding: 20px 5px;
	float: left;
	width: 100%;
	clear: both
}
.cms-box h3 {
	margin: 5px 0;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase
}
.cms-page h1 {
	font-size: 50px;
	line-height: 50px
}

@media only screen and (max-width: 767px) {
.cms-page h1 {
	font-size: 30px;
	line-height: 30px
}
}
.cms-page h2 {
	font-size: 30px;
	line-height: 30px
}

@media only screen and (max-width: 767px) {
.cms-page h2 {
	font-size: 20px;
	line-height: 20px
}
}
.service-usps {
	margin: 20px 0
}
.service-usps .service-usp {
	float: left;
	width: 33%;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold
}

@media only screen and (max-width: 991px) {
.service-usps .service-usp {
	width: 50%
}
}

@media only screen and (max-width: 480px) {
.service-usps .service-usp {
	width: 100%
}
}
.service-usps .service-usp>span {
	color: #0397ce
}
.service-right-block {
	background: #0397ce;
	max-width: 431px;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	padding-bottom: 20px;
	font-size: 40px;
	line-height: 45px
}
.service-right-block a {
	color: #fff
}
.service-right-block img {
	margin-bottom: 20px
}
.air-con-box {
	position: relative;
	padding-top: 50px
}
.air-con-box h4 {
	position: absolute;
	background: #0397ce;
	color: #fff;
	padding: 15px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	top: -85px;
	left: 0;
	right: 0;
	border: 2px solid #fff;
	width: 80px;
	height: 80px;
	text-align: center;
	margin: 0 auto
}
.air-con-box h4 span {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold
}
.service-booking-buttons .btn {
	width: 100%;
	padding: 15px 10px;
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 15px
}
.service-booking-buttons .btn strong {
	font-size: 28px;
	text-transform: uppercase
}
.service-booking-buttons .btn .awicon {
	font-size: 32px
}
.servicing-form-outer-wrapper {
	background: url(/static/images/unity/imgroup/subaru-form-back.jpg) no-repeat fixed bottom center;
	margin-bottom: -20px;
	padding: 25px 0 25px 0;
	text-align: center
}
.servicing-form-outer-wrapper h1 {
	margin-top: 0
}
.servicing-form-wrapper {
	float: left;
	width: 100%;
	background: rgba(255,255,255,0.9);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	padding: 20px
}
.servicing-form-wrapper .service-contact-btn {
	text-transform: uppercase;
	padding: 10px;
	min-width: 200px;
	font-size: 20px;
	margin-top: 10px
}
.servicing-form-wrapper .service-contact-btn span {
	margin-right: 5px
}

@media only screen and (min-width: 768px) {
.servicing-form-wrapper {
	padding: 35px
}
}
.servicing-form-wrapper #serviceForm {
	padding: 50px 35px 70px 35px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	margin-top: 25px;
	float: left;
	width: 100%;
	position: relative
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper #serviceForm {
	padding: 15px 15px 60px 15px
}
}
.servicing-form-wrapper #serviceForm select, .servicing-form-wrapper #serviceForm input {
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 10px 10px 10px 60px;
	height: 50px;
	margin-bottom: 10px
}
.servicing-form-wrapper #serviceForm button {
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px;
	width: 200px
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper #serviceForm button {
	width: 100px
}
}
.servicing-form-wrapper #serviceForm .multistepPrevious {
	background: #444;
	border: 2px solid #444
}
.servicing-form-wrapper #serviceForm .multistepNext, .servicing-form-wrapper #serviceForm #submitButton, .servicing-form-wrapper #serviceForm #fieldsetStep7next, .servicing-form-wrapper #serviceForm #fieldsetStep1next, .servicing-form-wrapper #serviceForm #fieldsetStep2next, .servicing-form-wrapper #serviceForm #fieldsetStep3next, .servicing-form-wrapper #serviceForm #fieldsetStep4next, .servicing-form-wrapper #serviceForm #fieldsetStep5next, .servicing-form-wrapper #serviceForm #fieldsetStep6next {
	background: #0397ce;
	color: #fff;
	border: 2px solid #0397ce
}
.servicing-form-wrapper #serviceForm .multistepNext:hover, .servicing-form-wrapper #serviceForm #submitButton:hover, .servicing-form-wrapper #serviceForm #fieldsetStep7next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep1next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep2next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep3next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep4next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep5next:hover, .servicing-form-wrapper #serviceForm #fieldsetStep6next:hover {
	background: #02729c;
	color: #fff;
	border: 2px solid #02729c
}
.servicing-form-wrapper .form-text {
	text-align: center;
	margin-bottom: 25px;
	display: block
}
.servicing-form-wrapper .form-text h4 {
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	margin-top: 0
}

@media only screen and (max-width: 767px) {
.servicing-form-wrapper .form-text h4 {
	font-size: 24px;
	line-height: 24px
}
}
.servicing-form-wrapper .step2 button, .servicing-form-wrapper .step3 button, .servicing-form-wrapper .step3a button, .servicing-form-wrapper .step4 button, .servicing-form-wrapper .step5 button, .servicing-form-wrapper .step6 button, .servicing-form-wrapper .step7 button, .servicing-form-wrapper .step8 button {
	position: absolute;
	bottom: 20px
}
.servicing-form-wrapper .step2 .multistepPrevious, .servicing-form-wrapper .step3 .multistepPrevious, .servicing-form-wrapper .step3a .multistepPrevious, .servicing-form-wrapper .step4 .multistepPrevious, .servicing-form-wrapper .step5 .multistepPrevious, .servicing-form-wrapper .step6 .multistepPrevious, .servicing-form-wrapper .step7 .multistepPrevious, .servicing-form-wrapper .step8 .multistepPrevious {
	left: 35px
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step2 .multistepPrevious, .servicing-form-wrapper .step3 .multistepPrevious, .servicing-form-wrapper .step3a .multistepPrevious, .servicing-form-wrapper .step4 .multistepPrevious, .servicing-form-wrapper .step5 .multistepPrevious, .servicing-form-wrapper .step6 .multistepPrevious, .servicing-form-wrapper .step7 .multistepPrevious, .servicing-form-wrapper .step8 .multistepPrevious {
	left: 15px
}
}
.servicing-form-wrapper .step2 .multistepNext, .servicing-form-wrapper .step2 #submitButton, .servicing-form-wrapper .step3 .multistepNext, .servicing-form-wrapper .step3 #submitButton, .servicing-form-wrapper .step3a .multistepNext, .servicing-form-wrapper .step3a #submitButton, .servicing-form-wrapper .step4 .multistepNext, .servicing-form-wrapper .step4 #submitButton, .servicing-form-wrapper .step5 .multistepNext, .servicing-form-wrapper .step5 #submitButton, .servicing-form-wrapper .step6 .multistepNext, .servicing-form-wrapper .step6 #submitButton, .servicing-form-wrapper .step7 .multistepNext, .servicing-form-wrapper .step7 #submitButton, .servicing-form-wrapper .step8 .multistepNext, .servicing-form-wrapper .step8 #submitButton {
	right: 35px
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step2 .multistepNext, .servicing-form-wrapper .step2 #submitButton, .servicing-form-wrapper .step3 .multistepNext, .servicing-form-wrapper .step3 #submitButton, .servicing-form-wrapper .step3a .multistepNext, .servicing-form-wrapper .step3a #submitButton, .servicing-form-wrapper .step4 .multistepNext, .servicing-form-wrapper .step4 #submitButton, .servicing-form-wrapper .step5 .multistepNext, .servicing-form-wrapper .step5 #submitButton, .servicing-form-wrapper .step6 .multistepNext, .servicing-form-wrapper .step6 #submitButton, .servicing-form-wrapper .step7 .multistepNext, .servicing-form-wrapper .step7 #submitButton, .servicing-form-wrapper .step8 .multistepNext, .servicing-form-wrapper .step8 #submitButton {
	right: 15px
}
}
.servicing-form-wrapper .step1 label {
	width: 100%;
	text-align: center
}
.servicing-form-wrapper .step1 #regLookup {
	width: 32%;
	margin-right: 2%;
	float: left;
	background: url(/static/images/unity/edenv1/reg.jpg) center left no-repeat #FFCE25;
	padding: 0 0 0 35px;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	color: #111;
	font-weight: bold;
	margin-left: 17%;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 32px
}

@media only screen and (max-width: 767px) {
.servicing-form-wrapper .step1 #regLookup {
	margin-left: 0;
	width: 49%
}
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step1 #regLookup {
	width: 100%
}
}
.servicing-form-wrapper .step1 #regLookupSubmit {
	background: #0397ce;
	border: 2px solid #0397ce;
	margin-right: 17%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	padding: 10px;
	width: 32%;
	text-transform: uppercase;
	font-size: 18px
}

@media only screen and (max-width: 767px) {
.servicing-form-wrapper .step1 #regLookupSubmit {
	margin-right: 0;
	width: 49%
}
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step1 #regLookupSubmit {
	width: 100%
}
}
.servicing-form-wrapper .step1 #regLookupSubmit:hover {
	background: #02729c;
	color: #fff;
	border: 2px solid #02729c
}
.servicing-form-wrapper .step2 label[for=YourVehicle] {
	width: 100%;
	display: block;
	float: none;
	background: 0
}
.servicing-form-wrapper .step2 label {
	display: block;
	background: #fff;
	padding: 10px;
	border-right: 1px solid #ccc;
	width: 50%;
	float: left
}

@media only screen and (max-width: 767px) {
.servicing-form-wrapper .step2 label {
	text-align: center
}
}
.servicing-form-wrapper .step2 label input {
	height: 20px !important;
	width: 20px;
	display: block;
	margin: 0 auto
}
.servicing-form-wrapper .step2 br {
	display: none
}
.servicing-form-wrapper .step3>div {
	width: 24.25%;
	float: left;
	margin-right: 1%
}
.servicing-form-wrapper .step3>div:nth-child(6) {
	width: 24.25%;
	float: left;
	margin-right: 0
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step3>div:nth-child(6) {
	width: 100%
}
}
.servicing-form-wrapper .step3>div select, .servicing-form-wrapper .step3>div input {
	width: 100%
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step3>div {
	width: 100%
}
}
.servicing-form-wrapper .step3 #vehicleMake, .servicing-form-wrapper .step3 #vehicleModel {
	background: url(/static/images/mot-page/car.jpg) center left no-repeat #eee
}
.servicing-form-wrapper .step3 #engineSize {
	background: url(/static/images/mot-page/engine.jpg) center left no-repeat #eee
}
.servicing-form-wrapper .step3 #fuelType {
	background: url(/static/images/mot-page/fuel.jpg) center left no-repeat #eee
}
.servicing-form-wrapper .step3a>div {
	width: 24.25%;
	margin: 0 auto
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step3a>div {
	width: 100%
}
}
.servicing-form-wrapper .step3a>div select, .servicing-form-wrapper .step3a>div input {
	width: 100%
}
.servicing-form-wrapper .step3a #Mileage {
	background: url(/static/images/mot-page/mileage.jpg) center left no-repeat #eee
}
.servicing-form-wrapper .step4 #serviceItemList {
	background: url(/static/images/mot-page/service.jpg) center left no-repeat #eee;
	float: left;
	width: 25%;
	margin-left: 24%;
	margin-right: 1%;
	padding: 8px 8px 8px 55px
}

@media only screen and (max-width: 991px) {
.servicing-form-wrapper .step4 #serviceItemList {
	margin-left: 0;
	width: 49%
}
}

@media only screen and (max-width: 479px) {
.servicing-form-wrapper .step4 #serviceItemList {
	width: 100%;
	margin-right: 0
}
}
.servicing-form-wrapper .step4 #motItemList {
	background: url(/static/images/mot-page/mot.jpg) center left no-repeat #eee;
	float: left;
	width: 25%;
	margin-right: 24%;
	margin-left: 1%;
	padding: 8px 8px 8px 55px
}

@media only screen and (max-width: 991px) {
.servicing-form-wrapper .step4 #motItemList {
	margin-right: 0;
	width: 49%
}
}

@media only screen and (max-width: 479px) {
.servicing-form-wrapper .step4 #motItemList {
	width: 100%;
	margin-left: 0
}
}
.servicing-form-wrapper .step4 #extraItemList {
	width: 52%;
	height: 100px;
	padding: 10px;
	display: none
}

@media only screen and (max-width: 991px) {
.servicing-form-wrapper .step4 #extraItemList {
	width: 100%
}
}
.servicing-form-wrapper .step4 #extraItemList option {
	padding: 10px
}
.servicing-form-wrapper .step4 #extraItemList option:checked {
	background: #0397ce;
	color: #4E4E4E
}
.servicing-form-wrapper .step4 .serviceItems {
	background: 0;
	padding: 0;
	text-align: left
}
.servicing-form-wrapper .step4 .serviceItems .services label, .servicing-form-wrapper .step4 .serviceItems .mots label, .servicing-form-wrapper .step4 .serviceItems .extras label {
	width: 50%;
	background: #fff;
	border-right: 1px solid #ccc;
	float: left;
	font-size: 18px;
	margin-bottom: 1px
}

@media only screen and (max-width: 767px) {
.servicing-form-wrapper .step4 .serviceItems .services label, .servicing-form-wrapper .step4 .serviceItems .mots label, .servicing-form-wrapper .step4 .serviceItems .extras label {
	width: 100%;
	font-size: 16px
}
}
.servicing-form-wrapper .step4 .serviceItems .services input, .servicing-form-wrapper .step4 .serviceItems .mots input, .servicing-form-wrapper .step4 .serviceItems .extras input {
	height: auto !important
}
.servicing-form-wrapper .step4 .serviceItems label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.servicing-form-wrapper .step4 .serviceItems label input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}
.servicing-form-wrapper .step4 .serviceItems .checkmark {
	position: absolute;
	top: 8px;
	left: 8px;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%
}
.servicing-form-wrapper .step4 .serviceItems .checkmark::before {
	content: '';
	width: 23px;
	height: 23px;
	position: absolute;
	top: 0px;
	left: 1px;
	border-radius: 50px;
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5)
}
.servicing-form-wrapper .step4 .serviceItems .checkmark:after {
	content: "";
	position: absolute;
	display: none
}
.servicing-form-wrapper .step4 .serviceItems label input:checked ~ .checkmark:after {
	display: block
}
.servicing-form-wrapper .step4 .serviceItems label .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white
}
.servicing-form-wrapper .step5 label, .servicing-form-wrapper .step5 input {
	float: left;
	width: 25%;
	margin-right: 1%
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step5 label, .servicing-form-wrapper .step5 input {
	width: 100%
}
}
.servicing-form-wrapper .step5 label:first-child, .servicing-form-wrapper .step5 input:first-child {
	margin-left: 19%;
	width: 12%
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step5 label:first-child, .servicing-form-wrapper .step5 input:first-child {
	width: 100%;
	margin-left: 0
}
}
.servicing-form-wrapper .step5 .dateTimePicker {
	position: relative
}
.servicing-form-wrapper .step5 .datepicker.datepicker-dropdown {
	top: -260px;
	left: 32% !important
}
.servicing-form-wrapper .step5 #dateTime {
	background: url(/static/images/mot-page/date.jpg) center left no-repeat #eee
}
.servicing-form-wrapper .step5 #timePicker {
	background: url(/static/images/mot-page/date.jpg) center left no-repeat #eee
}
.servicing-form-wrapper .step5 .datepicker.datepicker-inline {
	position: absolute;
	z-index: -1
}
.servicing-form-wrapper .step6>div {
	width: 24.25%;
	float: left;
	margin-right: 1%
}
.servicing-form-wrapper .step6>div:nth-child(6) {
	width: 24.25%;
	float: left;
	margin-right: 0
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step6>div:nth-child(6) {
	width: 100%
}
}
.servicing-form-wrapper .step6>div select, .servicing-form-wrapper .step6>div input {
	width: 100%
}

@media only screen and (max-width: 520px) {
.servicing-form-wrapper .step6>div {
	width: 100%
}
}
.servicing-form-wrapper .step6 #name {
	background: url(/static/images/mot-page/title.jpg) center left no-repeat #eee
}
.servicing-form-wrapper .step6 #telephone {
	background: url(/static/images/mot-page/tel.jpg) center left no-repeat #eee
}
.servicing-form-wrapper .step6 #email {
	background: url(/static/images/mot-page/email.jpg) center left no-repeat #eee
}
.servicing-form-wrapper .step6 #postcode {
	background: url(/static/images/mot-page/postcode.jpg) center left no-repeat #eee
}
.servicing-form-wrapper .step7 .serviceLocations>div {
	background: #fff;
	padding: 20px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	position: relative
}
.servicing-form-wrapper .step7 .serviceLocations>div input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

@media only screen and (max-width: 767px) {
.servicing-form-wrapper .step7 .serviceLocations>div {
	width: 100%;
	text-align: center
}
}
.servicing-form-wrapper .step7 .serviceLocations>div .checkmark {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%
}
.servicing-form-wrapper .step7 .serviceLocations>div label {
	width: 33.3%;
	background: #eee;
	padding: 20px;
	border: 5px solid #fff
}

@media only screen and (max-width: 767px) {
.servicing-form-wrapper .step7 .serviceLocations>div label {
	width: 100%
}
}
.servicing-form-wrapper .step7 .serviceLocations>div label:hover {
	cursor: pointer
}
.servicing-form-wrapper .step7 .serviceLocations>div label {
	border: 2px solid #fff
}
.servicing-form-wrapper .step7 .serviceLocations>div label:hover {
	border: 2px solid #0397ce
}
.servicing-form-wrapper .step7 .serviceLocations>div label.active {
	border: 2px solid #0397ce
}
.servicing-form-wrapper .step8>div {
	padding: 10px;
	margin-bottom: 1px;
	background: #eee;
	width: 50%;
	float: left;
	border-right: 1px solid #fff;
	text-align: left
}

@media only screen and (max-width: 991px) {
.servicing-form-wrapper .step8>div {
	width: 100%;
	text-align: center
}
}
.servicing-form-wrapper .step8>div label {
	width: 180px;
	float: left;
	display: block;
	margin-bottom: 0
}

@media only screen and (max-width: 991px) {
.servicing-form-wrapper .step8>div label {
	width: 100%;
	text-align: center
}
}
.servicing-form-wrapper .step8>div span {
	float: left;
	display: block
}

@media only screen and (max-width: 991px) {
.servicing-form-wrapper .step8>div span {
	float: none;
	text-align: center
}
}
.step-number-wrap {
	position: relative;
	display: block
}
.step-number-wrap .step-number {
	background: #0397ce;
	color: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	padding: 10px;
	max-width: 65px;
	margin: 0 auto;
	font-size: 14px;
	top: -75px;
	left: 0;
	right: 0;
	border: 1px solid #fff;
	position: absolute
}

@media only screen and (max-width: 520px) {
.step-number-wrap .step-number {
	position: relative;
	padding: 5px;
	max-width: 55px;
	top: 0;
	margin-bottom: 10px
}
}
.step-number-wrap .step-number span {
	font-size: 20px;
	font-weight: bold;
	line-height: 18px
}
.step-number-wrap .step-number br {
	display: block
}
.vacancies-listings {
	background: rgba(255,255,255,0.95);
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3)
}
.vacancies-listings h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	margin-top: 0
}
.subaruHybrids .hybridIntro {
	margin: 30px -15px;
	position: relative
}
.subaruHybrids .hybridIntro .col-md-6 {
	position: static
}
.subaruHybrids .hybridIntro .col-md-6 p {
	margin-bottom: 20px
}

@media only screen and (max-width: 1380px) {
.subaruHybrids .hybridIntro .col-md-6 p {
	margin-bottom: 15px;
	font-size: 17px;
	line-height: 22px
}
}

@media only screen and (max-width: 1280px) {
.subaruHybrids .hybridIntro .col-md-6 p {
	font-size: 15px;
	line-height: 22px
}
}

@media only screen and (max-width: 1170px) {
.subaruHybrids .hybridIntro .col-md-6 p {
	font-size: 14px;
	line-height: 20px
}
}

@media only screen and (max-width: 1080px) {
.subaruHybrids .hybridIntro .col-md-6 p {
	margin-bottom: 5px
}
}

@media only screen and (max-width: 991px) {
.subaruHybrids .hybridIntro .col-md-6 p {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 24px
}
}
.subaruHybrids .hybridIntro .col-md-6 img {
	margin-top: 5px
}
.subaruHybrids .hybridIntro .btn-icon, .subaruHybrids .hybridIntro #fixed-header .fixed-links a, #fixed-header .fixed-links .subaruHybrids .hybridIntro a, .subaruHybrids .hybridIntro .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .subaruHybrids .hybridIntro button, .subaruHybrids .hybridIntro .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .subaruHybrids .hybridIntro .view-all-stock, .subaruHybrids .hybridIntro .full-search .form span button, .full-search .form span .subaruHybrids .hybridIntro button, .subaruHybrids .hybridIntro .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .subaruHybrids .hybridIntro button {
	margin-bottom: 10px;
	text-align: center;
	width: 15%;
	float: left;
	position: absolute;
	bottom: -10px;
	right: 17.5%
}
.subaruHybrids .hybridIntro .btn-icon:last-child, .subaruHybrids .hybridIntro #fixed-header .fixed-links a:last-child, #fixed-header .fixed-links .subaruHybrids .hybridIntro a:last-child, .subaruHybrids .hybridIntro .three-cols .search-container.box .submit-wrap button:last-child, .three-cols .search-container.box .submit-wrap .subaruHybrids .hybridIntro button:last-child, .subaruHybrids .hybridIntro .three-cols .search-container.box .view-all-stock:last-child, .three-cols .search-container.box .subaruHybrids .hybridIntro .view-all-stock:last-child, .subaruHybrids .hybridIntro .full-search .form span button:last-child, .full-search .form span .subaruHybrids .hybridIntro button:last-child, .subaruHybrids .hybridIntro .full-search .form .price-dropdown-wrapper button:last-child, .full-search .form .price-dropdown-wrapper .subaruHybrids .hybridIntro button:last-child {
	margin-right: 0
}

@media only screen and (max-width: 991px) {
.subaruHybrids .hybridIntro .btn-icon, .subaruHybrids .hybridIntro #fixed-header .fixed-links a, #fixed-header .fixed-links .subaruHybrids .hybridIntro a, .subaruHybrids .hybridIntro .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .subaruHybrids .hybridIntro button, .subaruHybrids .hybridIntro .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .subaruHybrids .hybridIntro .view-all-stock, .subaruHybrids .hybridIntro .full-search .form span button, .full-search .form span .subaruHybrids .hybridIntro button, .subaruHybrids .hybridIntro .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .subaruHybrids .hybridIntro button {
	position: relative;
	width: 100%;
	right: 0
}
}
.subaruHybrids .hybridIntro h1 {
	font-weight: 200;
	font-size: 38px;
	line-height: 42px
}

@media only screen and (max-width: 767px) {
.subaruHybrids .hybridIntro h1 {
	font-size: 24px;
	line-height: 28px
}
}
.subaruHybrids .hybridIntro h2 {
	color: #0397ce;
	font-weight: 200;
	text-transform: none;
	font-size: 28px;
	line-height: 32px
}

@media only screen and (max-width: 767px) {
.subaruHybrids .hybridIntro h2 {
	font-size: 18px;
	line-height: 24px
}
}
.subaruHybrids .form-page-container .form-page h2 {
	text-transform: uppercase;
	margin-top: 0;
	font-size: 32px;
	line-height: 28px;
	font-weight: bold
}

@media only screen and (max-width: 767px) {
.subaruHybrids .form-page-container .form-page h2 {
	font-size: 22px
}
}
.subaruHybrids .newcar-overview-container {
	margin: 0
}
#me-section {
	background: rgba(238,238,238,0.95);
	padding: 25px
}
#me-section p {
	padding: 10px
}
#me-section h1 {
	background: rgba(255,255,255,0.45);
	color: #0397ce;
	font-weight: bold;
	font-size: 24px;
	padding: 20px 20px;
	text-transform: uppercase;
	margin-bottom: 0
}
#me-section h2 {
	color: #0397ce;
	padding: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase
}
@font-face {
	font-family: 'subaru-icons';
	src: url("/static/fonts/subaru-icons/subaru-icons.eot?h67hzt");
	src: url("/static/fonts/subaru-icons/subaru-icons.eot?h67hzt#iefix") format("embedded-opentype"), url("/static/fonts/subaru-icons/subaru-icons.ttf?h67hzt") format("truetype"), url("/static/fonts/subaru-icons/subaru-icons.woff?h67hzt") format("woff"), url("/static/fonts/subaru-icons/subaru-icons.svg?h67hzt#subaru-icons") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block
}
[class^='icon-'], [class*=' icon-'] {
	font-family: "subaru-icons";
	font-style: normal
}
.icon-event-calendar:before {
	content: '\e92c'
}
.icon-minus:before {
	content: '\e92b'
}
.icon-twitter:before {
	content: '\e922'
}
.icon-youtube:before {
	content: '\e923'
}
.icon-linkedin:before {
	content: '\e924'
}
.icon-instagram:before {
	content: '\e925'
}
.icon-brochure-outlined:before {
	content: '\e926'
}
.icon-location-outlined:before {
	content: '\e927'
}
.icon-drive-outlined:before {
	content: '\e928'
}
.icon-facebook:before {
	content: '\e929'
}
.icon-finance-outlined:before {
	content: '\e92a'
}
.icon-upload:before {
	content: '\e900'
}
.icon-Group-453:before {
	content: '\e901'
}
.icon-profile:before {
	content: '\e902'
}
.icon-home:before {
	content: '\e903'
}
.icon-search:before {
	content: '\e904'
}
.icon-arrow-up-right:before {
	content: '\e905'
}
.icon-delete:before {
	content: '\e906'
}
.icon-arrow-up:before {
	content: '\e907'
}
.icon-font:before {
	content: '\e908'
}
.icon-shrink:before {
	content: '\e909'
}
.icon-expand:before {
	content: '\e90a'
}
.icon-skip-forward:before {
	content: '\e90b'
}
.icon-pause:before {
	content: '\e90c'
}
.icon-play:before {
	content: '\e90d'
}
.icon-skip-back:before {
	content: '\e90e'
}
.icon-loop:before {
	content: '\e90f'
}
.icon-chat:before {
	content: '\e910'
}
.icon-plus:before {
	content: '\e911'
}
.icon-close:before {
	content: '\e912'
}
.icon-right:before {
	content: '\e913'
}
.icon-up:before {
	content: '\e914'
}
.icon-down:before {
	content: '\e915'
}
.icon-left:before {
	content: '\e916'
}
.icon-check:before {
	content: '\e917'
}
.icon-chevron-down:before {
	content: '\e918'
}
.icon-chevron-up:before {
	content: '\e919'
}
.icon-chevron-left:before {
	content: '\e91a'
}
.icon-chevron-right:before {
	content: '\e91b'
}
.icon-info:before {
	content: '\e91c'
}
.icon-chevron-right-slim:before {
	content: '\e91d'
}
.icon-chevron-left-slim:before {
	content: '\e91e'
}
.icon-chevron-up-slim:before {
	content: '\e91f'
}
.icon-restart:before {
	content: '\e920'
}
.icon-lock:before {
	content: '\e921'
}
i.icon-chevron-down {
	float: none;
	font-size: 0.85em;
	display: inline-block;
	margin: 0
}
.container-fluid {
	max-width: 1600px
}
.carstock {
	padding: 0;
	font-size: 14px
}
.carstock .autoload {
	margin-bottom: 50px
}
#wrapper #header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 85px;
	z-index: 9999;
	color: #212121;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1)
}
#wrapper #header.active {
	background: #393939;
	color: #999
}
#wrapper #header.active button {
	color: #fff
}

@media only screen and (max-width: 1121px) {
#wrapper #header {
	height: 65px
}
}

@media only screen and (max-width: 991px) {
#wrapper #header {
	padding-top: 0
}
}
#wrapper #header>.container-fluid {
	padding: 0;
	position: relative
}
#wrapper #header .flex-head {
	display: flex;
	justify-content: center
}
#wrapper #header .logo {
	order: 2
}

@media only screen and (max-width: 1121px) {
#wrapper #header .logo {
	width: 100%
}
}

@media only screen and (max-width: 991px) {
#wrapper #header .logo .logo-image {
	display: block
}
}

@media only screen and (min-width: 1122px) {
#wrapper #header .logo img {
	height: 85px
}
}

@media only screen and (max-width: 1121px) {
#wrapper #header .logo img {
	text-align: center;
	height: 65px;
	width: auto;
	margin: 0 auto;
	float: none
}
}
#wrapper #header .main-navigation {
	padding: 0 15px
}
#wrapper #header .main-navigation.left {
	order: 1
}
#wrapper #header .main-navigation.right {
	order: 3
}

@media only screen and (max-width: 1121px) {
#wrapper #header .main-navigation {
	position: fixed;
	top: 65px;
	left: 0;
	padding-left: 0;
	max-width: 400px;
	background: #007eb0;
	height: calc(100vh - 65px);
	display: none;
	overflow-y: scroll
}
#wrapper #header .main-navigation.active {
	display: block
}
}
#wrapper #header .main-navigation .nav-item {
	float: left;
	padding: 35px 1em;
	font-size: 16px;
	font-weight: 500;
	display: block;
	text-align: center
}
#wrapper #header .main-navigation .nav-item.active {
	color: #fff
}
#wrapper #header .main-navigation .nav-item.current {
	color: #0397ce
}

@media only screen and (max-width: 1205px) {
#wrapper #header .main-navigation .nav-item {
	font-size: 14px
}
}
#wrapper #header .main-navigation .nav-item>a {
	color: inherit;
	text-decoration: none
}
#wrapper #header .main-navigation .nav-item>a.btn-icon, #wrapper #header .main-navigation #fixed-header .fixed-links .nav-item>a, #fixed-header .fixed-links #wrapper #header .main-navigation .nav-item>a, #wrapper #header .main-navigation .three-cols .search-container.box .nav-item>a.view-all-stock, .three-cols .search-container.box #wrapper #header .main-navigation .nav-item>a.view-all-stock {
	color: #fff
}

@media only screen and (max-width: 1121px) {
#wrapper #header .main-navigation .nav-item {
	display: block;
	width: 100%;
	padding: 0px;
	color: #fff;
	text-align: left;
	border-bottom: 1px solid #0397ce
}
#wrapper #header .main-navigation .nav-item a {
	padding: 20px;
	display: block;
	width: 100%;
	float: left;
	clear: both;
	color: #fff
}
#wrapper #header .main-navigation .nav-item a:focus, #wrapper #header .main-navigation .nav-item a:hover, #wrapper #header .main-navigation .nav-item a:active {
	color: #fff
}
}
#wrapper #header .main-navigation .nav-item:hover {
	text-decoration: none
}
#wrapper #header .main-navigation .nav-item .awicon-chevron-arrow-down {
	font-size: 0.8em;
	margin-right: 5px;
	display: inline-block;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s
}
#wrapper #header .main-navigation .nav-item svg.chevron {
	width: 0.75em;
	height: 0.75em;
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out
}
#wrapper #header .main-navigation .nav-item .icon {
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out;
	float: none;
	background: none;
	margin: 0 0.5em 0 0;
	font-size: 0.8em;
	display: inline-block
}
#wrapper #header .main-navigation .nav-item .hover-menu {
	position: fixed;
	top: 85px;
	left: 0;
	width: 100vw;
	background: #393939;
	background: linear-gradient(0deg, #393939, #222);
	color: #ddd;
	padding: 0px;
	text-align: center;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	transform: scaleY(0.5);
	transform-origin: top center;
	height: 0;
	overflow: hidden;
	box-shadow: 0 3px 5px rgba(0,0,0,0.5)
}
#wrapper #header .main-navigation .nav-item .hover-menu.new-subaru {
	padding: 15px 80px
}

@media only screen and (max-width: 1121px) {
#wrapper #header .main-navigation .nav-item .hover-menu {
	position: relative;
	top: auto;
	padding: 0 0 15px;
	background: #006a94;
	float: left;
	clear: both
}
}
#wrapper #header .main-navigation .nav-item .hover-menu .subnav-item {
	display: inline-block;
	width: 320px;
	max-width: 90%;
	margin: 0;
	color: #fff;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	padding: 15px;
	text-align: center
}

@media only screen and (max-width: 1121px) {
#wrapper #header .main-navigation .nav-item .hover-menu .subnav-item {
	width: 100%;
	margin: 0;
	padding: 8px 10px
}
}
#wrapper #header .main-navigation .nav-item .hover-menu .subnav-item h3 {
	font-weight: 500;
	margin: 0;
	font-size: 1.2em
}
#wrapper #header .main-navigation .nav-item .hover-menu .subnav-item p {
	font-weight: 300;
	text-transform: none;
	font-size: 1em
}
#wrapper #header .main-navigation .nav-item .hover-menu.explore-subaru a.sub-nav-col-item-primary, #wrapper #header .main-navigation .nav-item .hover-menu.explore-subaru a.sub-nav-col-item-secondary {
	display: inline-block;
	width: auto;
	clear: both;
	float: left;
	padding: 5px 0
}
#wrapper #header .main-navigation .nav-item .hover-menu .sub-nav-col-item {
	display: none
}
#wrapper #header .main-navigation .nav-item .hover-menu .sub-nav-col-item .sub-nav-col-item-primary {
	display: block
}
#wrapper #header .main-navigation .nav-item .hover-menu .sub-nav-col-item.active {
	display: block
}
#wrapper #header .main-navigation .nav-item .hover-menu .sub-nav-col-secondary-col, #wrapper #header .main-navigation .nav-item .hover-menu .sub-nav-col-tertiary-col {
	display: none
}
#wrapper #header .main-navigation .nav-item .hover-menu .sub-nav-col-secondary-col.active, #wrapper #header .main-navigation .nav-item .hover-menu .sub-nav-col-tertiary-col.active {
	display: block
}
#wrapper #header .main-navigation .nav-item.active .hover-menu {
	display: block;
	transform: scaleY(1);
	height: auto;
	padding: 30px
}
#wrapper #header .main-navigation .nav-item.active .awicon-chevron-arrow-down, #wrapper #header .main-navigation .nav-item.active svg.chevron, #wrapper #header .main-navigation .nav-item.active .icon {
	transform: rotate(180deg)
}
#wrapper #header .main-navigation .search-icon {
	display: inline-block
}

@media only screen and (max-width: 1121px) {
#wrapper #header .main-navigation .search-icon {
	display: none
}
}
#wrapper #header .main-navigation #icon-icon-search {
	fill: #333;
	width: 22px;
	height: 90px;
	padding-top: 15px
}
.header-spacer {
	height: 85px;
	width: 100%
}

@media only screen and (max-width: 1121px) {
.header-spacer {
	height: 65px
}
}
.navbar {
	display: none !important
}
.headline {
	font-size: 42px;
	font-weight: bold;
	line-height: 1
}

@media only screen and (max-width: 991px) {
.headline {
	font-size: 24px
}
}

@media only screen and (max-width: 991px) {
.center-mobile {
	text-align: center
}
}
.display-h1 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2.5em;
	line-height: 1;
	padding-left: 0.1em;
	margin-bottom: .2em;
	box-shadow: inset 0.2em 0 0 -1px #0099d4
}
.uvl-form-page-container {
	display: flex;
	flex-wrap: wrap;
	min-height: 400px
}
.uvl-form-page-container .uvl-banner-image {
	background: url(/static/images/unity/imgroup/subaru-used-car-banner.jpg) no-repeat 75% 75%;
	background-size: cover;
	flex: 3
}

@media only screen and (max-width: 767px) {
.uvl-form-page-container .uvl-banner-image {
	width: 100%;
	flex: none;
	padding-bottom: 45%
}
}
.uvl-form-page-container .uvl-search-container {
	padding: 40px;
	background: #090909;
	margin: 0;
	flex: 2;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-weight: 300
}

@media only screen and (min-width: 1200px) {
.uvl-form-page-container .uvl-search-container .vertical-pos {
	max-width: 500px;
	padding-right: 100px
}
}
.uvl-form-page-container .uvl-search-container p {
	line-height: 1.2
}

@media only screen and (max-width: 767px) {
.uvl-form-page-container .uvl-search-container {
	width: 100%;
	padding: 25px;
	flex: none;
	justify-content: center
}
}
.uvl-form-page-container .uvl-search-container form {
	max-width: 900px;
	margin: 0 auto
}
.uvl-form-page-container .uvl-search-container input, .uvl-form-page-container .uvl-search-container button, .uvl-form-page-container .uvl-search-container select {
	width: 100%;
	font-size: 15px;
	padding: 5px;
	height: 40px;
	border: none
}
.uvl-form-page-container .uvl-search-container button {
	font-weight: bold
}

@media only screen and (max-width: 400px) {
.uvl-form-page-container .uvl-search-container button {
	font-size: 11px
}
}
.uvl-form-page-container .uvl-search-container button .awicon-chevron-arrow-up {
	font-size: 16px;
	line-height: 22px
}
.uvl-form-page-container .uvl-search-container .uvl-home-search-element {
	width: 40%;
	float: left;
	padding: 10px 10px 0 0
}
.uvl-form-page-container .uvl-search-container .uvl-home-search-button {
	width: 20%;
	float: left;
	padding: 10px 0 0 0
}
.uvl-form-page-container .uvl-search-container #postcode-label {
	display: none
}
.uvl-form-page-container .uvl-search-container h1 {
	font-size: 50px;
	line-height: 1
}

@media only screen and (max-width: 767px) {
.uvl-form-page-container .uvl-search-container h1 {
	font-size: 40px
}
}

@media only screen and (max-width: 620px) {
.uvl-form-page-container .uvl-search-container h1 {
	font-size: 30px
}
}
.uvl-models-container {
	padding: 0 0 20px
}
.uvl-models-container h2 {
	font-size: 42px;
	line-height: 1.1;
	margin: 1em 0;
	text-align: center;
	font-weight: bold
}

@media only screen and (max-width: 767px) {
.uvl-models-container h2 {
	font-size: 24px
}
}
.uvl-models {
	padding: 0 0 40px 0
}
.uvl-models a {
	float: left;
	width: 25%;
	color: #333;
	display: block;
	background: #fff;
	padding: 10px;
	border: 0;
	text-align: center
}

@media only screen and (max-width: 767px) {
.uvl-models a {
	width: 33%
}
}

@media only screen and (max-width: 580px) {
.uvl-models a {
	width: 50%
}
}
.uvl-models a img {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}
.uvl-models a:hover {
	text-decoration: none
}
.uvl-models a:hover img {
	opacity: 0.8
}
.uvl-models a .title {
	margin: -10px 0 0 0;
	position: relative;
	z-index: 9;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase
}

@media only screen and (max-width: 1080px) {
.uvl-models a .title {
	font-size: 20px
}
}

@media only screen and (max-width: 991px) {
.uvl-models a .description {
	display: none
}
}
.uvl-models a .price {
	margin: 0;
	color: #111;
	font-size: 24px;
	font-weight: bold;
	color: #0397ce
}
.uvl-models a .price span {
	font-size: 16px;
	color: #333;
	font-weight: normal
}

@media only screen and (max-width: 1080px) {
.uvl-models a .price {
	font-size: 20px
}
}

@media only screen and (max-width: 991px) {
.uvl-models a .price {
	font-size: 16px
}
}
.uvl-models a .btn-icon, .uvl-models a #fixed-header .fixed-links a, #fixed-header .fixed-links .uvl-models a a, .uvl-models a .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .uvl-models a button, .uvl-models a .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .uvl-models a .view-all-stock, .uvl-models a .full-search .form span button, .full-search .form span .uvl-models a button, .uvl-models a .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .uvl-models a button {
	width: 100%;
	max-width: 250px;
	margin: 0 auto
}
.uvl-intro {
	background: #eee;
	padding: 20px
}
.uvl-intro p {
	font-size: 16px;
	line-height: 20px
}
.approved-icons {
	border-left: 1px solid #eee;
	margin-bottom: 15px;
	float: left;
	width: 100%;
	clear: both
}
.approved-icons div {
	float: left;
	width: 25%;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee
}

@media only screen and (max-width: 767px) {
.approved-icons div {
	width: 50%
}
}
.vehicle-ctas .btn-icon, .vehicle-ctas #fixed-header .fixed-links a, #fixed-header .fixed-links .vehicle-ctas a, .vehicle-ctas .three-cols .search-container.box .submit-wrap button, .three-cols .search-container.box .submit-wrap .vehicle-ctas button, .vehicle-ctas .three-cols .search-container.box .view-all-stock, .three-cols .search-container.box .vehicle-ctas .view-all-stock, .vehicle-ctas .full-search .form span button, .full-search .form span .vehicle-ctas button, .vehicle-ctas .full-search .form .price-dropdown-wrapper button, .full-search .form .price-dropdown-wrapper .vehicle-ctas button {
	font-size: 18px
}
.dealer-details {
	padding: 20px 0
}
.dealer-details-name {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase
}
.dealer-details-tel {
	font-size: 18px;
	line-height: 24px
}
.dealer-details-tel a {
	font-size: 24px;
	font-weight: bold;
	color: #0397ce
}
.dealer-details-address {
	font-size: 18px;
	line-height: 24px
}
.map-container img {
	float: right
}
.details-button {
	font-size: 16px;
	line-height: 16px;
	width: 100%;
	max-width: 300px
}
.form-page-container .form-page {
	padding-top: 40px
}
#enquiryLocation, label[for="enquiryLocation"] {
	display: none
}
.burger-menu {
	display: none
}

@media only screen and (max-width: 1121px) {
.burger-menu {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 20px;
	left: 20px
}
}
.vehicle-image a {
	display: block;
	position: relative;
	float: left;
	clear: both
}
.vehicle-image a img {
	width: 100%
}
.proven-details-page {
	background: #666;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	padding: 10px;
	text-transform: uppercase;
	display: block;
	margin: 1px;
	text-align: center
}
.proven-details-page .icon {
	float: right;
	margin-top: 8px
}
.proven-details-page:hover {
	text-decoration: none;
	background: #555;
	color: #fff
}
.proven-details {
	position: absolute;
	top: 0;
	z-index: 9;
	right: 0;
	max-width: 280px
}

@media only screen and (max-width: 767px) {
.proven-details {
	width: 50%;
	max-width: 50%
}
}

@media only screen and (max-width: 479px) {
.proven-details {
	width: 100%;
	max-width: 100%;
	position: relative
}
}
.proven-listing {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 220px
}

@media only screen and (max-width: 1100px) {
.proven-listing {
	position: relative;
	width: 100%;
	max-width: 100%
}
}

@media only screen and (max-width: 1100px) {
.result .photo-number {
	display: none
}
}

@media only screen and (max-width: 1121px) {
#wrapper header#header .main-navigation .nav-item .hover-menu.explore-subaru a.sub-nav-col-item-primary {
	display: block !important;
	width: 100%;
	float: left;
	clear: both
}
#wrapper header#header .main-navigation .nav-item {
	font-size: 17px
}
#wrapper header#header .main-navigation .nav-item .hover-menu .prim-col {
	display: none
}
#wrapper header#header .main-navigation .nav-item .hover-menu .sub-nav-col {
	width: 100%
}
#wrapper header#header .main-navigation .nav-item .hover-menu h3 {
	width: 100%;
	display: block;
	font-size: 18px;
	float: left;
	clear: both
}
#wrapper header#header .main-navigation .nav-item .hover-menu a.sub-nav-col-item-primary {
	padding-left: 10px
}
#wrapper header#header .main-navigation .nav-item .hover-menu .sub-nav-col-item-secondary-col {
	display: block !important
}
#wrapper header#header .main-navigation .nav-item .hover-menu a.sub-nav-col-item-secondary {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	font-weight: normal
}
#wrapper header#header .main-navigation .nav-item .hover-menu .sub-nav-col-item-secondary {
	display: block !important;
	padding-left: 10px !important;
	font-weight: normal;
	text-transform: none !important
}
#wrapper header#header .main-navigation .nav-item .hover-menu .sub-nav-col-tertiary-col.active {
	display: none !important
}
#wrapper header#header .main-navigation .nav-item .hover-menu .sub-nav-col-secondary-col {
	display: block !important
}
}
#make-wrapper {
	display: none
}
.main-footer {
	background: #212121;
	color: #ffffff;
	border: none !important
}

@media only screen and (min-width: 992px) {
.main-footer {
	background: linear-gradient(180deg, #101010 0%, #212121 75%)
}
}

@media only screen and (max-width: 479px) {
.main-footer {
	font-size: 14px !important
}
}
.main-footer h5 {
	font-size: 1.25em
}
.main-footer .footer-nav {
	margin: 0 auto 1.5em
}
.main-footer .footer-nav .menu-footer-container {
	width: 100%
}

@media only screen and (min-width: 992px) {
.main-footer .footer-nav {
	display: flex;
	flex-wrap: wrap
}
}

@media only screen and (min-width: xxlarge) {
.main-footer .footer-nav {
	flex-wrap: nowrap
}
}
.main-footer .footer-nav .footer-nav-menu {
	width: 100%;
	border-bottom: 1px solid #434343;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 16px
}
.main-footer .footer-nav .footer-nav-menu li {
	float: left;
	width: 100%
}

@media only screen and (min-width: 992px) {
.main-footer .footer-nav .footer-nav-menu li {
	border-bottom: 0;
	width: 20%
}
}
.main-footer .footer-nav .footer-nav-menu li .is-accordion-submenu .is-accordion-submenu-item {
	width: 100%
}
.main-footer .footer-nav .footer-nav-menu .footer-nav-container>a {
	font-weight: 500;
	position: relative;
	font-size: 16px;
	padding: 0.75em 1.35em;
	padding-right: 3em;
	color: #ffffff;
	display: block;
	width: 100%;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden
}

@media only screen and (min-width: 992px) {
.main-footer .footer-nav .footer-nav-menu .footer-nav-container>a {
	display: block;
	background-color: #000000;
	padding: 1em 1.5em;
	padding-right: 2.5em
}
}

@media only screen and (min-width: xxlarge) {
.main-footer .footer-nav .footer-nav-menu .footer-nav-container>a {
	padding: 1.5em 2.25em;
	padding-right: 3.25em
}
}
.main-footer .footer-nav .footer-nav-menu .footer-nav-container.menu-item-has-children:not(.has-submenu-toggle)>a {
	position: relative
}
.main-footer .footer-nav .footer-nav-menu .footer-nav-container.menu-item-has-children:not(.has-submenu-toggle)>a::after {
	content: '\e918';
	width: auto;
	height: auto;
	border: 0;
	right: 2em;
	margin-top: .2em;
	position: absolute;
	font-size: 0.75em;
	font-family: "subaru-icons";
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out
}
.main-footer .footer-nav .footer-nav-menu .footer-nav-container.menu-item-has-children.active a::after {
	transform: rotate(180deg)
}
.main-footer .footer-nav .footer-nav-menu .footer-nav-content, .main-footer .footer-nav .footer-nav-menu .menu {
	display: none;
	margin: 0
}

@media only screen and (min-width: 992px) {
.main-footer .footer-nav .footer-nav-menu .footer-nav-content, .main-footer .footer-nav .footer-nav-menu .menu {
	padding: 1.5em
}
}
.main-footer .footer-nav .footer-nav-menu .footer-nav-content .footer-nav-item, .main-footer .footer-nav .footer-nav-menu .footer-nav-content .menu-item, .main-footer .footer-nav .footer-nav-menu .menu .footer-nav-item, .main-footer .footer-nav .footer-nav-menu .menu .menu-item {
	list-style: none;
	width: 100%;
	float: none
}
.main-footer .footer-nav .footer-nav-menu .footer-nav-content .footer-nav-item.active a, .main-footer .footer-nav .footer-nav-menu .footer-nav-content .menu-item.active a, .main-footer .footer-nav .footer-nav-menu .menu .footer-nav-item.active a, .main-footer .footer-nav .footer-nav-menu .menu .menu-item.active a {
	background: none !important;
	font-weight: bold !important;
	text-decoration: none !important
}
.main-footer .footer-nav .footer-nav-menu .footer-nav-content .footer-nav-item:not(:last-child), .main-footer .footer-nav .footer-nav-menu .footer-nav-content .menu-item:not(:last-child), .main-footer .footer-nav .footer-nav-menu .menu .footer-nav-item:not(:last-child), .main-footer .footer-nav .footer-nav-menu .menu .menu-item:not(:last-child) {
	margin-bottom: 1em
}
.main-footer .footer-nav .footer-nav-menu .footer-nav-content .footer-nav-item a, .main-footer .footer-nav .footer-nav-menu .footer-nav-content .menu-item a, .main-footer .footer-nav .footer-nav-menu .menu .footer-nav-item a, .main-footer .footer-nav .footer-nav-menu .menu .menu-item a {
	color: #ffffff;
	padding: 0.25em 0;
	font-weight: 300
}
.main-footer .footer-nav .footer-nav-menu .footer-nav-content .footer-nav-item a:hover, .main-footer .footer-nav .footer-nav-menu .footer-nav-content .footer-nav-item a:active, .main-footer .footer-nav .footer-nav-menu .footer-nav-content .menu-item a:hover, .main-footer .footer-nav .footer-nav-menu .footer-nav-content .menu-item a:active, .main-footer .footer-nav .footer-nav-menu .menu .footer-nav-item a:hover, .main-footer .footer-nav .footer-nav-menu .menu .footer-nav-item a:active, .main-footer .footer-nav .footer-nav-menu .menu .menu-item a:hover, .main-footer .footer-nav .footer-nav-menu .menu .menu-item a:active {
	text-decoration: none
}

@media only screen and (min-width: 768px) {
.main-footer .footer-nav .footer-nav-menu.menu-open .footer-nav-content, .main-footer .footer-nav .footer-nav-menu.menu-open .menu {
	display: block
}
}
.main-footer .footer-social {
	padding: 1em;
	text-align: center;
	clear: both
}
.main-footer .footer-social ul {
	padding: 1em 0 0;
	margin: 0 auto;
	display: inline-flex;
	justify-content: space-between
}
.main-footer .footer-social li {
	list-style: none;
	padding: 0 0.35em
}
.main-footer .footer-social li a {
	font-size: 2.125em;
	display: block;
	color: #ffffff;
	opacity: 0.38;
	transition: opacity 0.2s ease-out
}
.main-footer .footer-social li a:hover {
	opacity: 1
}
.main-footer .footer-text {
	padding: 1.5em;
	text-align: center
}
.main-footer .footer-text p {
	font-size: 0.875em;
	font-weight: 300;
	line-height: 1.5
}
.facetedsearch-input-wrapper.model-placeholder {
	display: none !important
}
#page-content-wrapper #facetedsearch-form #postcode, #page-content-wrapper option[value="distance"] {
	display: block !important
}
.login-container {
	background: #eee;
	height: 100vh;
	padding-top: 150px
}
.login-container .login-box {
	background: #fff;
	border: 5px solid #dadada;
	max-width: 600px;
	margin: 0 auto;
	padding: 30px
}
.login-container .login-box fieldset legend {
	display: none
}
.login-container .login-box fieldset>div>div {
	margin-bottom: 10px
}
.login-container .login-box fieldset>div>div label {
	width: 100%
}
.login-container .login-box fieldset>div>div input {
	width: 100%;
	border: 2px solid #ccc
}
.login-container .login-box .hint {
	display: none
}
.login-container .login-box h1 {
	text-align: center
}
.login-container .login-box .logo-image {
	max-width: 200px;
	margin: 0 auto;
	display: block;
	text-align: center
}
.enquiry-button .used-valuation-form #vehicleReg {
	width: 100%;
	border: 0
}

@media only screen and (max-width: 767px) {
.enquiry-button .used-valuation-form #vehicleReg {
	display: none
}
}
.enquiry-button .used-valuation-form #buttonsubmit {
	width: 100%
}
.hero-banner {
	height: 500px;
	background-size: cover;
	background-position: 65% 75%
}

@media only screen and (max-width: 991px) {
.hero-banner {
	height: 400px
}
}
.hero-banner .banner-title {
	background: #000;
	display: inline-block;
	padding: 25px;
	color: #fff;
	margin: 30px
}
.hero-banner .banner-title .display-h1 {
	margin-bottom: 0
}
.flex-pod {
	display: flex;
	justify-content: center;
	max-width: 2000px;
	margin: 0 auto
}

@media only screen and (max-width: 991px) {
.flex-pod.pod-1 {
	flex-direction: column
}
}
.flex-pod .text-block {
	flex: 45%;
	padding: 4%;
	display: flex;
	align-items: center
}
.flex-pod .img-block {
	flex: 65%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 40%
}

@media only screen and (min-width: 768px) {
.flex-pod.alt {
	flex-direction: row-reverse
}
}

@media only screen and (max-width: 767px) {
.flex-pod {
	flex-direction: column
}
}
.subaru-proven {
	background-color: #464646;
	color: #fff
}
.subaru-proven ul {
	text-align: left
}
.subaru-proven ul li {
	line-height: 1.2;
	margin: 0 0 1em
}
svg.chevron {
	width: 1em;
	height: 1em
}
.expanded svg.chevron, .expanded .icon {
	transform: scaleY(-1);
	transform-origin: 50% 50%
}
.main-nav-toggle {
	cursor: pointer;
	padding: 1.5em;
	position: fixed;
	right: 0;
	z-index: 200;
	color: #000;
	background: none;
	transition: color 0.4s ease-out;
	height: 85px;
	border: none
}
.main-nav-toggle:hover, .main-nav-toggle:focus {
	background: none;
	color: #444
}

@media only screen and (max-width: 1121px) {
.main-nav-toggle {
	height: 65px
}
}
.main-nav-toggle svg {
	width: 1.875em
}
.main-nav-toggle span {
	display: block;
	width: 30px;
	height: 2px;
	background-color: currentColor;
	border-radius: 0.5em;
	position: relative;
	transition: background-color 0.4s ease-out
}
.main-nav-toggle span::before, .main-nav-toggle span::after {
	content: '';
	display: block;
	background-color: currentColor;
	border-radius: 0.5em;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(-7px);
	transition: transform 0.3s ease-out
}
.main-nav-toggle span::after {
	transform: translateY(7px)
}
.main-nav-content {
	width: 100vw;
	background-color: #212121;
	height: 100vh;
	font-size: 14px;
	z-index: 120;
	position: fixed;
	overflow-y: auto;
	left: 100%;
	top: 0;
	transition: transform 0.3s ease-out;
	padding: 1.25em 3.25em 2em 2em
}
.main-nav-content .nav-search {
	margin: 0 2em 1.5em 0
}
.main-nav-content .nav-search input {
	height: 3.25em;
	color: #ffffff;
	border: 1px solid transparent;
	background-color: #000
}
.main-nav-content .nav-search input:focus {
	border-color: #888888;
	box-shadow: none
}

@media only screen and (min-width: 768px) {
.main-nav-content {
	max-width: 400px
}
}
.main-nav-content ul {
	margin: 0;
	padding: 0
}
.main-nav-content ul li {
	list-style-type: none
}
.main-nav-content .menu-main-menu-container {
	margin-left: -2em;
	margin-right: -3.25em
}
.main-nav-content .menu-main-menu-container:not(:last-child) {
	position: relative;
	padding-bottom: 1em
}
.main-nav-content .menu-main-menu-container:not(:last-child)::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 4em);
	border-bottom: 1px solid #333
}
.main-nav-content .menu-main-menu-container:not(:first-of-type) {
	padding-top: 1em
}
.main-nav-content .menu-item-list>.menu-item {
	display: block;
	font-weight: 500;
	color: #ffffff;
	line-height: 1.4;
	position: relative;
	font-size: 1.15em;
	letter-spacing: normal;
	cursor: pointer
}
.main-nav-content .menu-item-list>.menu-item>a {
	display: block;
	color: currentColor;
	padding: 0.4em 1.5em;
	line-height: 33px
}
.main-nav-content .menu-item-list>.menu-item>a:hover {
	background-color: rgba(0,0,0,0.2)
}
.main-nav-content .menu-item-list>.menu-item.is-accordion-submenu-parent[aria-expanded='true']>a {
	background-color: #000000
}
.main-nav-content .menu-item-list .menu-item a {
	font-weight: 500;
	position: relative;
	text-decoration: none
}
.main-nav-content .menu-item-list .menu-item.active a {
	background-color: transparent
}
.main-nav-content .menu-item-list .menu-item.has-submenu-toggle>a {
	margin-right: 0
}
.main-nav-content .menu-item-list .menu-item .submenu-toggle {
	color: currentColor;
	height: 3em;
	right: 1em;
	background: none;
	border: 0
}
.main-nav-content .menu-item-list .menu-item .submenu-toggle:hover {
	background-color: #000000
}
.main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent:not(.is-submenu-item)>a {
	z-index: 5;
	display: inline-block
}
.main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent:not(.is-submenu-item)>a:hover {
	background-color: rgba(0,0,0,0)
}
.main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent:not(.is-submenu-item)>.submenu-toggle {
	right: 0;
	width: 100%;
	text-align: right;
	padding-right: 2em;
	position: absolute;
	outline: none
}
.main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent:not(.is-submenu-item)>.submenu-toggle.expanded {
	background-color: #000000
}
.main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent:not(.is-submenu-item)>.submenu-toggle.expanded:hover, .main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent:not(.is-submenu-item)>.submenu-toggle.expanded:focus {
	background-color: rgba(0,0,0,0.4)
}
.main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent:not(.is-submenu-item)>.submenu-toggle:hover {
	background-color: rgba(0,0,0,0.2)
}
.main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent:not(.has-submenu-toggle)>a {
	position: relative
}
.main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent.is-submenu-item {
	display: flex;
	flex-wrap: wrap
}
.main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent.is-submenu-item .submenu-toggle {
	position: relative;
	top: auto;
	right: auto;
	height: 1.8em;
	flex-grow: 1;
	text-align: left;
	padding: 0.5em 1em
}
.main-nav-content .menu-item-list .menu-item.is-accordion-submenu-parent.is-submenu-item .submenu-toggle:hover {
	background: transparent
}
.main-nav-content .menu-item-list .menu-item .is-accordion-submenu {
	padding: 0.5em 1em 0.75em 3em;
	background-color: rgba(0,0,0,0.2);
	flex: 0 0 100%
}
.main-nav-content .menu-item-list .menu-item .is-accordion-submenu a {
	font-size: 0.875em;
	padding: 0.3em 0;
	color: currentColor;
	display: inline-block
}
.main-nav-content .menu-item-list .menu-item .is-accordion-submenu a:hover {
	opacity: 0.8
}
.main-nav-content .menu-item-list .menu-item .is-accordion-submenu .is-accordion-submenu {
	padding-top: 0;
	padding-left: 2em;
	background: none
}
.main-nav-content .menu-item-list .menu-item .is-accordion-submenu .is-accordion-submenu a {
	font-weight: 300
}
header.main-nav-open .main-nav-toggle {
	color: #fff
}
.main-nav-open .main-nav-content {
	transform: translateX(-100%)
}
.main-nav-open .main-nav-toggle {
	color: #fff
}
.main-nav-open .main-nav-toggle span {
	background-color: transparent
}
.main-nav-open .main-nav-toggle span::before {
	transform: rotate(45deg)
}
.main-nav-open .main-nav-toggle span::after {
	transform: rotate(-45deg)
}
.carstock .models-nav {
	display: none;
	width: 100%;
	position: absolute;
	font-size: 16px;
	z-index: 50;
	transition: transform 0.2s ease-out;
	top: 63px;
	background-color: #2e2e2e;
	right: 100%;
	color: #ffffff;
	height: calc(100vh - 63px);
	overflow: auto
}
.carstock .models-nav .models-nav-item {
	position: relative;
	display: block;
	padding: 1.3em;
	color: currentColor;
	font-weight: 500;
	background-color: #212121;
	margin-bottom: 1px;
	text-decoration: none
}
.carstock .models-nav .models-nav-item:hover {
	background-color: #111;
	text-decoration: none
}
.carstock .models-nav .models-nav-item svg, .carstock .models-nav .models-nav-item .icon {
	position: absolute;
	width: 1em;
	transition: transform 0.3s ease-in-out;
	transform: rotate(-90deg);
	right: 1.5em;
	top: calc(50% - 1em);
	font-size: 0.8em
}
.carstock .models-nav .hover-menu {
	display: none
}
.carstock .models-nav .sub-nav-item.active svg, .carstock .models-nav .sub-nav-item.active .icon {
	transform: rotate(0deg)
}
.carstock .models-nav .sub-nav-item.active .hover-menu {
	display: block;
	text-align: center;
	background: #393939;
	background: linear-gradient(0deg, #393939, #222)
}
.carstock .models-nav .sub-nav-item.active .hover-menu .subnav-item {
	display: inline-block;
	width: 250px;
	max-width: 90%;
	margin: 0;
	color: #fff;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
	padding: 15px;
	text-align: center
}
.carstock .models-nav .sub-nav-item.active .hover-menu .subnav-item h3 {
	font-weight: 500;
	margin: 0;
	font-size: 1.2em
}
.carstock .models-nav .sub-nav-item.active .hover-menu .subnav-item p {
	font-weight: 300;
	text-transform: none;
	font-size: 1em
}

@media only screen and (max-width: 1121px) {
.carstock .models-nav {
	display: block
}
.carstock .models-nav-open .models-nav {
	transform: translateX(100%)
}
}
.carstock .models-nav-toggle {
	position: absolute;
	cursor: pointer;
	padding: 1.4em;
	left: 0;
	z-index: 100;
	color: #000;
	background: none;
	transition: color 0.4s ease-out;
	border: none;
	text-transform: none;
	font-size: 16px
}
.carstock .models-nav-toggle:hover, .carstock .models-nav-toggle:focus {
	background: none;
	color: #444
}

@media only screen and (min-width: 1122px) {
.carstock .models-nav-toggle {
	display: none
}
}
.carstock .models-nav-toggle svg {
	width: 1em;
	height: 1em;
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out;
	vertical-align: middle
}
.carstock .models-nav-toggle .icon {
	transform: rotate(0deg);
	transition: transform 0.3s ease-in-out;
	vertical-align: middle;
	font-size: 0.8em;
	margin: 2px 0 0 1em;
	background: none
}
.autoload .main-footer {
	position: fixed;
	bottom: 0;
	transition: 1s;
	transition-delay: 1.5s;
	transform: translate(0px, calc(100% - 50px));
	max-height: 80vh;
	z-index: 500
}
.autoload .main-footer:hover, .autoload .main-footer.active {
	transform: translate(0px, 0%);
	transition-delay: 0s;
	overflow: auto
}
.tab-model-item {
	width: 400px;
	text-align: center;
	display: inline-block;
	max-width: 100%;
	padding: 15px;
	user-select: none
}
.tab-model-item h3 {
	margin-top: 0
}
.home-intro {
	max-width: 2000px;
	margin: 0 auto
}

