@charset "utf-8";
body,div,p,a,span,li,dl,ol,ul{font-family: "sans-serif" !important;}
.icons-top--quicklinks .icons-top__subnav .assistance-link{display: none !important;}
.icons-social{display: none;}
.scrolldown{display: none!important;}
.container {
	width: 100%;
	position: relative;
	max-width: 100%;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px
}

.container::after {
	clear: both;
	content: "";
	display: table
}

.container .row {
	margin-left: -10px;
	margin-right: -10px
}

.container .row::after {
	clear: both;
	content: "";
	display: table
}

.row-offset {
	margin-left: -5%;
	margin-right: -5%
}

.contact-left h3{padding: 15px 0;border-bottom: 1px solid #ccc;}
.contact-left table{margin-top: 15px;}
.contact-left table tr td{line-height: 150%;padding: 10px 0;vertical-align: top;}
.contact-left table tr td input{width: 300px;}
.contact-left table tr td img{width: 100%;display: block;}
.contact-left table tr td:nth-child(1){width: 20%;}
.contact-left table tr td:nth-child(2){width: 40%;}
.contact-left table tr td:nth-child(3){width: 38%;padding-left: 2%;}
.contact-right{margin-left: 30px;background: #f5f5f5;padding: 0 20px 20px!important;border-radius: 10px;margin-bottom: 15px;}
.contact-right h3{padding: 15px 0;}
.contact-right table{width: 100%;}
.contact-right tr td{vertical-align: top;line-height: 200%;}
.contact-right tr+tr{border-top: 1px solid #ccc;}
.contact-right tr td p{color: #666;margin: 0 0 10px;}
.contact-right tr td p:first-child{margin: 10px 0 0;}
.contact-right tr td h4{font-size: 20px;font-weight: bold;color: #000;}
.contact-right tr td:nth-child(1){font-size: 30px;color: #ed6c02;width: 14%;}
.btn-viewall {
    text-align: right;
    line-height: 3em;
}
.btn-viewall a {
    font-weight: 900;
    color: #9b9b9b;
    font-style: italic;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.5em 0;
}
.cards{height:430px;}
.card .card__wrap,.card .card__wraps{height: 430px}
.card--video .card__wrap{height: 350px;}
#preloader_1{left:48%!important;}
#sousuonews{border-radius: 0!important;-webkit-border-radius: 0!important;-moz-border-radius: 0!important;-o-border-radius: 0!important;-ms-border-radius: 0!important;-webkit-appearance:none;}

@media screen and (min-width: 1441px){
	.cards{height:520px;}
	.card .card__wrap,.card .card__wraps{height: 520px;}
	.card--video .card__wrap{height: 350px;}
	#youkuplayer4{height:315px!important;}
}

@media screen and (max-width: 800px) {
	.container {
		padding-left: 15px;
		padding-right: 15px
	}
	
	.container .row {
		margin-left: -15px;
		margin-right: -15px
	}
	[class^="col-"] {
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.row {
		margin-left: -10px;
		margin-right: -10px
	}
	.row::after {
		clear: both;
		content: "";
		display: table
	}
	.col-1 {
		position: relative;
		float: left;
		width: 8.33333%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-1 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-2 {
		position: relative;
		float: left;
		width: 16.66667%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-2 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-3 {
		position: relative;
		float: left;
		width: 25%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-3 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-4 {
		position: relative;
		float: left;
		width: 33.33333%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-4 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-5 {
		position: relative;
		float: left;
		width: 41.66667%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-5 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-6 {
		position: relative;
		float: left;
		width: 50%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-6 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-7 {
		position: relative;
		float: left;
		width: 58.33333%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-7 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-8 {
		position: relative;
		float: left;
		width: 66.66667%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-8 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-9 {
		position: relative;
		float: left;
		width: 75%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-9 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-10 {
		position: relative;
		float: left;
		width: 83.33333%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-10 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-11 {
		position: relative;
		float: left;
		width: 91.66667%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-11 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-12 {
		position: relative;
		float: left;
		width: 100%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-12 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.col-push-1 {
		left: 8.33333%
	}
	.col-push-2 {
		left: 16.66667%
	}
	.col-push-3 {
		left: 25%
	}
	.col-push-4 {
		left: 33.33333%
	}
	.col-push-5 {
		left: 41.66667%
	}
	.col-push-6 {
		left: 50%
	}
	.col-push-7 {
		left: 58.33333%
	}
	.col-push-8 {
		left: 66.66667%
	}
	.col-push-9 {
		left: 75%
	}
	.col-push-10 {
		left: 83.33333%
	}
	.col-push-11 {
		left: 91.66667%
	}
	.col-pull-1 {
		right: 8.33333%
	}
	.col-pull-2 {
		right: 16.66667%
	}
	.col-pull-3 {
		right: 25%
	}
	.col-pull-4 {
		right: 33.33333%
	}
	.col-pull-5 {
		right: 41.66667%
	}
	.col-pull-6 {
		right: 50%
	}
	.col-pull-7 {
		right: 58.33333%
	}
	.col-pull-8 {
		right: 66.66667%
	}
	.col-pull-9 {
		right: 75%
	}
	.col-pull-10 {
		right: 83.33333%
	}
	.col-pull-11 {
		right: 91.66667%
	}
	.col-offset-1 {
		margin-left: 8.33333%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-1 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-2 {
		margin-left: 16.66667%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-2 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-3 {
		margin-left: 25%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-3 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-4 {
		margin-left: 33.33333%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-4 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-5 {
		margin-left: 41.66667%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-5 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-6 {
		margin-left: 50%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-6 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-7 {
		margin-left: 58.33333%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-7 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-8 {
		margin-left: 66.66667%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-8 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-9 {
		margin-left: 75%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-9 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-10 {
		margin-left: 83.33333%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-10 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-11 {
		margin-left: 91.66667%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-11 {
		margin-left: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-1 {
		margin-right: 8.33333%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-1 {
		margin-right: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-2 {
		margin-right: 16.66667%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-2 {
		margin-right: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-3 {
		margin-right: 25%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-3 {
		margin-right: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-4 {
		margin-right: 33.33333%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-4 {
		margin-right: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-5 {
		margin-right: 41.66667%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-5 {
		margin-right: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-6 {
		margin-right: 50%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-6 {
		margin-right: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-7 {
		margin-right: 58.33333%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-7 {
		margin-right: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-8 {
		margin-right: 66.66667%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-8 {
		margin-right: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-9 {
		margin-right: 75%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-9 {
		margin-right: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-10 {
		margin-right: 83.33333%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-10 {
		margin-right: 0
	}
}

@media screen and (min-width: 801px) {
	.col-offset-right-11 {
		margin-right: 91.66667%
	}
}

@media screen and (min-width: 801px) and (max-width: 800px) {
	.col-offset-right-11 {
		margin-right: 0
	}
}

.col-tb-1 {
	position: relative;
	float: left;
	width: 8.33333%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-1 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-2 {
	position: relative;
	float: left;
	width: 16.66667%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-2 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-3 {
	position: relative;
	float: left;
	width: 25%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-3 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-4 {
	position: relative;
	float: left;
	width: 33.33333%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-4 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-5 {
	position: relative;
	float: left;
	width: 41.66667%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-5 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-6 {
	position: relative;
	float: left;
	width: 50%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-6 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-7 {
	position: relative;
	float: left;
	width: 58.33333%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-7 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-8 {
	position: relative;
	float: left;
	width: 66.66667%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-8 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-9 {
	position: relative;
	float: left;
	width: 75%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-9 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-10 {
	position: relative;
	float: left;
	width: 83.33333%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-10 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-11 {
	position: relative;
	float: left;
	width: 91.66667%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-11 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-tb-12 {
	position: relative;
	float: left;
	width: 100%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.col-tb-12 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.col-offset-tb-1 {
	margin-left: 8.33333%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-1 {
		margin-left: 0
	}
}

.col-offset-tb-2 {
	margin-left: 16.66667%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-2 {
		margin-left: 0
	}
}

.col-offset-tb-3 {
	margin-left: 25%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-3 {
		margin-left: 0
	}
}

.col-offset-tb-4 {
	margin-left: 33.33333%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-4 {
		margin-left: 0
	}
}

.col-offset-tb-5 {
	margin-left: 41.66667%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-5 {
		margin-left: 0
	}
}

.col-offset-tb-6 {
	margin-left: 50%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-6 {
		margin-left: 0
	}
}

.col-offset-tb-7 {
	margin-left: 58.33333%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-7 {
		margin-left: 0
	}
}

.col-offset-tb-8 {
	margin-left: 66.66667%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-8 {
		margin-left: 0
	}
}

.col-offset-tb-9 {
	margin-left: 75%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-9 {
		margin-left: 0
	}
}

.col-offset-tb-10 {
	margin-left: 83.33333%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-10 {
		margin-left: 0
	}
}

.col-offset-tb-11 {
	margin-left: 91.66667%
}

@media screen and (max-width: 740px) {
	.col-offset-tb-11 {
		margin-left: 0
	}
}

* {
	-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
}

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

audio,
canvas,
video {
	display: inline-block
}

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

[hidden] {
	display: none
}

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

body {
	margin: 0
}

a:focus {
	outline: thin dotted
}

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

h1 {
	font-size: 2em
}

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

b,
strong {
	font-weight: normal
}

dfn {
	font-style: italic
}

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

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

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

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

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: 0
}

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

legend {
	border: 0;
	padding: 0
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}

button,
input {
	line-height: normal
}

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

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

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

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

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

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

button:focus {
	outline: none
}

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

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

h2,
h4,
h3 {
	margin: 0
}

.slick-loading .slick-list {
	background: #fff url(../ajax-loader.html)/*tpa=https://www.casece.com/PublishingImages/ajax-loader.gif*/
	center center no-repeat
}

@font-face {
	font-family: "slick";
	src: url(../slick.html)/*tpa=https://www.casece.com/fonts/slick.eot*/
	;
	src: url(../slick-2.html#iefix)/*tpa=https://www.casece.com/fonts/slick.eot?#iefix*/
	format("embedded-opentype"), url(../slick-3.html)/*tpa=https://www.casece.com/fonts/slick.woff*/
	format("woff"), url(../slick-4.html)/*tpa=https://www.casece.com/fonts/slick.ttf*/
	format("truetype"), url(../slick-5.html#slick)/*tpa=https://www.casece.com/fonts/slick.svg#slick*/
	format("svg");
	font-weight: normal;
	font-style: normal
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0.25
}

.slick-prev:before,
.slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: white;
	opacity: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px
}

.slick-next {
	right: -25px
}

[dir="rtl"] .slick-next {
	left: -25px;
	right: auto
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	color: black;
	opacity: 0.75
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.chosen-container {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	zoom: 1;
	*display: inline;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.chosen-container .chosen-drop {
	position: absolute;
	top: 100%;
	left: -9999px;
	z-index: 1010;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #aaa;
	border-top: 0;
	background: #fff;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
}

.chosen-container.chosen-with-drop .chosen-drop {
	left: 0
}

.chosen-container a {
	cursor: pointer
}

.chosen-container-single .chosen-single {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 0 8px;
	height: 23px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #fff;
	background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
	background: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
	background: -moz-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
	background: -o-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
	background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
	background-clip: padding-box;
	box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px
}

.chosen-container-single .chosen-default {
	color: #999
}

.chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
	margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
	position: absolute;
	top: 6px;
	right: 26px;
	display: block;
	width: 12px;
	height: 12px;
	background: url(../chosen-sprite.html)/*tpa=https://www.casece.com/Style%20Library/css/chosen-sprite.png*/
	-42px 1px no-repeat;
	font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
	background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
	background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 18px;
	height: 100%
}

.chosen-container-single .chosen-single div b {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../chosen-sprite.html)/*tpa=https://www.casece.com/Style%20Library/css/chosen-sprite.png*/
	no-repeat 0 2px
}

.chosen-container-single .chosen-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 3px 4px;
	white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 1px 0;
	padding: 4px 20px 4px 5px;
	width: 100%;
	height: auto;
	outline: 0;
	border: 1px solid #aaa;
	background: #fff url(../chosen-sprite.html)/*tpa=https://www.casece.com/Style%20Library/css/chosen-sprite.png*/
	no-repeat 100% -20px;
	background: url(../chosen-sprite.html)/*tpa=https://www.casece.com/Style%20Library/css/chosen-sprite.png*/
	no-repeat 100% -20px;
	font-size: 1em;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0
}

.chosen-container-single .chosen-drop {
	margin-top: -1px;
	border-radius: 0 0 4px 4px;
	background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
	position: absolute;
	left: -9999px
}

.chosen-container .chosen-results {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 4px 4px 0;
	padding: 0 0 0 4px;
	max-height: 240px;
	-webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
	display: none;
	margin: 0;
	padding: 5px 6px;
	list-style: none;
	line-height: 15px;
	-webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
	display: list-item;
	cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
	display: list-item;
	color: #ccc;
	cursor: default
}

.chosen-container .chosen-results li.highlighted {
	background-color: #3875d7;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
	background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
	background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
	color: #fff
}

.chosen-container .chosen-results li.no-results {
	display: list-item;
	background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
	display: list-item;
	font-weight: 700;
	cursor: default
}

.chosen-container .chosen-results li.group-option {
	padding-left: 15px
}

.chosen-container .chosen-results li em {
	font-style: normal;
	text-decoration: underline
}

.chosen-container-multi .chosen-choices {
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto !important;
	height: 1%;
	border: 1px solid #aaa;
	background-color: #fff;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
	background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
	background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
	background-image: -o-linear-gradient(#eee 1%, #fff 15%);
	background-image: linear-gradient(#eee 1%, #fff 15%);
	cursor: text
}

.chosen-container-multi .chosen-choices li {
	float: left;
	list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
	margin: 0;
	padding: 0;
	white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
	margin: 1px 0;
	padding: 5px;
	height: 15px;
	outline: 0;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none;
	color: #666;
	font-size: 100%;
	font-family: sans-serif;
	line-height: normal;
	border-radius: 0
}

.chosen-container-multi .chosen-choices li.search-field .default {
	color: #999
}

.chosen-container-multi .chosen-choices li.search-choice {
	position: relative;
	margin: 3px 0 3px 5px;
	padding: 3px 20px 3px 5px;
	border: 1px solid #aaa;
	border-radius: 3px;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
	background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-clip: padding-box;
	box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	color: #333;
	line-height: 13px;
	cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	position: absolute;
	top: 4px;
	right: 3px;
	display: block;
	width: 12px;
	height: 12px;
	background: url(../chosen-sprite.html)/*tpa=https://www.casece.com/Style%20Library/css/chosen-sprite.png*/
	-42px 1px no-repeat;
	font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
	padding-right: 5px;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
	background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
	color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
	background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
	background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
	margin: 0;
	padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
	display: list-item;
	color: #ccc;
	cursor: default
}

.chosen-container-active .chosen-single {
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #aaa;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
	background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
	background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
	background-image: -o-linear-gradient(#eee 20%, #fff 80%);
	background-image: linear-gradient(#eee 20%, #fff 80%);
	box-shadow: 0 1px 0 #fff inset
}

.chosen-container-active.chosen-with-drop .chosen-single div {
	border-left: 0;
	background: transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
	border: 1px solid #5897fb;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
	color: #111 !important
}

.chosen-disabled {
	opacity: 0.5 !important;
	cursor: default
}

.chosen-disabled .chosen-single {
	cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
	cursor: default
}

.chosen-rtl {
	text-align: right
}

.chosen-rtl .chosen-single {
	overflow: visible;
	padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
	margin-right: 0;
	margin-left: 26px;
	direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
	margin-left: 38px
}

.chosen-rtl .chosen-single div {
	right: auto;
	left: 3px
}

.chosen-rtl .chosen-single abbr {
	right: auto;
	left: 26px
}

.chosen-rtl .chosen-choices li {
	float: right
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
	direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
	margin: 3px 5px 3px 0;
	padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
	right: auto;
	left: 4px
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
	left: 9999px
}

.chosen-rtl.chosen-container-single .chosen-results {
	margin: 0 0 4px 4px;
	padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
	padding-right: 15px;
	padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
	border-right: 0
}

.chosen-rtl .chosen-search input[type=text] {
	padding: 4px 5px 4px 20px;
	background: #fff url(../chosen-sprite.html)/*tpa=https://www.casece.com/Style%20Library/css/chosen-sprite.png*/
	no-repeat -30px -20px;
	background: url(../chosen-sprite.html)/*tpa=https://www.casece.com/Style%20Library/css/chosen-sprite.png*/
	no-repeat -30px -20px;
	direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
	background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
	background-position: -12px 2px
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 144dpi) {
	.chosen-rtl .chosen-search input[type=text],
	.chosen-container-single .chosen-single abbr,
	.chosen-container-single .chosen-single div b,
	.chosen-container-single .chosen-search input[type=text],
	.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
	.chosen-container .chosen-results-scroll-down span,
	.chosen-container .chosen-results-scroll-up span {
		background-image: url(../chosen-sprite%402x.html)/*tpa=https://www.casece.com/Style%20Library/css/chosen-sprite@2x.png*/
		!important;
		background-size: 52px 37px !important;
		background-repeat: no-repeat !important
	}
}

div.cs-select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	background: #fff;
	z-index: 100;
	width: 100%;
	max-width: 500px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

div.cs-select:focus {
	outline: none
}

.cs-select select {
	display: none
}

.cs-select span {
	display: block;
	position: relative;
	cursor: pointer;
	padding: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.cs-select>span {
	padding-right: 3em
}

.cs-select>span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.cs-select>span::after {
	content: '\25BE';
	right: 1em
}

.cs-select .cs-selected span::after {
	content: '\2713';
	margin-left: 1em
}

div.cs-active {
	z-index: 200
}

.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	visibility: hidden
}

.cs-select.cs-active .cs-options {
	visibility: visible
}

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%
}

.cs-select ul span {
	padding: 1em
}

.cs-select ul li.cs-focus span {
	background-color: #ddd
}

.cs-select li.cs-optgroup ul {
	padding-left: 1em
}

.cs-select li.cs-optgroup>span {
	cursor: default
}

div.cs-skin-underline {
	background: transparent;
	max-width: 400px
}

select.cs-select {
	display: none;
	background: transparent;
	border: 0;
	border-radius: 0
}

.cs-select {
	min-width: 100px;
	color: #fff
}

.cs-options ul {
	max-height: 350px;
	overflow: auto
}

.cs-skin-underline>span {
	padding: 15px 0 15px 0;
	border-bottom: 3px solid #ed6c02;
	color: #515353;
	font-size: 16px;
	/*letter-spacing: 4px;*/
}

.cs-skin-underline>span:hover {
	color: #ed6c02
}

@media screen and (max-width: 800px) {
	.cs-skin-underline>span {
		font-size: 16px
	}
}

.cs-active .cs-placeholder {
	background: #ed6c02;
	color: #fff;
	border-color: #fff;
	padding-left: 15px
}

.cs-active .cs-placeholder:hover {
	color: #fff
}

.cs-skin-underline>span::after {
	background: transparent url("../select-dropdown.html")/*tpa=https://www.casece.com/Style%20Library/css/images/select-dropdown.png*/
	100% 50% no-repeat;
	content: '';
	height: 10px;
	width: 11px;
	right: 0;
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s
}

.cs-active.cs-skin-underline>span::after {
	right: 15px
}

.cs-skin-underline.cs-active>span::after {
	background: transparent url("../select-dropdown-active.html")/*tpa=https://www.casece.com/Style%20Library/css/images/select-dropdown-active.png*/
	100% 50% no-repeat;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-moz-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg)
}

.cs-skin-underline .cs-options {
	background: #ed6c02;
	opacity: 0;
	/*font-size: 20px;*/
	-webkit-transition: opacity 0.3s 0.4s, visibility 0s 0.7s;
	transition: opacity 0.3s 0.4s, visibility 0s 0.7s
}

@media screen and (max-width: 800px) {
	.cs-skin-underline .cs-options {
		font-size: 16px
	}
}

.cs-skin-underline.cs-active .cs-options {
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s
}

.cs-skin-underline ul span {
	position: relative;
	padding: 15px 15px;
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s
}

.cs-select ul span::after {
	content: '';
	opacity: 0
}

.cs-skin-underline.cs-active ul span,
.cs-skin-underline.cs-active ul span::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.cs-skin-underline li:nth-child(5) span,
.cs-skin-underline li:nth-child(5) span::before,
.cs-skin-underline.cs-active li:first-child span,
.cs-skin-underline.cs-active li:first-child span::before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.cs-skin-underline li:nth-child(4) span,
.cs-skin-underline li:nth-child(4) span::before,
.cs-skin-underline.cs-active li:nth-child(2) span,
.cs-skin-underline.cs-active li:nth-child(2) span::before {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s
}

.cs-skin-underline li:nth-child(3) span,
.cs-skin-underline li:nth-child(3) span::before {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s
}

.cs-skin-underline li:nth-child(2) span,
.cs-skin-underline li:nth-child(2) span::before,
.cs-skin-underline.cs-active li:nth-child(4) span,
.cs-skin-underline.cs-active li:nth-child(4) span::before {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s
}

.cs-skin-underline li:first-child span,
.cs-skin-underline li:first-child span::before,
.cs-skin-underline.cs-active li:nth-child(5) span,
.cs-skin-underline.cs-active li:nth-child(5) span::before {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.cs-skin-underline .cs-options li span:hover,
.cs-skin-underline .cs-options li.cs-focus span,
.cs-skin-underline li.cs-selected span {
	background: #b87316
}

@font-face {
	font-family: 'lightcase';
	src: url("../lightcase.html")/*tpa=https://www.casece.com/Style%20Library/css/fonts/lightcase.eot?55356177*/
	;
	src: url("../lightcase.html#iefix")/*tpa=https://www.casece.com/Style%20Library/css/fonts/lightcase.eot?55356177#iefix*/
	format("embedded-opentype"), url("../lightcase-2.html")/*tpa=https://www.casece.com/Style%20Library/css/fonts/lightcase.woff?55356177*/
	format("woff"), url("../lightcase-3.html")/*tpa=https://www.casece.com/Style%20Library/css/fonts/lightcase.ttf?55356177*/
	format("truetype"), url("../lightcase-4.html#lightcase")/*tpa=https://www.casece.com/Style%20Library/css/fonts/lightcase.svg?55356177#lightcase*/
	format("svg");
	font-weight: normal;
	font-style: normal
}

[class*='lightcase-icon-']:before {
	font-family: 'lightcase', sans-serif;
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em
}

.lightcase-icon-play:before {
	content: '\e800'
}

.lightcase-icon-pause:before {
	content: '\e801'
}

.lightcase-icon-close:before {
	content: '\e802'
}

.lightcase-icon-prev:before {
	content: '\e803'
}

.lightcase-icon-next:before {
	content: '\e804'
}

.lightcase-icon-spin:before {
	content: '\e805'
}

@-webkit-keyframes lightcase-spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@-moz-keyframes lightcase-spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@-o-keyframes lightcase-spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@-ms-keyframes lightcase-spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes lightcase-spin {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

#lightcase-case {
	display: none;
	position: fixed;
	z-index: 2002;
	top: 50%;
	left: 50%;
	font-family: arial, sans-serif;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}

@media screen and (max-width: 630px) {
	#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		background: none !important
	}
}

@media screen and (min-width: 631px) {
	#lightcase-case:not([data-lc-type=error]) #lightcase-content {
		position: relative;
		z-index: 1;
		overflow: hidden;
		text-shadow: none;
		background-color: #fff;
		-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
		-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
		-webkit-backface-visibility: hidden
	}
}

@media screen and (min-width: 631px) {
	#lightcase-case[data-lc-type=image] #lightcase-content,
	#lightcase-case[data-lc-type=video] #lightcase-content {
		background-color: #333
	}
}

#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none
}

@media screen and (max-width: 630px) {
	#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		background: none !important
	}
}

#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 630px) {
	#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner {
		padding: 15px
	}
	#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner,
	#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner>* {
		width: 100% !important;
		max-width: none !important
	}
	#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner>*:not(iframe) {
		height: auto !important;
		max-height: none !important
	}
}

@media screen and (max-width: 630px) {
	.lightcase-isMobileDevice #lightcase-case[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
		overflow: auto;
		-webkit-overflow-scrolling: touch
	}
}

@media screen and (max-width: 630px) and (min-width: 631px) {
	[data-lc-type=image] #lightcase-content .lightcase-contentInner,
	[data-lc-type=video] #lightcase-content .lightcase-contentInner {
		line-height: 0.75
	}
}

@media screen and (max-width: 630px) {
	#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		background: none !important
	}
}

@media screen and (min-width: 631px) {
	#lightcase-case:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
		padding: 30px;
		overflow: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}
}

@media screen and (max-width: 630px) {
	#lightcase-content h1,
	#lightcase-content h2,
	#lightcase-content h3,
	#lightcase-content h4,
	#lightcase-content h5,
	#lightcase-content h6,
	#lightcase-content p {
		color: #aaa
	}
}

@media screen and (min-width: 631px) {
	#lightcase-content h1,
	#lightcase-content h2,
	#lightcase-content h3,
	#lightcase-content h4,
	#lightcase-content h5,
	#lightcase-content h6,
	#lightcase-content p {
		color: #333
	}
}

#lightcase-case p.lightcase-error {
	margin: 0;
	font-size: 17px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #aaa
}

@media screen and (max-width: 630px) {
	#lightcase-case p.lightcase-error {
		padding: 30px 0
	}
}

@media screen and (min-width: 631px) {
	#lightcase-case p.lightcase-error {
		padding: 0
	}
}

.lightcase-isMobileDevice .lightcase-open body {
	max-width: 100%;
	max-height: 100%;
	overflow: hidden
}

@media screen and (max-width: 630px) {
	.lightcase-open body {
		padding: 55px 0 70px 0
	}
	.lightcase-open body>*:not([id*='lightcase-']) {
		position: fixed !important;
		top: -9999px !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important
	}
}

#lightcase-info {
	position: absolute;
	padding-top: 15px
}

#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-weight: normal;
	text-overflow: ellipsis
}

#lightcase-info #lightcase-title {
	font-size: 17px;
	color: #aaa
}

@media screen and (max-width: 630px) {
	#lightcase-info #lightcase-title {
		position: fixed;
		top: 10px;
		left: 0;
		max-width: 87.5%;
		padding: 5px 15px;
		background: #333
	}
}

#lightcase-info #lightcase-caption {
	clear: both;
	font-size: 13px;
	color: #aaa
}

#lightcase-info #lightcase-sequenceInfo {
	font-size: 11px;
	color: #aaa
}

@media screen and (max-width: 630px) {
	.lightcase-fullScreenMode #lightcase-info {
		padding-left: 15px;
		padding-right: 15px
	}
	#lightcase-case:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
		position: static
	}
}

#lightcase-loading {
	position: fixed;
	z-index: 9999;
	width: 1.123em;
	height: auto;
	font-size: 38px;
	line-height: 1;
	text-align: center;
	text-shadow: none;
	position: fixed;
	z-index: 2001;
	top: 50%;
	left: 50%;
	margin-top: -0.5em;
	margin-left: -0.5em;
	opacity: 1;
	font-size: 32px;
	text-shadow: 0 0 15px #fff;
	-moz-transform-origin: 50% 53%;
	-webkit-animation: lightcase-spin 0.5s infinite linear;
	-moz-animation: lightcase-spin 0.5s infinite linear;
	-o-animation: lightcase-spin 0.5s infinite linear;
	animation: lightcase-spin 0.5s infinite linear
}

#lightcase-loading,
#lightcase-loading:focus {
	text-decoration: none;
	color: #fff;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: color, opacity, ease-in-out 0.25s;
	-moz-transition: color, opacity, ease-in-out 0.25s;
	-o-transition: color, opacity, ease-in-out 0.25s;
	transition: color, opacity, ease-in-out 0.25s
}

#lightcase-loading>span {
	display: inline-block;
	text-indent: -9999px
}

#lightcase-nav a[class*='lightcase-icon-'] {
	position: fixed;
	z-index: 9999;
	width: 1.123em;
	height: auto;
	font-size: 38px;
	line-height: 1;
	text-align: center;
	text-shadow: none;
	outline: none;
	cursor: pointer
}

#lightcase-nav a[class*='lightcase-icon-'],
#lightcase-nav a[class*='lightcase-icon-']:focus {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.6);
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: color, opacity, ease-in-out 0.25s;
	-moz-transition: color, opacity, ease-in-out 0.25s;
	-o-transition: color, opacity, ease-in-out 0.25s;
	transition: color, opacity, ease-in-out 0.25s
}

#lightcase-nav a[class*='lightcase-icon-']>span {
	display: inline-block;
	text-indent: -9999px
}

#lightcase-nav a[class*='lightcase-icon-']:hover {
	color: white;
	text-shadow: 0 0 15px white
}

.lightcase-isMobileDevice #lightcase-nav a[class*='lightcase-icon-']:hover {
	color: #aaa;
	text-shadow: none
}

#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-prev {
	left: 15px
}

#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-next {
	right: 15px
}

#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause,
#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play {
	left: 50%;
	margin-left: -0.5em
}

@media screen and (min-width: 631px) {
	#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-pause,
	#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-play {
		opacity: 0
	}
}

#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
	top: 15px;
	right: 15px;
	bottom: auto;
	margin: 0;
	opacity: 0;
	outline: none
}

@media screen and (max-width: 630px) {
	#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
		position: absolute
	}
}

@media screen and (min-width: 631px) {
	#lightcase-nav a[class*='lightcase-icon-'].lightcase-icon-close {
		position: fixed
	}
}

@media screen and (max-width: 630px) {
	#lightcase-nav a[class*='lightcase-icon-'] {
		bottom: 15px;
		font-size: 24px
	}
}

@media screen and (min-width: 631px) {
	#lightcase-nav a[class*='lightcase-icon-'] {
		bottom: 50%;
		margin-bottom: -0.5em
	}
	#lightcase-nav a[class*='lightcase-icon-']:hover,
	#lightcase-case:hover~#lightcase-nav a[class*='lightcase-icon-'] {
		opacity: 1
	}
}

#lightcase-overlay {
	display: none;
	width: 100%;
	min-height: 100%;
	position: fixed;
	z-index: 2000;
	top: -9999px;
	bottom: -9999px;
	left: 0;
	background: #333
}

@media screen and (max-width: 630px) {
	#lightcase-overlay {
		opacity: 1 !important
	}
}

.flex {
	display: flex
}

.flex-inline,
.series .perfect__list li {
	display: inline-flex
}

.flex--o-center,
.flex--center {
	justify-contents: center
}

.flex--v-center,
.flex--center,
.series .perfect__list li {
	align-items: center
}

body {
	16px/22px "Roboto", sans-serif
}

body.js-body-no-scroll {
	overflow: hidden
}

.mobile body.js-body-no-scroll {
	overflow: auto
}

h1 {
	line-height: 1em
}

h2 {
	line-height: 1.2
}

@media screen and (max-width: 650px) {
	a {
		word-wrap: break-word
	}
}

.logoforprint,
.selectforprint {
	display: none
}

.selectforprint {
	line-height: 24px
}

@media screen and (max-width: 992px) {
	.l-page {
		max-width: 100%;
		overflow: hidden
	}
}

.l-navigation {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 120px;
	background: #ed6c02
}

.l-content {
	position: relative;
	padding: 0 10px 0 130px;
	z-index: 9
}

@media screen and (max-width: 800px) {
	.l-content {
		padding: 50px 0 0
	}
}

@media screen and (max-width: 992px) and (min-width: 740px) {
	.l-content {
		padding: 60px 0 0
	}
}

.i-responsive {
	max-width: 100%;
	width: 100%;
	vertical-align: top
}

@media screen and (max-width: 992px) {
	.l-navigation {
		bottom: auto;
		z-index: 1000
	}
}

@media screen and (max-width: 500px) {
	.lightcase-contentInner iframe[src*="youtube"] {
		max-height: 50vh !important;
		padding-top: 10vh
	}
}

.modal-hide-content {
	display: none
}

.ajax-loading {
	min-height: 40px;
	background: url("../ajax-loader-1.html")
	no-repeat 50% 0
}

.favorite-count {
	padding: 0 !important
}

.btn-favorite-dealer {
	color: #515353;
	cursor: pointer
}

.btn-favorite-dealer .cc-rounded-star {
	border-color: #515353
}

.btn-favorite-dealer.on {
	color: #ed6c02 !important
}

.btn-favorite-dealer.on .cc-rounded-star {
	border-color: #ed6c02 !important
}

.jspager {
	padding-bottom: 20px;
	text-align: center
}

.jspager a {
	margin: 3px 9px;
	color: #9b9b9b;
	text-decoration: underline;
	cursor: pointer
}

.jspager a :hover {
	color: #ed6c02
}

.jspager a.jp-current {
	text-decoration: none;
	cursor: default;
	color: #ed6c02
}

.jspager a.jp-previous,
.jspager a.jp-next {
	text-decoration: none
}

.jspager a.jp-previous:before,
.jspager a.jp-next:before {
	font: 14px 'case-UI'
}

.jspager a.jp-previous {
	margin-left: 15px
}

.jspager a.jp-previous:before {
	content: "\e915"
}

.jspager a.jp-previous+.jp-next {
	display: none
}

.jspager a.jp-next {
	margin-right: 15px
}

.jspager a.jp-next:before {
	content: "\e916"
}

.jspager a.jp-disabled {
	display: none
}

.margin-60 {
	margin: 60px 0
}

.location {
	margin-bottom: 70px
}

.mu-row-br {
	clear: both;
	height: 1px
}

.mu-row-br::after {
	clear: both;
	content: "";
	display: table
}

.cards-offset {
	margin: 70px 0 70px
}

.cards-offset .cards {
	margin: 0 -5%
}

.image-skew-right {
	position: relative;
	overflow: hidden
}

.image-skew-right:after {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	background: rgba(255, 255, 255, 0.4);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 15%;
	-ms-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}

.image-skew-left {
	position: relative;
	overflow: hidden
}

.image-skew-left:before {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	background: rgba(255, 255, 255, 0.4);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 8%
}

@media screen and (max-width: 800px) {
	.image-skew-left:before {
		width: 15%
	}
}

.first-text {
	margin-top: 30px;
	margin-bottom: 50px;
	font-size: 17px;
	line-height: 150%;
}
.first-text .col-12 p span:last-child{
	font-size: 17px !important;
}
.first-text .smalldetails {
	font: italic normal 14px/21px "宋体", sans-serif;
	color: #9b9b9b
}

@media screen and (max-width: 1200px) {
	.first-text .col-tb-4 {
		position: relative;
		float: left;
		width: 41.66667%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (max-width: 1200px) and (max-width: 740px) {
	.first-text .col-tb-4 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (max-width: 1200px) {
	.first-text .col-offset-tb-1 {
		margin-left: 0
	}
}

@media screen and (max-width: 740px) {
	.first-text {
		margin-top: 0
	}
}

@media screen and (max-width: 800px) {
	.first-text {
		font-size: 18px;
		line-height: 24px;
		overflow: hidden
	}
	.cards-offset .cards {
		margin: 0
	}
	.slick-prev {
		left: 0
	}
	.slick-next {
		right: 0
	}
}

@media screen and (max-width: 800px) {
	.hide-m {
		display: none !important
	}
}

@media screen and (min-width: 801px) {
	.visible-m {
		display: none !important
	}
}

.btn-group {
	font-size: 0
}

.btn-group.direct-link {
	position: absolute;
	right: 0;
	z-index: 10
}

.btn-group>a {
	font-size: 30px;
	display: inline-block;
	color: #515353;
	height: 60px;
	width: 60px;
	text-decoration: none;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #c8c8c8
}

.btn-group>a:hover {
	color: #ed6c02
}

.btn-group>a:last-child {
	border: 0
}

.btn-group .btn {
	background-color: #e5e5e5
}

.btn-group .btn-back {
	background-color: #515353;
	border-color: #515353;
	color: #fff;
	width: auto;
	padding: 0 20px
}

.btn-group .btn-back span,
.btn-group .btn-back i {
	line-height: 16px;
	text-align: left;
	vertical-align: middle;
	display: inline-block
}

.btn-group .btn-back span {
	text-transform: uppercase;
	font-size: 12px
}

@media screen and (max-width: 740px) {
	.btn-group>a {
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size: 25px
	}
	.btn-group .btn-back {
		height: 50px;
		width: auto
	}
}

.paragraph-title {
	font: 600 20px/30px "宋体", sans-serif;
	margin-bottom: 33px
}

.news-text {
	font: 16px/24px "宋体", sans-serif
}

blockquote {
	font: 600 italic 20px/30px "宋体", sans-serif;
	padding: 1em 0;
	margin: 0
}

.news-text figure {
	margin-bottom: 49px
}

.v-left {
	float: left
}

.v-right {
	float: right
}

@media screen and (max-width: 740px) {
	.lightcase-icon-prev,
	.lightcase-icon-next {
		top: 0;
		bottom: 0 !important
	}
	.lightcase-icon-prev:before,
	.lightcase-icon-next:before {
		position: absolute;
		top: 50%;
		left: 0;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.lightcase-icon-close {
		z-index: 10000 !important
	}
}

.disabled {
	cursor: default;
	pointer-events: none
}

.tolower {
	text-transform: lowercase
}

@media screen and (max-width: 800px) {
	.responsive_iframe {
		width: 94%;
		margin-left: 3%;
		border: 1px solid #e5e5e5
	}
}

.perfect__title {
	margin-bottom: 15px;
	text-align: center
}

.product-top__col .perfect__list ul,
.series .perfect__list ul {
	text-align: center
}

.product-top__col .perfect__list--align-left ul,
.series .perfect__list--align-left ul {
	text-align: left
}

.col-12>.product-top__col li {
	width: 22%;
	margin: 0 1% 20px
}

.perfect__list--max-width {
	border: 10px solid red
}

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

.perfect__list ul::after {
	clear: both;
	content: "";
	display: table
}

.perfect__list li {
	display: inline-block;
	margin: 0 15px 20px;
	text-align: center;
	font: 900 10px "宋体", sans-serif;
	text-transform: uppercase;
	vertical-align: top;
	width: 75px
}

.perfect__list li .perfect__img {
	content: "";
	display: block;
	height: 50px;
	width: 50px;
	margin: 0 auto 10px;
	padding-top: 10px;
	background: #ed6c02;
	border-radius: 50%;
	text-align: center
}

@media screen and (max-width: 500px) {
	.perfect__list {
		margin-left: -5px;
		margin-right: -5px
	}
	.perfect__list ul {
		display: block
	}
	.perfect__list ul::after {
		clear: both;
		content: "";
		display: table
	}
	.perfect__list li {
		display: block;
		float: left;
		width: 25%;
		margin: 0 0 20px
	}
	.perfect__list li:nth-child(4n+5) {
		clear: left
	}
}

.series .perfect {
	margin-top: 15px
}

.series .perfect__title {
	text-align: left
}

@media screen and (max-width: 500px) {
	.series .perfect__list {
		margin: 0
	}
}

.series .perfect__list li {
	text-align: left;
	margin: 0 0 15px;
	width: 15em
}

.series .perfect__list li .perfect__text {
	padding-left: 10px;
	text-align: left;
	flex: 1
}

.series .perfect__list li .perfect__img {
	padding-top: 5px;
	margin: 0;
	height: 30px;
	width: 30px
}

.series .perfect__list li .perfect__img img {
	width: 20px
}

.pagination {
	clear: both;
	padding: 15px 0 25px;
	text-align: center;
	list-style: none;
	font-size: 0
}

.pagination li {
	display: inline-block;
	font-size: 16px;
	padding: 3px 9px;
	min-width: 27px
}

.pagination li.active a {
	color: #ed6c02;
	font-weight: 900
}

.pagination li a {
	font-size: 16px;
	color: #9b9b9b;
	text-decoration: none
}

.pagination li a:hover {
	font-weight: 900;
	color: #ed6c02
}

.pagination li.pg-prev {
	margin-right: 12px
}

.pagination li span {
	font-size: 14px;
	color: #9b9b9b;
	cursor: pointer
}

.pagination li span:hover {
	color: black
}

.pagination li.pg-next {
	margin-left: 12px
}

.select-small-arrow,
.select-wrap {
	position: relative;
	background-color: #fff
}

.select-small-arrow:after,
.select-wrap:after {
	content: '\e90a';
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 1;
	pointer-events: none
}

.select-small-arrow select,
.select-wrap select {
	position: relative;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-align: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.select-small-arrow select::-ms-expand,
.select-wrap select::-ms-expand {
	display: none
}

.select-wrap {
	border: 1px solid #9b9b9b
}

.select-wrap:after {
	top: 0;
	width: 36px;
	height: 40px;
	font: 24px/40px 'case-UI';
	color: #ed6c02;
	letter-spacing: 2px;
}

.select-wrap select {
	height: 40px;
	display: block;
	padding: 0 36px 0 12px;
	width: 99%;
	width: 158px\9;
}

.select-small-arrow:after {
	font: 12px/18px 'case-UI';
	color: #9b9b9b;
	top: 2px
}

.select-small-arrow select {
	padding: 0 20px 0 12px
}

.case-field {
	height: 40px;
	line-height: 40px;
	border: 1px solid #9b9b9b
}

.case-field input {
	width: 99%;
	line-height: 38px;
	height: 38px;
	border: 0;
	background: transparent;
	padding: 0 10px;
	font-size: 14px;
}

.case-field--icon {
	position: relative;
	padding-right: 36px;
	background-color: #fff
}

.case-field--icon .cc-search {
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 36px;
	width: 36px;
	color: #ed6c02;
	font-size: 24px;
	line-height: 36px;
	text-align: center
}

:focus {
	outline: inherit
}

select:focus::-ms-value {
	background-color: #fff;
	color: inherit
}

h4,
.tl-box,
.tl-arg,
.tl-page,
.tl-big,
.tl-big-2,
.tl-item,
.tl-item--big,
.sb-box,
.tl-12,
.tl-16,
.tl-24,
.tl-30,
.tl-36,
.tl-smb,
.tl-label {
	text-transform: uppercase
}

h4 {
	color: #9b9b9b;
	font-weight: normal
}

a {
	outline: none !important;
	color: #515353
}

a:hover {
	color: #ed6c02
}

strong {
	font-weight: 700
}

nav a {
	text-decoration: none
}

nav a:hover {
	text-decoration: none
}

.text-center,
.align-center {
	text-align: center
}

.tl-small {
	font-style: italic;
	font-weight: 900
}

.tl-box {
	font-style: italic;
	font-weight: 900;
	font-size: 24px;
	line-height: 24px
}

.tl-arg {
	font-style: italic;
	font-weight: 900;
	font-size: 20px;
	line-height: 27px
}

.tl-page,
.tl-big,
.tl-big-2 {
	margin-bottom: 30px;
	padding-bottom: 15px;
	font-weight: 900;
	font-size: 36px;
	font-style: normal;
	line-height: 40px;font-weight: normal;
	/*letter-spacing: 2px;*/
}

@media screen and (max-width: 740px) {
	.tl-page,
	.tl-big,
	.tl-big-2 {
		margin-bottom: 0
	}
}

.tl-page.tl-big--gray,
.tl-big.tl-big--gray,
.tl-big-2.tl-big--gray {
	color: #9b9b9b;
	font-size: 27px
}

.tl-item--striped {
	text-align: center
}

.tl-item--striped:after {
	content: "";
	width: 93px;
	height: 1px;
	margin: 29px auto;
	display: block;
	background: #9b9b9b
}

@media screen and (max-width: 800px) {
	.tl-big,
	.tl-big-2 {
		margin-left: 15px;
		margin-right: 15px
	}
}

@media screen and (min-width: 801px) {
	.tl-big,
	.tl-big-2 {
		margin-left: 10px;
		margin-right: 10px
	}
}

@media screen and (min-width: 768px) {
	.tl-big,
	.tl-big-2 {
		border-bottom: 1px solid #c8c8c8;font-weight: normal;
		/*letter-spacing: 5px;*/
	}
}

.container .tl-big,
.container .tl-big-2,
.col-12 .tl-big,
.col-12 .tl-big-2,
.cards-wrapper .tl-big,
.cards-wrapper .tl-big-2 {
	margin-left: 0px;
	margin-right: 0px
}

@media screen and (max-width: 800px) {
	.container .col-12 .tl-big,
	.container .col-12 .tl-big-2 {
		margin-left: -15px;
		margin-right: -15px
	}
}

@media screen and (max-width: 800px) {
	.container .row .col-12 .tl-big,
	.container .row .col-12 .tl-big-2 {
		margin-left: 0;
		margin-right: 0
	}
}

.tl-big-2 {
	color: #9b9b9b;
	font-size: 30px
}

.tl-item {
	font-weight: 900;
	font-size: 14px;
	line-heigth: 21px
}

.tl-item--big {
	font-weight: 900;
	font-size: 20px
}

.pr-txt {
	font-size: 15px;
	line-height: 21px;
	font-weight: 400;
	color: black
}

.sb-box {
	font-size: 12px;
	line-height: 15px;
	font-weight: 900;
	font-style: italic;
	color: #9b9b9b
}

.tl-12 {
	font: 900 normal 15px/1px "宋体", sans-serif;
	color: #515353
}

.tl-16 {
	font: 900 normal 16px/20px "宋体", sans-serif
}

.tl-24 {
	font: 900 normal 24px/28px "宋体", sans-serif
}

.tl-30 {
	font: 900 italic 30px/36px "宋体", sans-serif;
	line-height: 180%;
}

.tl-36 {
	/*font: 900 italic 16px/24px "宋体", sans-serif*/
	font: 900 normal 36px/42px "宋体", sans-serif;
}

.text-gray {
	color: #9b9b9b
}

.tl-smb {
	font-weight: 700
}

.tl-label {
	position: relative;
	display: inline-block;
	background: #000;
	padding: 10px 30px 10px 10px;
	color: #fff;
	font: 900 italic 14px "宋体", sans-serif
}

.center-title .correlated h2 {
	text-align: center
}

.tabs {
	font-size: 0
}

.tabs .tab {
	cursor: pointer;
	text-transform: uppercase
}

.tabs .tab.active {
	cursor: default
}

.tabs .tab-contents {
	position: relative
}

.tabs .tab-contents .tab-content {
	display: none
}

.tabs .tab-contents .tab-content.open {
	display: block
}

.l-footer {
	margin-top: 100px;
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 40px;
	font-size: 14px;
	clear: both
}

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

.l-footer p {
	text-align: center
}

.l-footer .sitemap {
	position: relative;
	padding: 40px 10px;
	background: #131515;
	overflow: hidden
}

.l-footer .sitemap .container {
	z-index: 2
}

.l-footer .sitemap h2 {
	margin-bottom: 7px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase
}

.l-footer .sitemap ul {
	margin-bottom: 40px
}

.l-footer .sitemap ul li {
	margin-bottom: 5px
}

.l-footer .sitemap ul a {
	font-size: 13px;
	color: #9b9b9b
}

.l-footer .sitemap ul a:hover {
	color: #ed6c02
}

.l-footer .sitemap .row {
	display: table;
	width: 100%;
	height: 100%;
	margin: 0 auto
}

.l-footer .sitemap .row>div {
	float: none;
	display: table-cell;
	height: 100%;
	width: 14%
}

.l-footer .sitemap .row>div:first-child:after {
	display: none
}

.l-footer .sitemap .row>div:after {
	content: "";
	position: absolute;
	left: 0;
	width: 1px;
	background-color: #2a2c2c;
	top: 0;
	bottom: 0
}

.l-footer .change-market {
	position: relative;
	padding-right: 10px;
	margin: 10px 10px 25px;
	background: #e5e5e5;
	text-align: right;
	text-transform: uppercase;
	line-height: 37px
}

.l-footer .change-market a {
	margin: 0 0 0 20px;
	color: #9b9b9b;
	text-decoration: none
}

.l-footer .change-market a:hover {
	color: #ed6c02
}

.l-footer .change-market:before {
	content: '\e92f';
	font-family: 'case-UI';
	position: absolute;
	top: 50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 38px;
	color: #9b9b9b
}

.l-footer .nav-bottom {
	margin: 15px 0 25px
}

.l-footer .nav-bottom ul {
	text-align: center
}

.l-footer .nav-bottom li {
	padding: 0 30px;
	display: inline-block;
	border-right: 1px solid #9b9b9b
}

.l-footer .nav-bottom li:last-child {
	border: 0
}

.l-footer .nav-bottom a {
	display: block;
	color: #9b9b9b;
	line-height: 10px;
	text-transform: uppercase
}

.l-footer .nav-bottom a:hover {
	color: #ed6c02
}

@media screen and (max-width: 800px) {
	.l-footer {
		margin: 0;
		text-align: center
	}
	.l-footer p {
		padding: 0 15px
	}
	.l-footer .sitemap .row {
		display: block;
		width: 100%;
		margin: 0
	}
	.l-footer .sitemap .row .col-2 h2 {
		margin-bottom: 15px
	}
	.l-footer .sitemap .row .col-2>ul {
		border-bottom: 1px solid #2a2c2c
	}
	.l-footer .sitemap .row .col-2 ul {
		max-height: 1px;
		overflow: hidden;
		margin-bottom: 15px;
		-webkit-transition: max-height 0.5s;
		-moz-transition: max-height 0.5s;
		transition: max-height 0.5s
	}
	.l-footer .sitemap .row .col-2 ul.active {
		max-height: 1000px
	}
	.l-footer .sitemap .row .col-2>div {
		display: none
	}
	.l-footer .sitemap .row>div {
		display: block;
		width: 100%
	}
}

#modal-dealer-login {
	display: none;
	max-width: 600px;
	padding: 30px 30px 10px;
	background: #fff;
	text-shadow: none
}

#modal-dealer-login .case-field-row {
	margin-bottom: 30px
}

#modal-dealer-login label span {
	display: block;
	padding-bottom: 9px;
	color: #515353;
	font: 900 italic 14px/18px "宋体", sans-serif
}

@media screen and (max-width: 740px) {
	.l-footer .nav-bottom li {
		display: block;
		margin: 0 0 20px;
		border: 0
	}
}

@media screen and (max-width: 992px) {
	.l-footer .nav-bottom ul {
		text-align: left
	}
}

.ch-btn-orange {
	position: relative;
	display: inline-block;
	min-width: 175px
}

.ch-btn-orange:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #9b9b9b;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	z-index: 1
}

.ch-btn-orange:hover:before {
	background-color: #ed6c02
}

.ch-btn-orange a,
.ch-btn-orange span {
	position: relative;
	display: block;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	font: 900 italic 14px "宋体", sans-serif;
	text-decoration: none;
	z-index: 2;
	letter-spacing: 4px;
}

.ch-btn-orange.ch-btn--opacity:before {
	opacity: 0.7
}

.ch-btn-orange.ch-btn--secondary:before {
	background-color: #9b9b9b
}

.ch-link {
	color: #9b9b9b;
	position: relative;
	display: inline-block;
	min-width: 175px;
	text-transform: uppercase;
	font-style: italic;
	font-size: 14px;
	font-weight: 900;
	text-decoration: none;
	padding: 21px 0
}

.case-btn,
.ch-btn {
	position: relative;
	display: inline-block;
	padding: 0 25px;
	margin-left: 10px;
	color: #fff;
	transition: color 0.2s, background-color 0.2s;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	font-weight: 900;
	font-style: italic;
	letter-spacing: 1px;
	z-index: 1
}

.case-btn:visited,
.ch-btn:visited {
	color: #fff
}

.case-btn.disabled,
.ch-btn.disabled {
	color: #9b9b9b
}

.case-btn:before,
.ch-btn:before {
	content: "";
	display: block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #515353;
	z-index: -1
}

.case-btn.disabled:before,
.ch-btn.disabled:before {
	background-color: #c7c7c7
}

.case-btn span,
.ch-btn span {
	-webkit-transform: skew(13deg);
	-moz-transform: skew(13deg);
	-ms-transform: skew(13deg);
	-o-transform: skew(13deg);
	transform: skew(13deg)
}

.case-btn:hover,
.ch-btn:hover {
	color: #ed6c02
}

.case-btn:hover:before,
.ch-btn:hover:before {
	background: #000;
	color: #ed6c02
}

.btn-rounder {
	display: inline-block;
	padding: 3px 5px;
	border: 1px solid #515353;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: inherit;
	background: transparent none;
	color: #515353;
	text-decoration: none
}

.btn-rounder:visited {
	color: #515353
}

.btn-rounder:hover {
	color: #ed6c02;
	border-color: #000;
	background: #000
}

.directions {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	display: inline-block;
	padding: 0 0 0 40px;
	background: url("../directions.html")/*tpa=https://www.casece.com/Style%20Library/css/images/directions.png*/
	no-repeat 0 0;
	font: 900 italic 12px/32px "宋体", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer
}

.directions:hover {
	background-image: url("../directions-hover.html")/*tpa=https://www.casece.com/Style%20Library/css/images/directions-hover.png*/
	;
	color: #ed6c02
}

.icons-social ul,
.icons-top ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

@media screen and (max-width: 992px) {
	.header-navigation::after {
		clear: both;
		content: "";
		display: table
	}
	.header-navigation>h1 {
		float: left
	}
}

.header-navigation>h1 {
	margin: 0
}

.header-navigation .icons-top li {
	background-color: #f4f4f4
}

@media screen and (max-width: 992px) {
	.header-navigation .icons-top li {
		background: transparent
	}
}

.icons-top {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0px 0 20px;
	z-index: 10
}

@media screen and (max-width: 992px) {
	.icons-top {
		height: 50px
	}
}

@media screen and (max-width: 992px) and (min-width: 740px) {
	.icons-top {
		overflow: visible;
		height: 60px
	}
}

.icons-top>ul::after {
	clear: both;
	content: "";
	display: table
}

.icons-top>ul>li {
	float: left;
	height: 40px;
	width: auto;
	color: #9b9b9b;
	font: 12px/40px "宋体", sans-serif
}

.icons-top>ul>li.on {
	color: #ed6c02
}

.icons-top>ul>li.on .icons-top__skew {
	background: #fff
}

.icons-top>ul>li.on .icons-top__subnav {
	display: block
}

.icons-top>ul>li.on i {
	color: #ed6c02
}

.icons-top>ul>li.on.icons-top--search .icons-top__skew {
	color: #ed6c02
}

.icons-top>ul>li.on.icons-top--search .icons-top__skew a {
	color: #ed6c02
}

.icons-top>ul>li.on.icons-top--search .icons-top__skew i {
	color: #ed6c02
}

@media screen and (max-width: 800px) {
	.icons-top>ul>li {
		height: 50px
	}
	.icons-top>ul>li i {
		color: #fff
	}
}

@media screen and (max-width: 992px) and (min-width: 740px) {
	.icons-top>ul>li {
		height: 60px
	}
}

.icons-top>ul>li.icons-top--search {
	background: #000;
	padding-right: 15px
}

.icons-top>ul>li.icons-top--search a {
	color: #fff
}

.icons-top>ul>li.icons-top--search .icons-top__skew {
	background: #000;
	color: #fff;
	border: 0
}

.icons-top>ul>li.icons-top--search .icons-top__skew i {
	color: #fff
}

.icons-top>ul>li.icons-top--favorites {
	opacity: 0
}

.icons-top>ul>li.icons-top--favorites a {
	text-decoration: none
}

.icons-top>ul>li.icons-top--assistance.on i {
	background-position: -50px 0
}

.icons-top>ul>li.icons-top--assistance i {
	background: url("../assistance.html")/*tpa=https://www.casece.com/Style%20Library/css/images/assistance.png*/
	no-repeat
}

.icons-top>ul>li.icons-top--assistance i:before {
	display: none
}

.icons-top .icons-top__navlist .separator {
	display: none
}

@media screen and (max-width: 650px) {
	.icons-top .icons-top__navlist {
		padding: 0 !important
	}
	.icons-top .icons-top__navlist::after {
		clear: both;
		content: "";
		display: table
	}
	.icons-top .icons-top__navlist>div {
		margin-bottom: 20px;
		float: left;
		width: 50%
	}
	.icons-top .icons-top__navlist .separator {
		display: block;
		width: 100%;
		clear: both
	}
}

@media screen and (min-width: 650px) {
	.icons-top .icons-top__navlist {
		display: table;
		padding: 0
	}
	.icons-top .icons-top__navlist>div {
		display: table-cell;
		border-right: 1px solid #e5e5e5
	}
	.icons-top .icons-top__navlist>div:last-child {
		border: 0
	}
}

.icons-top .icons-top__subnav {
	display: none;
	position: absolute;
	top: 40px;
	right: 38px;
	background: #fff;
	padding: 30px 10px;
	z-index: 10;
	font-size: 14px;
	color: #000;
	line-height: 1.2em;
	-webkit-box-shadow: 0px 10px 19px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 10px 19px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 10px 19px 0px rgba(0, 0, 0, 0.15)
}

.icons-top .icons-top__subnav div {
	padding: 0 30px
}

.icons-top .icons-top__subnav ul {
	list-style: none;
	padding: 0
}

.icons-top .icons-top__subnav li {
	float: none;
	white-space: nowrap;
	line-height: 25px
}

.icons-top .icons-top__subnav h3 {
	margin-bottom: 5px;
	line-height: 22px;
	font-size: 14px;
	color: #000
}

.icons-top .icons-top__subnav a {
	color: #000
}

.icons-top .icons-top__subnav a:hover {
	color: #ed6c02
}

@media screen and (max-width: 768px) {
	.icons-top .icons-top__subnav {
		top: 50px
	}
}

@media screen and (max-width: 740px) {
	.icons-top .icons-top__subnav {
		width: 100vw
	}
	.icons-top .icons-top__subnav div {
		padding: 0 20px;
		text-align: left
	}
	.icons-top .icons-top__subnav div.separator {
		margin: 0
	}
}

@media screen and (max-width: 992px) and (min-width: 740px) {
	.icons-top .icons-top__subnav {
		top: 60px
	}
}

.icons-top .icons-top__skew {
	position: relative;
	z-index: 11;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	padding: 0 5px;
	background: #f4f4f4;
	cursor: pointer
}

@media screen and (max-width: 992px) {
	.icons-top .icons-top__skew {
		border-left: 1px solid #e5e5e5;
		height: 50px
	}
}

@media screen and (max-width: 992px) and (min-width: 740px) {
	.icons-top .icons-top__skew {
		height: 60px
	}
}

.icons-top .icons-top__skew>div,
.icons-top .icons-top__skew>a {
	-webkit-transform: skew(13deg);
	-moz-transform: skew(13deg);
	-ms-transform: skew(13deg);
	-o-transform: skew(13deg);
	transform: skew(13deg);
	display: block;
	text-decoration: none
}

.icons-top .icons-top__skew span,
.icons-top .icons-top__skew a {
	display: inline-block;
	padding: 0 0 0 10px
}

.icons-top .icons-top__skew i {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: 0 5px 0 5px;
	text-align: center;
	line-height: 30px;
	font-size: 24px;
	vertical-align: middle;
	color: #000
}

@media screen and (max-width: 800px) {
	.icons-top .icons-top__skew i {
		margin-top: 10px
	}
}

.icons-top .icons-top__skew:hover i.cc-quicklinks {
	background-position: -30px 0
}

@media screen and (max-width: 800px) {
	.icons-top .icons-top__skew span {
		display: none
	}
}

@media screen and (max-width: 992px) and (min-width: 740px) {
	.icons-top .icons-top__skew span,
	.icons-top .icons-top__skew a {
		display: inline-block;
		height: 60px;
		line-height: 60px
	}
	.icons-top .icons-top__skew i {
		margin-top: 0
	}
}

@media screen and (max-width: 320px) {
	.icons-top .icons-top--search {
		padding-right: 5px !important
	}
	.icons-top .icons-top__skew a,
	.icons-top .icons-top__skew span {
		padding: 0
	}
}

.icons-top .assistance-link img {
	width: auto
}

.icons-top .icons-top__dealer {
	min-width: 450px;
	right: 170px
}

@media screen and (max-width: 740px) {
	.icons-top .icons-top__dealer {
		right: 0;
		min-width: auto
	}
}

.icons-top .icons-top__dealer .col-tb-6 {
	padding: 0 20px
}

.icons-top .icons-top__dealer .col-tb-6:last-child {
	border-left: 1px solid #9b9b9b;
	padding-left: 50px
}

@media screen and (max-width: 740px) {
	.icons-top .icons-top__dealer .col-tb-6:last-child {
		padding: 20px 20px 0;
		border: 0
	}
}

.icons-top .icons-top__dealer .tl-16 {
	margin-bottom: 20px;
	color: #ed6c02;
	font-style: italic;
	font-weight: 700
}

.icons-top .icons-top__dealer li {
	margin-bottom: 10px;
	white-space: normal
}

.icons-top .icons-top__dealer a {
	display: inline-block;
	padding: 5px 0 0 40px;
	height: 40px;
	max-width: 130px;
	background-position: 0 0;
	text-align: left;
	text-decoration: none;
	font: 900 italic 10px "宋体", sans-serif;
	text-transform: uppercase
}

.icons-top .icons-top__dealer a:hover {
	color: #ed6c02
}

.icons-top .icons-top__dealer a span {
	margin: -5px 0 0 -40px;
	float: left;
	font-size: 28px
}

.icons-top .icons-top__dealer a span.cc-places {
	font-size: 32px
}

.icons-top .icons-top__dealer a.page:hover span {
	border-color: #ed6c02
}

.icons-top .icons-top__dealer a.page span {
	font-size: 16px;
	padding: 5px;
	border: 2px solid #000;
	border-radius: 50%
}

.icons-top .icons-top__assistance {
	min-width: 640px
}

.icons-top .icons-top__assistance p {
	margin: 0 0 10px
}

.icons-top--quicklinks .icons-top__skew {
	border-left: 1px solid #e5e5e5
}

.icons-top--quicklinks .assistance-link {
	display: block;
	margin: 0;
	text-align: center
}

.icons-top--quicklinks .assistance-link:before {
	content: "";
	display: block;
	margin: 0px 0 20px;
	height: 1px;
	background: #e5e5e5
}

@media screen and (max-width: 740px) {
	.icons-top--quicklinks .assistance-link {
		margin: 0
	}
	.icons-top--quicklinks .assistance-link:before {
		margin-top: 0px
	}
}

.icons-top--quickfavorite {
	display: none;
	text-align: left;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 700;
	padding: 15px 20px !important;
	margin-bottom: -1px
}

.icons-top--quickfavorite .cc-like {
	color: #000 !important;
	font-size: 28px;
	vertical-align: middle
}

.icons-top--markers:hover a {
	color: #ed6c02
}

.icons-top--markers .icons-top__skew .cc-rounded-star {
	font-size: 18px;
	line-height: 28px;
	width: 20px;
	margin-right: -5px
}

.icons-top--markers .icons-top__skew {
	position: relative
}

.icons-top--markers .icons-top__skew .cc-rounded-star {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background: #ed6c02;
	color: #fff;
	font-size: 10px;
	border-radius: 50%;
	height: 15px;
	width: 15px;
	line-height: 15px;
	margin-right: 5px;
	margin-top: 5px
}

@media screen and (max-width: 800px) {
	.icons-top--markers .icons-top__skew .cc-rounded-star {
		margin-top: 10px
	}
}

.icons-top--markers.has-dealer .cc-rounded-star {
	display: inline-block
}

.icons-top--markers.has-dealer.on .icons-top__dealer {
	display: block !important
}

.icons-top--markers.on .icons-top__dealer {
	display: none !important
}

.stick .icons-top,
.stick-up .icons-top {
	position: fixed;
	z-index: 1001
}

@keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.stick .icons-top {
	animation-name: fadeIn;
	animation-duration: 0.3s
}

@media screen and (min-width: 992px) {
	.icons-social.icons-social--open ul li ul {
		display: block
	}
}

.icons-social {
	min-width: 300px
}

.icons-social::after {
	clear: both;
	content: "";
	display: table
}

.icons-social ul {
	float: right
}

.icons-social li {
	position: relative;
	float: left;
	margin-left: 13px;
	color: #fff
}

.icons-social li:hover>ul,
.icons-social li.on>ul {
	display: block
}

.icons-social li:hover>span,
.icons-social li.on>span {
	color: #ed6c02
}

.icons-social li span {
	display: block;
	position: relative;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: #000;
	font-size: 26px;
	text-align: center;
	line-height: 40px;
	z-index: 10;
	cursor: pointer
}

.icons-social li>ul {
	display: none;
	position: absolute;
	top: -4px;
	right: -4px;
	bottom: -4px;
	left: auto;
	background: rgba(0, 0, 0, 0.3);
	white-space: nowrap;
	padding: 4px 48px 4px 4px;
	border-radius: 24px;
	z-index: 9
}

.icons-social li>ul>li {
	position: relative;
	float: none;
	display: inline-block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	margin: 0 2px;
	cursor: pointer
}

.icons-social li>ul>li>a {
	position: relative;
	display: block;
	height: 40px;
	width: 40px;
	background-image: url("../social-sprite.html");
}

.icons-social li>ul>li>a:hover:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	display: block;
	border: 3px solid #ed6c02
}

@media screen and (max-width: 800px) {
	.icons-social li {
		float: none;
		margin-top: 20px
	}
}

.touch .icons-social li:hover span {
	color: #fff
}

.touch .icons-social li.on span {
	color: #ed6c02
}

.touch .icons-social li.icons-social__share:hover span {
	color: #ed6c02
}

.icon-social---gp {
	background-position: 0 0
}

.icon-social---fb {
	background-position: -50px 0
}

.icon-social---tw {
	background-position: -100px 0
}

.icon-social---em {
	background-position: -150px 0
}

.point-list {
	text-align: center;
	font-size: 0
}

.point-round {
	display: inline-block;
	width: 25%;
	text-align: center;
	vertical-align: top
}

.point-round span.icon-round {
	display: inline-block;
	vertical-align: top;
	background-color: #ed6c02;
	height: 48px;
	width: 48px;
	border-radius: 48px;
	margin-bottom: 12px
}

.point-round strong {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
	font-weight: 900;
	color: black;
	display: block
}

.i-documents {
	display: block;
	position: relative;
	margin: 0 0 15px
}

.i-documents img {
	position: relative;
	z-index: 2;
	vertical-align: bottom
}

.i-documents:after {
	content: '';
	height: 55px;
	width: 60px;
	display: inline-block;
	background-color: #ed6c02;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	position: absolute;
	bottom: -7px;
	left: 50px;
	z-index: 1
}

.msg-favorite-add {
	display: none;
	position: fixed;
	top: 70px;
	width: 100vw;
	color: #fff;
	text-align: center;
	z-index: 1001;
	text-transform: uppercase;
	opacity: 0.95
}

.msg-favorite-add div {
	margin: 0 5px;
	padding: 10px;
	background: #ed6c02
}

.msg-favorite-add span {
	height: 0;
	width: 0;
	border-bottom: 10px solid #ed6c02;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	top: -10px;
	right: 0
}

@media screen and (min-width: 651px) {
	.msg-favorite-add {
		top: 80px
	}
}

@media screen and (min-width: 993px) {
	.msg-favorite-add {
		top: 50px;
		left: 130px;
		right: 10px;
		width: calc(100% - 140px)
	}
}

@media screen and (max-width: 740px) {
	.icons-top--markers .icons-top__skew>div span,
	.icons-top--markers .icons-top__skew>div a {
		display: none !important
	}
}

.icons-top--markers .icons-top__skew>div a {
	text-decoration: none
}

.icons-top--markers .icons-top__skew>div .dealer-label {
	display: none
}

.icons-top--markers.has-dealer .icons-top__skew>div a {
	display: none
}

.icons-top--markers.has-dealer .icons-top__skew>div .dealer-label {
	display: inline-block
}

.box-skew {
	position: relative;
	overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
	padding: 0 10px
}

@media screen and (max-width: 800px) {
	.box-skew {
		margin: 0
	}
}

.box-skew:before {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	position: absolute;
	top: 0;
	left: 0;
	background: #f4f4f4
}

.box-skew-5:before {
	width: 65px;
	height: 510px
}

.nav-page {
	padding: 17px 20px
}

.nav-page::after {
	clear: both;
	content: "";
	display: table
}

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

.nav-page ul::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 800px) {
	.nav-page {
		padding: 0 25px
	}
	.nav-page ul {
		padding: 17px 0
	}
}

.nav-page .slick-arrow:before {
	color: #000;
	font-family: 'case-ui';
	font-size: 14px
}

.nav-page .slick-prev {
	left: -25px
}

.nav-page .slick-prev:before {
	content: "\e90d"
}

.nav-page .slick-next {
	right: -25px
}

.nav-page .slick-next:before {
	content: "\e90c"
}

.nav-page li {
	float: left;
	margin-right: 12px;
	padding-right: 12px;
	border-right: 1px solid #e5e5e5;
	line-height: 1
}

.nav-page li:last-child {
	padding-right: 0;
	margin-right: 0;
	border: 0
}

.nav-page li.active a {
	color: #ed6c02
}

.nav-page a,
.nav-page span {
	font: 900 14px "宋体", sans-serif;
	text-transform: uppercase;
	color: #515353;
	line-height: 20px
}

.nav-page a:hover,
.nav-page span:hover {
	color: #ed6c02
}

.touch .nav-page a:hover,
.touch .nav-page span:hover {
	color: #515353
}

.nav-attachments .navitem-attac a,
.nav-heritage .navitem-heritage a,
.nav-vision .navitem-vision a,
.nav-overview .navitem-overview a,
.nav-benefit .navitem-benefit a,
.nav-specifications .navitem-specifications a,
.nav-configurations .navitem-configurations a,
.nav-gallery .navitem-gallery a,
.nav-models .navitem-models a,
.nav-solutions .navitem-solutions a,
.nav-resources .navitem-resources a,
.nav-lending .navitem-lending a,
.nav-leasing .navitem-leasing a,
.nav-commercial .navitem-commercial a,
.nav-insurance .navitem-insurance a,
.nav-benefits .navitem-benefits a,
.nav-available-equipment .navitem-available-equipment a,
.nav-faqs .navitem-faqs a,
.nav-compare .navitem-compare a,
.nav-faq .navitem-faq a,
.nav-powered-by .navitem-powered-by a,
.nav-support .navitem-support a,
.nav-protection-plan .navitem-protection-plan a,
.nav-warranty .navitem-warranty a,
.nav-uptime-assistance .navitem-uptime-assistance a,
.nav-news .navitem-news a,
.nav-events .navitem-events a,
.nav-brochures .navitem-brochures a,
.nav-images .navitem-images a,
.nav-video .navitem-video a,
.nav-technical-pub .navitem-technical-pub a,
.nav-prior-models .navitem-prior-models a,
.nav-regulations .navitem-regulations a,
.nav-commitment .navitem-commitment a,
.nav-cegr .navitem-cegr a,
.nav-scr .navitem-scr a,
.nav-visit .navitem-visit a,
.nav-range .navitem-range a,
.nav-learn .navitem-learn a,
.nav-testimonials .navitem-testimonials a {
	color: #ed6c02
}

.sub-navs {
	margin-bottom: 50px
}

@media screen and (max-width: 740px) {
	.sub-navs {
		margin-bottom: 20px
	}
}

.sub-navs .nav-page {
	background: #f4f4f4;
	margin: 0 -10px;
	height: 50px
}

@media screen and (min-width: 741px) {
	.sub-navs .nav-page .slick-slider {
		margin: 0 15px
	}
}

@media screen and (max-width: 992px) {
	.sub-navs .nav-page {
		margin: 0 0 15px;
		opacity: 0
	}
}

.stick .sub-navs {
	position: fixed;
	top: -50px;
	left: 130px;
	right: 10px;
	z-index: 1000
}

@media screen and (max-width: 992px) {
	.stick .sub-navs {
		left: 0;
		right: 0
	}
}

.nav-utils {
	background: #000;
	padding: 17px 40px;
	margin-bottom: 50px
}

.nav-utils *[class^="cc-"] {
	margin-right: 5px;
	color: #ed6c02;
	font-size: 50px;
	line-height: 1
}

.nav-utils *[class^="cc-"]:before {
	vertical-align: middle
}

.nav-utils>h3 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	color: #fff
}

.nav-utils ul {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left
}

.nav-utils li {
	flex: 1 0 0;
	flex-grow: 1;
	flex-basis: 0;
	padding-right: 10%;
	position: relative
}

.nav-utils li:last-child {
	padding-right: 0
}

.nav-utils li>div {
	padding-bottom: 20px
}

.nav-utils li.active a {
	color: #000
}

.nav-utils li span {
	display: inline-block;
	vertical-align: middle
}

.nav-utils li .nav-utils__text {
	display: block;
	min-height: 40px;
	text-transform: uppercase;
	font-weight: 900
}

.nav-utils li .nav-utils__text p {
	margin: 0;font-size: 13px;
}

.nav-utils li a {
	cursor: default;
	display: inline-block;
	line-height: 18px;
	color: #fff;
	vertical-align: top
}

.nav-utils li a[href] {
	cursor: pointer
}

.nav-utils li a[href]:hover {
	color: #ed6c02
}

.nav-utils li .nav-utils__bottom {
	font-size: 14px;
	line-height: 18px
}

.nav-utils li .nav-utils__bottom p {
	margin-top: 5px;
	color: #9b9b9b
}

.nav-utils li .nav-utils__btn {
	position: absolute;
	right: 36%;
	bottom: 0;
	color: #9b9b9b;
	text-transform: uppercase;
	font: 900 italic 10px "宋体", sans-serif
}

.nav-utils li:last-child .nav-utils__btn {
	right: 0
}

.nav-utils a[href]:hover .nav-utils__btn {
	color: #ed6c02
}

.nav-utils a[href]:hover .nav-utils__bottom p {
	color: #fff
}

.nav-utils br {
	display: none
}

@media screen and (max-width: 740px) {
	.nav-utils {
		margin: 0 -10px 50px;
		padding: 17px 25px
	}
	.nav-utils ul,
	.nav-utils li {
		display: block
	}
	.nav-utils ul::after {
		clear: both;
		content: "";
		display: table
	}
	.nav-utils li {
		float: left;
		width: 50%;
		margin: 0 0 20px 0;
		padding: 0 5%
	}
	.nav-utils li:last-child {
		padding: 0 5%
	}
	.nav-utils li:last-child .nav-utils__btn {
		right: auto
	}
	.nav-utils li a {
		word-wrap: normal
	}
	.nav-utils .nav-utils__bottom {
		display: none
	}
}

@media screen and (max-width: 992px) {
	.nav-utils li:nth-child(odd) {
		clear: left
	}
}

.is-ie.lt-ie11 .nav-utils ul {
	display: table
}

.is-ie.lt-ie11 .nav-utils li {
	display: table-cell;
	flex: none
}

.sub-navs {
	position: relative;
	z-index: 10
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	.sub-navs .nav-utils {
		top: -1px;
		bottom: auto !important
	}
}

.sub-navs .nav-utils {
	position: absolute;
	right: -10px;
	bottom: 0;
	margin-bottom: 0;
	padding: 10px 25px 0;
	height: auto;
	-webkit-transition: bottom 0.3s;
	-moz-transition: bottom 0.3s;
	transition: bottom 0.3s
}

@media screen and (max-width: 992px) {
	.sub-navs .nav-utils {
		display: block
	}
}

.sub-navs .nav-utils *[class^="cc-"] {
	font-size: 30px
}

.sub-navs .nav-utils ul {
	height: 100%;
	text-align: left;
	table-layout: auto
}

.sub-navs .nav-utils li {
	vertical-align: top;
	padding-right: 25px;
	text-align: center;
	flex-basis: auto
}

.sub-navs .nav-utils li:last-child {
	padding: 0
}

.sub-navs .nav-utils li>div {
	padding: 0
}

.sub-navs .nav-utils a {
	font: 900 normal 10px/14px "宋体", sans-serif
}

.sub-navs .nav-utils a br {
	display: inline-block;
	height: 1px
}

.sub-navs .nav-utils .nav-utils__bottom,
.sub-navs .nav-utils .nav-utils__btn {
	display: none
}

.sub-navs .nav-utils .nav-utils__text {
	max-width: 65px
}

.back-navigation {
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	transition: opacity 0.4s
}

body.navigation-is-open {
	overflow: hidden
}

@media screen and (max-width: 992px) {
	body.navigation-is-open {
		overflow-y: hidden;
		overflow-x: auto
	}
}

@media screen and (min-width: 993px) {
	body.navigation-is-open .back-navigation {
		content: "";
		height: 100%;
		width: 100%;
		position: fixed;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		top: 0;
		left: 105px;
		z-index: 1300;
		opacity: 1
	}
}

@media screen and (max-width: 992px) {
	.btn_toggle {
		height: 60px;
		width: 65px;
		position: absolute;
		top: 0;
		left: 0;
		padding: 18px 14px;
		overflow: hidden;
		cursor: pointer;
		z-index: 1200
	}
	.btn_toggle.active span:nth-child(1),
	.btn_toggle.active span:nth-child(3) {
		position: absolute;
		top: 26px;
		margin: 0
	}
	.btn_toggle.active span:nth-child(1) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-left: 5px
	}
	.btn_toggle.active span:nth-child(2) {
		opacity: 0;
		-webkit-transition: opacity 250ms;
		-moz-transition: opacity 250ms;
		transition: opacity 250ms
	}
	.btn_toggle.active span:nth-child(3) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-left: 5px
	}
	.btn_toggle.is-open-sub-menu:after {
		background-color: #f4f4f4;
		border-right-color: #e5e5e5
	}
	.btn_toggle.is-open-sub-menu span:nth-child(1) {
		top: 18px
	}
	.btn_toggle.is-open-sub-menu span:nth-child(3) {
		top: 27px
	}
	.btn_toggle:after {
		content: "";
		background-color: #ed6c02;
		border-right: 1px solid #b77215;
		height: 60px;
		width: 70px;
		-webkit-transform: skew(-13deg);
		-moz-transform: skew(-13deg);
		-ms-transform: skew(-13deg);
		-o-transform: skew(-13deg);
		transform: skew(-13deg);
		position: absolute;
		top: 0;
		bottom: 0;
		left: -18px;
		z-index: 2;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2)
	}
	.btn_toggle span {
		height: 3px;
		width: 15px;
		border-radius: 2px;
		display: block;
		background-color: black;
		margin-top: 3px;
		position: relative;
		z-index: 3;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s
	}
	.btn_toggle span:nth-child(1) {
		margin-left: 6px
	}
	.btn_toggle span:nth-child(2) {
		margin-left: 4px;
		opacity: 1;
		-webkit-transition: opacity 250ms;
		-moz-transition: opacity 250ms;
		transition: opacity 250ms
	}
	.btn_toggle span:nth-child(3) {
		margin-left: 2px
	}
}

@media screen and (max-width: 740px) {
	.btn_toggle {
		height: 50px;
		padding: 12px
	}
	.btn_toggle.active span:nth-child(1),
	.btn_toggle.active span:nth-child(3) {
		top: 22px
	}
	.btn_toggle:after {
		height: 50px
	}
}

.mobile-title {
	display: none
}

@media screen and (max-width: 992px) {
	.mobile-title {
		display: block
	}
}

.navigation-step__inner {
	height: 0;
	overflow: hidden
}

.navigation-step__inner.active {
	height: auto;
	overflow: visible
}

.l-navigation {
	z-index: 1300;
	-webkit-transition: width 250ms;
	-moz-transition: width 250ms;
	transition: width 250ms
}

@media screen and (max-width: 992px) {
	.l-navigation {
		width: 100%;
		background-color: transparent
	}
}

.l-navigation.width-extended {
	width: 160px;
	-webkit-transition: width 250ms;
	-moz-transition: width 250ms;
	transition: width 250ms
}

@media screen and (max-width: 992px) {
	.l-navigation.width-extended {
		width: 100%
	}
}

.l-navigation.width-extended .navigation__main a {
	font-size: 14px
}

.l-navigation .logo {
	display: block
}

.l-navigation .logo img {
	display: block;
	width: 100%
}

@media screen and (max-width: 992px) {
	.stick .l-navigation__top,
	.stick-up .l-navigation__top {
		position: fixed;
		z-index: 1001;
		width: 100%
	}
}

.l-navigation__top {
	text-align: center
}

.l-navigation__top a {
	outline: none
}

@media screen and (max-width: 992px) {
	.l-navigation__top {
		background-color: white
	}
	.l-navigation__top .logo {
		overflow: hidden
	}
	.l-navigation__top .logo img {
		margin-left: 60px
	}
}

@media screen and (max-width: 800px) {
	.l-navigation__top {
		max-height: 50px
	}
	.l-navigation__top .logo {
		height: 50px
	}
	.l-navigation__top .logo img {
		height: 70px;
		width: auto;
		margin-top: -10px
	}
}

@media screen and (max-width: 320px) {
	.l-navigation__top .logo img {
		height: 60px;
		margin-top: -5px
	}
}

@media screen and (min-width: 740px) and (max-width: 992px) {
	.l-navigation__top {
		max-height: 60px
	}
	.l-navigation__top .logo {
		height: 60px
	}
	.l-navigation__top .logo img {
		height: 90px;
		position: relative;
		top: -15px;
		margin-top: 0;
		width: auto
	}
}

.l-navigation__top ol {
	list-style-type: none;
	margin: 0;
	padding-left: 0
}

.l-navigation__top img {
	width: 100%;
	vertical-align: top
}

.l-navigation__top .scrollmore {
	display: none
}

.l-navigation__top .with-scroll .navigation-prod {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 80px;
	left: 0;
	margin: 0 !important;
	padding: 0 30px;
	overflow: auto
}

.l-navigation__top .with-scroll .scrollmore {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	height: 80px;
	background: #f4f4f4;
	padding: 0 30px;
	line-height: 80px;
	color: #9b9b9b;
	text-align: left
}

.l-navigation__top .with-scroll .scrollmore span {
	display: inline-block;
	padding: 0 0 0 30px;
	line-height: 20px;
	background: url("../scrollmore.html")/*tpa=https://www.casece.com/Style%20Library/css/images/scrollmore.png*/
	no-repeat 0 50%
}

.l-navigation__top [data-step="2"] .with-scroll .scrollmore {
	background-color: #fff
}

.l-navigation__top .mobile-title {
	margin-bottom: 30px;
	text-transform: uppercase;
	font: 600 italic 14px/21px "宋体", sans-serif;
	color: #ed6c02;
	padding-left: 40px;
	padding-right: 40px
}

@media screen and (min-width: 993px) {
	.l-navigation__top .mobile-title {
		display: none
	}
}

.l-navigation__top .tooltip {
	width: 250px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -webkit-calc(100%);
	left: calc(100%);
	z-index: 1;
	background: #fff;
	display: none
}

.l-navigation__top .tooltip .nav-card {
	cursor: pointer
}

.l-navigation__top .tooltip .tooltip__inner {
	position: relative;
	background-color: white
}

.l-navigation__top .tooltip .tooltip__inner img {
	margin-bottom: 10px
}

.l-navigation__top .tooltip .tooltip__inner h3 {
	padding: 9px 30px;
	font: 600 normal 12px/18px "宋体", sans-serif
}

.l-navigation__top .tooltip .tooltip__inner p {
	margin: 0;
	padding: 0 30px;
	font: 12px/18px "宋体", sans-serif;
	padding-bottom: 18px
}

.l-navigation__top .tooltip .tooltip__btn {
	padding: 0 30px
}

.l-navigation__top .tooltip .tooltip__btn span {
	text-transform: uppercase;
	font: normal normal 10px/16px "宋体", sans-serif;
	font-weight: 900;
	color: #9b9b9b;
	cursor: pointer
}

.l-navigation__top .tooltip .tooltip__btn span:hover {
	color: #ed6c02
}

@media screen and (max-width: 992px) {
	.l-navigation__top .navigation__main {
		padding: 10px 0 30px
	}
}

.l-navigation__top .navigation__main a {
	text-transform: uppercase;
	font: 400 normal 12px/18px "宋体", sans-serif;
	display: block;
	padding: 0px 0 9px;
	-webkit-transition: font-size 0.2s;
	-moz-transition: font-size 0.2s;
	transition: font-size 0.2s
}

@media screen and (max-width: 992px) {
	.l-navigation__top .navigation__main a {
		width: 100%;
		font: 900 italic 16px/1 "宋体", sans-serif
	}
	.l-navigation__top .navigation__main a:after {
		content: "";
		display: block;
		height: 1px;
		width: calc(100% - 40px);
		margin: 10px auto 0;
		background: #b77215
	}
}

@media screen and (max-width: 500px) {
	.l-navigation__top .navigation__main a {
		padding-top: 0;
		font-size: 14px
	}
}

.l-navigation__top .navigation__main i {
	display: block;
	font-size: 42px
}
.l-navigation__top .navigation__main i img{height:42px; width:auto;}
.l-navigation__top .navigation__main i.cc-plus {
	font-size: 36px
}

@media screen and (max-width: 992px) {
	.l-navigation__top .navigation__main i {
		font-size: 62px
	}
}

@media screen and (max-width: 500px) {
	.l-navigation__top .navigation__main i {
		font-size: 50px
	}
}

.l-navigation__top .navigation__main li.active a {
	font-weight: 700
}

@media screen and (min-width: 993px) {
	.l-navigation__top .navigation__main li {
		border-bottom: 1px solid #b77215
	}
	.l-navigation__top .navigation__main li.active a {
		background-color: #f4f4f4
	}
}

@media screen and (max-width: 992px) {
	.l-navigation__top .navigation__main li:last-child a:after {
		display: none
	}
}

.l-navigation__top .navigation__secondary li {
	padding: 10px 0;
	border-bottom: 1px solid #e5e5e5
}

.l-navigation__top .navigation__secondary li:last-child {
	border: 0
}

.l-navigation__top .navigation__secondary li:first-child {
	padding-top: 0
}

@media screen and (min-width: 993px) {
	.l-navigation__top .navigation__secondary li.active a,
	.l-navigation__top .navigation__secondary li a.highlight,
	.l-navigation__top .navigation__secondary li a:hover {
		color: #ed6c02;
		font-weight: 700
	}
}

@media screen and (max-width: 992px) {
	.l-navigation__top .navigation__secondary {
		padding-bottom: 12px
	}
	.l-navigation__top .navigation__secondary li {
		padding: 12px 0
	}
}

.l-navigation__top .navigation__tertiary {
	text-align: left
}

.l-navigation__top .navigation__tertiary a {
	display: block
}

.l-navigation__top .navigation__tertiary a:hover h3 {
	color: #ed6c02;
	font-weight: 700
}

.l-navigation__top .navigation__tertiary .inactive {
	display: none
}

.l-navigation__top .navigation__tertiary.has-element-selected>li:not(.active) .nav-card__content h3 {
	color: #9b9b9b
}

.l-navigation__top .navigation__tertiary.has-element-selected>li:not(.active) p {
	color: #9b9b9b !important
}

.l-navigation__top .navigation__tertiary.has-element-selected>li:not(.active) img {
	opacity: 0.4
}

.l-navigation__top .navigation__tertiary.has-element-selected>li:not(.active) .inactive {
	display: block;
	opacity: 0.4
}

.l-navigation__top .navigation__tertiary.has-element-selected>li:not(.active):hover img {
	opacity: 1
}

.l-navigation__top .navigation__tertiary.has-element-selected>li:not(.active):hover .inactive {
	display: none
}

.l-navigation__top .navigation__tertiary.has-element-selected .active .inactive {
	display: none
}

.l-navigation__top .navigation__tertiary .nav-card h3 {
	color: #ed6c02;
	font-weight: 700
}

.l-navigation__top .navigation__list {
	text-align: left
}

.l-navigation__top .navigation__list>li {
	position: relative
}

.l-navigation__top .navigation__list>li.active h3,
.l-navigation__top .navigation__list>li a:hover h3 {
	color: #ed6c02
}

.l-navigation__top .navigation__list>li.active p:after,
.l-navigation__top .navigation__list>li a:hover p:after {
	content: "";
	height: 24px;
	width: 24px;
	background: url("../nav-hover.html")/*tpa=https://www.casece.com/Style%20Library/css/images/nav-hover.png*/
	no-repeat 0 0;
	display: inline-block;
	text-align: center;
	font-size: 15px;
	color: #ed6c02;
	line-height: 24px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -12px
}

.l-navigation__top .navigation__list>li.active a:hover,
.l-navigation__top .navigation__list>li a:hover a:hover {
	color: #9b9b9b
}

.l-navigation__top .navigation__list h3,
.l-navigation__top .navigation__list p {
	padding: 9px 3px 0
}

.l-navigation__top .navigation__list span {
	display: block
}

.l-navigation__top .navigation-step {
	display: none;
	width: 250px;
	color: black;
	z-index: 99;
	font-size: 14px
}

.l-navigation__top .navigation-step a {
	cursor: default
}

.l-navigation__top .navigation-step a[href] {
	cursor: pointer
}

.l-navigation__top .navigation-step:first-child {
	display: block
}

@media screen and (max-width: 992px) {
	.l-navigation__top .navigation-step:first-child.is-open {
		position: fixed;
		top: 50px;
		left: 0;
		z-index: 1100;
		bottom: 0;
		right: 0;
		width: 100%;
		height: auto;
		overflow: auto;
		transform: none !important
	}
}

@media screen and (max-width: 992px) and (min-width: 740px) {
	.l-navigation__top .navigation-step:first-child.is-open {
		top: 59px
	}
}

.l-navigation__top .navigation-step.is-open {
	display: block
}

@media screen and (max-width: 992px) {
	.l-navigation__top .navigation-step {
		position: fixed;
		top: 50px;
		height: 100%;
		width: 100%
	}
	.l-navigation__top .navigation-step.enter.is-open {
		-webkit-transform: translate3d(0, 0%, 0);
		-moz-transform: translate3d(0, 0%, 0);
		-ms-transform: translate3d(0, 0%, 0);
		-o-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
		-webkit-transition: -webkit-transform 250ms;
		-moz-transition: -moz-transform 250ms;
		transition: transform 250ms
	}
	.l-navigation__top .navigation-step.is-open {
		display: block;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
		-webkit-transition: -webkit-transform 250ms;
		-moz-transition: -moz-transform 250ms;
		transition: transform 250ms
	}
}

.l-navigation__top .navigation-step a {
	color: black;
	display: block
}

.l-navigation__top .navigation-step .navigation__list {
	padding-bottom: 18px
}

.l-navigation__top .navigation-step .navigation__list h3,
.l-navigation__top .navigation-step .navigation__list p {
	font: 12px/18px "宋体", sans-serif
}

.l-navigation__top .navigation-step .navigation__list h3 {
	padding: 8px 0 5px;
	font-size: 14px
}

.l-navigation__top .navigation-step .navigation__list p {
	margin: 0;
	padding-bottom: 8px
}

.l-navigation__top .navigation-step[data-step="1"],
.l-navigation__top .navigation-step[data-step="3"] {
	background-color: #f4f4f4
}

.l-navigation__top .navigation-step[data-step="0"] {
	width: auto;
	background-color: #ed6c02;
	z-index: 10
}

@media screen and (max-width: 992px) {
	.l-navigation__top .navigation-step[data-step="0"] {
		display: none
	}
	.l-navigation__top .navigation-step[data-step="0"].is-open {
		display: block
	}
}

.l-navigation__top .navigation-step[data-step="1"] {
	height: 100%;
	color: #515353;
	text-align: left;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 9
}

.l-navigation__top .navigation-step[data-step="1"] .navigation-step__inner {
	width: 190px
}

@media screen and (max-width: 992px) {
	.l-navigation__top .navigation-step[data-step="1"] {
		position: fixed;
		top: 48px;
		width: 90%;
		height: -webkit-calc(100% - 50px);
		height: calc(100% - 50px);
		padding: 21px 20px 21px 20px;
		box-shadow: 1px 20px 9px 9px rgba(0, 0, 0, 0.3);
		background-color: #f4f4f4;
		overflow: auto;
		z-index: 1101;
		border-top: 1px solid #9b9b9b
	}
	.l-navigation__top .navigation-step[data-step="1"] .navigation-step__inner {
		width: 100%
	}
	.l-navigation__top .navigation-step[data-step="1"] .navigation-step__inner li {
		padding-left: 40px;
		padding-right: 40px;
		font-size: 16px
	}
	.l-navigation__top .navigation-step[data-step="1"] .field-attachments,
	.l-navigation__top .navigation-step[data-step="1"] .category_link {
		padding-left: 40px;
		padding-right: 40px
	}
}

@media screen and (max-width: 992px) and (min-width: 740px) {
	.l-navigation__top .navigation-step[data-step="1"].is-open {
		top: 59px
	}
}

@media screen and (min-width: 993px) {
	.l-navigation__top .navigation-step[data-step="1"] {
		padding: 0
	}
	.l-navigation__top .navigation-step[data-step="1"].is-open {
		left: 160px;
		padding: 25px 30px
	}
	.l-navigation__top .navigation-step[data-step="1"].is-open .navigation-step__inner {
		opacity: 1
	}
}

.l-navigation__top .navigation-step[data-step="2"] {
	background-color: white;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 410px;
	padding: 0;
	overflow: auto;
	z-index: 8
}

.l-navigation__top .navigation-step[data-step="2"] .category_link {
	margin: 0 30px
}

.l-navigation__top .navigation-step[data-step="3"] {
	position: absolute;
	top: 0;    overflow-y: scroll;
	bottom: 0;
	left: 660px;
	padding-top: 0;
	z-index: 7
}

.l-navigation__top .navigation-step .navigation-prod {
	margin: 0 30px
}

.l-navigation__top .navigation-step .navigation-prod .category_link {
	margin: 0;
	padding-top: 5px;
	border-top: 0;
	border-bottom: 1px solid #c7c7c7
}

.l-navigation__top .navigation-step .navigation-prod .navigation__list a {
	border-bottom: 1px solid #e5e5e5
}

.l-navigation__top .navigation-step .navigation-prod .navigation__list a:hover p.text {
	color: #000
}

.l-navigation__top .navigation-step .navigation-prod .navigation__list li:last-child a {
	border: 0
}

.l-navigation__top .navigation-step .navigation-prod .navigation__list h3.title:hover {
	font-weight: bold
}

.l-navigation__top .navigation-step .navigation-prod .navigation__list p.text {
	padding-top: 0;
	padding-right: 25px;
	font-size: 10px;
	line-height: 14px;
	color: #9b9b9b
}

.l-navigation__top .navigation-step .navigation-prod .nav-card {
	margin: 0 -30px;
	text-align: left;
	line-height: 14px
}

.l-navigation__top .section_category {
	padding-top: 21px;
	height: 50px;
	font: 600 normal 14px/16px "宋体", sans-serif;
	color: #9b9b9b;
	text-align: left
}

.l-navigation__top .section_category>span {
	display: block
}

.l-navigation__top .field-attachments {
	margin-top: 20px;
	border-top: 1px solid #c7c7c7;
	padding: 21px 0;
	color: #515353
}

.l-navigation__top .field-attachments:hover {
	color: #ed6c02
}

.l-navigation__top .field-attachments:hover p {
	color: #ed6c02
}

.l-navigation__top .field-attachments p {
	font: normal normal 12px/18px "宋体", sans-serif;
	margin: 0;
	color: #9b9b9b
}

.l-navigation__top .field-attachments h3 {
	margin: 0;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 14px;
	padding-bottom: 12px
}

.l-navigation__top .category_link {
	padding: 20px 0;
	border-top: 1px solid #c7c7c7;
	text-align: left
}

.l-navigation__top .category_link a,
.l-navigation__top .category_link span {
	text-transform: uppercase;
	font: normal normal 14px/16px "宋体", sans-serif;
	font-weight: 900;
	color: #9b9b9b;
	cursor: pointer
}

.l-navigation__top .category_link a:hover,
.l-navigation__top .category_link span:hover {
	color: #ed6c02
}

.desktop .l-navigation__top .navigation__main a:hover,
.is-ie .l-navigation__top .navigation__main a:hover {
	background-color: #f4f4f4
}

.nav-card>a:hover .category_link span {
	color: #ed6c02
}

.nav-card__image {
	margin-bottom: 20px
}

.nav-card__content {
	padding: 0 30px;
	color: #000;
	font-weight: 400
}

.nav-card__content h3 {
	font-size: 14px;
	font-weight: 700;
	color: #ed6c02
}

.nav-card__content p {
	font-size: 12px;
	line-height: 18px
}

.nav-card__content .category_link {
	margin: 0 !important;
	border: 0;
	padding: 10px 0 30px
}

.cards,
.cards-dash {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 40px
}

.cards::after,
.cards-dash::after {
	clear: both;
	content: "";
	display: table
}

.cards::after,
.cards-dash::after {
	clear: both;
	content: "";
	display: table
}

a.card {
	cursor: pointer
}

.card {
	position: relative;
	float: left;
	width: 33.33%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 15px;
	text-decoration: none;
	z-index: 9
}

.card>div {
	background: #f4f4f4
}

.card>div>.card__wrap,.card>div>.card__wraps {
	background: transparent;
	border: 0
}

.card>div>.card__wrap .card__image,.card>div>.card__wraps .card__image{
	margin: 0
}

@media screen and (max-width: 740px) {
	.card {
		width: 50%
	}
}

@media screen and (max-width: 500px) {
	.card {
		float: none;
		width: 100%;
		margin-bottom: 25px;
		padding-left: 15px;
		padding-right: 15px
	}
}

.card>a {
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #000
}

.card>a:hover .small-ancor {
	color: #ed6c02
}

.card.card--100 {
	width: 100%
}

.card .card__wrap,.card .card__wraps{
	position: relative;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #e5e5e5
}

.card span.small-ancor {
	position: absolute;
	right: 20px;
	bottom: 15px;
	font: 900 normal 10px "宋体", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	float: right;
	margin: 15px 0 0 15px;
	color: #9b9b9b
}

.card span.small-ancor:hover {
	color: #ed6c02
}

.card span.small-ancor span,
.card span.small-ancor a {
	margin: 0 0 0 10px
}

.card .card__close {
	position: absolute;
	top: 0;
	right: 10px;
	background: #515353;
	color: #fff
}

.card .card__close i {
	display: block;
	height: 30px;
	width: 30px;
	text-align: center;
	cursor: pointer;
	line-height: 30px;
	font-size: 20px
}

.desktop .card.hover,
.is-ie .card.hover {
	z-index: 10
}

.desktop .card.hover .card__wrap,
.is-ie .card.hover .card__wrap
{
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	padding: 5px
}
.is-ie .card.hover .card__wraps,
.desktop .card.hover .card__wraps
{
	position: static;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	padding: 5px
}

.desktop .card.hover .card__content,
.is-ie .card.hover .card__content {
	padding-bottom: 14px
}

.desktop .card.hover .card__close,
.is-ie .card.hover .card__close {
	right: 0
}

.desktop .card.hover .card__close i,
.is-ie .card.hover .card__close i {
	background: #000;
	color: #ed6c02
}

.card--doublelink a:hover {
	cursor: default
}

.card--doublelink .small-ancor span,
.card--doublelink .small-ancor a {
	color: #9b9b9b;
	text-decoration: none
}

.card--doublelink .small-ancor span:hover,
.card--doublelink .small-ancor a:hover {
	cursor: pointer;
	color: #ed6c02
}

.card--noimage .card__wrap,
.card--noimage .card__wraps{
	border: 1px solid #e5e5e5
}

.card--video .card__image {
	position: relative
}

/*.card--video .card__image:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 52px;
	width: 74px;
	margin: -26px 0 0 -37px;
	background: url("../Images/card-video.png")	no-repeat
}*/

.cards--50 .card {
	width: 50%
}

@media screen and (max-width: 800px) {
	.cards--50 .card {
		width: 100%
	}
}

.cards-6 .card {
	width: 16.6%
}

@media screen and (max-width: 800px) {
	.cards-6 .card {
		width: 33.3%;
		float: left
	}
}

@media screen and (max-width: 740px) {
	.cards-6 .card {
		width: 50%
	}
}

@media screen and (max-width: 500px) {
	.cards-6 .card {
		float: none;
		width: 100%
	}
}

.cards-6 .card__content {
	padding: 10px
}

.cards-6 .card__title {
	font-size: 12px;
	margin-bottom: 25px
}

.cards-6 span.small-ancor {
	right: 10px;
	bottom: 10px
}

.card__image {
	position: relative;
	padding-bottom: 56%;
	overflow: hidden
}

.card__image>img {
	position: absolute;
	top: 0;
	left: 0
}

.card__image .b-lazy.i-responsive {
	width: 56%
}

.card__image .b-lazy.i-responsive.b-loaded {
	width: 100%
}

.card__image.img-skew {
	position: relative;
	overflow: hidden
}

.card__image.img-skew:after {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 75%;
	width: 100%;
	background: rgba(255, 255, 255, 0.3);
	z-index: 1
}

.card__image .card__small-img {
	position: absolute;
	top: 5%;
	left: 5%;
	height: 80%
}

.card__label,
.card__tag {
	position: absolute;
	top: -10px;
	left: 20px;
	background: #000;
	padding: 5px 8px;
	color: #fff;
	font: 900 normal 10px/1 "宋体", sans-serif;
	text-transform: uppercase;
	z-index: 1
}

.card__label p,
.card__tag p {
	margin: 0
}

.card__tag {
	padding-right: 21px
}

.card__breadcumbs,
.card__date,
.card__details {
	margin: 10px 0;
	font: 900 normal 14px/1 "宋体", sans-serif;
	color: #9b9b9b
}

.card__breadcumbs {
	font: 400 italic 14px/1 "宋体", sans-serif;
	margin-bottom: 15px
}

.card__title {
	margin: 0 0 15px;
	font: 900 normal 20px/1 "宋体", sans-serif;
	color: #000;
	text-transform: uppercase
}

.card__title span {
	margin-top: 5px;
	color: #9b9b9b;
	font-size: 14px
}

.card__title span.tolower {
	margin-top: 0;
	color: inherit;
	display: inline;
	font-size: inherit
}

.card__title--big {
	font-size: 30px;
	line-height: 30px;
	font-style: normal
}

.card__title--small {
	font-style: normal;
	text-transform: none
}

.card__title--gray {
	margin-bottom: 10px;
	color: #9b9b9b;
	font-style: normal
}

.card__location {
	font: 700 italic 14px/1 "宋体", sans-serif;
	color: #515353
}

.card__content {
	position: relative;
	padding: 21px
}

.card__content::after {
	clear: both;
	content: "";
	display: table
}

.card__content span {
	color: #9b9b9b;
	display: block
}

.card__list {
	margin-top: 20px;
	font-weight: 700
}

.card__text {
	padding: 21px 0 42px;
	font-size: 14px;
	line-height: 20px
}

.card--flat .card__text {
	font-size: 18px;
	line-height: 22px
}

.card__btn {
	position: absolute;
	right: 20px;
	bottom: -20px
}

.card.card-news .tl-item {
	padding-top: 5px;
	text-transform: none;
	font-size: 20px;
	margin-bottom: 20px;
	font-style: italic
}

.cards-wrapper {
	background: #f4f4f4;
	padding: 30px 20px;
	margin-bottom: 40px
}

.cards-wrapper::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 800px) {
	.cards-wrapper {
		padding: 30px 15px
	}
	.cards-wrapper .tl-big {
		margin-left: 0;
		margin-right: 0
	}
}

.cards-wrapper.cards-wrapper--full {
	margin-left: -10px;
	margin-right: -10px
}

@media screen and (max-width: 992px) {
	.cards-wrapper.cards-wrapper--full {
		margin-left: 0;
		margin-right: 0
	}
}

.cards-wrapper .tl-big {
	font-size: 30px
}

.cards-wrapper .btn-wrapper {
	text-align: right;
	padding-bottom: 10px
}

.cards-wrapper .btn-wrapper a.txt-btn {
	font-weight: 900;
	color: #9b9b9b;
	font-style: italic;
	text-transform: uppercase;
	text-decoration: none
}

.cards-wrapper .card__content {
	background: #fff
}

.card-eventdate {
	margin: 10px 0
}

.card-eventdate img {
	vertical-align: middle
}

.card-simple {
	background: #f4f4f4;
	margin-bottom: 30px
}

.card-simple .card-simple__main {
	padding: 20px
}

.card-simple h3 {
	margin: 0 0 25px;
	text-transform: uppercase;
	font-size: 24px
}

.card-simple img {
	width: 100%
}

.promos {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 50px
}

.promos::after {
	clear: both;
	content: "";
	display: table
}

.promos::after {
	clear: both;
	content: "";
	display: table
}

.promo-item {
	position: relative;
	float: left;
	width: 50%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 42px
}

@media screen and (max-width: 800px) {
	.promo-item {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.promo-item:nth-child(odd) {
	clear: left
}

@media screen and (max-width: 768px) and (min-width: 740px) {
	.promo-item {
		position: relative;
		float: left !important;
		width: 50% !important;
		min-height: 1px
	}
}

.promo-item .promo-item__inner {
	background-color: #f4f4f4;
	position: relative;
	float: left;
	width: 83.33333%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding: 21px 0 21px 21px
}

@media screen and (max-width: 800px) {
	.promo-item .promo-item__inner {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.promo-item .promo-title {
	text-transform: uppercase;
	width: 58.3%;
	float: left
}

.promo-item .promo-title h3 {
	color: #9b9b9b;
	margin-bottom: 24px
}

.promo-item .promo__top {
	margin-bottom: 15px
}

.promo-item .promo__top::after {
	clear: both;
	content: "";
	display: table
}

.promo-item .promo-image {
	float: right;
	width: 47%;
	margin-right: -16%
}

.promo-item .promo-subtitle {
	width: 58.3%;
	float: left
}

.promo-item .promo-subtitle p {
	font-size: 21px;
	line-height: 27px;
	font-weight: 900;
	font-style: italic
}

.promo-item .promo-text {
	clear: both;
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	padding-bottom: 21px;
	padding-right: 8.3%
}

.promo-item .ch-btn {
	position: absolute;
	text-transform: uppercase;
	bottom: -18px;
	left: 33%;
	z-index: 10
}

@media screen and (max-width: 800px) {
	.promo-item {
		width: 50%;
		float: left;
		padding-left: 10px;
		padding-right: 10px
	}
	.promo-item .promo-item__inner,
	.promo-item .promo-title,
	.promo-item .promo-image,
	.promo-item .promo-subtitle {
		float: none;
		width: 100%
	}
	.promo-item .promo-title h3 {
		margin-bottom: 10px
	}
	.promo-item .promo-image {
		position: relative;
		right: auto;
		top: 0
	}
}

@media screen and (max-width: 500px) {
	.promo-item {
		float: none;
		width: 100%
	}
}

.calculator {
	position: relative;
	background-color: #f4f4f4;
	padding: 0 20px 30px;
	margin: 0 -10px 70px
}

.calculator::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 800px) {
	.calculator {
		margin: 0
	}
}

.calculator .calculator__inner::after {
	clear: both;
	content: "";
	display: table
}

.calculator .calculator__inner .tab {
	color: #9b9b9b;
	font: 900 italic 24px/24px "宋体", sans-serif;
	background-color: #f4f4f4;
	padding: 18px 50px;
	display: inline-block
}

.calculator .calculator__inner .tab.active {
	background-color: white;
	color: #ed6c02
}

@media screen and (max-width: 800px) {
	.calculator .calculator__inner .tab {
		display: none
	}
	.calculator .calculator__inner .tab.active {
		display: block;
		position: relative
	}
}

.calculator .tab-contents {
	background-color: white;
	box-shadow: 1px 5px 10px #ccc
}

.calculator .tab-contents::after {
	clear: both;
	content: "";
	display: table
}

.calculator .tab-contents .tab-content {
	height: 0;
	overflow: hidden;
	padding: 0;
	position: relative
}

.calculator .tab-contents .tab-content.open {
	height: auto
}

.calculator .tab-contents label {
	margin: 20px 0 40px
}

.calculator .tab-contents select {
	margin: 20px 0 40px
}

.calculator .tab-contents .disclaimer {
	position: relative;
	float: left;
	width: 83.33333%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 8.33333%;
	font: 400 normal 12px/18px "宋体", sans-serif;
	color: #9b9b9b;
	clear: both;
	padding: 12px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 9px
}

@media screen and (max-width: 800px) {
	.calculator .tab-contents .disclaimer {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (max-width: 800px) {
	.calculator .tab-contents .disclaimer {
		margin-left: 0
	}
}

@media screen and (max-width: 800px) {
	.calculator .tab-contents .disclaimer {
		margin-left: 15px;
		margin-right: 15px;
		width: auto
	}
}

.calculator .tab-contents .result {
	background-color: #f1f1f1;
	clear: both;
	position: relative;
	float: left;
	width: 83.33333%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 8.33333%;
	padding-bottom: 20px
}

@media screen and (max-width: 800px) {
	.calculator .tab-contents .result {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (max-width: 800px) {
	.calculator .tab-contents .result {
		margin-left: 0
	}
}

@media screen and (max-width: 800px) {
	.calculator .tab-contents .result {
		margin-left: 0
	}
}

.calculator .tab-contents .result h3 {
	font: 900 italic 24px/24px "宋体", sans-serif;
	text-transform: uppercase;
	padding: 20px 0 21px 10px
}

.calculator .tab-contents .result label {
	margin: 20px 0
}

.calculator .tab-contents .result input {
	padding: 0 20px
}

.calculator .tab-contents .result input:focus {
	border-bottom-width: 1px;
	border-bottom-color: #AAAAAA
}

.calculator .tab-contents .ch-btn {
	float: right;
	margin-bottom: 30px
}

.calculator__label {
	padding: 10px;
	margin: 0;
	background: #000;
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	font: 900 italic 24px/24px "宋体", sans-serif;
	position: absolute;
	top: -24px
}

.calculator__image {
	overflow: hidden;
	margin: 0 -20px
}

.calculator__image>img {
	width: 100%
}

.calculator__image+.tabs {
	margin-top: -65px
}

.calculator .casece__form .form-error {
	font-size: 14px;
	position: absolute;
	color: red;
	display: none;
	padding-top: 10px
}

.calculator .casece__form input[type="text"]:invalid~.form-error {
	display: block
}

.models-list {
	margin-bottom: 50px
}

.models-list::after {
	clear: both;
	content: "";
	display: table
}

.models-list .brochures {
	margin: 0 20px
}

.models-list .brochure-single .brochures__content {
	width: calc(60% - 10px)
}

.models-list .brochure-single .brochures__thumb {
	width: 40%
}

.models-list .col-3 {
	margin-bottom: 30px
}

.models-list .col-3>.model-item {
	width: 100%;
	float: none
}

.models-list--prior .col-3 {
	margin-bottom: 0
}

@media screen and (max-width: 1200px) {
	.models-list--prior .col-3 {
		width: 33.33%
	}
}

@media screen and (max-width: 800px) {
	.models-list--prior .col-3 {
		width: 50%;
		float: left
	}
}

@media screen and (max-width: 650px) {
	.models-list--prior .col-3 {
		width: auto;
		float: none
	}
}

.models-list--prior .model-item__brochures {
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5
}

.models-list--prior .brochures__item {
	padding: 0 5px 5px;
	margin: 0 10px
}

.models-list--prior .model-item__wrap {
	padding-bottom: 50px
}

.models-list--prior .model-item__bottom {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0
}

.models-list--prior .slick-prev {
	left: -20px
}

.models-list--prior .slick-next {
	right: -20px
}

.model-item {
	position: relative;
	float: left;
	width: 25%;
	min-height: 350px;
	padding-left: 10px;
	padding-right: 10px;
	/*margin-bottom: 35px;*/
border:1px #ddd solid;
}


@media screen and (max-width: 800px) {
	.model-item {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (max-width: 1200px) {
	.model-item {
		width: 33%
	}
}

@media screen and (max-width: 800px) {
	.model-item {
		float: none;
		width: 100%
	}
}

@media screen and (min-width: 500px) and (max-width: 768px) {
	.model-item {
		float: left;
		width: 50%
	}
}

.model-item .model-item__title {
	position: relative;
	text-transform: uppercase
}

.model-item .model-item__title h3 {
	padding-right: 45px;
	padding-bottom: 6px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
   color: #ed6c02;
    font-size: 18px;
}

.model-item .model-item__title h3 span {
	color: #ed6c02;
	display: block;
	font-size: 18px;
	line-height: 18px;
	margin-right: -6px
}

.model-item.hover {
	position: relative
}

.model-item.hover .model-item__wrap {
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -70px;
	left: -5px;
	border: 10px solid #fff;
	z-index: 10;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
	background: #fff
}

.model-item.hover .model-item__brochures {
	border-bottom: 1px solid #e5e5e5
}

.model-item.hover .model-item__bottom,
.model-item.hover-mobile .model-item__bottom {
	display: block
}

.model-item.hover .model-item__text,
.model-item.hover-mobile .model-item__text {
	padding-bottom: 10px;
	border-bottom: 2px solid #f4f4f4
}

.mu-accordion .models-list {
	margin-bottom: 0
}

.mu-accordion .model-item {
	position: relative;
	float: left;
	width: 33.33333%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 800px) {
	.mu-accordion .model-item {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.mu-accordion .model-item.hover .model-item__wrap {
	border: 0;
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	box-shadow: none;
	background: transparent
}

.mu-accordion .model-item.hover .model-item__text {
	padding-bottom: 0;
	border: 0
}

.model-item__text {
	padding: 9px 0 0
}

.model-item__text::after {
	clear: both;
	content: "";
	display: table
}

.model-item__text .desc {
	margin-bottom: 10px
}

.model-item__text .desc .desc-title {
	font-size: 12px;
	font-weight: 900;
	font-style: italic;
	color: #9b9b9b;
	text-transform: uppercase;
	line-height: 1
}

.model-item__text .desc .desc-text {
	font-size: 14px;
	font-weight: 700;
	color: black
}
.model-item__text .desc .desc-text ul{padding:0;list-style: none;}
.model-item__text .desc .desc-text ul li {color:#9b9b9b;font-size: 13px;font-weight: normal;}
.model-item__text .desc .desc-text ul li span{display:block;color:#9b9b9b;font-size: 13px;}

.model-item__image {
	padding-bottom: 56%;
	background-size: cover
}

.model-item__brochures {
	padding: 10px 0
}

.model-item__bottom {
	font-size: 0;
	padding: 0 10px;
	display: none
}

.model-item__bottom::after {
	clear: both;
	content: "";
	display: table
}

.model-item__bottom .cc-arrow-right,
.model-item__bottom .cc-configure {
	vertical-align: middle
}

.model-item__bottom .cc-arrow-right {
	position: relative;
	top: -2px;
	font-size: 12px;
	margin-left: 5px
}

.model-item__bottom .cc-configure {
	position: relative;
	top: -2px;
	font-size: 20px;
	margin-right: 5px
}

.model-item__bottom>span {
	display: inline-block;
	width: 50%;
	padding: 12px 0
}

.model-item__bottom .model-item__configure {
	float: left
}

.model-item__bottom .model-item__more {
	float: right;
	text-align: right
}

.model-item__bottom a {
	color: #9b9b9b;
	font: 700 italic 12px/24px "宋体", sans-serif;
	text-transform: uppercase;
	text-decoration: none
}

.model-item__bottom a:hover {
	color: #ed6c02;
	cursor: pointer
}

.model-item__bottom a:hover .cc-arrow-right {
	color: #ed6c02
}

.model-item--border {
	border: 1px solid #e5e5e5
}

.model-item--border .model-item__title {
	padding-top: 10px
}

.overlayOpen {
	overflow: hidden
}

.overlay-container {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	top: 0;
	left: 120px;
	z-index: 1200;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden
}

@media screen and (max-width: 800px) {
	.overlay-container {
		left: 0;
		top: 50px
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.overlay-container {
		top: 60px
	}
}

.overlay-container .bar-top-fake {
	display: none
}

.overlay-container .bar-top {
	position: static
}

.overlay-container>* {
	display: none
}

.overlay-container .container {
	padding-left: 20px
}

.overlay-container .news-overlay.loading,
.overlay-container .dealer-overlay.loading {
	background-image: url("../ajax-loader-1.html")/*tpa=https://www.casece.com/Style%20Library/css/images/ajax-loader.gif*/
	;
	background-position: center center;
	background-repeat: no-repeat;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.overlay-container .news-overlay.loading>*,
.overlay-container .dealer-overlay.loading>* {
	display: none
}

@media screen and (min-width: 1200px) {
	.overlay-container .news-overlay .details-top .btn-group,
	.overlay-container .dealer-overlay .details-top .btn-group {
		right: 20px
	}
}

.gallery {
	margin-left: -10px;
	margin-right: -10px;
	background-color: #f4f4f4;
	margin-bottom: 75px;
	overflow: hidden
}

.gallery::after {
	clear: both;
	content: "";
	display: table
}

.gallery {
	overflow: hidden;
	position: relative
}

.gallery:after {
}

.gallery>img {
	position: absolute;
	z-index: 1
}

.gallery .tl-36 {
	padding: 18px 0 18px 20px
}

@media screen and (max-width: 800px) {
	.gallery .tl-36 {
		padding-left: 15px
	}
}

.gallery .gallery__canvas {
	position: relative;
	z-index: 3
}

.gallery .gallery__canvas::after {
	clear: both;
	content: "";
	display: table
}

.gallery .gallery__bottom {
	position: relative;
	z-index: 3;
	min-height: 50px
}

.gallery .gallery__bottom::after {
	clear: both;
	content: "";
	display: table
}

.gallery .gallery__bottom>a {
	float: right
}

.gallery .gallery-col {
	float: left;
	padding-bottom: 37.8%;
	position: relative;
	z-index: 2
}

.gallery .gallery-col.width--390 {
	width: 33.33%
}

.gallery .gallery-col.width--390.small--col {
	padding-bottom: 18.6%
}

.gallery .gallery-col.width--770 {
	width: 66.66%
}

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

.gallery .gallery-row {
	cursor: pointer;
	background-size: cover;
	background-position: 50% 50%
}

.gallery .gallery-row iframe {
	width: 100%;
	height: 100%
}

.gallery .gallery-row:first-child {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 50%;
	left: 0
}

.gallery .gallery-row:first-child:last-child {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.gallery .gallery-row:last-child {
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0
}

.gallery .gallery-caption {
	position: absolute;
	width: 100%;
	padding: 10px 10px 20px;
	color: #fff
}

.gallery .gallery-caption p {
	position: relative;
	z-index: 2;
	margin: 0
}

.gallery .gallery-caption:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 81%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 81%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000', GradientType=0)
}

.gallery .gallery-row--video:after {
	content: "";
	display: block;
	height: 84px;
	width: 120px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 10;
	background: url("../btn-video.html")/*tpa=https://www.casece.com/Style%20Library/css/images/btn-video.png*/
	no-repeat
}

@media screen and (max-width: 740px) {
	.gallery .gallery-row--video:after {
		height: 40px;
		width: 80px;
		background-size: contain
	}
}

@media screen and (max-width: 800px) {
	.gallery {
		margin: 0 0 30px
	}
}

@media screen and (max-width: 740px) {
	.gallery__canvas .gallery-col {
		float: none;
		padding: 0;
		width: 100%
	}
	.gallery__canvas .gallery-col::after {
		clear: both;
		content: "";
		display: table
	}
	.gallery__canvas .gallery-col .gallery-row {
		position: relative
	}
	.gallery__canvas .gallery-col.width--390 {
		width: 100%
	}
	.gallery__canvas .gallery-col.width--390::after {
		clear: both;
		content: "";
		display: table
	}
	.gallery__canvas .gallery-col.width--390 .gallery-row:first-child,
	.gallery__canvas .gallery-col.width--390 .gallery-row:last-child {
		float: left;
		width: 50%;
		padding-bottom: 28%
	}
	.gallery__canvas .gallery-col.width--390 .gallery-row:first-child:last-child {
		float: none;
		width: 100%;
		padding-bottom: 113%
	}
	.gallery__canvas .gallery-col.width--770 {
		width: 100%;
		padding-bottom: 57%
	}
	.gallery__canvas .gallery-col.width--770 .gallery-row {
		position: absolute;
		width: 100%
	}
}

.features {
	padding: 0 10px 50px
}

@media screen and (max-width: 800px) {
	.features {
		padding: 30px 10px
	}
}

.features>div {
	margin-bottom: 10px
}

.features__head {
	position: relative;
	z-index: 2;
	background: #f4f4f4;
	padding: 10px 0;
	text-transform: uppercase;
	font: 900 italic 24px/24px "宋体", sans-serif
}

.features__head::after {
	clear: both;
	content: "";
	display: table
}

.features__title {
	float: left;
	margin-left: 10px
}

@media screen and (max-width: 800px) {
	.features__title {
		font-size: 18px
	}
}

.features__btn {
	float: right;
	margin-right: 20px;
	font-size: 14px;
	cursor: pointer
}

@media screen and (max-width: 800px) {
	.features__btn {
		font-size: 10px
	}
}

.features__btn span:last-child {
	display: none
}

.features__toggle {
	position: relative;
	z-index: 1;
	display: none
}

.open .features__head {
	background: transparent
}

.open .features__toggle {
	display: block
}

.open .features__title {
	padding: 10px;
	margin: 0;
	background: #000;
	color: #fff
}

.open .features__btn {
	background: #ed6c02;
	padding: 10px;
	margin-right: 0
}

.open .features__btn span:first-child {
	display: none
}

.open .features__btn span:last-child {
	display: inline
}

.features__image {
	position: relative;
	top: -30px;
	margin: 0 -20px -80px;
	z-index: 1
}

@media screen and (max-width: 800px) {
	.features__image {
		margin: 0 -10px -80px
	}
}

.features__image img {
	width: 100%
}

.features__content {
	position: relative;
	margin-top: -50px;
	background: #f4f4f4;
	padding: 25px 10px;
	z-index: 2
}

.features__content::after {
	clear: both;
	content: "";
	display: table
}

.features__content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 20px
}

.features__content h3 {
	margin-bottom: 10px;
	font-weight: 900
}

.features-strip {
	padding-top: 36px
}

.threesixty {
	position: relative;
	background: #f4f4f4;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 50px
}

.threesixty::after {
	clear: both;
	content: "";
	display: table
}

.threesixty__title {
	position: absolute;
	top: 20px;
	left: 20px;
	font: 900 italic 60px "宋体", sans-serif
}

.threesixty__title span {
	display: block;
	font-size: 24px;
	color: #ed6c02
}

.threesixty__text {
	position: absolute;
	top: 20px;
	right: 20px;
	text-align: right
}

.threesixty__text:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -30px;
	display: block;
	height: 1px;
	width: 20px;
	background: #000;
	float: right;
	margin-top: 20px
}

.threesixty__images {
	text-align: center
}

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

@media screen and (max-width: 800px) {
	.get-in-touch img{display:none;}
	.threesixty {
		margin: 0 0 30px
	}
	.threesixty__title {
		position: relative;
		left: 0;
		padding: 0 0 20px 20px;
		font-size: 40px
	}
	.threesixty__title span {
		font-size: 20px
	}
}

.pager-top {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 5px;
	margin-bottom: 30px;
	font-size: 12px;
	color: #9b9b9b;
	text-transform: uppercase
}

.pager-top::after {
	clear: both;
	content: "";
	display: table
}

.pager-top__number {
	float: left
}

.pager-top__number span {
	font-weight: 700;
	color: #000
}

.pager-top__number span span {
	font-size: 10px
}

.pager-top__filters {
	float: right
}

.pager-top__filters span {
	font-size: 14px;
	font-weight: 700;
	color: #000
}

@media screen and (max-width: 740px) {
	.pager-top__filters,
	.pager-top__number {
		float: none
	}
}

*,
*:after,
*:before {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.show-grid {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 120px;
	opacity: 0.5;
	z-index: 9999
}

.show-grid div {
	height: 100%
}

.show-grid .col-1>div {
	background-color: #f47171
}

.wide-image {
	background-size: cover;
	background-position: 50% 100%;
	padding: 36px 0
}

@media screen and (max-width: 800px) {
	.wide-image {
		background-size: 200% auto;
		background-position: 0 100%;
		padding-bottom: 200px;
		background-repeat: no-repeat
	}
}

.wide-image .block .tl-smb {
	padding-bottom: 42px
}

.wide-image .block p {
	margin: 0;
	padding-bottom: 54px
}

.mobile .slider-top .slick-arrow {
	display: none !important
}

.stick .slider-top {
	background: #000
}

.stick .slider-top .slick-list {
	opacity: 0
}

.slider-top {
	position: relative;
	width: auto;
	overflow: hidden;
	z-index: 9
}

.slider-top.slick-slider {
	margin-bottom: 0
}

.slider-top .ch-btn-orange:before {
	background-color: #ed6c02
}

.slider-top .ch-btn-orange:hover:before {
	background-color: #000
}

@media screen and (max-width: 992px) {
	.slider-top {
		margin: 0
	}
}

.slider-top .slick-arrow {
	z-index: 10;
	height: 46px;
	width: 26px;
	background: url("../carousel.html")
	no-repeat
}

.slider-top .slick-arrow:before {
	display: none
}

.slider-top .slick-prev {
	left: 15px
}

.slider-top .slick-prev:hover {
	background-position: 0 -50px
}

.slider-top .slick-next {
	right: 15px;
	background-position: -50px 0
}

.slider-top .slick-next:hover {
	background-position: -50px -50px
}

.slider-top .slick-dots {
	position: absolute;
	right: 0;
	bottom: 30px;
	left: 0;
	height: 10px
}

.slider-top .slick-dots li {
	vertical-align: bottom
}

.slider-top .slick-dots li button {
	border-radius: 50%;
	background: #fff;
	height: 10px;
	width: 10px
}

.slider-top .slick-dots li button:before {
	display: none
}

.slider-top .slick-dots li:hover button,
.slider-top .slick-dots li.slick-active button {
	background: #ed6c02
}

.slider-top__item {
	position: relative;
	overflow: hidden
}

.slider-top__item:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: -moz-linear-gradient(top, transparent 25%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-linear-gradient(top, transparent 25%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, transparent 25%, rgba(0, 0, 0, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

.slider-top__image {
	padding-bottom: 56%;
	background-size: cover;
	background-position: 50% 50%
}

@media screen and (max-width: 800px) {
	.slider-top__image {
		padding-bottom: 110%
	}
}

.slider-top__image.no-padding {
	padding-bottom: 0
}

.slider-top__content {
	position: absolute;
	bottom: 100px;
	left: 0;
	padding: 0 60px;
	z-index: 10
}

@media screen and (max-width: 992px) {
	.slider-top__content {
		left: 0;
		padding: 0 50px
	}
}

.mobile.landscape .slider-top__content {
	bottom: 30px
}

.slider-top__title {
	margin-bottom: 30px;
	font: 900 italic 60px/64px "宋体", sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 10px 10px 2px rgba(0, 0, 0, 0.5);
	letter-spacing: 1px;
}

@media screen and (max-width: 992px) {
	.slider-top__title {
		font-size: 70px;
		line-height: 60px;
		text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5)
	}
}

@media screen and (max-width: 740px) {
	.slider-top__title {
		font-size: 28px;
		line-height: 30px;
		text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
		margin-bottom: 15px
	}
}

.slider-top__subtitle {
	text-transform: uppercase;
	font: 900 italic 24px/40px "宋体", sans-serif;
	color: #ed6c02;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5)
}

@media screen and (max-width: 992px) {
	.slider-top__subtitle {
		line-height: 28px;
		font-size: 22px;
		text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5)
	}
}

@media screen and (max-width: 740px) {
	.slider-top__subtitle {
		font-size: 18px;
		line-height: 24px
	}
}

.stick .slider-top .ch-btn-orange,
.stick .slider-top .slick-dots,
.stick-up .slider-top .ch-btn-orange,
.stick-up .slider-top .slick-dots {
	display: none !important
}

.page-top {
	position: relative;
	margin-left: -10px;
	margin-right: -10px;
	overflow: hidden;
	z-index: 9
}

@media screen and (max-width: 800px) {
	.page-top {
		margin: 0
	}
}

.page-top::before {
	content: "";
	display: block;
	position: absolute;
	top: 25%;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: -moz-linear-gradient(top, transparent 25%, rgba(0, 0, 0, 0.9) 100%);
	background: -webkit-linear-gradient(top, transparent 25%, rgba(0, 0, 0, 0.9) 100%);
	background: linear-gradient(to bottom, transparent 25%, rgba(0, 0, 0, 0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

.page-top+.container {
	padding-top: 50px
}

.page-top__image {
	background-size: cover;
	background-position: 50% 50%;
	z-index: 1
}

@media screen and (max-width: 800px) {
	.page-top__image {
	}
}

.page-top__image.no-padding {
	padding-bottom: 0 !important;height: auto !important;
}

.stick .page-top {
	background: #000
}

.stick .page-top__image {
	opacity: 0
}

.page-top--big .page-top__image {
	height: auto !important;
}

.page-top--topleft .page-top__image {
	background-position: 0 0
}

.page-top__content {
	position: relative;
	z-index: 10
}

.page-top__cuts {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.page-top__cuts:before,
.page-top__cuts:after {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	background: #fff;
	opacity: 0.3;
	z-index: 1
}

.page-top__cuts:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -8%;
	width: 16%
}

@media screen and (max-width: 800px) {
	.page-top__cuts:before {
		width: 20%
	}
}

.page-top__cuts:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 100%;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	margin-left: -40px
}

@media screen and (max-width: 800px) {
	.page-top__cuts:after {
		margin-left: -60px
	}
}

.page-top__title {
	position: absolute;
	bottom: 50px;
	left: 20px;
	z-index: 13;
	color: #fff;
	text-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
	text-transform: uppercase
}

.page-top__title,
.page-top__title .page-top__title-b {
	font: 900 italic 40px/40px "宋体", sans-serif
}

@media screen and (max-width: 740px) {
	.page-top__title {
		right: 10px
	}
}

.page-top__title .page-top__title-s,
.page-top__title .page-top__title-b,
.page-top__title h1 {
	display: block;
	margin: 0
}

.page-top__title .page-top__title-s {
	color: #ed6c02;
	font-size: 40px;
	font-weight: 900;
	line-height: 40px;
	margin-bottom: 20px
}
.page-top__title h2.page-top__title-s{
	font-size: 50px;
	color:#fff;
}

.page-top__title h1 {
	font-size: 68px;
	line-height: 1;
	/*letter-spacing: 8px;*/
}

@media screen and (max-width: 1200px) {
	.page-top__title h1 {
		font-size: 68px
	}
}

@media screen and (max-width: 740px) {
	.page-top__title h1 {
		font-size: 30px
	}
}

@media screen and (max-width: 1200px) {
	.page-top__title h1,
	.page-top__title h2,
	.page-top__title h3 {
		text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5)
	}
}

@media screen and (max-width: 800px) {
	.page-top__title .page-top__title-s {
		font-size: 30px !important;
		line-height: 36px !important
	}
}

@media screen and (max-width: 740px) {
	.page-top__title {
		font-size: 20px !important;
		line-height: 20px !important
	}
	.page-top__title .page-top__title-s {
		font-size: 16px !important;
		line-height: 16px !important
	}
}

.page-top__details {
	position: absolute;
	right: 20px;
	bottom: 30px;
	z-index: 13;
	color: #fff
}

.page-top__details .icons-social {
	position: absolute;
	right: 0;
	bottom: 100%
}

.page-top__details>ul {
	list-style: none;
	padding: 0 0 10px
}

@media screen and (max-width: 800px) {
	.page-top__details>ul {
		display: none
	}
}

.page-top__details>ul>li {
	padding: 0;
	text-align: center;
	font-size: 20px;
	font-size: 24px;
	text-align: right
}

.page-top__details>ul>li span {
	display: block;
	padding: 15px 0 5px;
	text-transform: uppercase;
	font: 700 italic 14px "宋体", sans-serif
}

.p-productline .page-top__title {
	color: #ed6c02
}

.p-productline .page-top__title h1 {
	color: #fff
}

.p-promotions .page-top__title .page-top__title-s,
.p-financing .page-top__title .page-top__title-s {
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5)
}

.stick-faker {
	display: none
}

.stick .stick-faker {
	display: block
}

.stick .page-top {
	position: fixed;
	left: 120px;
	right: 0;
	margin: 0;
	z-index: 1000
}

@media screen and (max-width: 992px) {
	.stick .page-top {
		left: 0
	}
}

.stick .page-top__details {
	display: none
}

.stick .page-top__title {
	width: 50%;
	bottom: 0;
	font-size: 16px;
	line-height: 16px
}

.stick .page-top__title div {
	float: left
}

.stick .page-top__title .top__title-s {
	font-size: 14px;
	line-height: 16px
}

.stick .page-top__title h1 {
	float: left;
	font-size: 38px;
	line-height: 80px;
	white-space: nowrap
}

.stick .page-top__title h1 br {
	display: none
}

@media screen and (max-width: 992px) {
	.stick .page-top__title {
		bottom: 5px;
		width: 100%
	}
	.stick .page-top__title h1 {
		font-size: 16px;
		line-height: 20px
	}
}

.resource__item {
	position: relative;
	float: left;
	width: 50%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 30px
}

.resource__item::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 740px) {
	.resource__item {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (max-width: 740px) {
	.resource__item {
		padding-left: 0;
		padding-right: 0
	}
}

.first-text .resource__item {
	margin-top: 10px
}

@media screen and (max-width: 740px) {
	.first-text .resource__item {
		margin-top: 1em
	}
}

.col-6 .resource__item {
	width: 100%
}

.resource__image {
	float: left;
	margin-right: 30px;
	width: 95px
}

.resource__image figure {
	border: 1px solid #e5e5e5;
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	height: 126px;
	width: 95px;
	z-index: 10
}

.resource__image figure img {
	display: none
}

.resource__image figure img {
	width: 100%
}

.resource__text {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: -webkit-calc(100% - 125px);
	width: calc(100% - 125px)
}

@media screen and (max-width: 740px) {
	.resource__text {
		padding-right: 0
	}
}

.resource__text h3 {
	text-transform: uppercase;
	font: 900 italic 18px/18px "宋体", sans-serif
}

.resource__text p {
	font: 400 normal 14px/18px "宋体", sans-serif;
	margin: 18px 0
}

.resource__text .resource__size {
	color: #ed6c02;
	font-size: 12px;
	font-weight: 700;
	margin: 10px 0 10px;
	text-transform: uppercase
}

.resource__text .resource__size+p {
	margin: 10px 0 18px
}

.resource__btns .btn-rounder {
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 12px
}

.first-text .resource__item {
	width: 100%
}

.find-dealer {
	min-height: 355px;
	margin-bottom: 50px
}

.find-dealer a {
	text-decoration: none
}

.find-dealer:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 55%;
	display: block;
	background: #f4f4f4 url("../find-dealer.html")/*tpa=https://www.casece.com/Style%20Library/css/images/find-dealer.jpg*/
	0 0 no-repeat
}

.find-dealer .ch-btn {
	width: 50%;
	margin-top: 20px;
	margin-left: 20%;
	left: 10px
}

@media screen and (max-width: 1250px) {
	.find-dealer .ch-btn {
		width: 60%;
		margin-top: 0;
		margin-left: 10%;
		left: 0
	}
}

.find-dealer .ch-btn span {
	line-height: 20px;
	display: inline-block
}

.find-dealer.no-select .find-dealer__field:first-child {
	display: none
}

.find-dealer__content,
.find-dealer__form {
	position: relative;
	z-index: 2
}

.find-dealer__content {
	padding-top: 60px
}

@media screen and (max-width: 800px) {
	.find-dealer__content {
		padding-top: 20px
	}
}

@media screen and (max-width: 1024px) {
	.find-dealer__content {
		display: none
	}
}

.find-dealer__content h2 {
	font: 900 italic 36px "宋体", sans-serif;
	text-transform: uppercase
}

.find-dealer__content p {
	font: 400 italic 17px "宋体", sans-serif;
	line-height: 180%;
	padding:0;
	margin:10px -10px;
	letter-spacing: -1px;
}

.find-dealer__form {
	padding-top: 48px
}

.find-dealer__form p {
	font-size: 16px;
	margin: 10px 0;
}

.find-dealer__form.single-select {
	text-align: center
}

.find-dealer__form.single-select .find-dealer__field {
	float: none;
	margin: 0 auto
}

.find-dealer__form.single-select .find-dealer__field:first-child {
	display: none
}

.find-dealer__form.single-select .ch-btn {
	left: 0;
	margin: 20px auto 0
}

.find-dealer__field {
	float: left;
	margin-right: 20px;
	height: 40px;
	width: 40%;
	-webkit-box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.21);
	-moz-box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.21);
	box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.21)
}

@media screen and (max-width: 1250px) {
	.find-dealer__field {
		float: none;
		width: 80%;
		margin-bottom: 15px
	}
}

@media screen and (max-width: 800px) {
	.find-dealer {
		height: auto;
		padding: 0 15px
	}
	.find-dealer:before,
	.find-dealer:after {
		display: none
	}
	.find-dealer .ch-btn {
		width: 80%
	}
	.find-dealer__content,
	.find-dealer__form,
	.find-dealer__field {
		float: none;
		width: 100%
	}
	.find-dealer__field:first-child {
		margin-bottom: 30px
	}
	.find-dealer__form {
		width: auto;
		padding: 50px 150px;
		margin: 0 -15px
	}
	.find-dealer__form:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 300px;
		width: 100%;
		display: block;
		background: #f4f4f4 url("../find-dealer.html")/*tpa=https://www.casece.com/Style%20Library/css/images/find-dealer.jpg*/
		0 0 no-repeat;
		background-size: auto 100%;
		z-index: -1
	}
}

@media screen and (max-width: 650px) {
	.find-dealer__form {
		width: auto;
		padding: 50px 30px
	}
}

.find-dealer.find-dealer--homepage {
	height: auto;
	position: relative;
	overflow: visible;
	margin: 30px -10px 40px;
	padding: 30px 15px
}

.find-dealer.find-dealer--homepage .col-6 {
	position: relative;
	float: left;
	width: 50%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

@media screen and (max-width: 740px) {
	.find-dealer.find-dealer--homepage .col-6 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
	.find-dealer.find-dealer-new .col-6{
		width: 100%;
	}
}

@media screen and (max-width: 992px) {
	.find-dealer.find-dealer--homepage {
		margin: 30px 0 120px
	}
}

@media screen and (max-width: 800px) {
	.find-dealer.find-dealer--homepage {
		margin: 30px 0 50p
	}
}

.find-dealer.find-dealer--homepage img {
	position: relative;
	z-index: 3
}

@media screen and (max-width: 740px) {
	.find-dealer.find-dealer--homepage img {
		display: none
	}
}

.find-dealer.find-dealer--homepage .tl-big {
	border-bottom: none
}

.find-dealer.find-dealer--homepage:after {
	display: none
}

.find-dealer.find-dealer--homepage:before {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	background: #f4f4f4;
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%
}

.find-dealer.find-dealer--homepage:before {
	left: 0;
	width: 80%
}

.find-dealer.find-dealer--homepage .find-dealer__form,
.find-dealer.find-dealer--homepage .find-dealer__content {
	padding-top: 0;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px
}

.find-dealer.find-dealer--homepage .find-dealer__content {
	margin-top: 0;
	max-width: 500px
}

.find-dealer.find-dealer--homepage .find-dealer__form {
	padding: 20px 40px 35px;
	padding-right: 80px;
	position: relative
}

.find-dealer.find-dealer--homepage .find-dealer__form .ch-btn {
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-top: 0;
	margin-left: -40px;
	font-size: 15px;
	/*letter-spacing: 4px;*/
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.find-dealer.find-dealer--homepage .find-dealer__form:after {
	display: none
}

@media screen and (max-width: 1024px) and (min-width: 740px) {
	.find-dealer.find-dealer--homepage .find-dealer__form {
		padding: 20px 30px 35px 50px
	}
	.find-dealer.find-dealer--homepage .find-dealer__form .ch-btn {
		margin-left: -5px
	}
}

.find-dealer.find-dealer--homepage .find-dealer__form:before {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	height: 100%;
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	border: 6px solid #9b9b9b
}

@media screen and (max-width: 1024px) and (min-width: 740px) {
	.find-dealer.find-dealer--homepage .find-dealer__form:before {
		left: 35px;
		right: -30px
	}
}

@media screen and (max-width: 740px) {
	.find-dealer.find-dealer--homepage .find-dealer__form {
		margin-top: 40px
	}
}

@media screen and (max-width: 650px) {
	.find-dealer.find-dealer--homepage .find-dealer__form,
	.find-dealer.find-dealer-new .find-dealer__form {
		padding: 50px 15px;
		margin: 0 -30px 0 0
	}
	.find-dealer.find-dealer--homepage .find-dealer__form:before,
	.find-dealer.find-dealer-new .find-dealer__form:before {
		right: 10px;
		left: -100px
	}
}

.find-dealer.find-dealer--homepage .find-dealer__form header {
	position: relative;
	line-height: 20px
}

.find-dealer.find-dealer--homepage .find-dealer__form header i {
	float: left;
	color: #ed6c02;
	font-size: 50px
}

.find-dealer.find-dealer--homepage .find-dealer__form header h3,
.find-dealer.find-dealer--homepage .find-dealer__form header p {
	padding-left: 60px
}

.find-dealer.find-dealer--homepage .find-dealer__form header h3 {
	text-transform: uppercase;
	font-style: italic;
	font-size: 1em;
	letter-spacing: 5px;
}

.find-dealer.find-dealer--homepage .find-dealer__form header p {
	margin-top: 10px;
	color: #9b9b9b;
	line-height: 18px
}

@media screen and (max-width: 650px) {
	.find-dealer.find-dealer--homepage .find-dealer__form header {
		padding-right: 10%
	}
	.find-dealer.find-dealer--homepage .find-dealer__form header h3 {
		line-height: 50px
	}
	.find-dealer.find-dealer--homepage .find-dealer__form header p {
		padding-left: 0
	}
}

.find-dealer.find-dealer--homepage .find-dealer__form .find-dealer__field {
	float: none;
	width: 100%;
	margin-bottom: 15px
}

.find-dealer.find-dealer--homepage .find-dealer__form .text-center {
	text-align: center
}

.attachments {
	margin-bottom: 50px
}

.attachments::after {
	clear: both;
	content: "";
	display: table
}

.attachments__list .card {
	margin-bottom: 30px
}

.attachments__bottom {
	border-top: 1px solid #e5e5e5;
	float: right;
	padding-top: 10px;
	line-height: 37px
}

.notinlist {
	position: relative;
	background: #9b9b9b;
	height: 80px;
	margin-bottom: 50px;
	overflow: hidden
}

@media screen and (max-width: 800px) {
	.notinlist {
		height: auto;
		padding: 0 0 20px
	}
}

.notinlist:before {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0;
	background: #afafaf;
	position: absolute;
	top: 0;
	right: -100px;
	bottom: 0;
	width: 25%
}

.notinlist__wrap::after {
	clear: both;
	content: "";
	display: table
}

.notinlist__wrap h2 {
	float: left;
	margin-right: 50px;
	font: 900 italic 36px/80px "宋体", sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px
}

.notinlist__wrap .notinlist__field {
	float: left
}

.notinlist__wrap a {
	text-decoration: none
}

.notinlist__wrap label {
	float: left;
	position: relative;
	white-space: nowrap
}

.notinlist__wrap label .cc-search {
	position: absolute;
	right: 0;
	bottom: 20px;
	height: 40px;
	width: 40px;
	font-size: 30px;
	line-height: 36px;
	margin: 20px 0 0 -40px;
	float: left;
	color: #000
}

.notinlist__wrap label .cc-search:hover {
	color: #ed6c02;
	cursor: pointer
}

@media screen and (max-width: 800px) {
	.notinlist__wrap label .cc-search {
		bottom: 0
	}
}

.notinlist__wrap span {
	display: inline-block;
	margin-right: 10px;
	line-height: 80px;
	color: #f4f4f4
}

.notinlist__wrap input {
	display: inline-block;
	min-width: 50%;
	height: 50px;
	margin-top: 15px;
	padding: 0 50px 0 15px
}

@media screen and (max-width: 800px) {
	.notinlist__wrap h2 {
		float: none;
		text-align: center
	}
	.notinlist__wrap .notinlist__field,
	.notinlist__wrap label,
	.notinlist__wrap span {
		display: block;
		width: 100%;
		float: none
	}
	.notinlist__wrap input {
		width: 100%
	}
}

.filters--nofilter {
	margin: 30px 0;
	text-align: center
}

.filters {
	background: #f4f4f4;
	padding: 30px 0;
	margin-bottom: 30px
}

@media screen and (max-width: 800px) {
	.filters {
		padding: 30px 0 15px;
		margin-bottom: 0
	}
	.filters::after {
		clear: both;
		content: "";
		display: table
	}
}

.filters__title,
.filters__subtitle {
	text-transform: uppercase;
	font: 900 italic 24px "宋体", sans-serif
}

.filters__title {
	margin-bottom: 15px;
	text-align: center
}

@media screen and (max-width: 740px) {
	.filters__title {
		padding-left: 15px;
		text-align: left;
		float: left
	}
}

.filters__subtitle {
	font-size: 12px;
	color: #9b9b9b
}

.filters__list {
	padding-top: 40px
}

@media screen and (max-width: 740px) {
	.filters__list {
		display: none
	}
	.filters__list.is-open {
		display: block
	}
}

.filters--support .filters__list {
	padding-top: 0
}

.filter-box {
	margin-left: -10px;
	margin-right: -10px;
	text-align: center;
	background-color: #f4f4f4;
	padding: 24px 0
}

.filter-box::after {
	clear: both;
	content: "";
	display: table
}

.filter-box::after {
	clear: both;
	content: "";
	display: table
}

.filter-box .filter-box__inner {
	position: relative;
	float: left;
	width: 100%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px
}

.filter-box .filter-box__inner::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 800px) {
	.filter-box .filter-box__inner {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (min-width: 741px) {
	.filter__tabs {
		padding: 0 20px;
		position: relative
	}
}

.filter__tab-search {
	width: 100%;
	max-width: calc(25% - 4px);
	display: inline-block
}

.filter__tab {
	text-align: left;
	padding: 18px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: transparent;
	position: relative;
	z-index: 3;
	color: #515353;
	display: inline-block;
	width: 100%;
	background: #f4f4f4
}

@media screen and (max-width: 740px) {
	.filter__tab {
		border-bottom: 1px solid rgba(0, 0, 0, 0.25)
	}
}

@media screen and (min-width: 741px) {
	.filter__tab {
		max-width: -webkit-calc(25% - 4px);
		max-width: calc(25% - 4px);
		margin: 0;
		padding: 0 24px 21px
	}
}

.filter__tab:hover {
	color: #ed6c02
}

.filter__tab.is-selected {
	border-color: #a7a7a7;
	padding-bottom: 21px;
	color: #ed6c02;
	z-index: 12
}

@media screen and (max-width: 740px) {
	.filter__tab.is-selected {
		background-color: black;
		color: white;
		position: relative
	}
	.filter__tab.is-selected:after {
		content: "";
		top: 100%;
		width: 100%;
		left: 0;
		height: 24px;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, transparent 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, transparent 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33) 0%, transparent 100%);
		z-index: 2;
		display: block;
		position: absolute
	}
}

@media screen and (max-width: 740px) {
	.filter__tab.is-selected .filter__toggle:after {
		content: "\e911";
		color: #ed6c02
	}
}

@media screen and (min-width: 741px) {
	.filter__tab.is-selected .filter__toggle {
		border-width: 0 6.5px 12px 6.5px;
		border-color: transparent transparent #ed6c02 transparent
	}
}

.filter__tab .filter {
	font: 600 italic 16px "宋体", sans-serif;
	text-transform: uppercase;
	position: relative
}

@media screen and (min-width: 741px) {
	.filter__tab .filter {
		border-bottom: 2px solid #ed6c02;
		padding: 9px 0
	}
	.filter__tab .filter:hover {
		cursor: pointer
	}
}

@media screen and (max-width: 740px) {
	.filter__tab .filter__toggle {
		float: right
	}
	.filter__tab .filter__toggle:after {
		content: "\e90e";
		font-family: 'case-UI' !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
	}
}

@media screen and (min-width: 741px) {
	.filter__tab .filter__toggle {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 6.5px 0 6.5px;
		border-color: #ed6c02 transparent transparent transparent;
		position: absolute;
		top: 12px;
		right: 0px
	}
}

.filter__contents {
	position: relative;
	border-radius: 3px;
	clear: both;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
	text-align: left;
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	background: #f4f4f4;
	z-index: 11
}

.filter__content {
	display: none
}

.filter__content.is-selected {
	display: block
}

@media screen and (min-width: 741px) {
	.filter__content.is-selected {
		border: 1px solid #a7a7a7
	}
}

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

.filter__content ul::after {
	clear: both;
	content: "";
	display: table
}

.filter__content li.filter-li-first {
	display: none
}

.filter__content li.clear-left {
	clear: left
}

@media screen and (min-width: 741px) {
	.filter__content li {
		float: left;
		width: 50%;
		display: block;
		min-height: 54px;
		padding-left: 0
	}
}

@media screen and (min-width: 741px) {
	.filter__content li {
		width: 33.33%
	}
}

@media screen and (min-width: 1024px) {
	.filter__content li {
		width: 25%
	}
}

.filter__content li label {
	position: relative;
	z-index: 10;
	padding: 15px 30px 15px 60px;
	border: 1px solid transparent
}

@media screen and (max-width: 740px) {
	.filter__content li label {
		padding: 18px;
		font-size: 16px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.25)
	}
}

.filter__content li label>span {
	margin-right: 5px;
	opacity: 0
}

.filter__content li.selected label {
	color: #ed6c02
}

.filter__content li.selected label>span {
	opacity: 1
}

.filter__content li input[type=checkbox] {
	display: none
}

.filter__content>ul>li {
	display: block;
	width: 100%;
	height: auto
}

.filter__content ul ul ul {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	background: #fff;
	border: 1px solid #9b9b9b
}

.filter__content .filter-sub {
	border-bottom: 0
}

.filter__content .filter-sub.filter-sub--active>label {
	background: #fff;
	border: 1px solid #9b9b9b;
	border-bottom-color: #fff
}

@media screen and (max-width: 740px) {
	.filter__content .filter-sub.filter-sub--active>label {
		background: #000;
		color: #ed6c02;
		border: 0
	}
}

.filter__content .filter-sub.filter-sub--active ul {
	margin-top: -1px;
	display: block
}

@media screen and (max-width: 740px) {
	.filter__content .filter-sub.filter-sub--active ul {
		border: 0
	}
}

.filter__content .filter-sub.filter-sub--active .filter-item__toggle {
	border-color: #ed6c02
}

.filter__content .filter-sub.filter-sub--active .filter-item__toggle:after,
.filter__content .filter-sub.filter-sub--active .filter-item__toggle:before {
	background-color: #ed6c02
}

.filter__content .filter-sub.filter-sub--active .filter-item__toggle:before {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	transition: all 250ms
}

.filter__content .filter-item__toggle {
	opacity: 1;
	height: 20px;
	width: 20px;
	border: 1px solid #9b9b9b;
	border-radius: 20px;
	display: inline-block;
	vertical-align: top
}

@media screen and (max-width: 740px) {
	.filter__content .filter-item__toggle {
		right: 10px
	}
}

.filter__content .filter-item__toggle:after,
.filter__content .filter-item__toggle:before {
	content: "";
	background-color: #9b9b9b;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%
}

.filter__content .filter-item__toggle:after {
	height: 1px;
	width: 12px;
	margin-left: -6px
}

.filter__content .filter-item__toggle:before {
	height: 12px;
	width: 1px;
	margin-top: -6px
}

.filter__btn {
	border-radius: 3px;
	border: 1px solid #9b9b9b;
	padding: 6px;
	background: none;
	font: 600 italic 12px "宋体", sans-serif;
	text-transform: uppercase;
	color: #9b9b9b;
	float: right;
	display: none
}

@media screen and (max-width: 740px) {
	.filter__btn {
		display: inline-block;
		margin-right: 18px
	}
}

.filter__btn.is-open {
	background: black none;
	color: #ed6c02
}

.filter__btn.is-open .cc-configure {
	color: white
}

.filter__btn .cc-configure {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	display: inline-block
}

.label--styled {
	color: #9b9b9b;
	display: block;
	position: relative;
	font-size: 14px
}

.label--styled:hover {
	cursor: pointer
}

.label--styled.js-checked,
.label--styled:hover {
	color: #ed6c02
}

@media screen and (max-width: 740px) {
	.label--styled {
		padding-right: 30px;
		width: 100%
	}
}

@media screen and (min-width: 741px) {
	.label--styled {
		padding-left: 60px
	}
}

.label--styled span {
	height: 33px;
	width: 33px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	display: block;
	font-size: 33px
}

@media screen and (max-width: 740px) {
	.label--styled span {
		right: 3px
	}
}

@media screen and (min-width: 741px) {
	.label--styled span {
		left: 30px
	}
}

.filter__checkbox:checked+span {
	color: #ed6c02;
	display: inline-block
}

.filter__checkbox+span {
	color: #9b9b9b;
	display: none
}

@media screen and (max-width: 740px) {
	.filter-item>.label--styled {
		font-size: 16px;
		padding: 18px;
		color: #9b9b9b
	}
	.filter-item>.label--styled span {
		right: 12px
	}
}

.filter__row {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0
}

.filter__row::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 740px) {
	.filter__row>label {
		font-size: 16px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.25)
	}
	.filter__row>label span {
		right: 12px
	}
}

@media screen and (max-width: 740px) {
	.filter__row li {
		background-color: white;
		padding: 8px;
		padding: 18px 12px 18px 36px;
		border-top: 1px solid rgba(0, 0, 0, 0.25)
	}
}

@media screen and (min-width: 741px) {
	.filter__row li {
		padding-bottom: 24px;
		display: inline-block;
		width: -webkit-calc(20% - 6px);
		width: calc(20% - 6px)
	}
}

.filter__row .filter-item {
	vertical-align: top;
	font-size: 16px;
	width: 100%;
	white-space: nowrap
}

@media screen and (max-width: 740px) {
	.filter__row .filter-item {
		padding: 0
	}
	.filter__row .filter-item>label {
		font-size: 16px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.25)
	}
}

@media screen and (min-width: 741px) {
	.filter__row .filter-item {
		width: 50%;
		display: inline-block;
		padding: 15px 27px;
		height: 54px
	}
}

@media screen and (min-width: 741px) {
	.filter__row .filter-item {
		width: 33.33%
	}
}

@media screen and (min-width: 1024px) {
	.filter__row .filter-item {
		width: 25%
	}
}

.filter__row>.label--styled {
	padding: 18px
}

@media screen and (min-width: 741px) {
	.filter__row>.label--styled {
		margin-top: 12px;
		margin-left: 24px;
		padding-left: 33px;
		padding-top: 12px;
		padding-bottom: 12px
	}
}

.filter__row .separator {
	width: 100%;
	clear: both
}

.filter-item__title {
	color: #9b9b9b;
	cursor: pointer
}

@media screen and (max-width: 740px) {
	.filter-item__title {
		border-bottom: 1px solid rgba(0, 0, 0, 0.25);
		padding: 18px
	}
}

@media screen and (min-width: 741px) {
	.filter-item__title {
		border: 1px solid transparent;
		border-bottom: 0;
		padding: 15px 27px;
		margin: -15px -27px 0
	}
}

.is-open .filter-item__title {
	color: #ed6c02;
	border-color: #9b9b9b;
	background-color: white;
	position: relative;
	z-index: 3
}

@media screen and (max-width: 740px) {
	.is-open .filter-item__title {
		background-color: black;
		position: relative
	}
	.is-open .filter-item__title:after {
		content: "";
		top: 100%;
		width: 100%;
		left: 0;
		height: 24px;
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, transparent 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.33) 0%, transparent 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.33) 0%, transparent 100%);
		z-index: 2;
		display: block;
		position: absolute
	}
}

.is-open .filter-item__title .filter-item__toggle {
	border-color: #ed6c02
}

.is-open .filter-item__title .filter-item__toggle:after,
.is-open .filter-item__title .filter-item__toggle:before {
	background-color: #ed6c02
}

.is-open .filter-item__title .filter-item__toggle:before {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 250ms;
	-moz-transition: all 250ms;
	transition: all 250ms
}

.is-open .filter-item__content {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	z-index: 2;
	white-space: normal
}

@media screen and (min-width: 741px) {
	.is-open .filter-item__content {
		padding: 24px 24px 0 24px;
		background: white;
		border: 1px solid #9b9b9b;
		margin-top: -1px
	}
}

.filter-item__content {
	display: none
}

@media screen and (min-width: 741px) {
	.filter-item__content {
		box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15)
	}
}

.tags {
	margin: 20px 0;
	font-size: 12px
}

.tags::after {
	clear: both;
	content: "";
	display: table
}

.tags .tag,
.tags .tags-title {
	display: inline-block;
	vertical-align: middle
}

.tags .tags-title {
	display: none;
	margin-bottom: 10px
}

.tags .tags-title span {
	color: #9b9b9b;
	text-transform: uppercase
}

.tags .tag {
	background: #f4f4f4;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 0 0 10px 10px;
	font-weight: 700
}

.tags .tag a {
	text-decoration: none
}

.tags .tag:hover,
.tags .tag:hover * {
	color: #ed6c02;
	background: #000
}

.tags--filter .tag:after {
	content: "";
	display: inline-block;
	height: 20px;
	width: 20px;
	background: url("../tag-close.html")/*tpa=https://www.casece.com/Style%20Library/css/images/tag-close.png*/
	no-repeat 100% 50%;
	border-left: 1px solid #9b9b9b;
	margin: 0 5px 0 15px;
	vertical-align: middle
}

.filters--radio {
	padding: 0 40px;
	text-align: center
}

.filters--radio label {
	display: inline-block;
	margin: 0 40px 20px 0;
	color: #9b9b9b;
	font-size: 14px;
	cursor: pointer
}

.filters--radio label.selected {
	color: #ed6c02
}

.filters--radio label.selected i {
	opacity: 1
}

.filters--radio label input {
	display: none
}

.filters--radio label i {
	opacity: 0;
	font-size: 33px;
	vertical-align: middle
}

@media screen and (max-width: 740px) {
	.filters--radio {
		padding: 0 20px
	}
	.filters--radio::after {
		clear: both;
		content: "";
		display: table
	}
	.filters--radio label {
		float: left;
		width: calc(50% - 20px);
		margin: 0 20px 20px 0;
		text-align: left
	}
	.filters--radio label:nth-child(odd) {
		clear: left
	}
	.filters--radio label i {
		float: left
	}
	.filters--radio label span {
		display: block;
		margin-left: 35px;
		padding-top: 5px
	}
	.filters-tab__content {
		margin-top: 30px
	}
}

.solutions {
	margin-bottom: 100px
}

.solution {
	position: relative;
	background: #f4f4f4;
	padding: 20px 30px;
	margin: 0 0 60px 8.33333%
}

.solution::after {
	clear: both;
	content: "";
	display: table
}

.solution strong {
	font-weight: 700
}

.solution__image {
	float: left;
	margin: 0 5% 0 -13%;
	width: 50%
}

.solution__image img {
	width: 100%
}

.solution__content {
	float: left;
	width: 55%
}

.solution__title {
	font: 900 italic 30px/38px "宋体", sans-serif;
	text-transform: uppercase
}

.solution__btn {
	position: relative;
	text-align: right;
	bottom: -40px
}

.solution__wrap .solution__btn {
	position: absolute;
	right: 30px;
	bottom: -20px
}

.solution--right {
	margin: 0 8.33333% 60px 0
}

.solution--right .solution__content {
	text-align: right
}

.solution--right .solution__content:before {
	position: absolute;
	top: 20px;
	left: -20px
}

.solution--right .solution__image {
	float: right;
	margin: 0 -13% 0 5%
}

.solution--right .solution__btn {
	text-align: left;
	z-index: 10
}

.solutions__cards {
	padding: 0 2%
}

.solutions__cards::after {
	clear: both;
	content: "";
	display: table
}

.solutions__cards .solution {
	float: left;
	width: 45%;
	margin: 0 2.5%;
	padding: 0
}

.solutions__cards .solution__image,
.solutions__cards .solution__content {
	width: 100%;
	float: none;
	margin: 0
}

.solutions__cards .solution__content {
	position: relative;
	padding: 20px
}

.solutions__cards .solution__content:before {
	width: 20%
}

.specification-strip {
	padding: 48px 0
}

@media screen and (max-width: 800px) {
	.solution,
	.solution--right {
		margin: 0 -15px 60px
	}
	.solution .solution__image,
	.solution .solution__content,
	.solution--right .solution__image,
	.solution--right .solution__content {
		float: none;
		width: 100%
	}
	.solution .solution__image,
	.solution--right .solution__image {
		margin: 0 0 15px
	}
	.solution .solution__content:before,
	.solution--right .solution__content:before {
		display: none
	}
	.solutions__cards {
		padding: 0;
		margin: 0 -15px
	}
	.solutions__cards .solution {
		float: none;
		width: 100%;
		margin: 0 0 60px
	}
}

.promotion {
	margin-bottom: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc
}

.promotion::after {
	clear: both;
	content: "";
	display: table
}

.promotion h3 {
	font-size: 20px
}

.promotion .small-text {
	font-size: 12px
}

.promotion article {
	flex: 1
}

.promotion aside {
	margin-left: 10%;
	width: 30%
}

.promotion__subtitle {
	margin-bottom: 40px;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #9b9b9b
}

.promotion__title {
	margin-bottom: 40px;
	font-weight: 700;
	font-size: 30px;
	line-height: 38px
}

.promotion__image {
	margin-bottom: 40px
}

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

.promotion-form {
	background: #f4f4f4;
	padding: 0 25px 25px;
	font-size: 14px;
	color: #9b9b9b
}

.promotion-form .sidebar-form .block {
	padding-left: 15px;
	padding-right: 15px
}

.promotion-form .sidebar-form .placeholder {
	margin-left: 0
}

.promotion-form__img {
	margin: 0 -25px
}

.promotion-form__img img {
	width: 100%;
	vertical-align: middle
}

.promotion-form__label {
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.promotion-back {
	padding-bottom: 60px
}

.promotion-back a {
	font: 900 italic 14px "宋体", sans-serif;
	color: #9b9b9b;
	text-transform: uppercase;
	text-decoration: none
}

@media screen and (max-width: 800px) {
	.promotion .flex {
		display: block
	}
	.promotion aside {
		width: 100%;
		margin-left: 0
	}
	.promotion article {
		margin-right: 0;
		margin-bottom: 70px
	}
	.promotion article,
	.promotion aside,
	.promotion .promotion__title,
	.promotion .promotion__subtitle {
		padding: 0 15px
	}
}

.series {
	position: relative;
	margin: 0 -10px 70px;
	background: #f4f4f4;
	padding: 20px 20px 70px
}

@media screen and (max-width: 800px) {
	.series {
		margin: 0 0 70px;
		padding: 20px 0 70px
	}
	.series .col-5:first-child {
		margin-bottom: 20px
	}
}

.series .tl-box {
	color: #ed6c02;
	padding-left: 5px;
	line-height: 100%;
}

.series .tl-arg {
	color: #9b9b9b
}

.series .case-btn {
	position: absolute;
	right: 10%;
	bottom: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%)
}

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

.lightbox {
	display: none;
	z-index: 9999;
	opacity: 0;
	height: 0;
	bottom: 0;
	overflow: hidden
}

.lightbox.open {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: visible;
	opacity: 1
}

.lightbox:after {
	content: '';
	background-color: rgba(14, 14, 14, 0.95);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 100
}

.lightbox__content {
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 101
}

.lightbox__content .carousel,
.lightbox__content .carousel__inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.lightbox__close {
	position: absolute;
	top: 50px;
	right: 20px;
	display: inline-block;
	z-index: 102;
	color: #fff;
	cursor: pointer
}

.lightbox .carousel {
	width: 100%;
	margin: 0 auto
}

.lightbox .carousel .slick-list,
.lightbox .carousel .carousel__item,
.lightbox .carousel .slick-track,
.lightbox .carousel .carousel__image {
	height: 100%
}

.lightbox .carousel .carousel__item {
	position: relative;
	text-align: center
}

.lightbox .carousel .carousel__item iframe {
	width: 100%;
	height: 100%
}

.lightbox .carousel img {
	max-width: 100%;
	width: auto;
	z-index: 9;
	position: relative;
	display: inline-block
}

.lightbox .carousel .carousel__text {
	color: white;
	font-size: 14px;
	z-index: 9;
	position: relative;
	padding: 21px
}

.lightbox .carousel .icons-social {
	position: absolute;
	bottom: 30px;
	right: 20px;
	z-index: 10
}

.lightbox .carousel__image {
	background: #000 no-repeat 50% 50%;
	background-size: contain
}

.lightbox .carousel__caption {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	padding: 10px 10px 20px;
	color: #fff
}

.lightbox .carousel__caption p {
	position: relative;
	z-index: 2;
	margin: 0
}

.lightbox .carousel__caption:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 81%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, transparent 81%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 81%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000', GradientType=0)
}

.lightbox .slick-arrow {
	z-index: 10
}

.lightbox .slick-prev {
	left: 25px
}

.lightbox .slick-next {
	right: 25px
}

body.lightboxOpen {
	overflow-y: hidden
}

body.lightboxOpen.stick header,
body.lightboxOpen.stick .page-top,
body.lightboxOpen.stick .header__logo,
body.lightboxOpen.stick .nav-tools,
body.lightboxOpen.stick .navmain {
	z-index: -1
}

body.lightboxOpen header,
body.lightboxOpen .header__logo,
body.lightboxOpen .nav-tools,
body.lightboxOpen .navmain {
	z-index: -1
}

.litb {
	position: relative;
	padding-bottom: 63px;
	margin: 0 -10px
}

.litb::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 800px) {
	.litb {
		margin: 0
	}
}

.litb .litb__inner {
	margin: 0 20px
}

.litb .litb__label {
	padding: 10px;
	margin: 0;
	background: #000;
	color: #fff;
	display: inline-block;
	text-transform: uppercase;
	font: 900 italic 24px/24px "宋体", sans-serif;
	position: absolute;
	top: -24px
}

.litb .litb__image {
	overflow: hidden;
	margin: 0 -20px
}

.litb .litb__image img {
	width: 100%
}

.litb .litb__box {
	background-color: #f4f4f4;
	margin-top: -30px;
	z-index: 2;
	position: relative
}

.litb .litb__text {
	padding: 20px
}

.litb .smalldetails {
	border-top: 1px solid #9b9b9b;
	padding-top: 21px;
	margin-top: 30px
}

.dealers-list-closed .dealer-canvas .d-stripe--recap button div {
	display: none
}

.dealers-list-closed .dealer-canvas .d-stripe--recap button div:last-child {
	display: inline-block
}

.dealers-list-closed .dealer-canvas .d-stripe--recap button span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media screen and (min-width: 801px) {
	.dealers-list-closed .dealer-items {
		max-height: 0
	}
}

.dealer-items,
.dealer-canvas {
	display: none;
	max-width: 360px;
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 25px;
	-webkit-transition: max-height 0.3s;
	-moz-transition: max-height 0.3s;
	transition: max-height 0.3s
}

@media screen and (min-width: 801px) {
	.dealer-items,
	.dealer-canvas {
		max-height: 438px;
		overflow: auto
	}
}

.dealer-items {
	top: 260px
}

@media screen and (max-width: 992px) {
	.dealer-items {
		position: relative;
		top: 0;
		left: 0;
		max-width: 100%;
		margin-top: 10px
	}
	.dealer-items .select-wrap+.select-wrap {
		margin-top: 15px
	}
}

.dealer-items .dealer-stripe {
	line-height: 45px;
	font-size: 14px
}

.dealer-items .dealer-stripe::after {
	clear: both;
	content: "";
	display: table
}

.dealer-items .dealer-stripe:hover {
	cursor: pointer
}

.dealer-items .dealer-stripe .cc-arrowultra-t {
	display: none
}

.dealer-items .dealer-stripe>div {
	float: left;
	color: black
}

.dealer-items .dealer-stripe .dealer-stripe__right {
	float: right;
	padding-right: 15px
}

.dealer-items .dealer-stripe .number {
	width: 30px;
	font-weight: 900;
	text-align: center;
	background: transparent url("../pointer_icon.html")/*tpa=https://www.casece.com/Style%20Library/css/images/pointer_icon.png*/
	50% 72% no-repeat
}

.dealer-items .dealer-stripe .title {
	width: 70%;
	margin-left: -30px;
	padding-left: 35px;
	font-weight: 900
}

.dealer-items .dealer-stripe .title span {
	line-height: 1.2em;
	display: inline-block;
	vertical-align: middle
}

.dealer-items .dealer-stripe .range,
.dealer-items .dealer-stripe .arrow {
	float: left
}

.dealer-items .dealer-stripe .range {
	color: #999999
}

.dealer-items .dealer-stripe .range strong {
	font-weight: 900;
	font-size: 16px
}

.dealer-items .dealer-stripe .range span {
	font-size: 10px
}

.dealer-items .dealer-stripe .arrow {
	color: #999999;
	line-height: 50px;
	margin-left: 10px
}

.dealer-details {
	background-color: white;
	font-size: 14px;
	margin-bottom: 3px
}

.dealer-details::after {
	clear: both;
	content: "";
	display: table
}

.dealer-details .col {
	position: relative;
	padding: 0 35px
}

.dealer-details dl {
	margin: 0 0 3px;
	line-height: 18px
}

@media screen and (max-width: 740px) {
	.dealer-details dl {
		margin-bottom: 10px
	}
}

.dealer-details dt,
.dealer-details dd {
	display: inline-block;
	margin: 0
}

.dealer-details dt {
	color: #9b9b9b
}

.dealer-details a {
	color: #000
}

.dealer-details a:hover {
	color: #ed6c02
}

.dealer-details .place p {
	margin-top: 0
}

.dealer-items .directions {
	position: absolute;
	top: 10px;
	right: 20px;
	background-position: 50% 0;
	padding: 40px 0 0 0;
	text-align: center;
	font-size: 10px;
	line-height: 1.2em;
	min-width: 50px;
	max-width: 80px
}

.dealer-items .equipments {
	clear: both;
	padding: 12px 25px 0 35px
}

.dealer-items .equipments h4 {
	position: relative;
	background: #f4f4f4;
	padding: 5px 10px;
	font: 700 italic 10px "宋体", sans-serif;
	color: #000;
	cursor: pointer
}

.dealer-items .equipments h4:after {
	content: "\e914";
	font-family: 'case-UI';
	font-style: normal;
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #999999
}

.dealer-items .equipments.open h4:after {
	content: "\e917";
	color: #000
}

.dealer-items .equipments.open .equipments-list {
	display: block
}

.dealer-items .equipments-list {
	display: none;
	margin: 3px 0
}

.dealer-items .equipments-list>img {
	margin: 3px 6px
}

.dealer-items .footer-actions {
	padding: 12px 0px 15px;
	clear: both;
	color: #515353
}

.dealer-items .footer-actions a,
.dealer-items .footer-actions>span {
	display: inline-block;
	color: black;
	margin-left: 42px;
	text-decoration: none
}

.dealer-items .footer-actions a>span,
.dealer-items .footer-actions>span>span {
	display: inline-block;
	vertical-align: middle;
	font-weight: 900;
	font-style: italic;
	line-height: 1.1;
	text-transform: uppercase;
	font-size: 10px
}

.dealer-items .footer-actions a>span+span,
.dealer-items .footer-actions>span>span+span {
	max-width: 90px
}

.dealer-items .footer-actions a>span:first-child,
.dealer-items .footer-actions>span>span:first-child {
	margin-right: 3px;
	font-style: normal
}

.dealer-items .footer-actions [class^="cc-"] {
	border: 2px solid #515353;
	text-align: center;
	padding: 3px;
	border-radius: 100%
}

.dealer-canvas {
	max-width: 360px;
	width: 100%;
	position: absolute;
	left: 25px;
	top: 160px
}

@media screen and (max-width: 992px) {
	.dealer-canvas {
		position: relative;
		top: 0;
		left: 0;
		max-width: 100%;
		width: auto;
		padding: 0 15px
	}
}

.dealer-canvas .d-stripe,
.dealer-canvas .dealer-stripe {
	color: #e5e5e0;
	background: #f4f4f4
}

.dealer-canvas .d-stripe {
	margin-bottom: 3px
}

.dealer-canvas .d-stripe--recap {
	background-color: #c8c8c8;
	color: #000;
	font-size: 14px;
	padding: 0 12px 10px
}

.dealer-canvas .d-stripe--recap p,
.dealer-canvas .d-stripe--recap button {
	max-width: 50%
}

@media screen and (max-width: 320px) {
	.dealer-canvas .d-stripe--recap {
		padding: 0 8px 10px
	}
	.dealer-canvas .d-stripe--recap p {
		max-width: 40%
	}
}

.dealer-canvas .d-stripe--recap p {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 12px 0px;
	font-size: 16px
}

.dealer-canvas .d-stripe--recap p span {
	font-size: 14px
}

.dealer-canvas .d-stripe--recap p strong {
	font-weight: 900
}

.dealer-canvas .d-stripe--recap button {
	float: right;
	margin-top: 12px;
	border: 0;
	background-color: transparent;
	color: #9b9b9b
}

.dealer-canvas .d-stripe--recap button div {
	position: relative;
	padding-right: 20px;
	display: inline-block;
	text-align: right
}

.dealer-canvas .d-stripe--recap button div:last-child {
	display: none
}

.dealer-canvas .d-stripe--recap button span {
	position: absolute;
	top: 0;
	right: 0;
	color: #9b9b9b;
	margin-left: 5px
}

.dealer-canvas .d-stripe--prefear {
	background-color: #f4f4f4;
	color: #9b9b9b;
	padding: 12px 14px 12px 7px;
	font-size: 12px
}

.dealer-canvas .d-stripe--prefear span {
	border-radius: 50%;
	border: 1px solid #9b9b9b;
	font-size: 10px;
	padding: 3px;
	margin: 0 3px
}

.dealer-new-search {
	position: absolute;
	top: 110px;
	left: 25px;
	z-index: 1;
	display: none;
	cursor: pointer;
	background: #515353;
	padding: 0 40px 0 12px;
	margin: 0 0 15px;
	color: #fff;
	font: 900 italic 14px/40px "宋体", sans-serif;
	text-decoration: none
}

@media screen and (max-width: 992px) {
	.dealer-new-search {
		position: relative;
		top: auto;
		left: auto;
		margin: 15px
	}
}

.dealer-new-search span {
	position: absolute;
	top: 50%;
	right: 12px;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg)
}

.dealer-new-search span:before {
	font-size: 18px;
	font-weight: 700
}

.dealer-switch {
	float: right
}

.dealer-switch>div {
	position: relative;
	float: left;
	line-height: 40px;
	margin: 0 0 0 15px;
	padding-left: 28px
}

.dealer-switch>div.active {
	color: #ed6c02
}

.dealer-switch>div:first-child {
	padding-left: 36px
}

.dealer-switch>div span {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.dealer-switch>div span:before {
	font-size: 20px
}

.dealer-switch>div span.cc-world:before {
	font-size: 36px
}

@media screen and (max-width: 992px) {
	.map-view .dealer-canvas {
		position: absolute;
		left: 0;
		top: 40px;
		padding: 0 15px 0;
		max-width: 100%;
		width: 100%
	}
	.map-view .d-stripe--recap {
		margin-top: 30px
	}
	.map-view .dealer-item {
		display: none
	}
	.map-view .dealer-item .arrow {
		display: none
	}
	.map-view .dealer-item.open {
		display: block
	}
}

.dealer-item {
	background-color: white;
	border-bottom: 1px solid #e5e5e5
}

.dealer-item::after {
	clear: both;
	content: "";
	display: table
}

.dealer-item [class^="cc-"] {
	font-size: 12px;
	line-height: 45px;
	cursor: pointer
}

.dealer-item .dealer-details {
	display: none
}

.dealer-item .place {
	width: 200px
}

.dealer-item.dealer-item--open .dealer-stripe,
.dealer-item.open .dealer-stripe {
	overflow: hidden;
	background: #fff
}

.dealer-item.dealer-item--open .dealer-stripe .range,
.dealer-item.open .dealer-stripe .range {
	color: #ed6c02
}

.dealer-item.dealer-item--open .dealer-stripe .cc-arrowultra-t,
.dealer-item.open .dealer-stripe .cc-arrowultra-t {
	display: block;
	color: #000
}

.dealer-item.dealer-item--open .dealer-stripe .cc-arrowultra-d,
.dealer-item.open .dealer-stripe .cc-arrowultra-d {
	display: none
}

.dealer-item.dealer-item--open .dealer-details,
.dealer-item.open .dealer-details {
	display: block
}

.dealer-award {
	margin-top: 1em
}

.one-country-one-state .dealer-new-search,
.one-country-one-state .dealer-nav__sublabel {
	display: none !important
}

.one-country-one-state .dealer-canvas {
	top: 110px
}

@media screen and (max-width: 992px) {
	.one-country-one-state .dealer-canvas {
		top: 0
	}
	.one-country-one-state .dealer-canvas .d-stripe--recap {
		margin-top: 15px
	}
}

.one-country-one-state .dealer-items {
	top: 210px
}

@media screen and (max-width: 992px) {
	.one-country-one-state .dealer-items {
		top: 0
	}
}

.dealer {
	position: relative;
	margin-left: -10px;
	margin-right: -10px
}

.dealer::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 992px) {
	.dealer {
		margin: 0
	}
}

.dealer-nav {
	position: absolute;
	top: 45px;
	right: 15px;
	left: 15px;
	z-index: 1;
	padding-bottom: 15px
}

.dealer-nav::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 992px) {
	.dealer-nav {
		position: relative;
		top: auto;
		right: auto;
		left: auto;
		padding-top: 65px
	}
}

.dealer-nav .separator {
	float: left;
	height: 40px;
	width: 1px;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	transform: rotate(20deg);
	background-color: #e5e5e5;
	margin-right: 21px;
	vertical-align: middle
}

@media screen and (max-width: 640px) {
	.dealer-nav .separator {
		display: none
	}
}

.dealer-nav .dealer-nav__inner {
	background-color: white;
	padding-bottom: 12px;
	width: 60%;
}

.dealer-nav .dealer-nav__inner::after {
	clear: both;
	content: "";
	display: table
}

.dealer-nav__place {
	position: relative;
	float: left;
	/* width: 66.66667%; */
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
	margin-top: 39px
}

@media screen and (max-width: 800px) {
	.dealer-nav__place {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.dealer-nav__place .separator~.field {
	/*max-width: 250px*/
	width:26%;
	width:170px\9;
}

@media screen and (max-width: 992px) {
	.dealer-nav__place .separator~.field {
		max-width: 100%
	}
}

@media screen and (max-width: 992px) {
	.dealer-nav__place {
		width: 100%;
		padding-right: 5px;
		padding-left: 5px
	}
}

.dealer-nav__place .getPosition span:last-child,
.dealer-nav__place .ddlRegion,
.dealer-nav__place .searchTextBox {
	font-size: 14px
}

.dealer-nav__label {
	background-color: black;
	color: white;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 14px;
	max-width: 400px;
	height: 42px;
	font-style: italic;
	padding-left: 9px;
	padding-right: 9px;
	margin-bottom: -27px;
	margin-left: 9px;
	position: relative
}

@media screen and (max-width: 992px) {
	.dealer-nav__label {
		max-width: 100%;
		/*margin: 0 20px*/
	}
}

.dealer-nav__label .cc-places {
	margin-right: 15px;
	font-size: 28px;
	line-height: 40px
}

.dealer-nav__label>span {
	vertical-align: middle
}

.dealer-nav__sublabel {
	margin: 50px 0 0 10px;
	background: #515252;
	color: #fff;
	display: inline-block;
	padding: 10px 25px;
	font-size: 12px
}

.dealer-nav__filter {
	position: relative;
	float: left;
	width: 25%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	width: auto
}

@media screen and (max-width: 800px) {
	.dealer-nav__filter {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.dealer-nav__filter::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 640px) {
	.dealer-nav__filter {
		width: 100%;
		margin-left: 0;
		padding: 0 20px
	}
}

.dealer-nav__filter .select-small-arrow {
	float: left;
	margin-right: 20px
}

.dealer-nav__filter .select-small-arrow:last-child {
	margin-right: 0
}

.dealer-nav__filter>span {
	display: block;
	text-align: right;
	color: #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
	height: 39px;
	padding-top: 15px
}

.dealer-nav__filter .select-small-arrow {
	margin-top: 15px
}

.dealer-nav__filter select {
	color: #9b9b9b;
	font-size: 14px
}

.field {
	max-width: 185px;
	width: 100%;
	float: left;
	margin-right: 21px
}

@media screen and (max-width: 992px) {
	.field {
		float: none;
		max-width: 100%;
		margin-right: 0;
		padding: 0 15px;
		margin-top: 15px
	}
}

.dealer-nav__inner .field {
	max-width: 400px;
	width: auto
}

.dealer-nav__inner .field.getPosition button {
	padding-right: 10px;
	white-space: nowrap
}

.btn-icon {
	border: 1px solid #dadada;
	background-color: #f4f4f4;
	padding: 0;
	width: 110%;
	text-align: left
}

.btn-icon span {
	color: #ed6c02;
	font-size: 38px
}

.btn-icon span:last-child {
	color: #999999;
	font-weight: 900;
	font-style: italic;
	font-size: 14px;
	text-transform: uppercase
}

.btn-icon>span {
	vertical-align: middle
}

.slct-bordered {
	background-color: white;
	border: 1px solid #c8c8c8;
	width: 100%;
	height: 40px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	border-radius: 0;
	padding: 0 24px;
	text-align: left;
	padding-left: 9px
}

.searchzip {
	width: 100%;
	border: 1px solid #c8c8c8;
	display: inline-block;
	vertical-align: middle
}

.searchzip input {
	border: 0;
	height: 40px;
	width: 140px;
	padding-left: 9px
}

@media screen and (max-width: 992px) {
	.searchzip input {
		width: calc(100% - 60px)
	}
}

.searchzip button {
	width: 40px;
	border: 0;
	height: 40px;
	float: right;
	background-color: transparent;
	color: #ed6c02;
	font-size: 27px;
	position: relative
}

.searchzip button span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px
}

.map-canvas {
	/*position: relative;*/
	height: 100vh
}

@media screen and (max-width: 992px) {
	.map-canvas {
		height: calc(100vh - 120px);
		display: none
	}
	.map-canvas.initiating {
		display: block;
		/*visibility: hidden;
		position: absolute*/
	}
}

.map-canvas #map {
	position: absolute;
	top: -35px;
	right: 0;
	bottom: 0;
	left: 0
}

@media screen and (max-width: 992px) {
	.dealer-click .dealer-nav {
		position: absolute
	}
	.dealer-click .ch-btn {
		margin: 20px 0
	}
	.dealer-click .dealer__selectcountry {
		margin-top: 50px;
		background: #fff;
		padding: 20px 0
	}
}

@media screen and (max-width: 992px) {
	.map-view .map-canvas {
		display: block
	}
}

@media screen and (max-width: 992px) {
	.results-shown .dealer__selectcountry,
	.results-shown .dealer-nav {
		display: none
	}
}

.dealer__title {
	font: 700 30px/1.2em "宋体", sans-serif
}

.dealer-table {
	margin-top: 10px;
	padding: 30px 40px;
	background: #f4f4f4
}

.dealer-table td {
	padding: 2px 30px 2px 0
}

.dealer-table td:last-child {
	padding-right: 0
}

.dealer-table h3 {
	font: 700 24px/1.2em "宋体", sans-serif;
	margin: 0 0 25px
}

.dealer-table .dealer-details {
	background: transparent;
	font-size: 16px
}

.dealer-table .dealer-details .col {
	padding: 0
}

.dealer-table .dealer-details .directions {
	margin-top: 20px
}

@media screen and (max-width: 740px) {
	.dealer-table .dealer-details .directions {
		margin: 10px 0 30px
	}
}

.dealer-logo figure {
	margin-bottom: 20px
}

.dealer-logo figure img {
	max-width: 300px
}

.dealer-awards {
	margin-bottom: 40px
}

.dealer-awards ul {
	padding: 0;
	list-style: none
}

.dealer-awards li {
	display: inline-block;
	height: 100px;
	width: 19%;
	margin: 0 2% 30px;
	background: no-repeat 50% 50%;
	background-size: contain
}

@media screen and (max-width: 650px) {
	.dealer-awards li {
		height: 60px;
		margin-bottom: 20px
	}
}

.dealer-desc {
	padding-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px
}

.dealer-desc::after {
	clear: both;
	content: "";
	display: table
}

.dealer-desc__image {
	float: right;
	width: 50%
}

.dealer-desc__image img {
	max-width: 100%
}

.dealer-desc__text {
	float: left;
	width: 50%;
	padding-right: 70px
}

@media screen and (max-width: 650px) {
	.dealer-desc__image,
	.dealer-desc__text {
		width: auto;
		float: none;
		padding: 0
	}
	.dealer-desc__image {
		text-align: center;
		margin-bottom: 20px
	}
	.dealer-table {
		padding: 30px 20px
	}
	.dealer-table table {
		width: 100%
	}
	.dealer-table td {
		padding-right: 5px
	}
	.dealer-logo figure img {
		max-width: 100%
	}
}

.news-single .dealer-favorite {
	cursor: pointer;
	font-size: 16px;
	color: #515353
}

.news-single .dealer-favorite.on {
	color: #ed6c02
}

.news-single .dealer-favorite.on i {
	border-color: #ed6c02
}

.news-single .dealer-favorite i {
	border-radius: 50%;
	border: 1px solid #515353;
	padding: 3px 4px 4px;
	margin-right: 5px
}

.dealer-map .google-map {
	height: 60vh;
	width: 100%
}

.velina-white {
	padding: 2.5em 1em 1em;
	min-height: 100px;
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: #FFFFFF;
	border: 1px solid #c7c7c7;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 50%;
	cursor: pointer;
	z-index: 10
}

.velina-white .cc-close::before {
	position: absolute;
	right: 20px;
	top: 20px
}

@media screen and (max-width: 992px) {
	.velina-white {
		max-width: 80%;
		padding: 2em;
		left: auto;
		margin: 0 -50% 0 50%
	}
}

.velina-white.loader {
	cursor: default;
	width: 100px;
	background-image: url("../ajax-loader-1.html")/*tpa=https://www.casece.com/Style%20Library/css/images/ajax-loader.gif*/
	;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

@media screen and (max-width: 992px) {
	.one-country-one-state .map-canvas {
		height: calc(100vh - 50px)
	}
}

.mapTooltip {
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 3px;
	color: #333;
	font-size: 12px;
	padding: 2px 10px;
	position: absolute;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

div.video {
	margin-bottom: 60px;
	margin-left: -10px;
	margin-right: -10px
}

div.video::after {
	clear: both;
	content: "";
	display: table
}

div.video::after {
	clear: both;
	content: "";
	display: table
}

.video__item {
	position: relative;
	float: left;
	width: 50%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 28%;
	margin-bottom: 30px
}

@media screen and (max-width: 800px) {
	.video__item {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

.video__wrap {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	left: 10px
}

.video__wrap iframe {
	height: 100%;
	width: 100%
}

@media screen and (max-width: 800px) {
	.video__item {
		float: none;
		width: 100%;
		margin-bottom: 40px;
		padding-bottom: 56%
	}
}

.video--fullscreen .video__item {
	float: none;
	width: 100%;
	padding-bottom: 56%;
	margin-bottom: 0
}

.brochures {
	margin: 0 30px
}

.brochures .slick-track {
	margin: 0 auto
}

.brochures .slick-arrow {
	margin-top: -20px;
	z-index: 10
}

.brochures .slick-arrow:before {
	font-family: 'case-ui';
	color: #000
}

.brochures .slick-prev:before {
	content: "\e90f"
}

.brochures .slick-next:before {
	content: "\e910"
}

.brochures .slick-dots {
	position: relative;
	bottom: 0;
	padding-top: 10px
}

.brochures .slick-dots li {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #9b9b9b
}

.brochures .slick-dots li button:before {
	display: none
}

.brochures .slick-dots li.slick-active {
	background: #ed6c02
}

@media screen and (max-width: 800px) {
	.brochures {
		margin: 0
	}
	.brochures .slick-prev {
		left: -10px
	}
	.brochures .slick-next {
		right: -10px
	}
}

.brochures__item {
	padding: 0 20px;
	max-width: 400px;
	margin: 0 auto
}

.brochures__item::after {
	clear: both;
	content: "";
	display: table
}

.brochures__item:first-child:last-child {
	float: none
}

.product-top__col .brochures {
	margin: 0
}

.brochures__thumb {
	float: left;
	width: 40%;
	margin-right: 10px;
	max-width: 110px;
	padding-bottom: 2px
}

.brochures__thumb img {
	width: 100%;
	border: 1px solid #e5e5e5
}

.brochures__content {
	float: left;
	width: calc(60% - 10px);
	font: 900 10px "宋体", sans-serif;
	color: #ed6c02;
	text-transform: uppercase
}

.brochures__title {
	margin-bottom: 5px;
	color: #000
}

.brochures__btns .btn-rounder {
	margin-top: 10px
}

.brochures__btns .btn-rounder:last-child {
	margin-top: 5px
}

.brochures__head {
	margin-bottom: 15px;
	text-align: center
}

.breadcrumb {
	height: 30px;
	background: #fff;
	margin: 0 -10px;
	padding: 0 20px;
	-webkit-transition: height 250ms;
	-moz-transition: height 250ms;
	transition: height 250ms
}

.breadcrumb::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 800px) {
	.breadcrumb {
		margin: 0;
		display: none
	}
}

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

.breadcrumb li {
	float: left;
	line-height: 30px;
	font-size: 12px;
	color: #9b9b9b
}

.breadcrumb li:after {
	content: '/';
	display: inline-block;
	margin: 0 10px
}

.breadcrumb li:last-child:after {
	display: none
}

.breadcrumb a {
	color: #9b9b9b;
	text-decoration: none
}

.breadcrumb a:hover {
	color: #ed6c02
}

.breadcrumb-last a {
	color: #515353
}

.stick .breadcrumb {
	height: 0;
	overflow: hidden
}

.stick-up .breadcrumb {
	height: 30px
}

.hide-breadcrumb .breadcrumb {
	height: 0
}

.box-ov {
	position: relative;
	overflow: hidden;
	margin-bottom: 85px
}

.box-ov .container {
	padding: 25px 20px 60px;
	position: relative;
	z-index: 2
}

.box-ov:after {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 70%;
	background: #f4f4f4;
	z-index: 1
}

.box-ov--right:after {
	left: 40%;
	width: 100%
}

.box-ov--right .case-btn {
	float: right
}

.box-ov--models .container {
	padding-top: 50px
}

.box-ov--models:after {
	width: 7%
}

.box-ov--models:before {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 58%;
	width: 100%;
	background: #f4f4f4
}

.box-ov--models .box-ov__image {
	position: relative;
	right: -20px
}

.box-orange-skew {
	position: relative;
	overflow: hidden;
	padding: 10px;
	margin: 0 -10px
}

.box-orange-skew:after {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	position: absolute;
	top: -10px;
	bottom: 65px;
	left: 100%;
	width: 100%;
	background: #ed6c02;
	opacity: 0.8;
	z-index: 10
}

.box-ov__main {
	font-size: 20px;
	line-height: 30px
}

.box-ov__main strong {
	font-weight: 700
}

.box-ov__main .case-btn {
	margin-top: 90px
}

.box-ov__image img {
	width: 100%
}

.scrolldown {
	z-index: 100
}

.scrollup,
.scrolldown {
	background-size: cover;
	height: 60px;
	width: 60px;
	display: none;
}

.scrollup:after,
.scrolldown:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url("../scroll.html")/*tpa=https://www.casece.com/Style%20Library/css/images/scroll.png*/
	;
	background-size: cover;
	z-index: 999999;
}

.scrolldown-white,
.scrolldown-orange {
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	border-radius: 50%
}

.scrolldown-white {
	background: #fff;
	opacity: 1
}

.scrolldown-orange {
	background: #ed6c02
}

.page-top .scrolldown,
.markets .scrolldown {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	z-index: 100
}

.scrollup {
	position: relative;
	display: none;
	background: #fff;
	height: 49px;
	width: 49px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000;
	cursor: pointer;
	border-radius: 50%
}

.scrollup:hover {
	background: #ed6c02
}

.scrollup:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px
}

.mu-accordion {
	padding: 0 10px 50px
}

@media screen and (max-width: 800px) {
	.mu-accordion {
		padding: 30px 10px
	}
	.mu-accordion>.mu-accordion__item.standalone {
		margin-top: 0
	}
}

.mu-accordion+.mu-accordion {
	margin-top: -50px
}

.mu-accordion>div {
	margin-bottom: 10px
}

.mu-accordion>div.small .mu-accordion__head {
	font-size: 16px;
	font-weight: 400;
	text-transform: none
}

.mu-accordion>div.small .mu-accordion__head strong {
	margin-right: 5px
}

.mu-accordion>div.small .mu-accordion-btn {
	text-transform: uppercase;
	font-weight: 700
}

.mu-accordion>div.small.open .mu-accordion__title strong {
	color: #ed6c02
}

@media screen and (max-width: 800px) {
	.first-text+.mu-accordion {
		padding-top: 0
	}
}

@media screen and (max-width: 800px) {
	.tl-big+.mu-accordion {
		padding-top: 0
	}
}

.mu-accordion__head {
	position: relative;
	z-index: 2;
	background: #f4f4f4;
	padding: 10px 0;
	text-transform: uppercase;
	font: 900 normal 24px/24px "宋体", sans-serif;
	cursor: pointer
}

.mu-accordion__head::after {
	clear: both;
	content: "";
	display: table
}

.mu-accordion__head.small {
	font-size: 16px
}

@media screen and (max-width: 800px) {
	.mu-accordion__head .mu-accordion__title {
		max-width: 70%
	}
	.mu-accordion__head .mu-accordion__btn {
		position: absolute;
		right: 0;
		bottom: 10px
	}
}

.desktop .mu-accordion__head:hover,
.is-ie .mu-accordion__head:hover {
	background: #000
}

.desktop .mu-accordion__head:hover .mu-accordion__title,
.is-ie .mu-accordion__head:hover .mu-accordion__title {
	color: #fff
}

.desktop .mu-accordion__head:hover .mu-accordion__btn,
.is-ie .mu-accordion__head:hover .mu-accordion__btn {
	color: #ed6c02
}

.desktop .mu-accordion__head:hover .mu-accordion__btn span:first-child,
.is-ie .mu-accordion__head:hover .mu-accordion__btn span:first-child {
	color: #ed6c02
}

.mu-accordion__title {
	float: left;
	max-width: 80%;
	margin-left: 10px;
	font-size: 24px
}

.mu-accordion__title p {
	margin: 0
}

@media screen and (max-width: 800px) {
	.mu-accordion__title {
		font-size: 16px;
		line-height: 22px
	}
}

.mu-accordion__btn {
	float: right;
	margin-right: 20px;
	font-size: 14px;
	cursor: pointer;
	white-space: nowrap
}

@media screen and (max-width: 800px) {
	.mu-accordion__btn {
		font-size: 10px
	}
}

.mu-accordion__btn span {
	color: #515353
}

.mu-accordion__btn span i {
	margin-left: 10px
}

.mu-accordion__btn span:last-child {
	display: none;
	color: #fff
}

.mu-accordion__toggle {
	position: relative;
	z-index: 1;
	display: none
}
.mu-accordion__toggle img {max-width:100%;height:auto !important;}

.mu-accordion .small.open .mu-accordion__head,
.mu-accordion .small.standalone .mu-accordion__head,
.mu-accordion__item.open .mu-accordion__head,
.mu-accordion__item.standalone .mu-accordion__head {
	background: transparent;
	cursor: default
}

.mu-accordion .small.open .mu-accordion__toggle,
.mu-accordion .small.standalone .mu-accordion__toggle,
.mu-accordion__item.open .mu-accordion__toggle,
.mu-accordion__item.standalone .mu-accordion__toggle {
	display: block
}

.mu-accordion .small.open .mu-accordion__title,
.mu-accordion .small.standalone .mu-accordion__title,
.mu-accordion__item.open .mu-accordion__title,
.mu-accordion__item.standalone .mu-accordion__title {
	padding: 10px;
	padding-right: 15px;
	margin: 0;
	background: #000;
	color: #fff
}

.mu-accordion .small.open .mu-accordion__btn,
.mu-accordion .small.standalone .mu-accordion__btn,
.mu-accordion__item.open .mu-accordion__btn,
.mu-accordion__item.standalone .mu-accordion__btn {
	background: #515353;
	padding: 10px;
	margin-right: 0;
	color: #fff
}

.mu-accordion .small.open .mu-accordion__btn:hover,
.mu-accordion .small.standalone .mu-accordion__btn:hover,
.mu-accordion__item.open .mu-accordion__btn:hover,
.mu-accordion__item.standalone .mu-accordion__btn:hover {
	background: #000
}

.mu-accordion .small.open .mu-accordion__btn:hover>span,
.mu-accordion .small.standalone .mu-accordion__btn:hover>span,
.mu-accordion__item.open .mu-accordion__btn:hover>span,
.mu-accordion__item.standalone .mu-accordion__btn:hover>span {
	color: #ed6c02
}

.mu-accordion .small.open .mu-accordion__btn span:first-child,
.mu-accordion .small.standalone .mu-accordion__btn span:first-child,
.mu-accordion__item.open .mu-accordion__btn span:first-child,
.mu-accordion__item.standalone .mu-accordion__btn span:first-child {
	display: none
}

.mu-accordion .small.open .mu-accordion__btn span:last-child,
.mu-accordion .small.standalone .mu-accordion__btn span:last-child,
.mu-accordion__item.open .mu-accordion__btn span:last-child,
.mu-accordion__item.standalone .mu-accordion__btn span:last-child {
	display: inline
}

.mu-accordion .small.standalone,
.mu-accordion__item.standalone {
	margin: 40px 0
}

.touch .mu-accordion .small.open .mu-accordion__btn:hover,
.touch .mu-accordion .small.standalone .mu-accordion__btn:hover,
.touch .mu-accordion__item.open .mu-accordion__btn:hover,
.touch .mu-accordion__item.standalone .mu-accordion__btn:hover {
	background: #515353
}

.touch .mu-accordion .small.open .mu-accordion__btn:hover>span,
.touch .mu-accordion .small.standalone .mu-accordion__btn:hover>span,
.touch .mu-accordion__item.open .mu-accordion__btn:hover>span,
.touch .mu-accordion__item.standalone .mu-accordion__btn:hover>span {
	color: #fff
}

.mu-accordion__image {
	background: url("../ajax-loader-1.html")/*tpa=https://www.casece.com/Style%20Library/css/images/ajax-loader.gif*/
	no-repeat 50% 40%;
	position: relative;
	top: -30px;
	margin: 0 -20px -80px;
	z-index: 1
}

@media screen and (max-width: 800px) {
	.mu-accordion__image {
		margin: 0 -10px -60px
	}
}

.mu-accordion__image img {
	width: 100%
}

.mu-accordion__image .b-lazy {
	height: 0;
	padding-top: 34%
}

.mu-accordion__image .b-lazy.b-loaded {
	background: #fff;
	height: auto;
	padding-top: 0
}

.mu-accordion__content {
	position: relative;
	margin-top: -30px;
	background: #f4f4f4;
	padding: 50px 20px 25px;
	z-index: 2
}

.mu-accordion__content::after {
	clear: both;
	content: "";
	display: table
}

.mu-accordion__content h3 {
	margin-bottom: 10px;
	font-weight: 900
}

.mu-accordion__image+.mu-accordion__content {
	padding: 30px 20px
}

@media screen and (max-width: 740px) {
	.mu-accordion__image+.mu-accordion__content {
		margin-top: -30px;
		padding: 20px
	}
}

.features-strip {
	padding-top: 36px
}

@media screen and (max-width: 740px) {
	.mu-accordion__content p:first-child {
		margin-top: 0
	}
}

.mu-accordion__content .col-3,
.mu-accordion__content .col-4,
.mu-accordion__content .col-6,
.mu-accordion__content .col-12 {
	padding: 0
}

@media screen and (min-width: 740px) {
	.mu-accordion__content .col-3,
	.mu-accordion__content .col-4,
	.mu-accordion__content .col-6,
	.mu-accordion__content .col-12 {
		padding-right: 20px;
		padding-left: 20px
	}
}

@media screen and (max-width: 800px) {
	.mu-accordion__content .col-3,
	.mu-accordion__content .col-4,
	.mu-accordion__content .col-6,
	.mu-accordion__content .col-12 {
		margin-bottom: 30px
	}
	.mu-accordion__content .col-3:last-child,
	.mu-accordion__content .col-4:last-child,
	.mu-accordion__content .col-6:last-child,
	.mu-accordion__content .col-12:last-child {
		margin-bottom: 0
	}
}

.mu-accordion__list {
	margin-bottom: 30px
}

.mu-accordion__list::after {
	clear: both;
	content: "";
	display: table
}

.mu-accordion__list:last-child {
	margin: 0
}

.mu-accordion__list-row {
	padding: 0 7px;
	margin: 5px 0;
	line-height: 20px;
	font-size: 12px
}

.mu-accordion__list-row::after {
	clear: both;
	content: "";
	display: table
}

.mu-accordion__list-row:nth-child(even) {
	background: #e5e5e5
}

.mu-accordion__list-row span {
	float: left
}

.mu-accordion__list-row strong {
	float: right;
	font-weight: 700
}

.mu-accordion__content-image {
	position: relative;
	margin-top: 20px;
	padding-bottom: 56%;
	background-size: cover;
	background-position: 50% 50%
}

.mu-accordion__content-image iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.stripe {
	position: relative;
	overflow: hidden;
	margin: 0 -10px 40px;
	padding: 0 15px
}

@media screen and (max-width: 800px) {
	.stripe {
		margin: 0 0 40px
	}
}

.stripe .container {
	padding: 70px 0;
	position: relative;
	z-index: 2
}

@media screen and (max-width: 800px) {
	.stripe .container {
		padding: 30px 0
	}
}

.stripe:after,
.stripe:before {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	background: #f4f4f4;
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%
}

.stripe:before {
	width: 100%
}

.stripe:after {
	left: 0;
	width: 42%
}

.stripe .tl-36 {
	margin-bottom: 0.75em;
	letter-spacing: 0px;
}

@media screen and (max-width: 800px) {
	.stripe .tl-36 {
		font-size: 30px;
		line-height: 36px
	}
}

.stripe__video {
	position: relative
}

.stripe__video:after {
	content: "";
	display: block;
	/*padding-bottom: 56%*/
}

.stripe__video iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%
}

.stripe--right:before {
	left: 65%;
	width: 100%
}

.stripe--right:after {
	width: 8%
}

.stripe--right .case-btn {
	margin-left: -5px;
	font-size: 14px;
	letter-spacing: 2px;
}

@media screen and (max-width: 740px) {
	.stripe--right .case-btn {
		margin-left: 10px
	}
}

@media screen and (max-width: 800px) {
	.stripe__image,
	.stripe__video {
		margin-bottom: 20px
	}
}

.stripe__image img,
.stripe__video img {
	width: 100%
}

.stripe__label {
	margin-bottom: 35px;
	font: 900 italic 20px "宋体", sans-serif;
	color: #ed6c02;
	text-transform: uppercase
}

.stripe__cit {
	position: relative;
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 40px;
	padding-right: 30px;
}

@media screen and (max-width: 800px) {
	.stripe__cit {
		margin: 0 0 0 30px;
		font-size: 24px;
		line-height: 30px
	}
}

.stripe__cit p {
	display: inline;
	position: relative;
	letter-spacing: 0px;
}

.stripe__cit:before {
	content: "“";
	position: absolute;
	top: 0;
	left: -40px
}

.stripe__cit:after {
	content: "”"
}

.stripe__cit-name {
	margin-bottom: 40px;
	text-align: right;
	color: #ed6c02;
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
	letter-spacing: 2px;
}

.stripe__text {
	margin-bottom: 50px;
	font-size: 17px;
	line-height: 180%;
}

@media screen and (max-width: 800px) {
	.stripe__text {
		font-size: 18px
	}
}

@media screen and (max-width: 800px) and (min-width: 740px) {
	.stripe__main {
		margin: 0 -10%
	}
}

.newsletter__title {
	margin-top: 30px
}

.newsletter {
	position: relative;
	margin: 0px -10px 70px;
	background: #f4f4f4;
	padding: 20px 20px 30px
}

@media screen and (max-width: 992px) {
	.newsletter {
		padding-top: 0;
		margin: 0 0 70px
	}
}

.newsletter .newsletter__image-container {
	margin: 0 -20px
}

.newsletter .newsletter__formbox {
	margin-top: -30px;
	padding: 10px 50px;
	background: #fff
}

@media screen and (max-width: 992px) {
	.newsletter .newsletter__formbox {
		padding: 10px 20px
	}
}

.newsletter .newsletter__formbox .nlform-feedback.feedback-error {
	color: red
}

.newsletter .newsletter__formbox .newsletter__form {
	margin-top: 30px
}

.newsletter .newsletter__formbox .newsletter__form.submit-loading:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff url("../ajax-loader-1.html")/*tpa=https://www.casece.com/Style%20Library/css/images/ajax-loader.gif*/
	no-repeat center center;
	z-index: 9999
}

.newsletter .newsletter__formbox .newsletter__form .col-6 {
	position: relative;
	margin-bottom: 20px
}

.newsletter .newsletter__formbox .newsletter__form .ch-btn {
	float: right
}

.newsletter .newsletter__formbox .newsletter__form .recaptcha-wrapper {
	text-align: center;
	overflow: hidden;
	max-width: 100%
}

@media screen and (max-width: 768px) {
	.newsletter .newsletter__formbox .newsletter__form .recaptcha-wrapper {
		margin: 10px 0
	}
}

@media screen and (max-width: 375px) {
	.newsletter .newsletter__formbox .newsletter__form .recaptcha-wrapper {
		padding-left: 0;
		padding-right: 0
	}
}

@media screen and (max-width: 320px) {
	.newsletter .newsletter__formbox .newsletter__form .recaptcha-wrapper {
		margin-bottom: 0
	}
}

.newsletter .newsletter__formbox .newsletter__form .recaptcha-wrapper .g-recaptcha {
	display: inline-block
}

@media screen and (max-width: 375px) {
	.newsletter .newsletter__formbox .newsletter__form .recaptcha-wrapper .g-recaptcha {
		transform: scale(0.9);
		-webkit-tranform: scale(0.9)
	}
}

@media screen and (max-width: 320px) {
	.newsletter .newsletter__formbox .newsletter__form .recaptcha-wrapper .g-recaptcha {
		transform: scale(0.78);
		-webkit-tranform: scale(0.78);
		transform-origin: 0 0;
		-webkit-tranform-origin: 0 0
	}
}

.newsletter .newsletter__formbox .newsletter__form .nl-btn-wrapper {
	position: relative
}

.newsletter .newsletter__formbox .newsletter__disclaimer {
	padding: 15px 0;
	margin: 15px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5
}

.findselect {
	position: relative;
	margin: 30px -10px 40px;
	padding: 0
}

.findselect::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 1200px) {
	.findselect img {
		width: 100%
	}
}

@media screen and (max-width: 992px) {
	.findselect {
		margin: 0 0 40px;
		max-width: 100%
	}
}

@media screen and (max-width: 740px) {
	.findselect {
		overflow: hidden
	}
}

@media screen and (max-width: 1024px) {
	.findselect .col-5 {
		position: relative;
		float: left;
		width: 50%;
		min-height: 1px;
		padding-left: 10px;
		padding-right: 10px
	}
}

@media screen and (max-width: 1024px) and (max-width: 800px) {
	.findselect .col-5 {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (max-width: 1024px) {
	.findselect .col-offset-1 {
		margin-left: 0
	}
}

.findselect .cs-select {
	margin-right: 10px
}

.findselect .tl-big {
	margin-top: 30px;
	padding-bottom: 0;
	border-bottom: none;
	line-height: 1;font-weight: normal;
	/*letter-spacing: 5px;*/
}

@media screen and (max-width: 740px) {
	.findselect .tl-big {
		font-size: 20px;
		margin: 20px 0
	}
	.findselect .tl-big br {
		display: none
	}
}

@media screen and (max-width: 800px) {
	.findselect .tl-big {
		margin: 30px 0
	}
}

.findselect .findselect__searchblock {
	position: relative;
	padding: 30px 0 50px;
	font-size: 16px;
	font-style: italic;
	color: #9b9b9b;
	letter-spacing: 1px;
}

.findselect .findselect__searchblock>span {
	margin-right: 10px
}

@media screen and (max-width: 992px) {
	.findselect .findselect__searchblock {
		padding-top: 30px;
		margin-bottom: 30px;
		font-size: 14px
	}
}

.findselect .findselect__searchblock:before {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	background: #f4f4f4;
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%
}

.findselect .findselect__searchblock:before {
	left: -30%;
	width: 145%
}

.findselect .findselect__searchblock .filter__select {
	display: inline-block;
	margin: 20px 10px 25px 0
}

.findselect .findselect__searchblock .filter__select select {
	padding: 5px 0;
	font-weight: 800;
	color: #ed6c02;
	text-transform: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.findselect .findselect__searchblock .filter__select select:focus {
	outline: none
}

.findselect .findselect__searchblock .ch-btn {
	position: absolute;
	bottom: -20px;
	right: 30px;
	font-size: 15px;
}

.findselect .findselect__image {
	z-index: -10;
	text-align: right;
	overflow: hidden
}

.findselect .findselect__image>img {
	position: relative;
	right: -10px;
	max-width: 100%
}

.findselect--plain {
	margin: 30px 0 40px
}

.findselect--plain .findselect__searchblock {
	padding: 0
}

.findselect--plain .findselect__searchblock:before {
	display: none
}

@media screen and (max-width: 740px) {
	.findselect {
		margin: 0 0 40px;
		padding: 0 20px
	}
	.findselect .col-5 {
		padding: 0
	}
	.findselect .filter__select {
		position: relative;
		display: block;
		width: 70%;
		margin-top: 0;
		margin-bottom: 15px;
		border-bottom: 3px solid #ed6c02
	}
	.findselect .filter__select:after {
		position: absolute;
		top: 50%;
		right: 0;
		background: transparent url("../select-dropdown.html")/*tpa=https://www.casece.com/Style%20Library/css/images/select-dropdown.png*/
		100% 50% no-repeat;
		content: '';
		display: block;
		height: 10px;
		width: 11px;
		margin-top: -10px
	}
	.findselect .filter__select:first-of-type {
		margin-left: 0
	}
	.findselect .filter__select .cs-select {
		width: 100% !important
	}
	.findselect__image {
		display: none
	}
}

@media screen and (max-width: 768px) and (min-width: 740px) {
	.findselect .filter__select {
		width: auto
	}
	.findselect__searchblock {
		float: left;
		width: 50%;
		z-index: 10
	}
	.findselect__image {
		display: block;
		float: right;
		width: 45%
	}
}

@media screen and (max-width: 650px) {
	.findselect .findselect__searchblock:before {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none
	}
}

.tools-homepage {
	margin-bottom: 70px
}

.tools-homepage .tools-homepage__container {
	background: #060808;
	color: #e5e5e5;
	padding: 20px
}

.tools-homepage__element {
	position: relative;
	padding-bottom: 40px;
	display: block;
	color: #fff
}

.tools-homepage__element:hover .txt-btn {
	color: #ed6c02
}

.tools-homepage__element i {
	color: #ed6c02;
	font-size: 70px
}

.tools-homepage__element h3 {
	color: white;
	text-transform: uppercase;
	font-weight: 900;
	font-style: italic;
	font-size: 1.3em
}

.tools-homepage__element .txt-btn {
	position: absolute;
	right: 20px;
	bottom: 10px;
	color: #515353;
	text-transform: uppercase;
	font-size: 10px;
	font-style: italic;
	font-weight: 900
}

.get-in-touch {
	background: #f4f4f4;
	position: relative;
	margin: 30px -10px 0;
	padding: 30px 15px
}

.get-in-touch .col-4 {
	text-align: center;
	min-height: 600px
}

@media screen and (max-width: 768px) {
	.get-in-touch .col-4 {
		min-height: auto
	}
}

@media screen and (max-width: 768px) and (min-width: 740px) {
	.get-in-touch .col-4 {
		float: left;
		width: 33.33%
	}
}

@media screen and (max-width: 768px) {
	.get-in-touch .col-4 {
		margin-bottom: 20px
	}
}

.get-in-touch .col-4 .stream-intro {
	position: relative
}

.get-in-touch .col-4 .stream-intro h2 {
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
	font-style: italic;
	position: absolute;
	top: 30px;
	left: 8%;
	font-size: 1em;
	letter-spacing: 5px;
}

.get-in-touch .col-4 .stream-intro p {
	position: absolute;
	margin: 0;
	top: 30px;
	right: 8%;
	color: #fff;
	font-size: 14px;
}

.get-in-touch .col-4 .stream-wrapper {
	position: relative;
	padding-top: 80px;
	padding-left: 8%;
	padding-right: 8%;
	width: 100%
}

.get-in-touch .col-4 .stream-wrapper iframe {
	width: 100%
}

.get-in-touch .col-4.youtube-stream {
	position: relative
}

.get-in-touch .col-4.youtube-stream:before {
	content: "";
	position: absolute;
	top: 0;
	left: 15px;
	width: 70%;
	height: 578px;
	background: #b82c17;
	background: -moz-linear-gradient(top, #b82c17 0%, #d73a1b 100%);
	background: -webkit-linear-gradient(top, #b82c17 0%, #d73a1b 100%);
	background: linear-gradient(to bottom, #b82c17 0%, #d73a1b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b82c17', endColorstr='#d73a1b', GradientType=0)
}

@media screen and (max-width: 768px) {
	.get-in-touch .col-4.youtube-stream:before {
		width: calc(100% - 30px)
	}
}

@media screen and (max-width: 320px) {
	.get-in-touch .col-4.youtube-stream .stream-intro {
		text-align: left;
		padding-left: 8%;
		padding-top: 25px;
		padding-bottom: 30px
	}
}

@media screen and (max-width: 320px) {
	.get-in-touch .col-4.youtube-stream .stream-intro h2 {
		position: relative;
		top: auto;
		left: auto;
		padding: 10px 0
	}
}

.get-in-touch .col-4.youtube-stream .stream-intro .btn-youtube-wrapper {
	position: absolute;
	top: 23px;
	right: 0;
	z-index: 1
}

@media screen and (max-width: 768px) {
	.get-in-touch .col-4.youtube-stream .stream-intro .btn-youtube-wrapper {
		right: 8%
	}
	.col-4{width: 100%!important;}
	.col-6{width: 100%!important;}
	.sub-navs .nav-utils {right: 0;padding: 10px 5px 0;}
	.nav-utils li{width: 25%;}
	.nav-utils li:nth-child(odd){clear: initial;}
	.nav-utils li{margin: 0;padding: 0;}
	.sub-navs .nav-utils li{padding-right: 10px!important;}
}

@media screen and (max-width: 320px) {
	.get-in-touch .col-4.youtube-stream .stream-intro .btn-youtube-wrapper {
		position: relative;
		top: auto;
		right: auto;
		display: inline-block
	}
}

.get-in-touch .col-4.youtube-stream .stream-intro .btn-youtube-wrapper a {
	color: #ffffff;
	background: #b92c17;
	background: -moz-linear-gradient(45deg, #b92c17 0%, #d63a1c 100%);
	background: -webkit-linear-gradient(45deg, #b92c17 0%, #d63a1c 100%);
	background: linear-gradient(45deg, #b92c17 0%, #d63a1c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b92c17', endColorstr='#d63a1c', GradientType=1);
	-webkit-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.32);
	-moz-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.32);
	box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.32);
	padding: 4px 10px;
	border-radius: 4px;
	text-decoration: none;
	display: block;
	font-size: 16px;
	line-height: 1.4
}

.get-in-touch .col-4.youtube-stream .stream-intro .btn-youtube-wrapper a i {
	vertical-align: middle;
	font-size: inherit;
	margin-right: 4px
}

.get-in-touch .col-4.youtube-stream .stream-intro .btn-youtube-wrapper a span {
	font-size: inherit;
	vertical-align: middle;
	font-size: 14px;
}

@media screen and (max-width: 320px) {
	.get-in-touch .col-4.youtube-stream .stream-intro .btn-youtube-wrapper a span {
		font-size: 14px
	}
}

.get-in-touch .col-4.youtube-stream .stream-wrapper {
	padding-right: 0
}

@media screen and (max-width: 768px) {
	.get-in-touch .col-4.youtube-stream .stream-wrapper {
		padding-right: 8%
	}
}

@media screen and (max-width: 320px) {
	.get-in-touch .col-4.youtube-stream .stream-wrapper {
		padding-top: 0
	}
}

.get-in-touch .col-4.youtube-stream .stream-wrapper .yt-iframe-container {
	/*height: 0;*/
	/*padding-top: 56.25%;*/
	position: relative
}

.get-in-touch .col-4.youtube-stream .stream-wrapper .yt-iframe-container iframe {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.get-in-touch .col-4.youtube-stream p {
	text-align: left;
	color: #ffffff;
	position: relative;
	max-width: 70%;
	padding: 0 4% 8% 8%;
	font-size: 14px;
	letter-spacing: 2px;
	line-height: 180%;
}

@media screen and (max-width: 768px) {
	.get-in-touch .col-4.youtube-stream p {
		max-width: 100%
	}
}

@media screen and (max-width: 768px) {
	.get-in-touch .col-4 {
		width: 70%;
		float: none;
		margin: 0 auto 30px
	}
}

@media screen and (max-width: 800px) {
	.get-in-touch .col-4 {
		width: 100%
	}
}

.get-in-touch .col-4.twitter-stream .stream-intro:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
	background: #2b69a3;
	background: -moz-linear-gradient(top, #2b69a3 0%, #3d94e4 100%);
	background: -webkit-linear-gradient(top, #2b69a3 0%, #3d94e4 100%);
	background: linear-gradient(to bottom, #2b69a3 0%, #3d94e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b69a3', endColorstr='#3d94e4', GradientType=0)
}

.get-in-touch .col-4.twitter-stream #twitter-widget-0 {
	margin: 6px auto !important
}

.get-in-touch .col-4.twitter-stream .btn-twitter-wrapper {
	text-align: left;
	max-width: 500px;
	margin: 0 auto
}

.get-in-touch .col-4.twitter-stream .btn-twitter-wrapper span {
	position: relative;
	display: inline-block
}

.get-in-touch .col-4.twitter-stream .stream-wrapper:before {
	content: "";
	display: block;
	position: absolute;
	top: 81px;
	right: 12%;
	transform: translateY(-100%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 15px 10px;
	border-color: transparent transparent #ffffff transparent
}

.get-in-touch .col-4.facebook-stream .stream-intro:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
	background: #2a427f;
	background: -moz-linear-gradient(top, #2a427f 0%, #3f599b 100%);
	background: -webkit-linear-gradient(top, #2a427f 0%, #3f599b 100%);
	background: linear-gradient(to bottom, #2a427f 0%, #3f599b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a427f', endColorstr='#3f599b', GradientType=0)
}

.get-in-touch .tl-big {
	border-bottom: none
}

.get-in-touch img {
	max-width: 100%
}

@media screen and (max-width: 800px) {
	.get-in-touch {
		margin: 30px 0 0
	}
	.get-in-touch img {
		width: 100%
	}
}

.contactus {
	background: #f4f4f4;
	padding: 30px 0 20px;
	margin-top: 50px;
	margin-bottom: 50px
}

.contactus h2,
.contactus h4 {
	margin-bottom: 30px;
	font: 900 italic 24px/1 "宋体", sans-serif;
	text-transform: uppercase;
	color: #000
}

.contactus h5 {
	margin: 0 0 15px;
	font-size: 20px
}

.contactus .row {
	margin-top: 25px
}

@media screen and (max-width: 800px) {
	.contactus .col-6,
	.contactus .col-3,
	.contactus .col-tb-4 {
		margin-bottom: 40px
	}
}

@media screen and (max-width: 768px) and (min-width: 740px) {
	.contactus.row::after {
		clear: both;
		content: "";
		display: table
	}
	.contactus .col-6,
	.contactus .col-3 {
		position: relative;
		float: left;
		width: 50%;
		min-height: 1px;
		padding-left: 10;
		padding-right: 10
	}
	.contactus .col-3 {
		width: 33.33333%
	}
}

.contactus-new {
	padding-left: 0;
	padding-right: 0
}

.contactus-new h3,
.contactus-new h4 {
	display: inline-block
}

.contactus__title {
	color: #9b9b9b;
	font-style: italic;
	font-weight: 700
}

.ico-at,
.ico-call,
.ico-mail {
	height: 50px;
	width: 50px;
	display: block;
	margin: 0 0 18px
}

.ico-at {
	background: url("../ico-at.html")/*tpa=https://www.casece.com/Style%20Library/css/images/ico-at.png*/
	0 0 no-repeat
}

.ico-call {
	background: url("../ico-call.html")/*tpa=https://www.casece.com/Style%20Library/css/images/ico-call.png*/
	0 0 no-repeat
}

.ico-mail {
	background: url("../ico-mail.html")/*tpa=https://www.casece.com/Style%20Library/css/images/ico-mail.png*/
	0 0 no-repeat
}

.news-single {
	margin: 80px 0 80px
}

.news-single__top {
	margin-bottom: 52px
}

.news-single__top::after {
	clear: both;
	content: "";
	display: table
}

.news-details {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	font-size: 20px;
	line-height: 24px;
	font-weight: 600
}

.news-details li {
	padding-left: 42px;
	color: #9b9b9b;
	padding-bottom: 15px
}

.news-details li i {
	position: relative;
	left: -40px;
	margin-right: -24px
}

.news-details__date {
	margin: -40px 0 40px;
	color: #9b9b9b;
	font-size: 12px
}

.news-details__image .col-4 {
	text-align: center
}

.news-details__image .col-4 a {
	display: inline-block;
	max-width: 30%
}

.news-details__image .col-4 img {
	width: 100%
}

.p-news-single .page-top__details {
	bottom: 90px
}

.p-news-single .sub-navs {
	margin-bottom: 0
}

@media screen and (max-width: 740px) {
	.bar-top-fake {
		margin-bottom: 20px
	}
}

.bar-top {
	padding-left: 24px;
	background-color: #191919;
	color: white;
	padding-bottom: 27px;
	min-height: 160px;
	position: fixed;
	top: 0;
	right: 0;
	left: 120px;
	z-index: 100
}

@media screen and (max-width: 800px) {
	.bar-top {
		width: 100%;
		left: 0;
		top: 60px;
		min-height: 90px
	}
}

@media screen and (max-width: 740px) {
	.bar-top {
		top: 50px;
		padding-bottom: 15px
	}
}

.bar-top .btn-group {
	position: absolute;
	top: 0;
	right: 0
}

.bar-top .search-top {
	display: block;
	padding-left: 24px;
	margin: 0 -10px
}

.bar-top .search-top .bar-top__btn--close {
	display: none
}

.bar-top .legend {
	float: left;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	margin-top: 9px;
	color: #9b9b9b;
	padding-left: 25px
}

.bar-top .legend i {
	margin-left: -25px;
	font-size: 21px;
	vertical-align: middle;
	color: #ed6c02
}

.bar-top [type="search"] {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #9b9b9b;
	width: -webkit-calc(100% - 27px);
	width: calc(100% - 27px);
	color: white;
	clear: both;
	margin-top: 37px;
	font-size: 33px
}

.bar-top [type="search"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent none
}

.bar-top [type="search"]::-webkit-input-placeholder {
	color: #fff
}

.bar-top [type="search"]::-moz-placeholder {
	color: #fff
}

.bar-top [type="search"]:-moz-placeholder {
	color: #fff
}

.bar-top [type="search"]:-ms-input-placeholder {
	color: #fff
}

.bar-top [type="search"]:focus {
	outline: none;
	border-bottom: 1px solid #f4f4f4
}

.bar-top .bigtext {
	width: -webkit-calc(100% - 27px);
	width: calc(100% - 27px);
	clear: both;
	color: white;
	padding-top: 27px;
	font-size: 33px;
	text-transform: uppercase
}

@media screen and (max-width: 740px) {
	.bar-top .bigtext {
		font-size: 18px;
		padding-top: 10px
	}
}

.bar-top .bar-top__btn--close {
	float: right;
	margin-top: 15px;
	margin-right: 21px;
	height: 15px;
	width: 15px;
	display: inline-block
}

.bar-top .bar-top__btn--close:after,
.bar-top .bar-top__btn--close:before {
	content: "";
	background-color: white;
	position: absolute;
	top: 50%;
	left: 50%
}

.bar-top .results {
	display: none;
	margin-top: 12px;
	color: #ed6c02;
	font-size: 14px
}

@media screen and (max-width: 740px) {
	.bar-top {
		min-height: 10px
	}
	.bar-top .bar-top__inner {
		padding-right: 75px
	}
	.bar-top .btn-back span {
		display: none
	}
	.bar-top [type="search"] {
		margin-top: 20px;
		font-size: 20px
	}
}

.ttip {
	margin: 60px 0
}

.ttip-wrap {
	position: relative;
	padding-bottom: 0;
	background-size: cover;
	background-position: 50% 50%
}

@media screen and (max-width: 992px) {
	.ttip-wrap {
		padding-bottom: 0
	}
}

.ttip__bg {
	width: 100%;
	vertical-align: middle
}

.ttip__txt .title-main {
	margin: 0 0 10px
}

.ttip__txt p {
	margin-top: 0
}

.ttip__txt {
	width: 550px;
	margin: 60px auto 0;
	text-align: center
}

.ttip__bullet {
	position: absolute;
	height: 30px;
	width: 30px;
	background: url("../tooltip-orange.html")/*tpa=https://www.casece.com/Style%20Library/css/images/tooltip-orange.png*/
	no-repeat 0 100%;
	cursor: pointer;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 9
}

.ttip__bullet.active {
	z-index: 10
}

.ttip__tooltip {
	width: 208px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: none;
	background: #515353;
	padding: 30px 10px 25px;
	border-radius: 15px;
	border-bottom-left-radius: 0;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	z-index: 10;
	cursor: default
}

@media screen and (max-width: 740px) {
	.ttip__tooltip {
		max-width: 450px;
		margin: 0 auto
	}
}

.ttip__tooltip.open {
	display: block
}

.ttip__tooltip span {
	display: block
}

.ttip__tooltip img {
	margin-bottom: 15px;
	width: 50%
}

.ttip__tooltip img.b-loaded {
	width: 100%
}

.ttip__tooltip p {
	margin: 0
}

.ttip__bullet p {
	margin: 0
}

.ttip__tooltip-close {
	position: absolute;
	top: 10px;
	right: 5px;
	height: 15px;
	width: 15px;
	cursor: pointer
}

.ttip__tooltip-close:after {
	content: 'x';
	display: inline-block;
	color: #fff
}

#lightcase-case .ttip__tooltip {
	display: block;
	position: relative;
	width: auto;
	top: 0;
	bottom: auto;
	background: transparent
}

.accordion-carousel {
	margin: 0 40px;
	opacity: 0;
	max-height: 200px
}

.accordion-carousel .accordion-carousel__item {
	padding: 0 15px
}

.accordion-carousel.slick-initialized {
	opacity: 1;
	max-height: 10000px
}

.accordion-carousel .slick-arrow {
	display: inline-block;
	height: 32px;
	width: 32px
}

.accordion-carousel .slick-arrow:hover i {
	background: #ed6c02
}

.accordion-carousel .slick-arrow:before {
	display: none
}

.accordion-carousel .slick-arrow i {
	background: #9b9b9b;
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	height: 32px;
	width: 32px;
	font-size: 16px;
	line-height: 32px;
	text-align: center
}

.accordion-carousel .slick-prev {
	left: -40px
}

.accordion-carousel .slick-next {
	right: -40px
}

.details-top {
	min-height: 80px;
	color: #fff
}

.details-top::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 800px) {
	.details-top {
		min-height: 60px
	}
}

@media screen and (max-width: 740px) {
	.details-top {
		margin-bottom: 20px
	}
}

.details-top .icons-social li>ul {
	background: #353736
}

.details-top .breadcrumb {
	display: block;
	float: left;
	margin-left: 10px
}

@media screen and (max-width: 740px) {
	.details-top .breadcrumb {
		float: none
	}
}

.details-top .breadcrumb li {
	line-height: 80px
}

.details-top .btn-group {
	opacity: 1;
	position: absolute;
	top: 100%;
	right: 0
}

.details-top .cc-close {
	font-size: 50px;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s
}

.details-top .btn-back:hover .cc-close {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg)
}

.details-top .icons-social {
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

.details-top .icons-social>ul>li {
	float: left;
	margin-top: 0
}

@media screen and (max-width: 740px) {
	.details-top .icons-social {
		right: 15px
	}
}

.details-top__wrap {
	position: fixed;
	width: calc(100% - 120px);
	left: 120px;
	padding: 0 10px;
	z-index: 1000
}

.details-top__wrap h1 {
	float: left;
	margin: 0 0 0 15px;
	font: 900 italic 40px/80px "宋体", sans-serif;
	text-transform: uppercase
}

.details-top__wrap h1 span {
	vertical-align: middle
}

@media screen and (max-width: 800px) {
	.details-top__wrap {
		width: 100%;
		left: 0
	}
	.details-top__wrap h1 {
		font-size: 16px;
		line-height: 20px;
		padding-right: 100px;
		min-height: 40px;
		display: table
	}
	.details-top__wrap h1 span {
		display: table-cell
	}
}

.details-top__top {
	background: #191919;
	min-height: 80px
}

.details-top__top::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 800px) {
	.details-top__top {
		margin: 0 -10px;
		padding: 10px 0;
		min-height: 60px
	}
}

.alert-cookies {
	/*display: none;*/
	position: fixed;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent;
	color: #fff;
	text-align: center;
	z-index: 1000
}

.alert-cookies a {
	color: #fff
}

.alert-cookies:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	background: #000;
	z-index: 1
}

.alert-cookies .cookies-container {
	position: relative;
	z-index: 2;
	padding: 15px 70px 15px 45px
}

.alert-cookies .cookieClose {
	text-decoration: none;
	position: absolute;
	top: 10px;
	right: 50px;
}

.sub-navs::after {
	clear: both;
	content: "";
	display: table
}

.product-top {
	padding-bottom: 50px
}

@media screen and (max-width: 800px) {
	.product-top {
		padding: 0 15px 30px
	}
	.product-top>.col-12 {
		padding-left: 0;
		padding-right: 0
	}
}

.product-top.box-skew:before {
	height: 296px
}

.product-top__col {
	float: left;
	width: 50%
}

.product-top__col:first-child {
	padding-right: 5%;
	position: relative
}

.product-top__col:first-child:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: -30px;
	display: block;
	width: 1px;
	background: #e5e5e5
}

.product-top__col:last-child {
	padding-left: 5%
}

@media screen and (max-width: 800px) {
	.product-top__col {
		float: none;
		width: 100%;
		margin-bottom: 60px
	}
	.product-top__col:first-child {
		padding-right: 0
	}
	.product-top__col:first-child:after {
		display: none
	}
	.product-top__col:last-child {
		padding-left: 0
	}
}

.m-sp-top .tl-big {
	margin: 0 10px;
	border: 0
}

.m-sp-top img {
	width: 100%
}

.m-sp-top dl {
	line-height: 30px;
	font-size: 12px
}

.m-sp-top dd {
	padding-right: 8%
}

.m-sp-top dt {
	float: left;
	clear: left
}

.m-sp-top dd {
	float: right;
	font-weight: 700
}

.m-sp-top__row {
	padding: 0 7px;
	margin: 5px 0;
	line-height: 20px;
	font-size: 12px
}

.m-sp-top__row::after {
	clear: both;
	content: "";
	display: table
}

.m-sp-top__row:nth-child(even) {
	background: #e5e5e5
}

.m-sp-top__row span {
	float: left
}

.m-sp-top__row strong {
	float: right;
	font-weight: 700
}

.m-sp-top__list {
	margin-bottom: 30px
}

.m-sp-top__list::after {
	clear: both;
	content: "";
	display: table
}

.m-sp-top__list:last-child {
	margin: 0
}

.m-sp-top__title {
	margin: 0 7px 15px;
	font: 900 16px "宋体", sans-serif;
	text-transform: uppercase
}

.m-sp-top__data {
	position: relative;
	background: #f4f4f4;
	padding: 30px 30px;
	margin: -40px 0 40px
}

.m-sp-top__data::after {
	clear: both;
	content: "";
	display: table
}

.m-sp-top__data .col-6:first-child {
	padding-right: 20px
}

.m-sp-top__data .col-6:last-child {
	padding-left: 20px
}

@media screen and (max-width: 800px) {
	.m-sp-top__data {
		padding: 15px
	}
	.m-sp-top__data .col-6 {
		padding: 0 !important
	}
}

.p-productline .news-list,
.p-productline .resources {
	margin-bottom: 50px
}

.p-financing .page-top__title .top__title-s {
	font-size: 24px;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5)
}

.p-financing .col-12--bordertop {
	border-top: 1px solid #9b9b9b;
	margin-top: 33px
}

.p-financing .customer {
	background-color: #9b9b9b;
	margin-left: -10px;
	margin-right: -10px
}

.p-financing .customer::after {
	clear: both;
	content: "";
	display: table
}

.cards--configurator {
	padding: 0 10%;
	margin-top: -30px
}

.cards--configurator .card {
	margin: 1%;
	width: 31.33%
}

.cards--configurator .card .card__image img {
	border: 1px solid #e5e5e5
}

.cards--configurator .card .card__title {
	text-align: center;
	margin: 0
}

@media screen and (max-width: 800px) {
	.cards--configurator {
		padding: 0 4%
	}
}

@media screen and (max-width: 740px) {
	.cards--configurator {
		padding: 0 20px
	}
	.cards--configurator .card {
		float: left
	}
	.cards--configurator .card .card__content {
		padding: 15px
	}
	.cards--configurator .card .card__title {
		font-size: 18px
	}
}

@media screen and (max-width: 500px) {
	.cards--configurator {
		padding: 0 30px
	}
	.cards--configurator .card {
		float: none;
		width: 100%;
		margin-bottom: 50px
	}
	.cards--configurator .card__content {
		padding: 10px
	}
	.cards--configurator .card__title {
		font-size: 14px
	}
}

@media screen and (max-width: 768px) {
	.p-prior .filter__tab,
	.p-prior .filter__tab-search {
		width: calc(50% - 4px);
		max-width: 1000px
	}
}

@media screen and (max-width: 650px) {
	.p-prior .filter__tab-search {
		width: calc(100% - 40px);
		margin: 0 20px 10px
	}
	.p-prior .filter__tab {
		width: 100%;
		max-width: 1000px
	}
}

.search-404 {
	margin-bottom: 50px
}

.search-404::after {
	clear: both;
	content: "";
	display: table
}

.search-404 .case-field {
	float: left;
	min-width: 50%;
	margin-right: 20px;
	transform: skewX(-13deg)
}

.search-404 .case-field input {
	transform: skewX(13deg)
}

@media screen and (max-width: 650px) {
	.search-404 .case-field {
		float: none;
		margin: 0 0 20px
	}
}

.favorites-cards {
	padding-top: 50px
}

@media screen and (max-width: 740px) {
	.favorites-cards {
		padding-top: 20px
	}
}

.p-homepage .page-top:after {
	display: none
}

.sitecontrol-details {
	margin: 60px 0
}

.sitecontrol-details>.row {
	margin-bottom: 30px
}

.sitecontrol-details .col-4 img {
	width: 100%
}

.sitecontrol-details__top img {
	width: 100%
}

.cit {
	font-size: 18px;
	color: #9b9b9b;
	margin: 25px 0
}

.p-attachment .wide-image {
	padding-bottom: 28%
}

.p-attachment .col-offset-6 {
	margin-bottom: -26%
}

.p-applications .cards {
	margin-bottom: 80px
}

@media screen and (max-width: 800px) {
	.p-applications .cards {
		margin-bottom: 20px
	}
}

.equipments_att {
	position: relative;
	margin: 50px -10px 70px
}

.equipments_att .container {
	position: relative;
	padding: 15px 20px 50px;
	overflow: hidden
}

.equipments_att .container:before {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	background: #f4f4f4;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -10px;
	width: 99%
}

.equipments_att .container .col-4 {
	width: 37%
}

@media screen and (max-width: 800px) {
	.equipments_att .container .col-4 {
		width: 100%
	}
}

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

.equipments_att .case-btn {
	position: absolute;
	right: 15%;
	bottom: -20px
}

@media screen and (max-width: 800px) {
	.equipments_att {
		margin: 30px 0 70px
	}
	.equipments_att .container:before {
		display: none
	}
	.equipments_att .container .col-4 {
		position: relative;
		width: 100%;
		margin-top: 20px
	}
}

.solutions-abstract {
	background: #f4f4f4;
	margin: 50px -10px 100px;
	padding: 10px
}

.solutions-abstract .tl-label {
	top: -40px;
	padding-right: 85px;
	font-size: 22px
}

.solutions-abstract .row {
	display: table;
	width: 97%;
	margin: 0 auto
}

.solutions-abstract .col-3 {
	position: relative;
	display: table-cell;
	width: 33.33%;
	padding: 0 30px 30px
}

.solutions-abstract .col-3 a {
	position: absolute;
	bottom: 0;
	left: 30px;
	font: 900 italic 12px "宋体", sans-serif;
	color: #9b9b9b;
	text-decoration: none
}

.solutions-abstract .col-3 a:hover {
	color: #ed6c02
}

@media screen and (max-width: 800px) {
	.solutions-abstract {
		margin: 140px 0 0;
		padding-bottom: 50px
	}
	.solutions-abstract .row {
		display: block
	}
	.solutions-abstract .col-3 {
		width: 100%;
		display: block;
		padding-bottom: 15px;
		margin-bottom: 40px
	}
}

.p-search .filters__list,
.p-favourite .filters__list {
	padding-top: 0
}

.p-favourite .bar-top {
	margin-bottom: 24px
}

.p-heritage .page-top__title .top__title-s {
	font-size: 24px;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5)
}

.centered-image {
	display: block;
	margin: 0 auto
}

.p-heritage .iframe-container {
	position: relative;
	margin-bottom: 64px
}

.p-heritage .iframe-container:after {
	content: "";
	display: block;
	padding-bottom: 56%
}

.p-heritage .iframe-container iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.heritage-titles {
	margin-bottom: 47px;
	text-align: center;
	text-transform: uppercase;
	font: italic 900 36px/40px "宋体", sans-serif;
	color: #9b9b9b
}

.heritage-titles span {
	height: 5px;
	width: 50px;
	display: inline-block;
	background-color: #f4f4f4;
	margin-bottom: 47px
}

.heritage-titles span:last-child {
	margin-top: 47px
}

@media screen and (max-width: 800px) {
	.p-heritage .blockquotes {
		padding-top: 0
	}
}

.blockquotes {
	text-align: center;
	font: italic 700 30px/33px "宋体", sans-serif;
	text-transform: uppercase
}

.p-heritage .big-titles {
	font: italic 900 60px/60px "宋体", sans-serif;
	text-transform: uppercase;
	text-align: center
}

@media screen and (max-width: 800px) {
	.p-heritage .big-titles {
		font-size: 40px;
		line-height: 46px
	}
	.p-heritage .big-titles img {
		width: 100%
	}
}

.p-heritage .big-titles span {
	color: #ed6c02;
	display: block
}

.ridge-separator {
	height: 125px;
	width: 5px;
	border-radius: 5px;
	background-color: #e5e5e5;
	margin: 65px auto -21px;
	display: block;
	clear: both
}

@media screen and (max-width: 800px) {
	.ridge-separator {
		margin-top: 35px
	}
}

.timeline {
	position: relative;
	float: left;
	width: 83.33333%;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 8.33333%
}

@media screen and (max-width: 800px) {
	.timeline {
		float: none;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px
	}
}

@media screen and (max-width: 800px) {
	.timeline {
		margin-left: 0
	}
}

.timeline::after {
	clear: both;
	content: "";
	display: table
}

@media screen and (max-width: 800px) {
	.timeline {
		margin: 0
	}
}

.timeline-block {
	position: relative
}

.timeline-block .timeline-bkg {
	padding-top: 21px
}

.timeline-block .timeline-bkg::after {
	clear: both;
	content: "";
	display: table
}

.timeline-block:after {
	content: "";
	display: inline-block;
	z-index: -1;
	position: absolute;
	top: 0%;
	left: 50%;
	margin-top: 90px;
	margin-left: -190px;
	height: 235px;
	width: 380px;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	background-color: #f4f4f4
}

@media screen and (max-width: 800px) {
	.timeline-block:after {
		width: 100%
	}
}

.timeline-block .col-left,
.timeline-block .col-right {
	float: left;
	width: 50%
}

@media screen and (max-width: 740px) {
	.timeline-block .col-left,
	.timeline-block .col-right {
		float: none;
		width: 100%
	}
	.timeline-block .col-left img,
	.timeline-block .col-right img {
		width: 100%
	}
}

.timeline-block .col-left {
	float: left;
	text-align: right;
	padding-top: 30px
}

@media screen and (max-width: 740px) {
	.timeline-block .col-left {
		text-align: center
	}
}

.timeline-block .col-right {
	float: right
}

.timeline-block.timeline-block--opposite .col-left {
	float: right;
	text-align: left
}

@media screen and (max-width: 740px) {
	.timeline-block.timeline-block--opposite .col-left {
		text-align: center
	}
}

.timeline-block.timeline-block--opposite .col-right {
	float: left
}

.timeline-block.timeline-block--opposite .timeline-block__inner {
	padding-right: 16%;
	padding-left: 0;
	text-align: right
}

@media screen and (max-width: 740px) {
	.timeline-block.timeline-block--opposite .timeline-block__inner {
		padding: 0
	}
}

.timeline-block.timeline-block--opposite .timeline-block__inner span.timeline_date {
	margin-right: -8%;
	margin-left: 0
}

.timeline-block .timeline-block__inner {
	padding-left: 16%;
	text-align: left
}

@media screen and (max-width: 740px) {
	.timeline-block .timeline-block__inner {
		padding: 0
	}
}

.timeline-block .timeline-block__inner h3 {
	padding-top: 15px;
	font: italic 900 30px/32px "宋体", sans-serif;
	color: #ed6c02;
	text-transform: uppercase
}

@media screen and (max-width: 800px) {
	.timeline-block .timeline-block__inner h3 {
		font-size: 26px;
		line-height: 30px
	}
}

.timeline-block .timeline-block__inner p {
	font: normal 400 20px "宋体", sans-serif;
	line-height: 150%;
}

.timeline-block .timeline-block__inner img {
	max-width: 100%;
	display: inline-block;
	vertical-align: top
}

.timeline-block span.timeline_date {
	margin-left: -8%;
	font: italic 900 60px/60px "宋体", sans-serif;
	color: white;
	background-color: black;
	display: inline-block;
	padding: 3px 36px
}

@media screen and (max-width: 800px) {
	.timeline-block span.timeline_date {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 20px
	}
}

.heritage-header {
	padding-top: 30px;
	text-align: center
}

.heritage-header span.skew-small {
	height: 20px;
	width: 112px
}

.heritage-header span.skew-big {
	height: 30px;
	width: 175px;
	margin-bottom: 21px
}

.heritage-header>span {
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;
	background-color: #f4f4f4;
	display: block;
	margin: 18px auto 0
}

.heritage-header .heritage-header__inner .timerange {
	background-color: black;
	color: white;
	font: italic 900 60px/60px "宋体", sans-serif;
	display: inline-block;
	margin-bottom: 21px;
	padding: 0 12px
}

.heritage-header .heritage-header__inner .rangeTitle {
	font: italic 900 50px/50px "宋体", sans-serif;
	color: #ed6c02;
	text-transform: uppercase;
	margin-bottom: 21px
}

.heritage-header .heritage-header__inner .rangeSubTitle {
	font: normal 400 21px/24px "宋体", sans-serif;
	color: black;
	margin-bottom: 21px
}

.heritage-header .heritage-header__inner a {
	text-transform: uppercase
}

.social-box-footpage {
	clear: both;
	text-align: center;
	padding: 120px 0 42px;
	margin-left: -10px;
	margin-right: -10px
}

.social-box-footpage::after {
	clear: both;
	content: "";
	display: table
}

.social-box-footpage a {
	text-decoration: none
}

@media screen and (max-width: 800px) {
	.social-box-footpage {
		padding-top: 60px
	}
}

@media screen and (max-width: 992px) {
	.social-box-footpage {
		margin: 0
	}
}

.social-box-footpage .social-box-title,
.social-box-footpage .social-box-subtitle {
	text-transform: uppercase;
	font: italic 900 21px/24px "宋体", sans-serif
}

.social-box-footpage .social-box-subtitle {
	color: 900
}

.social-box-footpage .social-box-title {
	margin-bottom: 25px;
	color: #9b9b9b
}

.stick .timeline-menu {
	display: block
}

@media screen and (max-width: 800px) {
	.stick .timeline-menu {
		display: none
	}
}

.timeline-menu {
	font: italic 900 16px/16px "宋体", sans-serif;
	position: fixed;
	top: 50%;
	margin-top: 21px;
	right: 10px;
	margin-top: -100px;
	text-align: center;
	display: none;
	color: #9b9b9b;
	z-index: 10
}

.timeline-menu span {
	margin-bottom: 21px;
	display: block;
	text-transform: uppercase
}

.timeline-menu .timeline-item {
	cursor: pointer;
	padding: 6px 12px;
	-webkit-transition: margin-bottom 0.4s cubic-bezier(0.3, -0.25, 0.15, 1.5), background-color 0.4s linear;
	-moz-transition: margin-bottom 0.4s cubic-bezier(0.3, -0.25, 0.15, 1.5), background-color 0.4s linear;
	transition: margin-bottom 0.4s cubic-bezier(0.3, -0.25, 0.15, 1.5), background-color 0.4s linear;
	margin-bottom: 18px;
	position: relative
}

.timeline-menu .timeline-item:after {
	content: "";
	display: block;
	width: 8px;
	height: 0;
	-webkit-transition: height 0.4s cubic-bezier(0.3, -0.25, 0.15, 1.5);
	-moz-transition: height 0.4s cubic-bezier(0.3, -0.25, 0.15, 1.5);
	transition: height 0.4s cubic-bezier(0.3, -0.25, 0.15, 1.5);
	border-radius: 4px;
	background-color: #9b9b9b;
	position: absolute;
	left: 50%;
	margin-left: -2px;
	top: 115%
}

.timeline-menu .timeline-item.active {
	background-color: #000000;
	color: #ed6c02;
	margin-bottom: 64px
}

.timeline-menu .timeline-item.active:after {
	height: 64px
}

.p-homepage .page-top:after {
	display: none
}

.sitecontrol-details {
	margin: 60px 0
}

.sitecontrol-details>.row {
	margin-bottom: 30px
}

.sitecontrol-details .col-4 img {
	width: 100%
}

.sitecontrol-details__top img {
	width: 100%
}

.cit {
	font-size: 18px;
	color: #9b9b9b;
	margin: 25px 0
}

.p-attachment .wide-image {
	padding-bottom: 28%
}

.p-attachment .col-offset-6 {
	margin-bottom: -26%
}

.p-applications .cards {
	margin-bottom: 80px
}

.equipments_att {
	position: relative;
	margin: 50px -10px 70px
}

.equipments_att .container {
	position: relative;
	padding: 15px 20px 50px;
	overflow: hidden
}

.equipments_att .container:before {
	content: "";
	display: inline-block;
	-webkit-transform: skew(-13deg);
	-moz-transform: skew(-13deg);
	-ms-transform: skew(-13deg);
	-o-transform: skew(-13deg);
	transform: skew(-13deg);
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	background: #f4f4f4;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -10px;
	width: 99%
}

.equipments_att .container .col-4 {
	width: 37%
}

@media screen and (max-width: 800px) {
	.equipments_att .container .col-4 {
		width: 100%
	}
}

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

.equipments_att .case-btn {
	position: absolute;
	right: 15%;
	bottom: -20px
}

@media screen and (max-width: 800px) {
	.equipments_att {
		margin: 30px 0 70px
	}
	.equipments_att .container:before {
		display: none
	}
	.equipments_att .container .col-4 {
		position: relative;
		width: 100%;
		margin-top: 20px
	}
}

.solutions-abstract {
	background: #f4f4f4;
	margin: 50px -10px 100px;
	padding: 10px
}

.solutions-abstract .tl-label {
	top: -40px;
	padding-right: 85px;
	font-size: 22px
}

.solutions-abstract .row {
	display: table;
	width: 97%;
	margin: 0 auto
}

.solutions-abstract .col-3 {
	position: relative;
	display: table-cell;
	width: 33.33%;
	padding: 0 30px 30px
}

.solutions-abstract .col-3 a {
	position: absolute;
	bottom: 0;
	left: 30px;
	font: 900 italic 12px "宋体", sans-serif;
	color: #9b9b9b;
	text-decoration: none
}

.solutions-abstract .col-3 a:hover {
	color: #ed6c02
}

@media screen and (max-width: 800px) {
	.solutions-abstract {
		margin: 140px 0 0;
		padding-bottom: 50px
	}
	.solutions-abstract .row {
		display: block
	}
	.solutions-abstract .col-3 {
		width: 100%;
		display: block;
		padding-bottom: 15px;
		margin-bottom: 40px
	}
}

.msg-results {
	text-align: center;
	display: none
}

.p-customerstories .equipments_att {
	margin-top: 20px
}

.p-customerstories .equipments_att .equipments_att__subtitle {
	margin: 20px 0
}

.markets {
	margin: 0 30px
}

.market-list {
	background: url("../bg-world.html")/*tpa=https://www.casece.com/Style%20Library/css/images/bg-world.png*/
	no-repeat 50% 70px;
	background-size: 100% auto;
	padding-top: 50px
}

.market-list .row {
	padding: 15px 0
}

.market-list .row:nth-child(even) {
	background: rgba(0, 0, 0, 0.05)
}

.market-top {
	border-bottom: 1px solid #9b9b9b;
	padding-bottom: 20px
}

.market-top h2 {
	color: #9b9b9b;
	text-align: center;
	margin-top: -60px;
	font-size: 20px;
	text-transform: uppercase
}

.market-list__continent {
	text-transform: uppercase;
	vertical-align: middle;
	font: 900 italic 20px "宋体", sans-serif
}

.market-list__continent>div {
	display: inline-block;
	width: 105px;
	text-align: center
}

.market-list__continent img,
.market-list__continent span {
	display: inline-block;
	vertical-align: middle
}

.market-list__contry {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #9b9b9b
}

.market-list__contry img {
	vertical-align: middle;
	margin-right: 10px
}

.market-list__contry a {
	text-decoration: none
}

.market-list__contry a:hover span {
	color: #ed6c02
}

.market-list__contry a span {
	text-decoration: underline
}

.market-footer {
	border-top: 1px solid #9b9b9b;
	padding: 50px 0;
	text-align: center;
	margin-top: 30px;
	font-size: 12px;
	color: #9b9b9b
}

@media screen and (max-width: 992px) {
	.markets .col-3,
	.markets .col-9 {
		width: 100%;
		float: none
	}
	.markets .col-9 {
		overflow: hidden;
		max-height: 0;
		-webkit-transition: max-height 0.5s ease-out;
		-moz-transition: max-height 0.5s ease-out;
		transition: max-height 0.5s ease-out
	}
	.markets .col-9.open {
		max-height: 750px
	}
	.market-list__continent {
		position: relative
	}
	.market-list__continent:after {
		position: absolute;
		top: 50%;
		right: 0;
		content: "\e910";
		font-family: 'case-UI';
		display: inline-block;
		float: right;
		color: #ed6c02;
		font-style: normal;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: -webkit-transform 0.3s ease-out;
		-moz-transition: -moz-transform 0.3s ease-out;
		transition: transform 0.3s ease-out
	}
	.open .market-list__continent:after {
		-webkit-transform: translateY(-50%) rotateZ(90deg);
		-moz-transform: translateY(-50%) rotateZ(90deg);
		-ms-transform: translateY(-50%) rotateZ(90deg);
		-o-transform: translateY(-50%) rotateZ(90deg);
		transform: translateY(-50%) rotateZ(90deg)
	}
}

@media screen and (max-width: 800px) {
	.markets {
		margin: 0 10px
	}
	.markets .col-4 {
		float: left;
		width: 47%
	}
	.markets .col-4:nth-child(odd) {
		margin-right: 6%
	}
	.market-top h2 {
		margin-top: 0
	}
	.market-list__contry img {
		float: left;
		margin-top: 3px
	}
	.market-list__contry img+span {
		display: block;
		margin-left: 30px
	}
}

@media screen and (min-width: 992px) {
	.markets .col-3,
	.markets .col-9 {
		display: block
	}
}

.compare-block {
	margin-top: 42px;
	padding: 0 25px;
	font-size: 0
}

.compare-block select {
	outline: none
}

.compare-block .tl-item--big {
	margin-bottom: 56px
}

@media screen and (max-width: 650px) {
	.compare-block {
		padding: 0 5px
	}
}

@media screen and (max-width: 740px) {
	.compare-block {
		margin-top: 30px
	}
}

.compare-block-accordion {
	padding-top: 40px
}

.compare-btns {
	font-size: 14px;
	margin: 0 25px 40px
}

.compare-btns::after {
	clear: both;
	content: "";
	display: table
}

.compare-btns .v-right .btn-rounder {
	margin-left: 10px
}

@media screen and (max-width: 500px) {
	.compare-btns .v-right .btn-rounder {
		margin: 0 0 10px;
		display: block;
		text-align: center
	}
}

.compare-btns .btn-rounder {
	padding: 6px 15px;
	min-height: 42px;
	line-height: 30px
}

.compare-btns .btn-rounder span {
	margin-right: 12px;
	font-size: 23px;
	line-height: 1px;
	vertical-align: middle
}

.compare-block.stick-absolute .compare-items,
.compare-block.stick .compare-items {
	left: 120px;
	right: 0;
	top: 80px;
	z-index: 100;
	background: #fff;
	padding: 50px 35px 0
}

@media screen and (max-width: 900px) {
	.compare-block.stick-absolute .compare-items,
	.compare-block.stick .compare-items {
		left: 0
	}
}

@media screen and (max-width: 800px) {
	.compare-block.stick-absolute .compare-items,
	.compare-block.stick .compare-items {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media screen and (max-width: 740px) {
	.compare-block.stick-absolute .compare-items,
	.compare-block.stick .compare-items {
		padding: 30px 25px 0
	}
}

@media screen and (max-width: 650px) {
	.compare-block.stick-absolute .compare-items,
	.compare-block.stick .compare-items {
		padding-left: 5px;
		padding-right: 5px
	}
}

.compare-block.stick-absolute .compare-items {
	position: absolute
}

.compare-block.stick .compare-items {
	position: fixed
}

.compare-items {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex
}

.compare-item {
	position: relative;
	width: -webkit-calc(33% - 10px);
	width: calc(33% - 10px);
	margin: 5px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 16px
}

.compare-item.compare-item--hidden {
	display: none
}

.compare-item.compare-item--default a.delete_btn {
	display: none
}

.compare-item.compare-item--add {
	background: rgba(0, 0, 0, 0.8);
	padding: 9px
}

@media screen and (max-width: 740px) {
	.compare-item {
		width: -webkit-calc(50% - 10px);
		width: calc(50% - 10px)
	}
	.compare-item:last-child {
		display: none
	}
	.compare-item h3 {
		font-size: 16px
	}
	.compare-item:first-child {
		margin-left: 5px
	}
	.compare-item:last-child {
		width: -webkit-calc(16% - 10px);
		width: calc(16% - 10px);
		background: rgba(0, 0, 0, 0.8)
	}
	.compare-item:last-child span.plus {
		border: 0
	}
}

.compare-item a.delete_btn {
	position: absolute;
	top: -27px;
	right: 0;
	font-family: "宋体", sans-serif;
	font-size: 12px;
	color: #9b9b9b;
	cursor: pointer;
	text-transform: uppercase;
	border: 0;
	margin-right: 9px;
	text-decoration: none
}

.compare-item a.delete_btn {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent none
}

.compare-item a.delete_btn:hover {
	color: black
}

.compare-item figure {
	margin: 0
}

.compare-item figure img {
	vertical-align: bottom;
	width: 100%
}

.compare-item .compare-item__inner {
	padding: 9px;
	background-color: #f4f4f4
}

.compare-item h3 {
	margin: 5px 0 10px;
	text-transform: uppercase
}

@media screen and (max-width: 650px) {
	.compare-item h3 {
		min-height: 45px
	}
}

.compare-item span.plus {
	border: 3px solid;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	height: 33px;
	width: 33px;
	border-color: rgba(255, 255, 255, 0.33);
	border-radius: 100%;
	margin: 0 auto
}

.compare-item span.plus:after,
.compare-item span.plus:before {
	content: "";
	background-color: #767676;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block
}

.compare-item span.plus:after {
	height: 3px;
	width: 12px;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

.compare-item span.plus:before {
	height: 12px;
	width: 3px;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0)
}

.compare-block--mobile .compare-item {
	width: -webkit-calc(50% - 10px);
	width: calc(50% - 10px)
}

.compare-block--mobile .compare-item h3 {
	font-size: 16px
}

.compare-block--mobile .compare-item:first-child {
	margin-left: 5px
}

.compare-block--mobile .compare-item:last-child {
	width: -webkit-calc(16% - 10px);
	width: calc(16% - 10px);
	background: rgba(0, 0, 0, 0.8)
}

.compare-block--mobile .compare-item:last-child span.plus {
	border: 0
}

.compare-block--mobile div.compare-item:last-of-type {
	display: none !important
}

@media screen and (max-width: 650px) {
	.compare-next {
		display: inline-block;
		margin: 5px;
		font-size: 16px;
		width: -webkit-calc(16% - 10px);
		width: calc(16% - 10px)
	}
	.compare-next-btn {
		min-height: 50px;
		background: rgba(0, 0, 0, 0.8)
	}
	.compare-next-btn,
	div.compare-item:last-child {
		position: relative
	}
	.compare-next-btn:after,
	div.compare-item:last-child:after {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		content: "\e910";
		display: block;
		color: #fff;
		font-family: 'case-UI'
	}
	.compare-next-btn .delete_btn,
	.compare-next-btn .compare-item__inner,
	div.compare-item:last-child .delete_btn,
	div.compare-item:last-child .compare-item__inner {
		display: none
	}
}

@media screen and (max-width: 740px) {
	.compare-item h3 {
		margin: 0;
		font-size: 12px
	}
	.compare-item .select-wrap {
		height: 30px;
		line-height: 30px;
		font-size: 12px
	}
	.compare-item .select-wrap:after {
		height: 20px;
		font-size: 18px;
		line-height: 24px
	}
	.compare-item .select-wrap select {
		height: 30px;
		line-height: 30px
	}
}

table.cc-table {
	width: 100%
}

@media screen and (max-width: 650px) {
	table.cc-table {
		width: calc(100% + 40px);
		margin: 0 -20px
	}
}

table.cc-table.cc-table--striped tr {
	background-color: #fff
}

table.cc-table.cc-table--striped tr:nth-child(odd) {
	background-color: #e5e5e5
}

table.cc-table th {
	background-color: #c8c8c8;
	text-align: left
}

table.cc-table td,
table.cc-table th {
	font-family: "宋体", sans-serif;
	line-height: 20px;
	padding: 12px 9px;
	text-transform: uppercase;
	vertical-align: top
}

table.cc-table td {
	border-right: 1px solid #9b9b9b;
	padding: 9px;
	width: 33.33%
}

table.cc-table td:last-child {
	border: 0
}

.compare-block--mobile table.cc-table td {
	width: 45%;
	border: 0
}

.compare-block--mobile table.cc-table td:first-child {
	border-right: 1px solid #9b9b9b
}

.compare-block--mobile table.cc-table td:last-child {
	display: none
}

.desktop #lightcase-content .mu-accordion__item:hover .mu-accordion__title,
.is-ie #lightcase-content .mu-accordion__item:hover .mu-accordion__title {
	color: #fff
}

.desktop #lightcase-content .mu-accordion__item:hover .mu-accordion__title p,
.is-ie #lightcase-content .mu-accordion__item:hover .mu-accordion__title p {
	color: #fff
}

#lightcase-content #modal-compare {
	min-height: 400px
}

#lightcase-content .mu-accordion__item.open .mu-accordion__title {
	color: #fff
}

#lightcase-content .mu-accordion__item.open .mu-accordion__title p {
	color: #fff
}

#lightcase-content .mu-accordion {
	text-shadow: none
}

#lightcase-content .mu-accordion__content {
	width: 100%
}

#lightcase-content .mu-accordion__content .compare-cols {
	position: relative;
	overflow: hidden
}

#lightcase-content .mu-accordion__content .compare-cols:after,
#lightcase-content .mu-accordion__content .compare-cols:before {
	position: absolute;
	top: 0;
	bottom: 0;
	background: #000;
	content: "";
	display: block;
	width: 1px
}

#lightcase-content .mu-accordion__content .compare-cols:after {
	left: 33.33%
}

#lightcase-content .mu-accordion__content .compare-cols:before {
	right: 33.33%
}

@media screen and (max-width: 740px) {
	#lightcase-content .mu-accordion__content .compare-cols:after {
		left: 50%
	}
	#lightcase-content .mu-accordion__content .compare-cols:before {
		display: none
	}
}

#lightcase-content .mu-accordion__content .col-tb-3 {
	width: 33.33%;
	float: left;
	padding-bottom: 30px
}

@media screen and (min-width: 741px) {
	#lightcase-content .mu-accordion__content .col-tb-3:nth-child(3n+1) {
		clear: left;
		border: 0
	}
}

@media screen and (max-width: 740px) {
	#lightcase-content .mu-accordion__content .col-tb-3 {
		width: 50%;
		float: left
	}
	#lightcase-content .mu-accordion__content .col-tb-3:nth-child(2n+1) {
		clear: left
	}
}

#lightcase-content .mu-accordion__content .col-tb-3 span {
	cursor: pointer;
	display: inline-block
}

#lightcase-content .mu-accordion__content .col-tb-3 span:hover {
	color: #ed6c02
}

@media screen and (min-width: 630px) {
	#lightcase-case:not([data-lc-type=error]) #lightcase-content {
		background: transparent
	}
}

.dynamic-form .row {
	font-size: 0px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	text-align: left
}

.dynamic-form .block>*,
.dynamic-form .row>* {
	font-size: 1rem;
	line-height: 1
}

.dynamic-form .row>.row,
.dynamic-form .block>.row {
	font-size: 0
}

.dynamic-form .block {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.dynamic-form td.block,
.dynamic-form tr.block {
	height: auto
}

.dynamic-form .row-left {
	text-align: left
}

.dynamic-form .row-left .block {
	text-align: left
}

.dynamic-form .row-center {
	text-align: center
}

.dynamic-form .row-center .block {
	text-align: left
}

.dynamic-form .row-right {
	text-align: right
}

.dynamic-form .row-right .block {
	text-align: left
}

.dynamic-form .row-rtl {
	direction: rtl
}

.dynamic-form .row-rtl .block {
	direction: ltr
}

.dynamic-form .row-ltr {
	direction: ltr
}

.dynamic-form.sidebar-form .d1,
.dynamic-form.sidebar-form .d2,
.dynamic-form.sidebar-form .d3,
.dynamic-form.sidebar-form .d4,
.dynamic-form.sidebar-form .d5,
.dynamic-form.sidebar-form .d6,
.dynamic-form.sidebar-form .d7,
.dynamic-form.sidebar-form .d8,
.dynamic-form.sidebar-form .d9,
.dynamic-form.sidebar-form .d10,
.dynamic-form.sidebar-form .d11,
.dynamic-form.sidebar-form .d12,
.dynamic-form.sidebar-form .d13,
.dynamic-form.sidebar-form .d14,
.dynamic-form.sidebar-form .d15,
.dynamic-form.sidebar-form .d16,
.dynamic-form.sidebar-form .d17,
.dynamic-form.sidebar-form .d18,
.dynamic-form.sidebar-form .d19,
.dynamic-form.sidebar-form .d20,
.dynamic-form.sidebar-form .d21,
.dynamic-form.sidebar-form .d22,
.dynamic-form.sidebar-form .d23,
.dynamic-form.sidebar-form .d24 {
	width: 100%
}

.dynamic-form .d1,
.dynamic-form.sidebar-form .s1 {
	width: 4.166666666666667%
}

.dynamic-form .d2,
.dynamic-form.sidebar-form .s2 {
	width: 8.333333333333334%
}

.dynamic-form .d3,
.dynamic-form.sidebar-form .s3 {
	width: 12.5%
}

.dynamic-form .d4,
.dynamic-form.sidebar-form .s4 {
	width: 16.666666666666668%
}

.dynamic-form .d5,
.dynamic-form.sidebar-form .s5 {
	width: 20.833333333333336%
}

.dynamic-form .d6,
.dynamic-form.sidebar-form .s6 {
	width: 25%
}

.dynamic-form .d7,
.dynamic-form.sidebar-form .s7 {
	width: 29.166666666666668%
}

.dynamic-form .d8,
.dynamic-form.sidebar-form .s8 {
	width: 33.333333333333336%
}

.dynamic-form .d9,
.dynamic-form.sidebar-form .s9 {
	width: 37.5%
}

.dynamic-form .d10,
.dynamic-form.sidebar-form .s10 {
	width: 41.66666666666667%
}

.dynamic-form .d11,
.dynamic-form.sidebar-form .s11 {
	width: 45.833333333333336%
}

.dynamic-form .d12,
.dynamic-form.sidebar-form .s12 {
	width: 50%
}

.dynamic-form .d13,
.dynamic-form.sidebar-form .s13 {
	width: 54.16666666666667%
}

.dynamic-form .d14,
.dynamic-form.sidebar-form .s14 {
	width: 58.333333333333336%
}

.dynamic-form .d15,
.dynamic-form.sidebar-form .s15 {
	width: 62.50000000000001%
}

.dynamic-form .d16,
.dynamic-form.sidebar-form .s16 {
	width: 66.66666666666667%
}

.dynamic-form .d17,
.dynamic-form.sidebar-form .s17 {
	width: 70.83333333333334%
}

.dynamic-form .d18,
.dynamic-form.sidebar-form .s18 {
	width: 75%
}

.dynamic-form .d19,
.dynamic-form.sidebar-form .s19 {
	width: 79.16666666666667%
}

.dynamic-form .d20,
.dynamic-form.sidebar-form .s20 {
	width: 83.33333333333334%
}

.dynamic-form .d21,
.dynamic-form.sidebar-form .s21 {
	width: 87.5%
}

.dynamic-form .d22,
.dynamic-form.sidebar-form .s22 {
	width: 91.66666666666667%
}

.dynamic-form .d23,
.dynamic-form.sidebar-form .s23 {
	width: 95.83333333333334%
}

.dynamic-form .d24,
.dynamic-form.sidebar-form .s24 {
	width: 100%
}

.dynamic-form.sidebar-form .od1,
.dynamic.dynamic-form.sidebar-form .os23-form.sidebar-form .od2,
.dynamic-form.sidebar-form .od3,
.dynamic-form.sidebar-form .od4,
.dynamic-form.sidebar-form .od5,
.dynamic-form.sidebar-form .od6,
.dynamic-form.sidebar-form .od7,
.dynamic-form.sidebar-form .od8,
.dynamic-form.sidebar-form .od9,
.dynamic-form.sidebar-form .od10,
.dynamic-form.sidebar-form .od11,
.dynamic-form.sidebar-form .od12,
.dynamic-form.sidebar-form .od13,
.dynamic-form.sidebar-form .od14,
.dynamic-form.sidebar-form .od15,
.dynamic-form.sidebar-form .od16,
.dynamic-form.sidebar-form .od17,
.dynamic-form.sidebar-form .od18,
.dynamic-form.sidebar-form .od19,
.dynamic-form.sidebar-form .od20,
.dynamic-form.sidebar-form .od21,
.dynamic-form.sidebar-form .od22,
.dynamic-form.sidebar-form .od23,
.dynamic-form.sidebar-form .od24 {
	margin-left: 0%
}

.dynamic-form .od0,
.dynamic-form.sidebar-form .os0 {
	margin-left: 0%
}

.dynamic-form .od1,
.dynamic-form.sidebar-form .os1 {
	margin-left: 4.166666666666667%
}

.dynamic-form .od2,
.dynamic-form.sidebar-form .os2 {
	margin-left: 8.333333333333334%
}

.dynamic-form .od3,
.dynamic-form.sidebar-form .os3 {
	margin-left: 12.5%
}

.dynamic-form .od4,
.dynamic-form.sidebar-form .os4 {
	margin-left: 16.666666666666668%
}

.dynamic-form .od5,
.dynamic-form.sidebar-form .os5 {
	margin-left: 20.833333333333336%
}

.dynamic-form .od6,
.dynamic-form.sidebar-form .os6 {
	margin-left: 25%
}

.dynamic-form .od7,
.dynamic-form.sidebar-form .os7 {
	margin-left: 29.166666666666668%
}

.dynamic-form .od8,
.dynamic-form.sidebar-form .os8 {
	margin-left: 33.333333333333336%
}

.dynamic-form .od9,
.dynamic-form.sidebar-form .os9 {
	margin-left: 37.5%
}

.dynamic-form .od10,
.dynamic-form.sidebar-form .os10 {
	margin-left: 41.66666666666667%
}

.dynamic-form .od11,
.dynamic-form.sidebar-form .os11 {
	margin-left: 45.833333333333336%
}

.dynamic-form .od12,
.dynamic-form.sidebar-form .os12 {
	margin-left: 50%
}

.dynamic-form .od13,
.dynamic-form.sidebar-form .os13 {
	margin-left: 54.16666666666667%
}

.dynamic-form .od14,
.dynamic-form.sidebar-form .os14 {
	margin-left: 58.333333333333336%
}

.dynamic-form .od15,
.dynamic-form.sidebar-form .os15 {
	margin-left: 62.50000000000001%
}

.dynamic-form .od16,
.dynamic-form.sidebar-form .os16 {
	margin-left: 66.66666666666667%
}

.dynamic-form .od17,
.dynamic-form.sidebar-form .os17 {
	margin-left: 70.83333333333334%
}

.dynamic-form .od18,
.dynamic-form.sidebar-form .os18 {
	margin-left: 75%
}

.dynamic-form .od19,
.dynamic-form.sidebar-form .os19 {
	margin-left: 79.16666666666667%
}

.dynamic-form .od20,
.dynamic-form.sidebar-form .os20 {
	margin-left: 83.33333333333334%
}

.dynamic-form .od21,
.dynamic-form.sidebar-form .os21 {
	margin-left: 87.5%
}

.dynamic-form .od22,
.dynamic-form.sidebar-form .os22 {
	margin-left: 91.66666666666667%
}

.dynamic-form .od23,
.dynamic-form.sidebar-form .os23 {
	margin-left: 95.83333333333334%
}

@media (min-width: 769px) {
	.dynamic-form .mobile-visible,
	.dynamic-form .desktop-hidden {
		display: none !important
	}
}

@media screen and (max-width: 768px) {
	.dynamic-form .d1,
	.dynamic-form .d2,
	.dynamic-form .d3,
	.dynamic-form .d4,
	.dynamic-form .d5,
	.dynamic-form .d6,
	.dynamic-form .d7,
	.dynamic-form .d8,
	.dynamic-form .d9,
	.dynamic-form .d10,
	.dynamic-form .d11,
	.dynamic-form .d12,
	.dynamic-form .d13,
	.dynamic-form .d14,
	.dynamic-form .d15,
	.dynamic-form .d16,
	.dynamic-form .d17,
	.dynamic-form .d18,
	.dynamic-form .d19,
	.dynamic-form .d20,
	.dynamic-form .d21,
	.dynamic-form .d22,
	.dynamic-form .d23,
	.dynamic-form .d24 {
		width: 100%
	}
	.dynamic-form .od1,
	.dynamic-form .od1,
	.dynamic-form .od2,
	.dynamic-form .od3,
	.dynamic-form .od4,
	.dynamic-form .od5,
	.dynamic-form .od6,
	.dynamic-form .od7,
	.dynamic-form .od8,
	.dynamic-form .od9,
	.dynamic-form .od10,
	.dynamic-form .od11,
	.dynamic-form .od12,
	.dynamic-form .od13,
	.dynamic-form .od14,
	.dynamic-form .od15,
	.dynamic-form .od16,
	.dynamic-form .od17,
	.dynamic-form .od18,
	.dynamic-form .od19,
	.dynamic-form .od20,
	.dynamic-form .od21,
	.dynamic-form .od22,
	.dynamic-form .od23,
	.dynamic-form .od24 {
		margin-left: 0%
	}
	.dynamic-form .s1 {
		width: 4.166666666666667%
	}
	.dynamic-form .s2 {
		width: 8.333333333333334%
	}
	.dynamic-form .s3 {
		width: 12.5%
	}
	.dynamic-form .s4 {
		width: 16.666666666666668%
	}
	.dynamic-form .s5 {
		width: 20.833333333333336%
	}
	.dynamic-form .s6 {
		width: 25%
	}
	.dynamic-form .s7 {
		width: 29.166666666666668%
	}
	.dynamic-form .s8 {
		width: 33.333333333333336%
	}
	.dynamic-form .s9 {
		width: 37.5%
	}
	.dynamic-form .s10 {
		width: 41.66666666666667%
	}
	.dynamic-form .s11 {
		width: 45.833333333333336%
	}
	.dynamic-form .s12 {
		width: 50%
	}
	.dynamic-form .s13 {
		width: 54.16666666666667%
	}
	.dynamic-form .s14 {
		width: 58.333333333333336%
	}
	.dynamic-form .s15 {
		width: 62.50000000000001%
	}
	.dynamic-form .s16 {
		width: 66.66666666666667%
	}
	.dynamic-form .s17 {
		width: 70.83333333333334%
	}
	.dynamic-form .s18 {
		width: 75%
	}
	.dynamic-form .s19 {
		width: 79.16666666666667%
	}
	.dynamic-form .s20 {
		width: 83.33333333333334%
	}
	.dynamic-form .s21 {
		width: 87.5%
	}
	.dynamic-form .s22 {
		width: 91.66666666666667%
	}
	.dynamic-form .s23 {
		width: 95.83333333333334%
	}
	.dynamic-form .s24 {
		width: 100%
	}
	.dynamic-form .os0 {
		margin-left: 0%
	}
	.dynamic-form .os1 {
		margin-left: 4.166666666666667%
	}
	.dynamic-form .os2 {
		margin-left: 8.333333333333334%
	}
	.dynamic-form .os3 {
		margin-left: 12.5%
	}
	.dynamic-form .os4 {
		margin-left: 16.666666666666668%
	}
	.dynamic-form .os5 {
		margin-left: 20.833333333333336%
	}
	.dynamic-form .os6 {
		margin-left: 25%
	}
	.dynamic-form .os7 {
		margin-left: 29.166666666666668%
	}
	.dynamic-form .os8 {
		margin-left: 33.333333333333336%
	}
	.dynamic-form .os9 {
		margin-left: 37.5%
	}
	.dynamic-form .os10 {
		margin-left: 41.66666666666667%
	}
	.dynamic-form .os11 {
		margin-left: 45.833333333333336%
	}
	.dynamic-form .os12 {
		margin-left: 50%
	}
	.dynamic-form .os13 {
		margin-left: 54.16666666666667%
	}
	.dynamic-form .os14 {
		margin-left: 58.333333333333336%
	}
	.dynamic-form .os15 {
		margin-left: 62.50000000000001%
	}
	.dynamic-form .os16 {
		margin-left: 66.66666666666667%
	}
	.dynamic-form .os17 {
		margin-left: 70.83333333333334%
	}
	.dynamic-form .os18 {
		margin-left: 75%
	}
	.dynamic-form .os19 {
		margin-left: 79.16666666666667%
	}
	.dynamic-form .os20 {
		margin-left: 83.33333333333334%
	}
	.dynamic-form .os21 {
		margin-left: 87.5%
	}
	.dynamic-form .os22 {
		margin-left: 91.66666666666667%
	}
	.dynamic-form .os23 {
		margin-left: 95.83333333333334%
	}
	.dynamic-form .desktop-visible,
	.dynamic-form .mobile-hidden {
		display: none !important
	}
}

.dynamic-form .block {
	padding-left: 12px;
	padding-right: 12px
}

.dynamic-form .block-list>.block {
	margin-bottom: 24px
}

.dynamic-form .block.nested,
.dynamic-form .nogutter.row,
.dynamic-form .nogutter .row,
.dynamic-form .nogutter .block.nested {
	font-size: 0;
	padding-left: 0;
	padding-right: 0
}

.dynamic-form .nogutter .row {
	padding-top: 0;
	padding-bottom: 0
}

.dynamic-form .nogutter .block {
	padding-left: 0;
	padding-right: 0
}

.dynamic-form .gutter .row,
.dynamic-form .gutter .block.nested,
.dynamic-form .gutter.block.nested,
.dynamic-form .gutter .block {
	padding-left: 12px;
	padding-right: 12px
}

.casece__form>* {
	font-size: 1rem;
	line-height: 1
}

.casece__form label {
	color: #333333;
	text-indent: 0;
	display: block;
	position: relative;
	font-size: 1rem
}

.casece__form input {
	line-height: 1;
	height: 3.5em;
	border: 1px solid #AAAAAA;
	background-color: transparent;
	font-size: 1rem;
	width: 100%;
	text-transform: none;
	box-sizing: border-box;
	padding: 1.3em 20px 2px;
	color: #333333;
	text-indent: 0;
	display: block
}

.casece__form input:focus {
	padding-bottom: 1px;
	border-bottom-width: 3px;
	border-bottom-color: #000000
}

.casece__form input:focus+.placeholder {
	color: #A59A8F;
	font-size: 0.8em;
	height: 1em;
	line-height: 1em;
	top: 10px
}

.casece__form input.notEmpty,
.casece__form input.notZoom {
	padding-bottom: 1px;
	border-bottom-width: 2px
}

.casece__form input.notEmpty+.placeholder,
.casece__form input.notZoom+.placeholder {
	color: #A59A8F;
	font-size: 0.8em;
	height: 1em;
	line-height: 1em;
	top: 10px
}

.casece__form span.placeholder {
	position: absolute;
	top: 0;
	left: 20px;
	cursor: text;
	color: #A59A8F;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	line-height: 3.5em;
	height: 3.5em;
	display: inline
}

.casece__form input,
.casece__form select,
.casece__form span.placeholder {
	transition: padding-bottom 0.2s linear, margin-top 0.2s linear, border-bottom-width 0.2s linear, border-bottom-color 0.2s linear, font-size 0.2s linear, height 0.2s linear, line-height 0.2s linear, top 0.2s linear
}

.casece__form input[type="radio"],
.casece__form input[type="checkbox"] {
	display: block;
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px
}

.casece__form .inputText {
	height: auto;
	line-height: 1.2;
	position: relative;
	padding-left: 30px;
	display: inline-block;
	cursor: pointer;
	color: #333333
}

.casece__form input[type="checkbox"]+.inputText:before {
	background-position: -1px -782px
}

.casece__form input[type="checkbox"]:checked:hover+.inputText:before,
.casece__form input[type="checkbox"]:checked+.inputText:before {
	background-position: -1px -624px
}

.casece__form .inputText:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-image: url("../form-icons-sprite.html")/*tpa=https://www.casece.com/Style%20Library/css/images/form-icons-sprite.png*/
}

.casece__form input[type="radio"]+.inputText:before {
	background-position: -1px -309px
}

.casece__form input[type="radio"]:focus+.inputText:before {
	background-position: -1px -1097px
}

.casece__form input[type="radio"]:checked:hover+.inputText:before,
.casece__form input[type="radio"].error:checked+.inputText:before,
.casece__form input[type="radio"]:checked+.inputText:before {
	background-position: -1px -151px
}

.casece__form input[type="radio"]:hover+.inputText:before {
	background-position: -1px -388px
}

.casece__form input[type="radio"]:disabled+.inputText:before {
	background-position: -1px -466px
}

.casece__form input[type="radio"]:disabled:checked+.inputText:before {
	background-position: -1px -230px
}

.casece__form input[type="checkbox"]+.inputText:before {
	background-position: -1px -782px
}

.casece__form input[type="checkbox"]:focus+.inputText:before {
	background-position: -1px -1176px
}

.casece__form input[type="checkbox"]:checked:hover+.inputText:before,
.casece__form input[type="checkbox"]:checked+.inputText:before {
	background-position: -1px -624px
}

.casece__form input[type="checkbox"]:hover+.inputText:before {
	background-position: -1px -861px
}

.casece__form input[type="checkbox"]:disabled+.inputText:before {
	background-position: -1px -939px
}

.casece__form input[type="checkbox"]:disabled:checked+.inputText:before {
	background-position: -1px -703px
}

.casece__form .select-wrap {
	border: 1px solid #9b9b9b;
	height: auto;
	position: relative;
	background: #fff;
	border: none
}

.casece__form .select-wrap .placeholder {
	margin-left: 0
}

.casece__form .select-wrap::after {
	line-height: 3.5em;
	font-size: 1rem;
	transition: transform 0.3s ease-in-out;
	width: 20px;
	margin-right: 10px
}

.casece__form select {
	color: #333333;
	text-indent: 0;
	width: 100%;
	text-transform: none;
	box-sizing: border-box;
	padding: 1.3em 20px 2px;
	height: 3.5em;
	border-radius: 0;
	padding-left: 17px;
	padding-right: 40px;
	display: block;
	border: 1px solid #AAAAAA;
	border-bottom-width: 1px;
	background-color: transparent;
	font-size: 1rem;
	z-index: 1
}

.casece__form select:focus {
	z-index: 0;
	background-color: #FFFFFF;
	padding-bottom: 0;
	border-bottom-width: 3px;
	border-bottom-color: #000000
}

.casece__form select:focus+.placeholder {
	color: #A59A8F;
	font-size: 0.8em;
	height: 1em;
	line-height: 1em;
	top: 10px
}

.casece__form select.notEmpty {
	z-index: 0;
	background-color: #FFFFFF;
	padding-bottom: 1px;
	border-bottom-width: 2px
}

.casece__form select.notEmpty+.placeholder {
	color: #A59A8F;
	font-size: 0.8em;
	height: 1em;
	line-height: 1em;
	top: 10px
}

.casece__form input[type="checkbox"]:invalid:not(.invalid-override)+.inputText {
	color: red
}

.casece__form input[type="checkbox"]:invalid:not(.invalid-override)+.inputText a {
	color: red
}

.casece__form input[type="text"]:invalid:not(.invalid-override),
.casece__form input[type="text"]:invalid:not(.invalid-override)+.placeholder,
.casece__form input[type="email"]:invalid:not(.invalid-override),
.casece__form input[type="email"]:invalid:not(.invalid-override)+.placeholder {
	color: red
}

.dynamic-form {
	min-height: 200px
}

.dynamic-form .block {
	padding-left: 30px;
	padding-right: 30px
}

.dynamic-form .panel .block {
	padding-left: 12px;
	padding-right: 12px
}

.dynamic-form .panel select {
	padding: 0 20px 0 0
}

.dynamic-form .nogutter .block {
	padding-left: 0;
	padding-right: 0
}

.dynamic-form .block.smallText {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 0;
	padding: 0.5em 0;
	vertical-align: middle
}

.dynamic-form label.error,
.dynamic-form .block.smallText>span {
	display: inline-block;
	line-height: 1.2;
	font-size: 0.9rem
}

.dynamic-form.formLoader>.formOverlay {
	display: block
}

.dynamic-form.formLoader>* {
	display: none
}

.dynamic-form .onoffswitch-label:after,
.dynamic-form .onoffswitch:before,
.formOverlay {
	background-color: #f4f4f4
}

.dynamic-form label span {
	display: inline;
	line-height: normal
}

.dynamic-form .time,
.dynamic-form .picker__input,
.dynamic-form input[name=fileName] {
	background-image: url("../form-icons-sprite.html")/*tpa=https://www.casece.com/Style%20Library/css/images/form-icons-sprite.png*/
	;
	background-repeat: no-repeat
}

.dynamic-form input[name=fileName] {
	background-position: 15px -1636px;
	padding-left: 50px
}

.dynamic-form input[name=fileName].notEmpty {
	background-position: 10px -1557px;
	text-overflow: ellipsis
}

.dynamic-form input[name=fileName]+.placeholder {
	left: 50px
}

.dynamic-form .voidField {
	font-size: 1.5em
}

.dynamic-form .time {
	background-position: 97% -1792px
}

.dynamic-form .time.notEmpty {
	background-position: 97% -1713px
}

.dynamic-form .delete:hover,
.dynamic-form .timepicker-Cancel:hover,
.dynamic-form .timepicker-OK:hover {
	color: #ed6c02
}

.dynamic-form .picker__header select {
	display: inline-block;
	width: auto;
	padding-right: 2em
}

.dynamic-form .picker__input {
	background-position: 97% -1948px
}

.dynamic-form .picker__input.notEmpty {
	background-position: 97% -1869px
}

.dynamic-form .time,
.dynamic-form .picker__input,
.dynamic-form .time+.placeholder,
.dynamic-form .picker__input+.placeholder {
	cursor: pointer
}

.dynamic-form .time {
	position: relative
}

.dynamic-form select.error,
.dynamic-form .time.notEmpty,
.dynamic-form select.notEmpty,
.dynamic-form select:focus {
	z-index: 0
}

.dynamic-form,
.dynamic-form input,
.dynamic-form select,
.dynamic-form textarea,
.dynamic-form label {
	color: #333333;
	text-indent: 0
}

.dynamic-form .center {
	text-align: center
}

.dynamic-form input,
.dynamic-form select,
.dynamic-form textarea {
	border-radius: 0;
	width: 100%;
	text-transform: none;
	box-sizing: border-box;
	padding: 1.3em 20px 2px
}

.dynamic-form select {
	height: auto;
	border-radius: 0;
	padding-left: 17px;
	padding-right: 40px;
	text-overflow: ellipsis
}

.dynamic-form .picker__header select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent url("data:image/svg+xml,%3Csvg version%3D'1.1' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink' width%3D'30' height%3D'16' viewBox%3D'0 0 512 512' fill%3D'rgb(229,142,26)'%3E%3Cpath d%3D'M252.8 381.866c-6.4 0-12.8-2.134-18.133-7.466l-224-219.733c-10.666-9.6-10.666-26.666 0-36.267 9.6-10.666 25.6-10.666 36.267 0l205.867 201.6 215.466-211.2c9.6-9.6 26.666-9.6 36.267 0 9.6 10.666 9.6 26.666 0 36.267l-233.6 229.333c-5.334 4.267-11.733 7.466-18.133 7.466z'%3E%3C%2Fpath%3E%3C%2Fsvg%3E") 95% 1.8em no-repeat
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.dynamic-form .picker__header select {
		position: absolute;
		clip: rect(0px, 200px, 50px, 0px);
		padding-top: 0;
		padding-right: 0;
		width: 220px;
		background-position: 170px 50%;
		left: 50%
	}
	.dynamic-form .picker__header {
		height: 50px
	}
	.dynamic-form .picker__header .picker__select--year {
		transform: translateX(-220px)
	}
}

.dynamic-form textarea {
	padding-top: 1.7em;
	max-height: 3.5em;
	transition: max-height 0.5s ease-in-out
}

.dynamic-form textarea:focus,
.dynamic-form textarea.notEmpty,
.dynamic-form textarea.error {
	max-height: 10em
}

.dynamic-form .inputText,
.dynamic-form textarea {
	height: auto;
	line-height: 1.2
}

.dynamic-form label {
	margin-top: 0
}

.dynamic-form label.other {
	display: none;
	opacity: 0
}

.dynamic-form .short {
	width: 40%;
	margin-right: 3%
}

.dynamic-form select,
.dynamic-form textarea,
.dynamic-form input {
	display: block;
	border: 0px solid #AAAAAA;
	border-bottom-width: 1px;
	background-color: transparent;
	font-size: 1rem
}

.dynamic-form .select-wrap,
.dynamic-form input[type=file] {
	height: auto
}

.dynamic-form input[type=button] {
	border: none
}

.dynamic-form select:disabled,
.dynamic-form textarea:disabled,
.dynamic-form input:disabled {
	color: #B6B6B6;
	border-bottom-style: dashed;
	background-color: transparent
}

.dynamic-form select,
.dynamic-form input,
.dynamic-form .placeholder {
	transition: padding-bottom 0.2s linear, margin-top 0.2s linear, border-bottom-width 0.2s linear, border-bottom-color 0.2s linear, font-size 0.2s linear, height 0.2s linear, line-height 0.2s linear, top 0.2s linear
}

.block.pmButton,
.block.amButton,
.dynamic-form .onoffswitch,
.dynamic-form .onoffswitch-label,
.dynamic-form select,
.dynamic-form input,
.dynamic-form .select-wrap::after,
.dynamic-form .placeholder {
	height: 3.5em
}

.block.pmButton,
.block.amButton,
.dynamic-form .onoffswitch {
	margin-top: 0.8em
}

.dynamic-form .block,
.dynamic-form .select-wrap::after,
.dynamic-form .placeholder {
	line-height: 3.5em
}

.dynamic-form .select-wrap::after {
	font-size: 1rem;
	transition: transform 0.3s ease-in-out
}

.dynamic-form .panel .select-wrap::after {
	width: 20px;
	margin-right: 10px
}

.panel.open+label>input,
.dynamic-form .panel,
.dynamic-form .notEmpty,
.dynamic-form input.error,
.dynamic-form select.error,
.dynamic-form textarea.error,
.dynamic-form input:focus,
.dynamic-form select:focus,
.dynamic-form textarea:focus {
	background-color: #FFFFFF
}

.dynamic-form .multiple>div,
.dynamic-form .card.favourite {
	background-color: #f4f4f4
}

.dynamic-form input:focus,
.dynamic-form select:focus,
.dynamic-form textarea:focus {
	padding-bottom: 0;
	border-bottom-width: 3px;
	border-bottom-color: #000000
}

.dynamic-form .notEmpty {
	padding-bottom: 1px;
	border-bottom-width: 2px
}

.dynamic-form .placeholder {
	position: absolute;
	top: 0;
	left: 20px;
	margin-left: 30px;
	cursor: text;
	color: #9b9b9b;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	right: 0;
	pointer-events: none
}

.dynamic-form .select-wrap {
	border: none
}

.dynamic-form .select-wrap .placeholder {
	margin-left: 0
}

.dynamic-form .nogutter .placeholder {
	margin-left: 0
}

.dynamic-form .notEmpty+.placeholder,
.dynamic-form :focus+.placeholder {
	font-size: 0.8em;
	height: 1em;
	line-height: 1em;
	top: 10px
}

.dynamic-form .tooltipSwitch {
	font-size: 0.8rem;
	display: inline-block;
	width: 100%;
	text-align: right
}

.dynamic-form .tooltipSwitch>span {
	display: inline-block;
	border-radius: 50%;
	background-color: #000000;
	color: #FFFFFF;
	width: 1.6em;
	height: 1.6em;
	line-height: 1.6em;
	margin-right: 1em;
	cursor: pointer;
	text-align: center;
	font-weight: bold
}

.dynamic-form .tooltipSwitch>span:before {
	content: "?"
}

.dynamic-form .tooltipSwitch>span:hover:before {
	color: #ed6c02
}

.dynamic-form .tooltipSwitch>span.open:before {
	content: "x"
}

.dynamic-form .tooltipSwitch>span.open+.tooltip,
.dynamic-form .tooltipSwitch>span:hover+.tooltip {
	display: block
}

.dynamic-form .tooltip {
	display: none;
	background-color: #000000;
	position: absolute;
	border: 0.1em solid #000000;
	padding: 10px;
	z-index: 1000;
	color: #FFFFFF;
	text-align: left;
	max-width: 300px;
	width: 600%;
	right: 0
}

.dynamic-form .tooltip.above {
	margin-bottom: 0.9em;
	bottom: 100%
}

.dynamic-form .tooltip.below {
	margin-top: 0.9em;
	top: 100%
}

.dynamic-form .tooltip:after,
.dynamic-form .tooltip:before {
	border-style: solid;
	content: "";
	position: absolute;
	height: 0;
	width: 0
}

.dynamic-form .tooltip:after {
	border-width: 0.9em
}

.dynamic-form .tooltip:before {
	border-width: 1em
}

.dynamic-form .tooltip.leftArrow,
.dynamic-form .tooltip.rightArrow {
	margin-left: 0
}

.dynamic-form .tooltip.above:before,
.dynamic-form .tooltip.above:after {
	top: 100%
}

.dynamic-form .tooltip.below:after,
.dynamic-form .tooltip.below:before {
	bottom: 100%
}

.dynamic-form .tooltip.rightArrow:after,
.dynamic-form .tooltip.rightArrow:before {
	right: 0;
	margin-right: 0.8em
}

.dynamic-form .tooltip.rightArrow:after {
	margin-right: 0.9em
}

.dynamic-form .tooltip.leftArrow:after,
.dynamic-form .tooltip.leftArrow:before {
	left: 0;
	margin-left: 0.8em
}

.dynamic-form .tooltip.leftArrow:after {
	margin-left: 0.9em
}

.dynamic-form .tooltip.above:after {
	border-color: #f4f4f4 transparent transparent
}

.dynamic-form .tooltip.above:before {
	border-color: #f4f4f4 transparent transparent
}

.dynamic-form .tooltip.below:after {
	border-color: transparent transparent #000000
}

.dynamic-form .tooltip.below:before {
	border-color: transparent transparent #000000
}

.dynamic-form input[type="radio"],
.dynamic-form input[type="checkbox"] {
	display: block;
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px
}

.dynamic-form .inputText {
	position: relative;
	padding-left: 30px;
	display: inline-block;
	cursor: pointer;
	color: #333333
}

#body .dynamic-form .inputText a {
	text-decoration: underline
}

.dynamic-form .inputText span {
	display: inline-block;
	vertical-align: middle
}

.dynamic-form .inputText:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-image: url("../form-icons-sprite.html")/*tpa=https://www.casece.com/Style%20Library/css/images/form-icons-sprite.png*/
}

.dynamic-form input[type="radio"]+.inputText:before {
	background-position: -1px -309px
}

.dynamic-form input[type="radio"]:focus+.inputText:before {
	background-position: -1px -1097px
}

.dynamic-form input[type="radio"]:checked:hover+.inputText:before,
.dynamic-form input[type="radio"].error:checked+.inputText:before,
.dynamic-form input[type="radio"]:checked+.inputText:before {
	background-position: -1px -151px
}

.dynamic-form input[type="radio"]:hover+.inputText:before {
	background-position: -1px -388px
}

.dynamic-form input[type="radio"]:disabled+.inputText:before {
	background-position: -1px -466px
}

.dynamic-form input[type="radio"]:disabled:checked+.inputText:before {
	background-position: -1px -230px
}

.dynamic-form input[type="checkbox"]+.inputText:before {
	background-position: -1px -782px
}

.dynamic-form input[type="checkbox"]:focus+.inputText:before {
	background-position: -1px -1176px
}

.dynamic-form input[type="checkbox"]:checked:hover+.inputText:before,
.dynamic-form input[type="checkbox"]:checked+.inputText:before {
	background-position: -1px -624px
}

.dynamic-form input[type="checkbox"]:hover+.inputText:before {
	background-position: -1px -861px
}

.dynamic-form input[type="checkbox"]:disabled+.inputText:before {
	background-position: -1px -939px
}

.dynamic-form input[type="checkbox"]:disabled:checked+.inputText:before {
	background-position: -1px -703px
}

.dynamic-form select.error,
.dynamic-form textarea.error,
.dynamic-form input.error {
	border-color: #E2001A;
	border-width: 0px;
	border-bottom-width: 1px
}

.dynamic-form .textCounter.error,
.dynamic-form label.error {
	color: #E2001A
}

.formOverlay {
	padding: 110px 0 60px;
	background-position: center 20px;
	background-repeat: no-repeat;
	text-align: center
}

.formOverlay.error p {
	margin-bottom: 1rem
}

.dynamic-form.formLoader,
.dynamic-form .formLoader {
	background-image: url("../ajax-loader-1.html")/*tpa=https://www.casece.com/Style%20Library/css/images/ajax-loader.gif*/
	;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden
}

.formOverlay.error {
	background-image: url("../error.html")/*tpa=https://www.casece.com/Style%20Library/css/images/error.png*/
}

.formOverlay.success {
	background-image: url("../success.html")/*tpa=https://www.casece.com/Style%20Library/css/images/success.png*/
}

.dynamic-form .panel,
.dynamic-form select,
.dynamic-form .zindex {
	z-index: 1
}

.dynamic-form .panel {
	position: absolute;
	left: 30px;
	right: 30px;
	top: 3.5em;
	bottom: auto;
	display: none
}

.dynamic-form .panel.open {
	display: block
}

.dynamic-form .delete span,
.dynamic-form .delete span {
	position: relative;
	padding-left: 2em
}

.dynamic-form .delete span {
	padding-right: 2em
}

.dynamic-form .add span,
.dynamic-form .delete span {
	position: relative;
	padding-left: 30px
}

.dynamic-form .add span:after,
.dynamic-form .add span:before,
.dynamic-form .delete span:after,
.dynamic-form .delete span:before {
	border: 1px solid #B6B6B6;
	border-radius: 1px;
	position: absolute;
	width: 1.4em;
	content: "";
	left: 0;
	top: 50%;
	margin-top: -1px
}

.dynamic-form .add span:after {
	transform: rotate(90deg)
}

.dynamic-form .delete span:after {
	transform: rotate(135deg)
}

.dynamic-form .delete span:before {
	transform: rotate(45deg)
}

.dynamic-form .delete.mobile-hidden {
	visibility: hidden
}

.dynamic-form .multiple {
	margin-bottom: 1em
}

.dynamic-form .multiple>div {
	padding-bottom: 0.5rem
}

.dynamic-form .timepicker-Cancel,
.dynamic-form .timepicker-OK,
.dynamic-form .add,
.dynamic-form .delete,
.block.pmButton,
.block.amButton,
.dynamic-form .onoffswitch {
	cursor: pointer
}

.dynamic-form .onoffswitch {
	background: transparent linear-gradient(to bottom, #000, #000) no-repeat scroll center center/100% 0.3em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.dynamic-form .onoffswitch-checkbox {
	display: none
}

.dynamic-form .onoffswitch-label {
	display: block;
	cursor: pointer;
	padding: 0;
	border-radius: 0.15em;
	line-height: 0.3em;
	margin: 0
}

.dynamic-form .onoffswitch-label:after,
.dynamic-form .onoffswitch:before,
.dynamic-form .onoffswitch-label:before {
	content: "";
	display: block;
	width: 2em;
	height: 2em;
	margin-top: -1em;
	position: absolute;
	top: 50%;
	border-radius: 50%
}

.dynamic-form .onoffswitch-label:before {
	margin-left: 0;
	background-color: #000000;
	transition: left 0.3s ease-out, margin-left 0.3s ease-out;
	z-index: 1
}

.dynamic-form .block.pmButton {
	padding-left: 0.8em
}

.dynamic-form .block.amButton {
	text-align: right;
	padding-right: 0.8em
}

.dynamic-form .onoffswitch-label:before,
.dynamic-form .onoffswitch:before {
	left: 0%
}

.dynamic-form .onoffswitch-label:after,
.dynamic-form .onoffswitch-checkbox:checked+.onoffswitch-label:before {
	margin-left: -2em;
	left: 100%;
	font-size: inherit
}

.dynamic-form .card {
	padding: 1.5em 3.5em 4em;
	margin: 0
}

.dynamic-form .card p {
	line-height: 1.1
}

.dynamic-form .card:before {
	position: absolute;
	content: "";
	top: 1.5em;
	bottom: 1.5em;
	border: 1px solid #f4f4f4;
	left: -2px
}

.dynamic-form .card.favourite:before {
	content: none
}

.dynamic-form .card div {
	position: absolute;
	bottom: 1.5em;
	text-align: center
}

.dynamic-form .card div span {
	display: inline-block
}

.dynamic-form .dlCover {
	padding: 1.5em;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFFFFF
}

.dynamic-form .dlCover span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.dynamic-form .getPosition {
	padding-left: 35px;
	cursor: pointer;
	text-align: center
}

.dynamic-form .btn-icon span:first-child {
	font-size: 38px
}

.dynamic-form input[type=file] {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0
}

.dynamic-form .textCounter {
	position: absolute;
	font-size: 0.8em;
	top: 7px;
	right: 3em;
	cursor: text;
	display: none;
	opacity: 0
}

.dynamic-form .btn-rounder {
	padding: 0.5em
}

.dynamic-form .case-btn {
	line-height: 40px;
	cursor: pointer
}

@media screen and (max-width: 767px) {
	.dynamic-form .block {
		padding-left: 12px;
		padding-right: 12px
	}
	.dynamic-form .placeholder,
	.dynamic-form input[name=fileName]+.placeholder {
		margin-left: 12px
	}
	.dynamic-form .panel {
		left: 12px;
		right: 12px
	}
	.dynamic-form .tooltipSwitch>span {
		width: 2.4em;
		height: 2.4em;
		line-height: 2.4em
	}
	.dynamic-form .tooltip.rightArrow:before {
		margin-right: 1.2em
	}
	.dynamic-form .tooltip.rightArrow:after {
		margin-right: 1.3em
	}
	.dynamic-form .tooltip.leftArrow:before {
		margin-left: 1.2em
	}
	.dynamic-form .tooltip.leftArrow:after {
		margin-left: 1.3em
	}
	.dynamic-form .multiple select {
		margin-bottom: 1em
	}
}

.dynamic-form .slick-slider {
	margin-top: 1rem;
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.dynamic-form .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.dynamic-form .slick-list:focus {
	outline: none
}

.dynamic-form .slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.dynamic-form .slick-slider .slick-track,
.dynamic-form .slick-slider .slick-list {
	transform: translate3d(0, 0, 0)
}

.dynamic-form .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.dynamic-form .slick-track:before,
.dynamic-form .slick-track:after {
	display: table;
	content: ''
}

.dynamic-form .slick-track:after {
	clear: both
}

.dynamic-form .slick-loading .slick-track {
	visibility: hidden
}

.dynamic-form .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .dynamic-form .slick-slide {
	float: right
}

.dynamic-form .slick-slide img {
	display: block
}

.dynamic-form .slick-slide.slick-loading img {
	display: none
}

.dynamic-form .slick-slide.dragging img {
	pointer-events: none
}

.dynamic-form .slick-initialized .slick-slide {
	display: block
}

.dynamic-form .slick-loading .slick-slide {
	visibility: hidden
}

.dynamic-form .slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.dynamic-form .slick-arrow.slick-hidden {
	display: none
}

.dynamic-form button.slick-arrow {
	margin: 0;
	opacity: 0.8;
	height: 80px;
	width: 40px;
	font-size: 0;
	position: absolute;
	display: block
}

.dynamic-form .slick-track {
	height: 100%
}

.dynamic-form button.slick-prev:before,
.dynamic-form button.slick-next:after {
	content: "";
	height: 20px;
	width: 20px;
	position: absolute;
	top: 30px;
	border-top: #000000 3px solid;
	border-left: #000000 3px solid;
	border-radius: 3px
}

.dynamic-form button.slick-next:after {
	transition: opacity 500ms ease, left 500ms ease;
	left: 5px;
	transform: rotate(135deg)
}

.dynamic-form button.slick-prev:before {
	transition: opacity 500ms ease, right 500ms ease;
	right: 5px;
	transform: rotate(-45deg)
}

.dynamic-form button.slick-next:hover:after {
	left: 10px
}

.dynamic-form button.slick-prev:hover:before {
	right: 10px
}

.dynamic-form .slick-disabled {
	visibility: hidden
}

.dynamic-form .slick-prev {
	z-index: 1;
	left: 0
}

.dynamic-form .slick-next {
	right: 0
}

.picker {
	font-size: 16px;
	text-align: left;
	line-height: 1.2;
	color: #000;
	position: absolute;
	z-index: 10000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.picker__holder {
	width: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	transition: background .15s ease-out, -webkit-transform 0s .15s;
	transition: background .15s ease-out, transform 0s .15s;
	-webkit-backface-visibility: hidden
}


/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */

.picker__frame,
.picker__holder {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%)
}

.picker__frame {
	position: absolute;
	margin: 0 auto;
	min-width: 256px;
	max-width: 666px;
	width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	transition: all .15s ease-out
}

.picker__wrap {
	display: table;
	width: 100%;
	height: 100%
}

@media (min-height: 33.875em) {
	.picker__frame {
		overflow: visible;
		top: auto;
		bottom: -100%;
		max-height: 80%
	}
	.picker__wrap {
		display: block
	}
}

.picker__box {
	background: #fff;
	display: table-cell;
	vertical-align: middle
}

@media (min-height: 26.5em) {
	.picker__box {
		font-size: 1.25em
	}
}

@media (min-height: 33.875em) {
	.picker__box {
		display: block;
		font-size: 1.33em;
		border: 1px solid #777;
		border-top-color: #898989;
		border-bottom-width: 0;
		border-radius: 5px 5px 0 0;
		box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24)
	}
}

@media (min-height: 40.125em) {
	.picker__frame {
		margin-bottom: 7.5%
	}
	.picker__box {
		font-size: 1.5em;
		border-bottom-width: 1px;
		border-radius: 5px
	}
}

.picker--opened .picker__holder {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	zoom: 1;
	background: rgba(0, 0, 0, 0.32);
	transition: background .15s ease-out
}

.picker--opened .picker__frame {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1
}

@media (min-height: 33.875em) {
	.picker--opened .picker__frame {
		top: auto;
		bottom: 0
	}
}

.picker__footer,
.picker__header,
.picker__table {
	text-align: center
}

.picker__day--highlighted,
.picker__select--month:focus,
.picker__select--year:focus {
	border-color: #0089ec
}

.picker__box {
	padding: 0 1em
}

.picker__header {
	position: relative;
	margin-top: .75em
}

.picker__month,
.picker__year {
	font-weight: 500;
	display: inline-block;
	margin-left: .25em;
	margin-right: .25em
}

.picker__select--month,
.picker__select--year {
	border: 1px solid #b7b7b7;
	height: 2em;
	padding: .5em;
	margin-left: .25em;
	margin-right: .25em
}

.picker__select--month {
	width: 35%
}

.picker__select--year {
	width: 22.5%
}

.picker__nav--next,
.picker__nav--prev {
	position: absolute;
	padding: .5em 1.25em;
	width: 1em;
	height: 1em;
	box-sizing: content-box;
	top: -.25em
}

.picker__nav--prev {
	left: -1em;
	padding-right: 1.25em
}

.picker__nav--next {
	right: -1em;
	padding-left: 1.25em
}

@media (min-width: 24.5em) {
	.picker__select--month,
	.picker__select--year {
		margin-top: -.5em
	}
	.picker__nav--next,
	.picker__nav--prev {
		top: -.33em;
		cursor: pointer
	}
	.picker__nav--prev {
		padding-right: 1.5em
	}
	.picker__nav--next {
		padding-left: 1.5em
	}
}

.picker__nav--next:after,
.picker__nav--prev:after,
.picker__nav--next:before,
.picker__nav--prev:before {
	position: absolute;
	border-radius: 2px;
	content: "";
	background-color: #6A6A6A;
	top: 50%;
	transform-origin: 0 0;
	transition: background-color 0.2s linear
}

.picker__nav--prev:after,
.picker__nav--prev:before {
	transform: rotateZ(-45deg);
	margin-left: -0.4em
}

.picker__nav--next:before,
.picker__nav--next:after {
	transform: rotateZ(135deg);
	margin-left: 0.4em
}

.picker__nav--next:after,
.picker__nav--prev:after {
	height: 4px;
	width: 0.8em
}

.picker__nav--next:before,
.picker__nav--prev:before {
	width: 4px;
	height: 0.8em
}

.picker__nav--next:hover:before,
.picker__nav--prev:hover:before,
.picker__nav--next:hover:after,
.picker__nav--prev:hover:after {
	background-color: #000000
}

.picker__day--highlighted:hover,
.picker__day--infocus:hover,
.picker__day--outfocus:hover {
	cursor: pointer;
	font-weight: bold
}

.picker__table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
	font-size: inherit;
	width: 100%;
	margin-top: .75em;
	margin-bottom: .5em
}

@media (min-height: 33.875em) {
	.picker__table {
		margin-bottom: .75em
	}
}

.picker__table td {
	margin: 0;
	padding: 0
}

.picker__weekday {
	width: 14.285714286%;
	font-size: .75em;
	padding-bottom: .25em;
	color: #999;
	font-weight: 500
}

@media (min-height: 33.875em) {
	.picker__weekday {
		padding-bottom: .5em
	}
}

.picker__day {
	padding: .3125em 0;
	font-weight: 200;
	border: 1px solid transparent
}

.picker__day--today {
	color: #ed6c02
}

.picker__day--disabled:before {
	border-top-color: #aaa
}

.picker__day--outfocus {
	color: #ddd
}

.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
	color: #FFFFFF;
	position: relative;
	z-index: 0
}

.picker__day--selected::before {
	background-color: #ed6c02;
	border-radius: 50%;
	width: 2.4em;
	height: 2.4em;
	position: absolute;
	content: "";
	left: 50%;
	margin: -1.2em 0 0 -1.2em;
	top: 50%;
	margin-top: -1.2em;
	z-index: -1
}

.picker--focused .picker__day--disabled,
.picker__day--disabled,
.picker__day--disabled:hover {
	font-weight: normal;
	color: #9E9E9E;
	cursor: default
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
	background: #BBBBBB
}

.picker__button--clear,
.picker__button--close,
.picker__button--today {
	color: #000000;
	height: auto;
	line-height: normal;
	background: none;
	background-color: transparent;
	border: 1px solid #000000;
	border-radius: 4px;
	margin: 0.5em;
	text-transform: uppercase;
	font-size: 1rem;
	padding: 1em 0;
	width: 33%;
	display: inline-block
}

.picker__button--close:hover,
.picker__button--today:hover {
	background: transparent;
	color: #ed6c02
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
	background: #f5f5f5;
	border-color: #f5f5f5;
	color: #ddd;
	cursor: default
}

.compare-print-table-head {
	display: none;
	padding: 0 25px
}

.compare-print-table-head table {
	width: 100%;
	border: 1px solid #000;
	border-collapse: collapse
}

.compare-print-table-head table td,
.compare-print-table-head table th {
	width: 33%;
	text-align: left;
	border: 1px solid #000;
	padding: 12px 9px;
	font-size: 16px
}

@media print {
	.p-compare .compare-print-table-head,
	.p-compare .logoforprint,
	.p-compare .selectforprint {
		display: block
	}
	.p-compare .compare-block,
	.p-compare .compare-item__inner .select-wrap,
	.p-compare .delete_btn,
	.p-compare .mu-accordion__btn,
	.p-compare aside,
	.p-compare .sub-navs,
	.p-compare .page-top,
	.p-compare .icons-top,
	.p-compare .sitemap,
	.p-compare .breadcrumb,
	.p-compare .page-top__image,
	.p-compare .page-top__details,
	.p-compare .compare-btns,
	.p-compare .l-footer,
	.p-compare .nav-page,
	.p-compare .find-dealer {
		display: none
	}
	.p-compare .l-content {
		padding: 0
	}
	.p-compare .mu-accordion-content {
		display: block !important
	}
	.p-compare .mu-accordion__title p {
		color: #000
	}
	.p-compare .page-top,
	.p-compare .compare-items {
		position: relative !important
	}
	.p-compare .page-top {
		top: 0 !important;
		left: 0 !important
	}
	.p-compare .compare-block {
		height: auto !important
	}
	.p-compare .compare-block.stick .compare-items {
		top: 0;
		left: 0
	}
	.p-compare .stick-faker {
		height: auto !important
	}
	.p-compare table.cc-table {
		border: 1px solid #000;
		border-collapse: collapse;
		page-break-inside: avoid;
		margin-top: -1px
	}
	.p-compare table.cc-table td,
	.p-compare table.cc-table th {
		border: 1px solid #000
	}
	.p-compare .page-top__title {
		position: relative;
		padding: 40px 0
	}
	.p-compare .page-top__title h1 {
		float: none !important;
		font-size: 80px !important
	}
}

/*加载样式*/
#preloader_1{;
    position:absolute;
    display: none;
}
#preloader_1 span{
    display:block;
    bottom:0px;
    width: 9px;
    height: 5px;
    background:#ed6c02;
    position:absolute;
    animation: preloader_1 1.5s  infinite ease-in-out;
}  
#preloader_1 span:nth-child(2){
    left:11px;
    animation-delay: .2s;  
}
#preloader_1 span:nth-child(3){
    left:22px;
    animation-delay: .4s;
}
#preloader_1 span:nth-child(4){
    left:33px;
    animation-delay: .6s;
}
#preloader_1 span:nth-child(5){
    left:44px;
    animation-delay: .8s;
}
@keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background:#ed6c02;}
    25% {height:30px;transform:translateY(15px);background:#ed6c02;}
    50% {height:5px;transform:translateY(0px);background:#ed6c02;}
    100% {height:5px;transform:translateY(0px);background:#ed6c02;}
}
.find-dealer.find-dealer-new .find-dealer__form:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    content: "";
    display: inline-block;
    -webkit-transform: skew(-13deg);
    -moz-transform: skew(-13deg);
    -ms-transform: skew(-13deg);
    -o-transform: skew(-13deg);
    transform: skew(-13deg);
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    border: 6px solid #9b9b9b;
}
.find-dealer.find-dealer-new .find-dealer__form header i {
    float: left;
    color: #ed6c02;
    font-size: 50px;
    margin-right: 10px;
}
.find-dealer.find-dealer-new .find-dealer__form header {
    position: relative;
    line-height: 20px;
}
.find-dealer.find-dealer-new .col-6 {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 10%;
    padding-right: 10px;
}
.find-dealer.find-dealer-new .find-dealer__content {
    margin-top: 0;
    max-width: 500px;
}
.find-dealer.find-dealer-new .find-dealer__form, .find-dealer.find-dealer-new .find-dealer__content {
    padding-top: 0;
    max-width: 400px;
}
.find-dealer.find-dealer-new .find-dealer__form .text-center {
    text-align: center;
}
.find-dealer.find-dealer-new .find-dealer__form .ch-btn {
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-top: 0;
    margin-left: -40px;
    font-size: 15px;
    /*letter-spacing: 4px;*/
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.find-dealer.find-dealer-new .find-dealer__form {
    padding: 20px 40px 35px;
    padding-right: 80px;
    position: relative;
}
.find-dealer.find-dealer-new .find-dealer__form .find-dealer__field {
    float: none;
    width: 100%;
    margin-bottom: 15px;
}
.via{
	height: auto !important;
	width: auto !important;
}
.via video{
	height: 100% !important;
	width: 100% !important;
}
.component{display: none;}
.dis{display: block;}
.nav-page{width: 100% !important;}
.nav-utils{display:none;}

.mu-accordion__content table{
	width: 100%;
}
.mu-accordion__content table tbody tr th{
	text-align: left;
	padding:10px;
	text-align: center;
	/*width: 50%;*/
}
.mu-accordion__content table tbody tr td{
	padding:15px; 
	width: 100%;
	text-align: center;
}
.mu-accordion__content table tbody tr td:nth-of-type(even){
	
	width: 0%;padding:0;
}
.mu-accordion__content table tbody tr:nth-of-type(odd){
	background:rgb(229,229,229); 
	/*width: 50%;*/
}
.mu-accordion__content table tbody tr:nth-of-type(even){
	/*background:rgb(229,229,229); */
	/*width: 50%;*/
}
/*.mu-accordion__content table tbody tr td:nth-of-type(even),.mu-accordion__content table tbody tr th:nth-of-type(even){
	border-left: solid 15px rgb(244,244,244); 
}*/
.first-text .col-6 p,.first-text .col-6 ul li,.first-text .col-6 h2 span,.first-text .col-6 p span{
	font-size: 17px !important;
	font-family:'宋体';
}
.first-text p,.first-text ul li,.first-text h2 span,.first-text p span{
	font-size: 17px !important;
	font-family:'宋体';
}
.chanpin_text .col-12 p{font-size: 17px !important;}
.fujian_text p span{font-size: 20px !important;}
.fujian_text p .fontsize16{font-size: 16px !important;}
.fujian_text{padding-left: 10px;}
.news_sousuo{
	position: absolute;
	right: 40px;
	bottom: 30px;
	font-size: 1.5em;
	color: rgb(229,142,26);
	cursor: pointer;
}
	
.col-8{
	width:80%;
	float: left;
}
.RightImage img {
	width: 50%;
	height: auto;
}
.zhanshi img{
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.zhanshi{
	margin-bottom: 30px;
}
.chaxunyemian #provinces{display: none;}
.chaxunyemian #lijisousuo,.chaxunyemian #citys{display: none;}
.chaxunyemian #pr_pc{display: block;}
.chaxunyemian #cityname{display: block;}
.chaxunyemian .citysyincang{display: none;}
/*sqy20170524*/
#youkuplayer0,#youkuplayer1,#youkuplayer2,#youkuplayer3,.youkuplayers_imgs{height:280px;}
.card__text p{height:60px;overflow:hidden;}
@media only screen and (min-width:1280px) {

}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {
#youkuplayer0,#youkuplayer1,#youkuplayer2,#youkuplayer3,.youkuplayers_imgs{height:170px;}
.card .card__wrap,.card .card__wraps{height: 360px;min-height: auto;}
.card--video .card__wrap,.card--video .card__wraps{height: 240px;}
.cards{height: auto;}
}
@media only screen and (max-width:768px) {
.card__text {display:none;}
	#lbiao,#r-result{display: none !important;}
	.icons-top .icons-top__subnav {
		right: 0px;
	}
	.find-dealer.find-dealer-new .col-6{
		width: 100%;
	}
	.find-dealer.find-dealer-new .find-dealer__form {
	    /* padding: 20px 40px 35px; */
	    padding-right: 10px; 
	    padding-top: 20px;
	    position: relative;
	    left:20%
	}
	.icons-top .icons-top__assistance {width: 130%;min-width: 130%;}
	.icons-top .icons-top__assistance .assistance2{display: none;}
	.zhanshi iframe{height: 410px!important;}
	.chaxunyemian #pr_pc{display: none;}
	.chaxunyemian .case-field{display: none;}
	.chaxunyemian #provinces{display: block;}
	.chaxunyemian #lijisousuo,.chaxunyemian #citys{display: block;}
	.chaxunyemian .citysyincang{display: block;}
	#map{width: 93.5%;}
	#youkuplayer0,#youkuplayer1,#youkuplayer2,#youkuplayer3,.youkuplayers_imgs{height:150px;}
	.card .card__wrap,.card .card__wraps{height: 340px;min-height:auto!important;}
	.card--video .card__wrap,.card--video .card__wraps{height: 225px;}
	/* .get-in-touch .col-4.youtube-stream:before{height:505px;}
	.get-in-touch .col-4.youtube-stream{height:505px;overflow:hidden;} */
	
}
@media only screen and (max-width:480px) {
.insidecase-valuesandvision-vedio{height: 200px!important;}
.component{display: block;}
/*.dis{display: none;}*/
.find-dealer.find-dealer-new .find-dealer__form{left: 0;}
.l-footer .nav-bottom li{display: inline-block;padding: 0 20px 0 0;}
.l-footer .nav-bottom li:first-child{padding-left: 30px;}
.zhanshi iframe{height: 190px!important;}
.zhanshi img{margin-bottom: 10px;}
#lbiao,#r-result{display: none !important;}
	#gallery #lightcase-case{
		width:100% !important;
		margin-left: 0 !important;
		left: 0 !important;
	}
	#gallery #lightcase-case #lightcase-content .lightcase-contentInner{
		width: 100% !important;
		max-width: 100% !important;
	}
	#gallery #lightcase-case #lightcase-content .lightcase-contentInner img{
		height: auto !important;
	}
	#youkuplayer0,#youkuplayer1,#youkuplayer2,#youkuplayer3,.youkuplayers_imgs{height:180px;}
	.card .card__wrap,.card .card__wraps{height: 350px;}
	.card--video .card__wrap,.card--video .card__wraps{height: 240px;}
	.bar-top__inner{margin: 0 auto!important;}
	.contact-left table tr td input{width: 200px;}
	.contact-left table tr td textarea{width: 200px;}
	.contact-right{margin-left: 0;}
	.contact-left table tr td:nth-child(3){display: none;}
	.dealer-nav__place .separator~.field{width:99%}
	./* get-in-touch .col-4.youtube-stream:before{height:330px;}
	.get-in-touch .col-4.youtube-stream{height:330px;overflow:hidden;} */
	
	 
	
}
@media only screen and (max-width:320px) {
	
	#youkuplayer0,#youkuplayer1, #youkuplayer2, #youkuplayer3,.youkuplayers_imgs{height: 160px;}
}
@media only screen and (max-width:375px) {
	.l-navigation__top .logo img{margin-left: 46px;}
	.icons-top ul li{margin-right: -2px;}
	.icons-top .icons-top__skew i{margin: 0 1px;}
	.icons-top--assistance .icons-top__skew i{margin-left: 1px;}
}