html, body { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }

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

ol, ul { list-style: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

a:focus { outline: thin dotted; }

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

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

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

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

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

sup { top: -0.5em; }

sub { bottom: -0.25em; }

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

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

button, input { line-height: normal; *overflow: visible; }

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

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

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

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

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

p { font-size: 13px; font-weight: normal; line-height: 18px; margin-bottom: 9px; }
p small { font-size: 11px; color: #bfbfbf; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #595959; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #bfbfbf; }

h1 { margin-bottom: 18px; font-size: 30px; line-height: 36px; }
h1 small { font-size: 18px; }

h2 { font-size: 24px; line-height: 36px; }
h2 small { font-size: 14px; }

h3, h4, h5, h6 { line-height: 36px; }

h3 { font-size: 18px; }
h3 small { font-size: 14px; }

h4 { font-size: 16px; }
h4 small { font-size: 12px; }

h5 { font-size: 14px; }

h6 { font-size: 13px; color: #bfbfbf; text-transform: uppercase; }

ul, ol { margin: 0 0 18px 25px; }

ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }

ul { list-style: disc; }

ol { list-style: decimal; }

li { line-height: 18px; color: gray; }

ul.unstyled { list-style: none; margin-left: 0; }

dl { margin-bottom: 18px; }
dl dt, dl dd { line-height: 18px; }
dl dt { font-weight: bold; }
dl dd { margin-left: 9px; }

hr { margin: 20px 0 19px; border: 0; border-bottom: 1px solid #eee; }

strong { font-style: inherit; font-weight: bold; }

em { font-style: italic; font-weight: inherit; line-height: inherit; }

.muted { color: #bfbfbf; }

blockquote { margin-bottom: 18px; border-left: 5px solid #eee; padding-left: 15px; }
blockquote p { font-size: 14px; font-weight: 300; line-height: 18px; margin-bottom: 0; }
blockquote small { display: block; font-size: 12px; font-weight: 300; line-height: 18px; color: #bfbfbf; }
blockquote small:before { content: '\2014 \00A0'; }

address { display: block; line-height: 18px; margin-bottom: 18px; }

code, pre { padding: 0 3px 2px; font-family: Monaco, Andale Mono, Courier New, monospace; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

code { background-color: #fee9cc; color: rgba(0, 0, 0, 0.75); padding: 1px 3px; }

pre { background-color: #f5f5f5; display: block; padding: 8.5px; margin: 0 0 18px; line-height: 18px; font-size: 12px; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

form { margin-bottom: 18px; }

fieldset { margin-bottom: 18px; padding-top: 18px; }
fieldset legend { display: block; padding-left: 150px; font-size: 19.5px; line-height: 1; color: #595959; *padding: 0 0 5px 145px; /* IE6-7 */ *line-height: 1.5; /* IE6-7 */ }

form .clearfix { margin-bottom: 18px; zoom: 1; }
form .clearfix:before, form .clearfix:after { display: table; content: ""; zoom: 1; *display: inline; }
form .clearfix:after { clear: both; }

label, input, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: normal; }

label { padding-top: 6px; font-size: 13px; line-height: 18px; float: left; width: 130px; text-align: right; color: #595959; }

form .input { margin-left: 150px; }

input[type=checkbox], input[type=radio] { cursor: pointer; }

input, textarea, select, .uneditable-input { display: inline-block; width: 210px; height: 18px; padding: 4px; font-size: 13px; line-height: 18px; color: gray; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

/* mini reset for non-html5 file types */
input[type=checkbox], input[type=radio] { width: auto; height: auto; padding: 0; margin: 3px 0; *margin-top: 0; /* IE6-7 */ line-height: normal; border: none; }

input[type=file] { background-color: #fff; padding: initial; border: initial; line-height: initial; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

input[type=button], input[type=reset], input[type=submit] { width: auto; height: auto; }

select, input[type=file] { height: 27px; line-height: 27px; *margin-top: 4px; /* For IE7, add top margin to align select with labels */ }

select[multiple] { height: inherit; }

textarea { height: auto; }

.uneditable-input { background-color: #fff; display: block; border-color: #eee; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; }

:-moz-placeholder { color: #bfbfbf; }

::-webkit-input-placeholder { color: #bfbfbf; }

input, textarea { -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -ms-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); }

input:focus, textarea:focus { outline: 0; border-color: rgba(82, 168, 236, 0.8); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); }

input[type=file]:focus, input[type=checkbox]:focus, select:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: 1px dotted #666; }

form div.clearfix.error { background: #fae5e3; padding: 10px 0; margin: -10px 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
form div.clearfix.error > label, form div.clearfix.error span.help-inline, form div.clearfix.error span.help-block { color: #9d261d; }
form div.clearfix.error input, form div.clearfix.error textarea { border-color: #c87872; -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); box-shadow: 0 0 3px rgba(171, 41, 32, 0.25); }
form div.clearfix.error input:focus, form div.clearfix.error textarea:focus { border-color: #b9554d; -webkit-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); -moz-box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); box-shadow: 0 0 6px rgba(171, 41, 32, 0.5); }
form div.clearfix.error .input-prepend span.add-on, form div.clearfix.error .input-append span.add-on { background: #f4c8c5; border-color: #c87872; color: #b9554d; }

.input-mini, input.mini, textarea.mini, select.mini { width: 60px; }

.input-small, input.small, textarea.small, select.small { width: 90px; }

.input-medium, input.medium, textarea.medium, select.medium { width: 150px; }

.input-large, input.large, textarea.large, select.large { width: 210px; }

.input-xlarge, input.xlarge, textarea.xlarge, select.xlarge { width: 270px; }

.input-xxlarge, input.xxlarge, textarea.xxlarge, select.xxlarge { width: 530px; }

textarea.xxlarge { overflow-y: auto; }

input.span1, textarea.span1, select.span1 { display: inline-block; float: none; width: 30px; margin-left: 0; }
input.span2, textarea.span2, select.span2 { display: inline-block; float: none; width: 90px; margin-left: 0; }
input.span3, textarea.span3, select.span3 { display: inline-block; float: none; width: 150px; margin-left: 0; }
input.span4, textarea.span4, select.span4 { display: inline-block; float: none; width: 210px; margin-left: 0; }
input.span5, textarea.span5, select.span5 { display: inline-block; float: none; width: 270px; margin-left: 0; }
input.span6, textarea.span6, select.span6 { display: inline-block; float: none; width: 330px; margin-left: 0; }
input.span7, textarea.span7, select.span7 { display: inline-block; float: none; width: 390px; margin-left: 0; }
input.span8, textarea.span8, select.span8 { display: inline-block; float: none; width: 450px; margin-left: 0; }
input.span9, textarea.span9, select.span9 { display: inline-block; float: none; width: 510px; margin-left: 0; }
input.span10, textarea.span10, select.span10 { display: inline-block; float: none; width: 570px; margin-left: 0; }
input.span11, textarea.span11, select.span11 { display: inline-block; float: none; width: 630px; margin-left: 0; }
input.span12, textarea.span12, select.span12 { display: inline-block; float: none; width: 690px; margin-left: 0; }
input.span13, textarea.span13, select.span13 { display: inline-block; float: none; width: 750px; margin-left: 0; }
input.span14, textarea.span14, select.span14 { display: inline-block; float: none; width: 810px; margin-left: 0; }
input.span15, textarea.span15, select.span15 { display: inline-block; float: none; width: 870px; margin-left: 0; }
input.span16, textarea.span16, select.span16 { display: inline-block; float: none; width: 930px; margin-left: 0; }

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed; }

.actions { background: #f5f5f5; margin-top: 18px; margin-bottom: 18px; padding: 17px 20px 18px 150px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.actions .secondary-action { float: right; }
.actions .secondary-action a { line-height: 30px; }
.actions .secondary-action a:hover { text-decoration: underline; }

.help-inline, .help-block { font-size: 11px; line-height: 18px; color: #bfbfbf; }

.help-inline { padding-left: 5px; *position: relative; /* IE6-7 */ *top: -5px; /* IE6-7 */ }

.help-block { display: block; max-width: 600px; }

.inline-inputs { color: gray; }
.inline-inputs span, .inline-inputs input { display: inline-block; }
.inline-inputs input.mini { width: 60px; }
.inline-inputs input.small { width: 90px; }
.inline-inputs span { padding: 0 2px 0 1px; }

.input-prepend input, .input-append input { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.input-prepend .add-on, .input-append .add-on { position: relative; background: #f5f5f5; border: 1px solid #ccc; z-index: 2; float: left; display: block; width: auto; min-width: 16px; height: 18px; padding: 4px 4px 4px 5px; margin-right: -1px; font-weight: normal; line-height: 18px; color: #bfbfbf; text-align: center; text-shadow: 0 1px 0 #fff; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.input-prepend .active, .input-append .active { background: #a9dba9; border-color: #46a546; }

.input-prepend .add-on { *margin-top: 1px; /* IE6-7 */ }

.input-append input { float: left; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.input-append .add-on { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin-right: 0; margin-left: -1px; }

.inputs-list { margin: 0 0 5px; width: 100%; }
.inputs-list li { display: block; padding: 0; width: 100%; }
.inputs-list label { display: block; float: none; width: auto; padding: 0; line-height: 18px; text-align: left; white-space: normal; }
.inputs-list label strong { color: gray; }
.inputs-list label small { font-size: 11px; font-weight: normal; }
.inputs-list .inputs-list { margin-left: 25px; margin-bottom: 10px; padding-top: 0; }
.inputs-list:first-child { padding-top: 6px; }
.inputs-list li + li { padding-top: 2px; }
.inputs-list input[type=radio], .inputs-list input[type=checkbox] { margin-bottom: 0; }

.form-stacked { padding-left: 20px; }
.form-stacked fieldset { padding-top: 9px; }
.form-stacked legend { padding-left: 0; }
.form-stacked label { display: block; float: none; width: auto; font-weight: bold; text-align: left; line-height: 20px; padding-top: 0; }
.form-stacked .clearfix { margin-bottom: 9px; }
.form-stacked .clearfix div.input { margin-left: 0; }
.form-stacked .inputs-list { margin-bottom: 0; }
.form-stacked .inputs-list li { padding-top: 0; }
.form-stacked .inputs-list li label { font-weight: normal; padding-top: 0; }
.form-stacked div.clearfix.error { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin-top: 0; margin-left: -10px; }
.form-stacked .actions { margin-left: -20px; padding-left: 20px; }

table { width: 100%; margin-bottom: 18px; padding: 0; border-collapse: separate; *border-collapse: collapse; /* IE7, collapse table to remove spacing */ font-size: 13px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
table th, table td { padding: 10px 10px 9px; line-height: 18px; text-align: left; }
table th { padding-top: 9px; font-weight: bold; vertical-align: middle; border-bottom: 1px solid #ddd; }
table td { vertical-align: top; }
table th + th, table td + td { border-left: 1px solid #ddd; }
table tr + tr td { border-top: 1px solid #ddd; }
table tbody tr:first-child td:first-child { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; }
table tbody tr:first-child td:last-child { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; }
table tbody tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; }
table tbody tr:last-child td:last-child { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; }

.zebra-striped tbody tr:nth-child(odd) td { background-color: #f9f9f9; }
.zebra-striped tbody tr:hover td { background-color: #f5f5f5; }
.zebra-striped .header { cursor: pointer; }
.zebra-striped .header:after { content: ""; float: right; margin-top: 7px; border-width: 0 4px 4px; border-style: solid; border-color: #000 transparent; visibility: hidden; }
.zebra-striped .headerSortUp, .zebra-striped .headerSortDown { background-color: rgba(141, 192, 219, 0.25); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); }
.zebra-striped .header:hover:after { visibility: visible; }
.zebra-striped .headerSortDown:after, .zebra-striped .headerSortDown:hover:after { visibility: visible; filter: alpha(opacity="60"); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }
.zebra-striped .headerSortUp:after { border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; visibility: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; filter: alpha(opacity="60"); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }

table .blue { color: #049CDB; border-bottom-color: #049CDB; }
table .headerSortUp.blue, table .headerSortDown.blue { background-color: #ade6fe; }
table .green { color: #46a546; border-bottom-color: #46a546; }
table .headerSortUp.green, table .headerSortDown.green { background-color: #cdeacd; }
table .red { color: #9d261d; border-bottom-color: #9d261d; }
table .headerSortUp.red, table .headerSortDown.red { background-color: #f4c8c5; }
table .yellow { color: #ffc40d; border-bottom-color: #ffc40d; }
table .headerSortUp.yellow, table .headerSortDown.yellow { background-color: #fff6d9; }
table .orange { color: #f89406; border-bottom-color: #f89406; }
table .headerSortUp.orange, table .headerSortDown.orange { background-color: #fee9cc; }
table .purple { color: #7a43b6; border-bottom-color: #7a43b6; }
table .headerSortUp.purple, table .headerSortDown.purple { background-color: #e2d5f0; }

.topbar { height: 40px; position: fixed; top: 0; left: 0; right: 0; z-index: 10000; overflow: visible; }
.topbar a { color: #bfbfbf; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.topbar h3 a:hover, .topbar .brand a:hover, .topbar ul .active > a { background-color: #333; background-color: rgba(255, 255, 255, 0.05); color: #fff; text-decoration: none; }
.topbar h3 { position: relative; }
.topbar h3 a, .topbar .brand { float: left; display: block; padding: 8px 20px 12px; margin-left: -20px; color: #fff; font-size: 20px; font-weight: 200; line-height: 1; }
.topbar p { margin: 0; line-height: 40px; }
.topbar p a:hover { background-color: transparent; color: #fff; }
.topbar form { float: left; margin: 5px 0 0 0; position: relative; filter: alpha(opacity="100"); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
.topbar form.pull-right { float: right; }
.topbar input { background-color: #444; background-color: rgba(255, 255, 255, 0.3); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: normal; font-weight: 13px; line-height: 1; padding: 4px 9px; color: #fff; color: rgba(255, 255, 255, 0.75); border: 1px solid #111; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.topbar input:-moz-placeholder { color: #e6e6e6; }
.topbar input::-webkit-input-placeholder { color: #e6e6e6; }
.topbar input:hover { background-color: #bfbfbf; background-color: rgba(255, 255, 255, 0.5); color: #fff; }
.topbar input:focus, .topbar input.focused { outline: 0; background-color: #fff; color: #595959; text-shadow: 0 1px 0 #fff; border: 0; padding: 5px 10px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }

.topbar-inner, .topbar .fill { background-color: #222; background-color: #222; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #333, #222); background-image: -ms-linear-gradient(top, #333, #222); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #222)); background-image: -webkit-linear-gradient(top, #333, #222); background-image: -o-linear-gradient(top, #333, #222); background-image: linear-gradient(to bottom, #333333, #222222); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#333', endColorstr='#222', GradientType=0); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); }

.topbar div > ul, .nav { display: block; float: left; margin: 0 10px 0 0; position: relative; left: 0; }
.topbar div > ul > li, .nav > li { display: block; float: left; }
.topbar div > ul a, .nav a { display: block; float: none; padding: 10px 10px 11px; line-height: 19px; text-decoration: none; }
.topbar div > ul a:hover, .nav a:hover { color: #fff; text-decoration: none; }
.topbar div > ul .active > a, .nav .active > a { background-color: #222; background-color: rgba(0, 0, 0, 0.5); }
.topbar div > ul.secondary-nav, .nav.secondary-nav { float: right; margin-left: 10px; margin-right: 0; }
.topbar div > ul.secondary-nav .menu-dropdown, .topbar div > ul.secondary-nav .dropdown-menu, .nav.secondary-nav .menu-dropdown, .nav.secondary-nav .dropdown-menu { right: 0; border: 0; }
.topbar div > ul a.menu:hover, .topbar div > ul li.open .menu, .topbar div > ul .dropdown-toggle:hover, .topbar div > ul .dropdown.open .dropdown-toggle, .nav a.menu:hover, .nav li.open .menu, .nav .dropdown-toggle:hover, .nav .dropdown.open .dropdown-toggle { background: #444; background: rgba(255, 255, 255, 0.05); }
.topbar div > ul .menu-dropdown, .topbar div > ul .dropdown-menu, .nav .menu-dropdown, .nav .dropdown-menu { background-color: #333; }
.topbar div > ul .menu-dropdown a.menu, .topbar div > ul .menu-dropdown .dropdown-toggle, .topbar div > ul .dropdown-menu a.menu, .topbar div > ul .dropdown-menu .dropdown-toggle, .nav .menu-dropdown a.menu, .nav .menu-dropdown .dropdown-toggle, .nav .dropdown-menu a.menu, .nav .dropdown-menu .dropdown-toggle { color: #fff; }
.topbar div > ul .menu-dropdown a.menu.open, .topbar div > ul .menu-dropdown .dropdown-toggle.open, .topbar div > ul .dropdown-menu a.menu.open, .topbar div > ul .dropdown-menu .dropdown-toggle.open, .nav .menu-dropdown a.menu.open, .nav .menu-dropdown .dropdown-toggle.open, .nav .dropdown-menu a.menu.open, .nav .dropdown-menu .dropdown-toggle.open { background: #444; background: rgba(255, 255, 255, 0.05); }
.topbar div > ul .menu-dropdown li a, .topbar div > ul .dropdown-menu li a, .nav .menu-dropdown li a, .nav .dropdown-menu li a { color: #999; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
.topbar div > ul .menu-dropdown li a:hover, .topbar div > ul .dropdown-menu li a:hover, .nav .menu-dropdown li a:hover, .nav .dropdown-menu li a:hover { background-color: #191919; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #292929, #191919); background-image: -ms-linear-gradient(top, #292929, #191919); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919)); background-image: -webkit-linear-gradient(top, #292929, #191919); background-image: -o-linear-gradient(top, #292929, #191919); background-image: linear-gradient(to bottom, #292929, #191919); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0); color: #fff; }
.topbar div > ul .menu-dropdown .active a, .topbar div > ul .dropdown-menu .active a, .nav .menu-dropdown .active a, .nav .dropdown-menu .active a { color: #fff; }
.topbar div > ul .menu-dropdown .divider, .topbar div > ul .dropdown-menu .divider, .nav .menu-dropdown .divider, .nav .dropdown-menu .divider { background-color: #222; border-color: #444; }

.topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a { padding: 4px 15px; }

li.menu, .dropdown { position: relative; }

a.menu:after, .dropdown-toggle:after { width: 0; height: 0; display: inline-block; content: "&darr;"; text-indent: -99999px; vertical-align: top; margin-top: 8px; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; filter: alpha(opacity="50"); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; }

.menu-dropdown, .dropdown-menu { background-color: #fff; float: left; display: none; position: absolute; top: 40px; z-index: 900; min-width: 160px; max-width: 220px; _width: 160px; margin-left: 0; margin-right: 0; padding: 6px 0; zoom: 1; border-color: #999; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 0 1px 1px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }
.menu-dropdown li, .dropdown-menu li { float: none; display: block; background-color: none; }
.menu-dropdown .divider, .dropdown-menu .divider { height: 1px; margin: 5px 0; overflow: hidden; background-color: #eee; border-bottom: 1px solid #fff; }

.topbar .dropdown-menu a, .dropdown-menu a { display: block; padding: 4px 15px; clear: both; font-weight: normal; line-height: 18px; color: gray; text-shadow: 0 1px 0 #fff; }
.topbar .dropdown-menu a:hover, .dropdown-menu a:hover { background-color: #dddddd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); background-image: -o-linear-gradient(top, #eeeeee, #dddddd); background-image: linear-gradient(to bottom, #eeeeee, #dddddd); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0); color: #595959; text-decoration: none; -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); }

.open .menu, .open .dropdown-toggle, .dropdown.open .menu, .dropdown.open .dropdown-toggle { color: #fff; background: #ccc; background: rgba(0, 0, 0, 0.3); }
.open .menu-dropdown, .open .dropdown-menu, .dropdown.open .menu-dropdown, .dropdown.open .dropdown-menu { display: block; }

.tabs, .pills { margin: 0 0 20px; padding: 0; list-style: none; zoom: 1; }
.tabs:before, .tabs:after, .pills:before, .pills:after { display: table; content: ""; zoom: 1; *display: inline; }
.tabs:after, .pills:after { clear: both; }
.tabs > li, .pills > li { float: left; }
.tabs > li > a, .pills > li > a { display: block; }

.tabs { float: left; width: 100%; border-bottom: 1px solid #ddd; }
.tabs > li { position: relative; top: 1px; }
.tabs > li > a { padding: 0 15px; margin-right: 2px; line-height: 36px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.tabs > li > a:hover { text-decoration: none; background-color: #eee; border-color: #eee #eee #ddd; }
.tabs > li.active > a { color: gray; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; }
.tabs .menu-dropdown, .tabs .dropdown-menu { top: 35px; border-width: 1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.tabs a.menu:after, .tabs .dropdown-toggle:after { border-top-color: #999; margin-top: 15px; margin-left: 5px; }
.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle { border-color: #999; }
.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after { border-top-color: #555; }

.tab-content { clear: both; }

.pills a { margin: 5px 3px 5px 0; padding: 0 15px; text-shadow: 0 1px 1px #fff; line-height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.pills a:hover { background: #5675b2; color: #fff; text-decoration: none; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }
.pills .active a { background: #7992c2; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }

.tab-content > *, .pill-content > * { display: none; }

.tab-content > .active, .pill-content > .active { display: block; }

.breadcrumb { margin: 0 0 18px; padding: 7px 14px; background-color: #f5f5f5; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); background-image: linear-gradient(to bottom, #ffffff, #f5f5f5); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; }
.breadcrumb li { display: inline; text-shadow: 0 1px 0 #fff; }
.breadcrumb .divider { padding: 0 5px; color: #bfbfbf; }
.breadcrumb .active a { color: #595959; }

.hero-unit { background-color: #f5f5f5; margin-bottom: 30px; padding: 60px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; letter-spacing: -1px; }
.hero-unit p { font-size: 18px; font-weight: 200; line-height: 27px; }

footer { margin-top: 17px; padding-top: 17px; border-top: 1px solid #eee; }

.page-header { margin-bottom: 17px; border-bottom: 1px solid #ddd; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.page-header h1 { margin-bottom: 8px; }

.btn.danger, .btn.danger:hover, .btn.error, .btn.error:hover, .btn.success, .btn.success:hover, .btn.info, .btn.info:hover, .alert-message.danger, .alert-message.danger:hover, .alert-message.error, .alert-message.error:hover, .alert-message.success, .alert-message.success:hover, .alert-message.info, .alert-message.info:hover { color: #fff; }
.btn.danger, .btn.error, .alert-message.danger, .alert-message.error { background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); }
.btn.success, .alert-message.success { background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); }
.btn.info, .alert-message.info { background-color: #339bb9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); }

.btn { cursor: pointer; display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, left, color-stop(25%, #ffffff), right); background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; }
.btn:hover { background-position: 0 -15px; color: #333; text-decoration: none; }
.btn:focus { outline: 1px dotted #666; }
.btn.primary { color: #fff; background-color: #0064CD; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #049CDB, #0064CD); background-image: -ms-linear-gradient(top, #049CDB, #0064CD); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049CDB), color-stop(100%, #0064CD)); background-image: -webkit-linear-gradient(top, #049CDB, #0064CD); background-image: -o-linear-gradient(top, #049CDB, #0064CD); background-image: linear-gradient(to bottom, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#049CDB', endColorstr='#0064CD', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #0064CD #0064CD #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); }
.btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn.disabled { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Gradient(enabled = false); filter: alpha(opacity="65"); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn[disabled] { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.Gradient(enabled = false); filter: alpha(opacity="65"); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn.large { font-size: 15px; line-height: normal; padding: 9px 14px 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.btn.small { padding: 7px 9px 7px; font-size: 11px; }

:root .alert-message, :root .btn { border-radius: 0 \0; }

button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { padding: 0; border: 0; }

.close { float: right; color: #000; font-size: 20px; font-weight: bold; line-height: 13.5px; text-shadow: 0 1px 0 white; filter: alpha(opacity="20"); -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; }
.close:hover { color: #000; text-decoration: none; filter: alpha(opacity="40"); -khtml-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; }

.alert-message { position: relative; padding: 7px 15px; margin-bottom: 18px; color: #595959; background-color: #eedc94; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #fceec1, #eedc94); background-image: -ms-linear-gradient(top, #fceec1, #eedc94); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); background-image: -o-linear-gradient(top, #fceec1, #eedc94); background-image: linear-gradient(to bottom, #fceec1, #eedc94); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #eedc94 #eedc94 #e4c652; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); }
.alert-message .close { *margin-top: 3px; /* IE7 spacing */ }
.alert-message h5 { line-height: 18px; }
.alert-message p { margin-bottom: 0; }
.alert-message div { margin-top: 5px; margin-bottom: 2px; line-height: 28px; }
.alert-message .btn { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); }
.alert-message.block-message { background-image: none; background-color: #fdf5d9; filter: progid:DXImageTransform.Microsoft.Gradient(enabled = false); padding: 14px; border-color: #fceec1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.alert-message.block-message ul, .alert-message.block-message p { margin-right: 30px; }
.alert-message.block-message ul { margin-bottom: 0; }
.alert-message.block-message li { color: #595959; }
.alert-message.block-message .alert-actions { margin-top: 5px; }
.alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info { color: #595959; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.alert-message.block-message.error { background-color: #fddfde; border-color: #fbc7c6; }
.alert-message.block-message.success { background-color: #d1eed1; border-color: #bfe7bf; }
.alert-message.block-message.info { background-color: #ddf4fb; border-color: #c6edf9; }

.pagination { height: 36px; margin: 18px 0; }
.pagination ul { float: left; margin: 0; border: 1px solid #ddd; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.pagination li { display: inline; }
.pagination a { float: left; padding: 0 14px; line-height: 34px; border-right: 1px solid; border-right-color: #ddd; border-right-color: rgba(0, 0, 0, 0.15); *border-right-color: #ddd; /* IE6-7 */ text-decoration: none; }
.pagination a:hover, .pagination .active a { background-color: #c7eefe; }
.pagination .disabled a, .pagination .disabled a:hover { background-color: transparent; color: #bfbfbf; }
.pagination .next a { border: 0; }

.well { background-color: #f5f5f5; margin-bottom: 20px; padding: 19px; min-height: 20px; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); }

.modal-backdrop { background-color: #000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; }
.modal-backdrop.fade { opacity: 0; }

.modal-backdrop, .modal-backdrop.fade.in { filter: alpha(opacity="80"); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }

.modal { position: fixed; top: 50%; left: 50%; z-index: 11000; width: 560px; margin: -250px 0 0 -250px; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; /* IE6-7 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }
.modal .close { margin-top: 7px; }
.modal.fade { -webkit-transition: "opacity .3s linear, top .3s ease-out"; -moz-transition: "opacity .3s linear, top .3s ease-out"; -ms-transition: "opacity .3s linear, top .3s ease-out"; -o-transition: "opacity .3s linear, top .3s ease-out"; transition: "opacity .3s linear, top .3s ease-out"; top: -25%; }
.modal.fade.in { top: 50%; }

.modal-header { border-bottom: 1px solid #eee; padding: 5px 15px; }

.modal-body { padding: 15px; }

.modal-footer { background-color: #f5f5f5; padding: 14px 15px 15px; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; zoom: 1; margin-bottom: 0; }
.modal-footer:before, .modal-footer:after { display: table; content: ""; zoom: 1; *display: inline; }
.modal-footer:after { clear: both; }
.modal-footer .btn { float: right; margin-left: 5px; }

.twipsy { display: block; position: absolute; visibility: visible; padding: 5px; font-size: 11px; z-index: 1000; filter: alpha(opacity="80"); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.twipsy.fade.in { filter: alpha(opacity="80"); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.twipsy.above .twipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; }
.twipsy.left .twipsy-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; }
.twipsy.below .twipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; }
.twipsy.right .twipsy-arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; }

.twipsy-inner { padding: 3px 8px; background-color: #000; color: white; text-align: center; max-width: 200px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.twipsy-arrow { position: absolute; width: 0; height: 0; }

.popover { position: absolute; top: 0; left: 0; z-index: 1000; padding: 5px; display: none; }
.popover.above .arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; }
.popover.right .arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; }
.popover.below .arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; }
.popover.left .arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; }
.popover .arrow { position: absolute; width: 0; height: 0; }
.popover .inner { background-color: #000; background-color: rgba(0, 0, 0, 0.8); padding: 3px; overflow: hidden; width: 280px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }
.popover .title { background-color: #f5f5f5; padding: 9px 15px; line-height: 1; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border-bottom: 1px solid #eee; }
.popover .content { background-color: #fff; padding: 14px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; }
.popover .content p, .popover .content ul, .popover .content ol { margin-bottom: 0; }

.fade { -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; opacity: 0; }
.fade.in { opacity: 1; }

.label { padding: 1px 3px 2px; background-color: #bfbfbf; font-size: 9.75px; font-weight: bold; color: #fff; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.label.important { background-color: #c43c35; }
.label.warning { background-color: #f89406; }
.label.success { background-color: #46a546; }
.label.notice { background-color: #62cffc; }

.media-grid { margin-left: -20px; margin-bottom: 0; zoom: 1; }
.media-grid:before, .media-grid:after { display: table; content: ""; zoom: 1; *display: inline; }
.media-grid:after { clear: both; }
.media-grid li { display: inline; }
.media-grid a { float: left; padding: 4px; margin: 0 0 20px 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); }
.media-grid a img { display: block; }
.media-grid a:hover { border-color: #7992c2; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); }

.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; }

.fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; }

.fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe { position: absolute; width: 100%; height: 100%; top: 0; right: 0; left: 0; bottom: 0; }

.fotorama--fullscreen, .fotorama__img { max-width: 99999px !important; max-height: 99999px !important; min-width: 0 !important; min-height: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; }

.fotorama__wrap .fotorama__grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }

.fotorama__grabbing * { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }

.fotorama__spinner { position: absolute !important; top: 50% !important; left: 50% !important; }

.fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.fotorama__caption { -webkit-transform: translateZ(0); transform: translateZ(0); }

.fotorama__nav:after, .fotorama__nav:before { -webkit-transform: translateZ(0); transform: translateZ(0); }

.fotorama__stage:after, .fotorama__stage:before { -webkit-transform: translateZ(0); transform: translateZ(0); }

.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner { -webkit-transform: translateZ(0); transform: translateZ(0); }
.fotorama__wrap--css3 .fotorama__stage { -webkit-transform: translateZ(0); transform: translateZ(0); }
.fotorama__wrap--css3 .fotorama__stage .fotorama__img { -webkit-transform: translateZ(0); transform: translateZ(0); }
.fotorama__wrap--css3 .fotorama__stage__frame { -webkit-transform: translateZ(0); transform: translateZ(0); }

.fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame { outline: 0; }

.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after { content: ''; border-radius: inherit; background-color: rgba(0, 175, 234, 0.5); }

.fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after { content: ''; border-radius: inherit; background-color: rgba(0, 175, 234, 0.5); }

.fotorama__wrap--video .fotorama__stage { -webkit-transform: none !important; transform: none !important; }
.fotorama__wrap--video .fotorama__stage__frame--video { -webkit-transform: none !important; transform: none !important; }
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -webkit-transform: none !important; transform: none !important; }
.fotorama__wrap--video .fotorama__stage__shaft { -webkit-transform: none !important; transform: none !important; }

.fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border { transition-property: -webkit-transform,width; transition-property: transform,width; transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1); transition-duration: 0ms; }

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fotorama__select { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

.fotorama__nav, .fotorama__nav__frame { margin: auto; padding: 0; }

.fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft { -moz-box-orient: vertical; display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }

.fotorama__nav__frame, .fotorama__thumb-border { box-sizing: content-box; }

.fotorama__caption__wrap { box-sizing: border-box; }

.fotorama--hidden, .fotorama__load { position: absolute; left: -99999px; top: -99999px; z-index: -1; }

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play { -webkit-tap-highlight-color: transparent; }

.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { background: url(../images/fotorama.png) no-repeat; }

.fotorama__thumb { background-color: #7f7f7f; background-color: rgba(127, 127, 127, 0.2); }
.fotorama { min-width: 1px; overflow: hidden; }
.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) { display: none; }

.fullscreen { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #000; }

.fotorama--fullscreen { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; float: none !important; z-index: 2147483647 !important; background: #000; width: 100% !important; height: 100% !important; margin: 0 !important; }
.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage { background: #000; }

.fotorama__wrap { -webkit-text-size-adjust: 100%; position: relative; direction: ltr; z-index: 0; }

.fotorama__wrap--rtl .fotorama__stage__frame { direction: rtl; }

.fotorama__nav, .fotorama__stage { overflow: hidden; position: relative; max-width: 100%; }

.fotorama__wrap--pan-y { -ms-touch-action: pan-y; }

.fotorama__wrap .fotorama__pointer { cursor: pointer; }

.fotorama__wrap--slide .fotorama__stage__frame { opacity: 1 !important; }

.fotorama__stage__frame { overflow: hidden; }
.fotorama__stage__frame.fotorama__active { z-index: 8; }

.fotorama__wrap--fade .fotorama__stage__frame { display: none; }
.fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active { display: block; left: 0; top: 0; }
.fotorama__wrap--fade .fotorama__fade-front { z-index: 8; }
.fotorama__wrap--fade .fotorama__fade-rear { z-index: 7; }
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active { z-index: 9; }
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow { display: none; }

.fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border: none !important; }

.fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img { -ms-filter: "alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full { display: none; }

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full { display: block; }

.fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage { max-width: 99999px !important; }
.fotorama__wrap--only-active .fotorama__stage__frame { visibility: hidden; }
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active { visibility: visible; }

.fotorama__nav { font-size: 0; line-height: 0; text-align: center; display: none; white-space: nowrap; z-index: 5; }

.fotorama__nav__shaft { position: relative; left: 0; top: 0; text-align: left; }

.fotorama__nav__frame { position: relative; cursor: pointer; }

.fotorama__nav--dots { display: block; }
.fotorama__nav--dots .fotorama__nav__frame { width: 18px; height: 30px; }
.fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border { display: none; }

.fotorama__nav--thumbs { display: block; }
.fotorama__nav--thumbs .fotorama__nav__frame { padding-left: 0 !important; }
.fotorama__nav--thumbs .fotorama__nav__frame:last-child { padding-right: 0 !important; }
.fotorama__nav--thumbs .fotorama__nav__frame--dot { display: none; }

.fotorama__dot { display: block; width: 4px; height: 4px; position: relative; top: 12px; left: 6px; border-radius: 6px; border: 1px solid #7f7f7f; }

.fotorama__nav__frame:focus .fotorama__dot:after { padding: 1px; top: -1px; left: -1px; }
.fotorama__nav__frame.fotorama__active .fotorama__dot { width: 0; height: 0; border-width: 3px; }
.fotorama__nav__frame.fotorama__active .fotorama__dot:after { padding: 3px; top: -3px; left: -3px; }

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

.fotorama__nav__frame:focus .fotorama__thumb { z-index: 2; }

.fotorama__thumb-border { position: absolute; z-index: 9; top: 0; left: 0; border-style: solid; border-color: #00afea; background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1)); }

.fotorama__caption { position: absolute; z-index: 12; bottom: 0; left: 0; right: 0; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: 14px; line-height: 1.5; color: #000; }
.fotorama__caption a { text-decoration: none; color: #000; border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.5); }
.fotorama__caption a:hover { color: #333; border-color: rgba(51, 51, 51, 0.5); }

.fotorama__wrap--rtl .fotorama__caption { left: auto; right: 0; }

.fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption { display: none; }

.fotorama__caption__wrap { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); padding: 5px 10px; }

@-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spinner { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.fotorama__wrap--css3 .fotorama__spinner { -webkit-animation: spinner 24s infinite linear; animation: spinner 24s infinite linear; }
.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img { transition-property: opacity; transition-timing-function: linear; transition-duration: .3s; }

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img { -ms-filter: "alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }

.fotorama__select { cursor: auto; }

.fotorama__video { top: 32px; right: 0; bottom: 0; left: 0; position: absolute; z-index: 10; }

@-moz-document url-prefix() { .fotorama__active { box-shadow: 0 0 0 transparent; } }
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play { position: absolute; z-index: 11; cursor: pointer; }

.fotorama__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px; }

.fotorama__arr--prev { left: 2px; background-position: 0 0; }

.fotorama__arr--next { right: 2px; background-position: -32px 0; }

.fotorama__arr--disabled { pointer-events: none; cursor: default; *display: none; opacity: .1; }

.fotorama__fullscreen-icon { width: 32px; height: 32px; top: 2px; right: 2px; background-position: 0 -32px; z-index: 20; }

.fotorama__arr:focus, .fotorama__fullscreen-icon:focus { border-radius: 50%; }

.fotorama--fullscreen .fotorama__fullscreen-icon { background-position: -32px -32px; }

.fotorama__video-play { width: 96px; height: 96px; left: 50%; top: 50%; margin-left: -48px; margin-top: -48px; background-position: 0 -64px; opacity: 0; }

.fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play { display: none; }

.fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play { opacity: 1; display: block; }

.fotorama__nav__frame .fotorama__video-play { opacity: 1; display: block; width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background-position: -64px -32px; }

.fotorama__video-close { width: 32px; height: 32px; top: 0; right: 0; background-position: -64px 0; z-index: 20; opacity: 0; }

.fotorama__wrap--css2 .fotorama__video-close { display: none; }

.fotorama__wrap--css3 .fotorama__video-close { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0); }

.fotorama__wrap--video .fotorama__video-close { display: block; opacity: 1; }

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { opacity: 0; }
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { opacity: 1; }

.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon { opacity: 0 !important; }

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon { display: none; }
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus { display: block; }
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon { display: none !important; }

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { -webkit-transform: translate3d(32px, -32px, 0); transform: translate3d(32px, -32px, 0); }
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { -webkit-transform: translate3d(-48px, 0, 0); transform: translate3d(-48px, 0, 0); }
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { -webkit-transform: translate3d(48px, 0, 0); transform: translate3d(48px, 0, 0); }
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon { -webkit-transform: translate3d(32px, -32px, 0) !important; transform: translate3d(32px, -32px, 0) !important; }
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev { -webkit-transform: translate3d(-48px, 0, 0) !important; transform: translate3d(-48px, 0, 0) !important; }
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next { -webkit-transform: translate3d(48px, 0, 0) !important; transform: translate3d(48px, 0, 0) !important; }
.fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) { transition-property: -webkit-transform,opacity; transition-property: transform,opacity; transition-duration: .3s; }

.fotorama__nav:after, .fotorama__nav:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; background-size: 1px 100%,5px 100%; }

.fotorama__stage:after, .fotorama__stage:before { content: ""; display: block; position: absolute; text-decoration: none; top: 0; bottom: 0; width: 10px; height: auto; z-index: 10; pointer-events: none; background-repeat: no-repeat; background-size: 1px 100%,5px 100%; }

.fotorama__nav:before, .fotorama__stage:before { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); background-position: 0 0,0 0; left: -10px; }

.fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before { left: 0; }

.fotorama__nav:after, .fotorama__stage:after { background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)); background-position: 100% 0,100% 0; right: -10px; }

.fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after { right: 0; }

.fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before { display: none; }
.fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before { display: none; }

.fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before { display: none; }

.fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before { display: none; }
.fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before { display: none; }

html { font-size: 81.25%; line-height: 1.53846em; }

@font-face { font-family: 'VWText'; font-style: normal; font-weight: 400; src: local("VWText"), local("VWText"), url("../fonts/VWText.eot?#iefix") format("embedded-opentype"), url("../fonts/VWText.woff") format("woff"); }
@font-face { font-family: 'VWText-Bold'; font-style: normal; font-weight: 400; src: local("VWText-Bold"), local("VWText-Bold"), url("../fonts/VWText-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/VWText-Bold.woff") format("woff"); }
@font-face { font-family: 'VWHead'; font-style: normal; font-weight: 400; src: local("VWHead"), local("VWHead"), url("../fonts/VWHead.eot?#iefix") format("embedded-opentype"), url("../fonts/VWHead.woff") format("woff"); }
@font-face { font-family: 'VWHead-Bold'; font-style: normal; font-weight: 400; src: local("VWHead-Bold"), local("VWHead-Bold"), url("../fonts/VWHead-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/VWHead-Bold.woff") format("woff"); }
html, body { background-color: #fff; }

body { color: #33434C; }

.hide { display: none; }

.show { display: block; }

a { color: #7992c2; text-decoration: none; line-height: inherit; font-weight: inherit; }
a:hover { color: #5675b2; text-decoration: underline; }

.pull-right { float: right; }

.pull-left { float: left; }

/* Headings */
h1 { font-size: 3.69231em; line-height: 1.25em; font-weight: normal; font-family: "VWHead", Arial, Helvetica, sans-serif; hyphens: auto; overflow-wrap: break-word; word-wrap: break-word; }
h1 strong { font-family: "VWHead-Bold", Arial, Helvetica, sans-serif; }
h2 { font-size: 2.76923em; line-height: 1.11111em; font-weight: normal; font-family: "VWHead", Arial, Helvetica, sans-serif; word-break: break-word; }
h2 strong { font-family: "VWHead-Bold", Arial, Helvetica, sans-serif; }

h3 { font-size: 1.84615em; line-height: 1.66667em; font-weight: normal; font-family: "VWHead", Arial, Helvetica, sans-serif; word-break: break-word; }
h3 strong { font-family: "VWHead-Bold", Arial, Helvetica, sans-serif; }

h4 { font-size: 1.53846em; line-height: 2em; font-weight: normal; font-family: "VWHead", Arial, Helvetica, sans-serif; word-break: break-word; }
h4 strong { font-family: "VWHead-Bold", Arial, Helvetica, sans-serif; }

h5 { font-size: 1.38462em; line-height: 2.22222em; font-weight: normal; font-family: "VWHead", Arial, Helvetica, sans-serif; word-break: break-word; }
h5 strong { font-family: "VWHead-Bold", Arial, Helvetica, sans-serif; }

h6 { font-size: 1.07692em; line-height: 1.42857em; font-weight: normal; font-family: "VWHead", Arial, Helvetica, sans-serif; word-break: break-word; }
h6 strong { font-family: "VWHead-Bold", Arial, Helvetica, sans-serif; }

p { margin: 0 0 1em 0; }

img { width: 100%; }

body { font-family: "VWText", Arial, Helvetica, sans-serif; padding: 0 10px; }

.body { max-width: 1600px; margin-left: auto; margin-right: auto; }
.body:after { content: " "; display: block; clear: both; }

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

li, input { color: #595959; }

.navigation { box-sizing: border-box; width: 100%; float: left; margin-left: 0; margin-right: 0; padding-left: 32px; padding-right: 32px; padding-left: 2vw; padding-right: 2vw; background-color: #dee1e3; }.navigation .nav { list-style: none; display: table; margin-left: 5%; width: 90%; }.navigation .nav > li { display: table-cell; padding: 5px 0; text-align: center; position: relative; width: 16.66667%; }
.navigation .nav > li.deeper:hover > a::after { border: 12px solid transparent; bottom: 3px; box-sizing: border-box; content: ''; left: 50%; position: absolute; border: 12px solid transparent; border-bottom-color: #FFFFFF; -moz-transform: translateX(-50%) scaleX(8); -ms-transform: translateX(-50%) scaleX(8); -webkit-transform: translateX(-50%) scaleX(8); transform: translateX(-50%) scaleX(8); }
.navigation .nav > li > a:hover { text-decoration: none; }
.navigation .nav.nh-top-menu > li { width: 14.28571%; }
.navigation .nav a { color: #595959; font-size: 15px; }
.navigation .nav a:hover { color: #7992c2; }
.navigation .nav .active a { background-color: inherit; }
.navigation .nav .nav-child { background-color: #dee1e3; display: none; }
.navigation .nav .deeper { position: relative; }
.navigation .nav .deeper:hover > .nav-child { background: #fff; bottom: -3px; border: 1px solid #dee1e3; display: block; position: absolute; text-align: left; transform: translateY(100%); width: 100%; z-index: 1; }
.navigation .nav .deeper:hover > .nav-child::before { background-color: #FFFFFF; content: ''; position: absolute; left: 0; top: -4px; height: 3px; width: 100%; }

.pull-right { float: right; }

.pull-left { float: left; }

@-ms-viewport { width: device-width; }
.moduletable { zoom: 1; }
.moduletable:before, .moduletable:after { display: table; content: ""; zoom: 1; *display: inline; }
.moduletable:after { clear: both; }

.invalid { border-color: #c43c35; }

.alert-message { color: #FFFFFF; }

.navbar { display: none; }

.page-header { border-bottom: none; }

#comments-footer { display: none; }

#content { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 20px; }
#content .item-page { width: 100%; float: left; margin-left: 0; margin-right: 0; }
#content .locations { width: 100%; float: left; margin-left: 0; margin-right: 0; }
#content .locations .location { position: relative; width: 46.86393%; float: left; margin-right: 0.02084%; }#content .locations .location:last-of-type { float: right; margin-right: 0; }
#content .locations .location a { display: block; }
#content .locations .location a img { width: 100%; }
#content .locations .location ul { cursor: pointer; display: table; position: absolute; bottom: 0; margin: 0; width: 100%; }
#content .locations .location ul li { display: table-cell; text-align: center; width: 33.33333%; box-sizing: border-box; padding: 0 10px; vertical-align: middle; }
#content .locations .location ul li p { text-transform: uppercase; margin: 0; font-size: 18px; }
#content .locations .location ul li.loc-service img { max-width: 184px; }

.logo-bar { box-sizing: border-box; position: absolute; z-index: 1; width: 100%; background-color: rgba(255, 255, 255, 0.6); padding: 20px; }
.logo-bar::after { -webkit-box-shadow: 0 15px 10px -10px rgba(134, 134, 134, 0.7) inset; -moz-box-shadow: 0 15px 10px -10px rgba(134, 134, 134, 0.7) inset; -ms-box-shadow: 0 15px 10px -10px rgba(134, 134, 134, 0.7) inset; -o-box-shadow: 0 15px 10px -10px rgba(134, 134, 134, 0.7) inset; box-shadow: 0 15px 10px -10px rgba(134, 134, 134, 0.7) inset; content: ''; position: absolute; left: 0; bottom: -15px; height: 15px; width: 100%; }
.logo-bar .customffo { display: table; width: 100%; }
.logo-bar .customffo > div { display: table-cell; vertical-align: middle; width: 33.33333%; }
.logo-bar .customffo > div.phone { text-align: center; }
.logo-bar .customffo > div.phone img { max-width: 171px; }
.logo-bar .customffo > div.logo { padding: 0 10px; text-align: center; }
.logo-bar .customffo > div.logo img { max-width: 423px; }
.logo-bar .customffo > div.brands { text-align: right; }
.logo-bar .customffo > div.brands img { max-width: 184px; }
.logo-bar .customnh { display: table; width: 100%; }
.logo-bar .customnh > div { display: table-cell; vertical-align: middle; width: 33.33333%; }
.logo-bar .customnh > div.phone { text-align: center; }
.logo-bar .customnh > div.phone img { max-width: 168px; }
.logo-bar .customnh > div.logo { padding: 0 10px; text-align: center; }
.logo-bar .customnh > div.logo img { max-width: 436px; }
.logo-bar .customnh > div.brands { text-align: right; }
.logo-bar .customnh > div.brands img { max-width: 180px; }

.mobile-menu { position: relative; }.mobile-menu .menu-icon { display: none; position: absolute; width: 25px; left: 0; top: 7px; }.mobile-menu .menu-icon > div { background: #595959; float: left; height: 3px; margin: 4px 0 0; width: 25px; }
.mobile-menu #nav { margin-bottom: 0; }

#nav { background-color: #dee1e3; box-sizing: border-box; color: #FFFFFF; display: none; font-size: 16px; font-weight: normal; height: 40px; max-width: 1160px; position: relative; text-align: left; width: 100%; z-index: 21; width: 100%; float: left; margin-left: 0; margin-right: 0; list-style: none; margin: 0; padding: 0; }#nav li { position: relative; }
#nav .first a.level-top, #nav > li:first-child > a { color: #595959; text-transform: uppercase; line-height: 21px; font-size: 18px; }
#nav > li:first-child > a.level-top { background: #dee1e3; }
#nav .toggle:hover { border: none; }
#nav .toggle.active { background-position: 3px -29px; }
#nav ul li { font-weight: normal; }
#nav a { display: block; text-decoration: none; border-top: 1px solid #caccd2; padding: 9px 12px 10px 8px; color: #555; }
#nav a:hover { color: #000; text-decoration: none; }
#nav span { display: block; cursor: pointer; white-space: nowrap; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav ul.level0 { -webkit-border-left: 1px solid #BEBEBE; -moz-border-left: 1px solid #BEBEBE; -ms-border-left: 1px solid #BEBEBE; -o-border-left: 1px solid #BEBEBE; border-left: 1px solid #BEBEBE; -webkit-border-right: 1px solid #BEBEBE; -moz-border-right: 1px solid #BEBEBE; -ms-border-right: 1px solid #BEBEBE; -o-border-right: 1px solid #BEBEBE; border-right: 1px solid #BEBEBE; -webkit-border-bottom: 1px solid #BEBEBE; -moz-border-bottom: 1px solid #BEBEBE; -ms-border-bottom: 1px solid #BEBEBE; -o-border-bottom: 1px solid #BEBEBE; border-bottom: 1px solid #BEBEBE; position: absolute; width: 100%; }
#nav ul > li.nav-1 > a { border-top: none; }
#nav li ul span { white-space: normal; }
#nav li.active a { color: #33434C; }
#nav a.level-top { border-top: medium none; }
#nav .level0 li { background: #dee1e3; }
#nav .level1 li { background: #dee1e3; }
#nav .level1 li a { padding-left: 20px; }
#nav .level3 li a { padding-left: 40px; }
#nav .level4 li a { padding-left: 60px; }
#nav .level5 li a { padding-left: 80px; }

.contact-form > h2 { line-height: 20px; font-size: 20px; text-transform: uppercase; }
.contact-form > p { margin-top: 10px; font-size: 18px; }
.contact-form fieldset { padding-top: 5px; margin-bottom: 5px; }
.contact-form input { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-border: 1px solid #7992c2; -moz-border: 1px solid #7992c2; -ms-border: 1px solid #7992c2; -o-border: 1px solid #7992c2; border: 1px solid #7992c2; box-sizing: border-box; height: 30px; margin-bottom: 10px; width: 100%; }
.contact-form textarea { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-border: 1px solid #7992c2; -moz-border: 1px solid #7992c2; -ms-border: 1px solid #7992c2; -o-border: 1px solid #7992c2; border: 1px solid #7992c2; box-sizing: border-box; height: 100px; width: 100%; }
.contact-form .controls .btn-primary { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-border: 1px solid #7992c2; -moz-border: 1px solid #7992c2; -ms-border: 1px solid #7992c2; -o-border: 1px solid #7992c2; border: 1px solid #7992c2; background-image: none; background-color: #33434C; color: #FFF; float: right; }

.oeffnungszeiten div.map { background-size: 100% 100% !important; padding-top: 100%; position: relative; }
.oeffnungszeiten div.map > * { left: 0; position: absolute; top: 0; }
.oeffnungszeiten div.map iframe { border: 1px solid #dee1e3; height: 100%; width: 100%; }
.oeffnungszeiten > div:first-of-type { margin-bottom: 20px; }

.cols-2 { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 20px; margin-bottom: 20px; }
.cols-2 > div { width: 47.05882%; float: left; margin-right: 5.88235%; }.cols-2 > div:last-of-type { float: right; margin-right: 0; }
.cols-3-2-1 { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 20px; margin-bottom: 20px; }
.cols-3-2-1 > div:first-of-type { width: 64.70588%; float: left; margin-right: 5.88235%; }.cols-3-2-1 > div:last-of-type { width: 29.41176%; float: left; margin-right: 5.88235%; float: right; margin-right: 0; }
.cols-3 { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.cols-3.banners { margin-top: 10px; }
.cols-3.banners img { width: 100%; }
.cols-3 > div { width: 32.39437%; float: left; margin-right: 1.40845%; }.cols-3 > div:last-of-type { float: right; margin-right: 0; }
#system-message-container { width: 100%; float: left; margin-left: 0; margin-right: 0; }
#system-message-container h4 { display: none; }
#system-message-container .close { cursor: pointer; }

.header { width: 100%; float: left; margin-left: 0; margin-right: 0; position: relative; }
.header .header-inner { zoom: 1; width: 100%; float: left; margin-left: 0; margin-right: 0; }
.header .header-inner:before, .header .header-inner:after { display: table; content: ""; zoom: 1; *display: inline; }
.header .header-inner:after { clear: both; }
.header .header-inner .logo-banner { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.header .header-inner .language { position: absolute; right: 10px; top: 10px; }
.header .header-inner .language img { width: 30px; }

.banner-slider { background-size: 100% 100% !important; padding-top: 43.75%; position: relative; }
.banner-slider > * { left: 0; position: absolute; top: 0; }
.banner-slider .slider { overflow: hidden; height: 100%; width: 100%; }
.banner-slider .slider ul { height: 100%; overflow: hidden; position: absolute; width: 100%; list-style: none; margin: 0; padding: 0; }
.banner-slider .slider ul li { cursor: pointer; float: left; position: relative; text-align: center; width: 100%; list-style: none; margin: 0; padding: 0; background-size: 100% 100% !important; padding-top: 43.75%; position: relative; }
.banner-slider .slider ul li > * { left: 0; position: absolute; top: 0; }
.banner-slider .slider ul li img { width: 100%; }

.firmenentwicklung-slider { background-size: 100% 100% !important; padding-top: 69.85392%; position: relative; }
.firmenentwicklung-slider > * { left: 0; position: absolute; top: 0; }
.firmenentwicklung-slider .slider { overflow: hidden; height: 100%; width: 100%; }
.firmenentwicklung-slider .slider ul { height: 100%; overflow: hidden; position: absolute; width: 100%; list-style: none; margin: 0; padding: 0; }
.firmenentwicklung-slider .slider ul li { cursor: pointer; float: left; position: relative; text-align: center; width: 100%; list-style: none; margin: 0; padding: 0; background-size: 100% 100% !important; padding-top: 69.85392%; position: relative; }
.firmenentwicklung-slider .slider ul li > * { left: 0; position: absolute; top: 0; }
.firmenentwicklung-slider .slider ul li img { width: 100%; }

.tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); }
.tooltip.in { opacity: 0.8; filter: alpha(opacity=80); }
.tooltip.top { margin-top: -3px; padding: 5px 0; }
.tooltip.right { margin-left: 3px; padding: 0 5px; }
.tooltip.bottom { margin-top: 3px; padding: 5px 0; }
.tooltip.left { margin-left: -3px; padding: 0 5px; }

.tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }
.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }

.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.popover-title:empty { display: none; }

.popover-content { padding: 9px 14px; }

.popover .arrow { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 11px; }
.popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 10px; content: ""; }
.popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }
.popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; }
.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; }
.popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }
.popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; }

.error { position: relative; padding: 7px 15px; margin-bottom: 18px; color: #fff; background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); }

.alert { position: relative; padding: 7px 15px; margin-bottom: 18px; color: #595959; background-color: #eedc94; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #fceec1, #eedc94); background-image: -ms-linear-gradient(top, #fceec1, #eedc94); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); background-image: -o-linear-gradient(top, #fceec1, #eedc94); background-image: linear-gradient(to bottom, #fceec1, #eedc94); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #eedc94 #eedc94 #e4c652; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); border-width: 1px; border-style: solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); }
.alert .close { *margin-top: 3px; /* IE7 spacing */ }
.alert h5 { line-height: 18px; }
.alert p { margin-bottom: 0; }
.alert div { margin-top: 5px; margin-bottom: 2px; line-height: 28px; }
.alert .btn { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); }
.alert .alert-message { background: none; border: none; box-shadow: none; padding: 0; margin-right: 20px; }
.alert.block-message { background-image: none; background-color: #fdf5d9; filter: progid:DXImageTransform.Microsoft.Gradient(enabled = false); padding: 14px; border-color: #fceec1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.alert.block-message ul, .alert.block-message p { margin-right: 30px; }
.alert.block-message ul { margin-bottom: 0; }
.alert.block-message li { color: #595959; }
.alert.block-message .alert-actions { margin-top: 5px; }
.alert.block-message.error, .alert.block-message.success, .alert.block-message.info { color: #595959; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.alert.block-message.error { background-color: #fddfde; border-color: #fbc7c6; }
.alert.block-message.success { background-color: #d1eed1; border-color: #bfe7bf; }
.alert.block-message.info { background-color: #ddf4fb; border-color: #c6edf9; }
.alert.alert-danger, .alert.alert-danger:hover, .alert.alert-error, .alert.alert-error:hover, .alert.alert-success, .alert.alert-success:hover, .alert.alert-info, .alert.alert-info:hover { color: #fff; }
.alert.alert-danger, .alert.alert-error { background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); }
.alert.alert-success { background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); }
.alert.alert-info { background-color: #339bb9; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, left, right); background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #339bb9 #339bb9 #22697d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); }

.icons-sprite, .icons-airbag, .icons-antrieb, .icons-car-badge, .icons-check, .hol-bring ul > li::before, .hu-au .au-checklist ul > li::before, .reifen .checklist > li::before, .fahrrad .checklist > li::before, .icons-checkheft, .icons-driving-guidelines, .icons-erstzulassung, .icons-fahrzeugart, .icons-fax, .content-contact .contact-col.contact ul li.fax::before, .icons-garantie, .icons-getriebeart, .icons-header-phone, .icons-hu, .icons-kilometer, .icons-leistung, .icons-mail, .content-contact .contact-col.contact ul li.email::before, .icons-phone-sos, .content-contact .contact-col.contact ul li.phone-sos::before, .icons-phone, .content-contact .contact-col.contact ul li.phone::before, .icons-polster, .icons-sitzheizung, .icons-treibstoff, .icons-verbrauch, .icons-verfuegbar, .icons-vorbesitzer { background-image: url('../images/icons.png'); background-repeat: no-repeat; }

.icons-airbag { background-position: 0 -853px; height: 50px; width: 50px; }

.icons-antrieb { background-position: 0 -153px; height: 50px; width: 50px; }

.icons-car-badge { background-position: 0 -63px; height: 45px; width: 45px; }

.icons-check, .hol-bring ul > li::before, .hu-au .au-checklist ul > li::before, .reifen .checklist > li::before, .fahrrad .checklist > li::before { background-position: 0 -34px; height: 29px; width: 39px; }

.icons-checkheft { background-position: 0 -403px; height: 50px; width: 50px; }

.icons-driving-guidelines { background-position: 0 -453px; height: 50px; width: 50px; }

.icons-erstzulassung { background-position: 0 -353px; height: 50px; width: 50px; }

.icons-fahrzeugart { background-position: 0 -603px; height: 50px; width: 50px; }

.icons-fax, .content-contact .contact-col.contact ul li.fax::before { background-position: 0 -17px; height: 17px; width: 20px; }

.icons-garantie { background-position: 0 -553px; height: 50px; width: 50px; }

.icons-getriebeart { background-position: 0 -703px; height: 50px; width: 50px; }

.icons-header-phone { background-position: 0 -108px; height: 45px; width: 34px; }

.icons-hu { background-position: 0 -903px; height: 50px; width: 50px; }

.icons-kilometer { background-position: 0 -203px; height: 50px; width: 50px; }

.icons-leistung { background-position: 0 -753px; height: 50px; width: 50px; }

.icons-mail, .content-contact .contact-col.contact ul li.email::before { background-position: -33px 0; height: 17px; width: 16px; }

.icons-phone-sos, .content-contact .contact-col.contact ul li.phone-sos::before { background-position: 0 0; height: 17px; width: 33px; }

.icons-phone, .content-contact .contact-col.contact ul li.phone::before { background-position: -20px -17px; height: 14px; width: 14px; }

.icons-polster { background-position: 0 -303px; height: 50px; width: 50px; }

.icons-sitzheizung { background-position: 0 -803px; height: 50px; width: 50px; }

.icons-treibstoff { background-position: 0 -653px; height: 50px; width: 50px; }

.icons-verbrauch { background-position: 0 -503px; height: 50px; width: 50px; }

.icons-verfuegbar { background-position: 0 -953px; height: 50px; width: 50px; }

.icons-vorbesitzer { background-position: 0 -253px; height: 50px; width: 50px; }

.content-contact { display: table; margin-top: 30px; margin-bottom: 20px; width: 100%; -webkit-border-top: 1px solid #33434C; -moz-border-top: 1px solid #33434C; -ms-border-top: 1px solid #33434C; -o-border-top: 1px solid #33434C; border-top: 1px solid #33434C; -webkit-border-bottom: 1px solid #33434C; -moz-border-bottom: 1px solid #33434C; -ms-border-bottom: 1px solid #33434C; -o-border-bottom: 1px solid #33434C; border-bottom: 1px solid #33434C; padding-top: 24px; padding-bottom: 24px; padding-top: 1.5vw; padding-bottom: 1.5vw; }.content-contact.ff-de .contact-col, .content-contact.ff-pl .contact-col { width: 20%; }.content-contact.nh-de .contact-col, .content-contact.nh-pl .contact-col { width: 16.66667%; }.content-contact .contact-col { display: table-cell; -webkit-border-right: 1px solid #33434C; -moz-border-right: 1px solid #33434C; -ms-border-right: 1px solid #33434C; -o-border-right: 1px solid #33434C; border-right: 1px solid #33434C; padding-left: 34px; padding-right: 34px; padding-left: 2.1vw; padding-right: 2.1vw; box-sizing: border-box; text-transform: uppercase; }.content-contact .contact-col:last-of-type { -webkit-border-right: none; -moz-border-right: none; -ms-border-right: none; -o-border-right: none; border-right: none; -webkit-border-bottom: none; -moz-border-bottom: none; -ms-border-bottom: none; -o-border-bottom: none; border-bottom: none; padding-bottom: 0; }
.content-contact .contact-col .col-head { margin-bottom: 20px; }
.content-contact .contact-col .col-head > * { display: block; font-family: "VWText-Bold", Arial, Helvetica, sans-serif; font-weight: bold; }
.content-contact .contact-col .col-head .small { font-size: 10px; font-family: "VWText", Arial, Helvetica, sans-serif; font-weight: normal; }
.content-contact .contact-col .change-loc { display: inline-block; margin-top: 10px; text-transform: none; }
.content-contact .contact-col.contact ul { list-style: none; margin: 0; padding: 0; }
.content-contact .contact-col.contact ul li { font-size: 13px; position: relative; padding-left: 40px; margin-bottom: 9px; }
.content-contact .contact-col.contact ul li.phone::before { content: ''; position: absolute; left: 0; top: 2px; }
.content-contact .contact-col.contact ul li.fax::before { content: ''; position: absolute; left: 0; top: 0; }
.content-contact .contact-col.contact ul li.phone-sos::before { content: ''; position: absolute; left: 0; top: 0; }
.content-contact .contact-col.contact ul li.email { font-size: 11px; text-transform: none; }
.content-contact .contact-col.contact ul li.email::before { content: ''; position: absolute; left: 0; top: 2px; }
.content-contact .contact-col.times .col-content > div { margin-bottom: 10px; }
.content-contact .contact-col.times .col-content .small { font-size: 10px; }
.content-contact .contact-col.times .col-content span { display: block; }

.team { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.team h2 { float: left; margin: 0 0 20px; }
.team ul { list-style: none; margin: 0; padding: 0; float: left; width: 100%; }
.team ul > li { margin-bottom: 2.85714%; }.team ul > li img { max-width: 167px; margin-bottom: 10px; }
.team ul > li p { font-size: 13px; margin: 0; }
.team ul > li .name { font-size: 14px; font-weight: bold; }
.team ul > li .pos { font-size: 11px; }

.com_contact .contact-form .control-group { display: table; width: 100%; }
.com_contact .contact-form .control-group > * { display: table-cell; }
.com_contact .contact-form .control-group .control-label { width: 150px; }
.com_contact .contact-form .control-group .controls > * { width: 100%; }
.com_contact .contact-form .control-group .controls .btn-primary { float: right; width: 200px; }
.com_contact .contact-form .control-group.captcha img { width: 140px; }
.com_contact .contact-form .control-group.captcha input { width: 140px; }

.career-checklist { list-style: none; margin: 0; padding: 0; display: block; margin: 30px 0; }
.career-checklist > li { font-size: 24px; line-height: 22px; padding: 9px 0 25px 60px; position: relative; }
.career-checklist > li::before { content: ''; background-image: url("/images/ffo/karriere/karriere_check.png"); width: 52px; height: 38px; position: absolute; left: 0; top: 2px; }

.fahrzeugaufbereitung .image { position: relative; }
.fahrzeugaufbereitung .image > .description { bottom: 0; box-sizing: border-box; position: absolute; background-color: rgba(255, 255, 255, 0.8); height: 80px; padding: 11px 0 0 15px; width: 100%; }
.fahrzeugaufbereitung .image > .description p { color: #595959; margin: 0; font-size: 20px; line-height: 26px; text-transform: uppercase; }
.fahrzeugaufbereitung .image > .description p:first-of-type { font-weight: bold; }
.fahrzeugaufbereitung .contact-form { margin-left: 35.29412%; width: 64.70588%; float: left; margin-right: 5.88235%; }.fahrzeugaufbereitung.packs > ul { list-style: none; margin: 0; padding: 0; width: 100%; float: left; margin-left: 0; margin-right: 0; }
.fahrzeugaufbereitung.packs > ul > li { border: 1px solid #e6e6e6; box-sizing: border-box; list-style: none; margin: 0; padding: 0; margin-bottom: 30px; padding: 20px; padding-bottom: 10px; }.fahrzeugaufbereitung.packs > ul > li .services > ul > li { list-style: none; margin: 0; padding: 0; margin-top: 10px; }
.fahrzeugaufbereitung.packs > ul > li .services > strong { display: inline-block; margin-top: 20px; }
.fahrzeugaufbereitung.packs > ul > li .title { display: block; font-size: 24px; line-height: 22px; padding: 9px 0 25px 60px; position: relative; text-transform: uppercase; hyphens: auto; overflow-wrap: break-word; word-wrap: break-word; }
.fahrzeugaufbereitung.packs > ul > li .title::before { content: ''; background-image: url("/images/ffo/fahrzeugaufbereitung/check.png"); width: 52px; height: 38px; position: absolute; left: 0; top: 2px; }.fahrzeugaufbereitung.packs > ul > li ul li.no-check { list-style: none; margin: 0; padding: 0; }
.fahrzeugaufbereitung.packs > ul > li ul li p { margin: 0; }
.fahrzeugaufbereitung.packs > ul > li ul li p.price { font-weight: bold; text-align: right; margin-bottom: 10px; }

.hol-bring .image { position: relative; }
.hol-bring .image > .description { bottom: 0; box-sizing: border-box; position: absolute; background-color: rgba(255, 255, 255, 0.8); height: 80px; padding: 11px 0 0 15px; width: 100%; }
.hol-bring .image > .description p { color: #595959; margin: 0; font-size: 20px; line-height: 26px; text-transform: uppercase; }
.hol-bring .image > .description p:first-of-type { font-weight: bold; }
.hol-bring ul { list-style: none; margin: 0; padding: 0; display: block; margin-top: 30px; }
.hol-bring ul > li { box-sizing: border-box; position: relative; padding: 4px 0 15px 50px; }
.hol-bring ul > li::before { content: ''; position: absolute; left: 0; top: 0; }

.hu-au .image { position: relative; }
.hu-au .image > .description { bottom: 0; box-sizing: border-box; position: absolute; background-color: rgba(255, 255, 255, 0.8); height: 80px; padding: 11px 0 0 15px; width: 100%; }
.hu-au .image > .description p { color: #595959; margin: 0; font-size: 20px; line-height: 26px; text-transform: uppercase; }
.hu-au .image > .description p:first-of-type { font-weight: bold; }
.hu-au .text { margin-top: 30px; }
.hu-au .au-checklist { margin-top: 30px; }
.hu-au .au-checklist > div { width: 29.41176%; float: left; margin-right: 5.88235%; }
.hu-au .au-checklist > div:last-of-type { width: 64.70588%; float: left; margin-right: 5.88235%; float: right; margin-right: 0; }
.hu-au .au-checklist ul { list-style: none; margin: 0; padding: 0; display: block; }
.hu-au .au-checklist ul > li { box-sizing: border-box; position: relative; padding: 4px 0 15px 50px; }
.hu-au .au-checklist ul > li::before { content: ''; position: absolute; left: 0; top: 0; }
.hu-au .hu-logos ul { list-style: none; margin: 0; padding: 0; display: table; width: 100%; }
.hu-au .hu-logos ul li { display: table-cell; text-align: center; vertical-align: middle; }
.hu-au .hu-logos ul li:nth-of-type(2n) { padding: 0 20px; }

.service { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.service > ul { list-style: none; margin: 0; padding: 0; display: block; }
.service > ul > li { position: relative; margin-bottom: 2.85714%; display: inline-block; }.service > ul > li .container { overflow: hidden; position: relative; width: 100%; }
.service > ul > li .container .card { background-size: 100% 100% !important; padding-top: 63.4615%; cursor: pointer; }
.service > ul > li .container .card > * { left: 0; position: absolute; top: 0; }
.service > ul > li .container .front { display: block; overflow: hidden; position: absolute; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; top: 0; height: 100%; width: 100%; }
.service > ul > li .container .front .view .text { bottom: 0; box-sizing: border-box; position: absolute; background-color: rgba(255, 255, 255, 0.8); padding: 0; width: 100%; }
.service > ul > li .container .front .view .text p { color: #595959; margin: 0; text-transform: uppercase; }
.service > ul > li .container .front .view .text p:first-of-type { font-weight: bold; }
.service > ul > li .container .back { display: block; overflow: hidden; position: absolute; top: 0; right: 0; width: 100%; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; height: 0; opacity: 0; left: 0; transform: scale(2); }
.service > ul > li .container .back .view ul { padding: 10px; }
.service > ul > li .container .view { display: block; width: 100%; }
.service > ul > li .container:hover .front p, .service > ul > li .container:hover .front img, .service > ul > li .container:focus .front p, .service > ul > li .container:focus .front img { filter: blur(4px); }
.service > ul > li .container:hover .front .text, .service > ul > li .container:focus .front .text { display: none; }
.service > ul > li .container:hover .front::after, .service > ul > li .container:focus .front::after { content: ''; background: rgba(255, 255, 255, 0.7); position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.service > ul > li .container:hover .back, .service > ul > li .container:focus .back { color: #595959; height: 100%; opacity: 1; transform: scale(1); width: 100%; }

.reifen { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.reifen > div { width: 48.57143%; float: left; margin-right: 2.85714%; }
.reifen .checklist { list-style: none; margin: 0; padding: 0; display: block; }
.reifen .checklist > li { box-sizing: border-box; position: relative; padding: 5px 0 15px 50px; margin-bottom: 10px; text-transform: uppercase; font-size: 20px; }
.reifen .checklist > li::before { content: ''; position: absolute; left: 0; top: 0; }
.reifen .price { display: table; margin-top: 2.5vw; margin-top: 40px; margin-top: 2.5vw; }.reifen .price > * { display: table-cell; vertical-align: bottom; }
.reifen .price strong { font-size: 28px; }
.reifen .price p { padding-left: 25px; font-size: 18px; }

.fahrrad { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.fahrrad > div { width: 48.57143%; float: left; margin-right: 2.85714%; }
.fahrrad .checklist { list-style: none; margin: 0; padding: 0; display: block; }
.fahrrad .checklist > li { box-sizing: border-box; position: relative; padding: 5px 0 15px 50px; margin-bottom: 10px; text-transform: uppercase; font-size: 20px; }
.fahrrad .checklist > li::before { content: ''; position: absolute; left: 0; top: 0; }
.fahrrad .contact-form { margin-top: 20px; margin-left: 25px; float: left; }

.unfall { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 20px; margin-bottom: 20px; }
.unfall > div { width: 48.57143%; float: left; margin-right: 2.85714%; }
.unfall .image { position: relative; }
.unfall .image > .description { bottom: 0; box-sizing: border-box; position: absolute; background-color: rgba(255, 255, 255, 0.8); height: 80px; padding: 11px 0 0 15px; width: 100%; }
.unfall .image > .description p { color: #595959; margin: 0; font-size: 20px; line-height: 26px; text-transform: uppercase; }
.unfall .image > .description p:first-of-type { font-weight: bold; }
.unfall .contact-form { margin-left: 35.29412%; width: 64.70588%; float: left; margin-right: 5.88235%; margin-bottom: 20px; }.unfall .text { margin-top: 30px; }

.ersatzteile .image { cursor: pointer; position: relative; }
.ersatzteile .image > .description { bottom: 0; box-sizing: border-box; position: absolute; background-color: rgba(255, 255, 255, 0.8); height: 80px; padding: 11px 0 0 15px; width: 100%; }
.ersatzteile .image > .description p { color: #595959; margin: 0; font-size: 20px; line-height: 26px; text-transform: uppercase; }
.ersatzteile .image > .description p:first-of-type { font-weight: bold; }
.ersatzteile .text { margin-top: 30px; }

.neuwagen .image { cursor: pointer; position: relative; }
.neuwagen .image > .description { bottom: 0; box-sizing: border-box; position: absolute; background-color: rgba(255, 255, 255, 0.8); height: 50px; padding: 5px 0 0 15px; width: 100%; }
.neuwagen .image > .description p { color: #595959; margin: 0; font-size: 14px; line-height: 18px; text-transform: uppercase; }
.neuwagen .image > .description p:first-of-type { font-weight: bold; }
.neuwagen .text { margin-top: 30px; }

.firmenjubilaeum ul { width: 100%; float: left; margin-left: 0; margin-right: 0; list-style: none; margin: 0; padding: 0; }
.firmenjubilaeum ul li { list-style: none; margin: 0; padding: 0; }
.footer { background-color: #dee1e3; width: 100%; float: left; margin-left: 0; margin-right: 0; padding-bottom: 100px; position: relative; }
.footer::before { -webkit-box-shadow: 0 -12px 10px -10px rgba(134, 134, 134, 0.7) inset; -moz-box-shadow: 0 -12px 10px -10px rgba(134, 134, 134, 0.7) inset; -ms-box-shadow: 0 -12px 10px -10px rgba(134, 134, 134, 0.7) inset; -o-box-shadow: 0 -12px 10px -10px rgba(134, 134, 134, 0.7) inset; box-shadow: 0 -12px 10px -10px rgba(134, 134, 134, 0.7) inset; content: ''; position: absolute; left: 0; top: -15px; height: 15px; width: 100%; }
.footer .container { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.footer .container .change-position { color: #33466b; font-size: 15px; }
.footer .container .footer-wrapper .content { text-align: center; }
.footer .container .footer-wrapper .footer-logo { margin: 20px 10px; }
.footer .container .footer-wrapper .footer-logo img { width: 100%; }
.footer .container .footer-wrapper .mod-languages img { width: 35px; }
.footer .container .fb { display: inline-block; margin-bottom: 20px; }
.footer .container .nav { width: 100%; float: left; margin-left: 0; margin-right: 0; text-align: center; }
.footer .container .nav li { display: inline-block; float: none; }
.footer .container .nav li.active a { background-color: initial; }

.moduletable-mobile ul { list-style: none; margin: 0; padding: 0; }
.moduletable-mobile > ul { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.moduletable-mobile > ul > li { font-weight: normal; font-family: "VWHead", Arial, Helvetica, sans-serif; position: relative; padding: 15px; box-sizing: border-box; }.moduletable-mobile > ul > li p { margin: 0; }
.moduletable-mobile > ul > li > .content { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -ms-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; padding: 10px; }
.moduletable-mobile > ul > li > .content:hover, .moduletable-mobile > ul > li > .content:focus { box-shadow: 0 0 20px 0 #cacaca; }
.moduletable-mobile > ul > li > .content > .image { margin-bottom: 10px; display: block; }
.moduletable-mobile > ul > li > .content > .title { font-size: 1.84615em; line-height: 1.66667em; font-weight: bold; font-family: "VWHead-Bold", Arial, Helvetica, sans-serif; hyphens: auto; overflow-wrap: break-word; word-wrap: break-word; color: #595959; }
.moduletable-mobile > ul > li > .content > .sub { font-size: 1.15385em; line-height: 1.33333em; hyphens: auto; overflow-wrap: break-word; word-wrap: break-word; color: #595959; top: -5px; position: relative; }
.moduletable-mobile > ul > li > .content > .price > .tax { font-size: 1.30769em; line-height: 2.35294em; }
.moduletable-mobile > ul > li > .content > .price > .price { font-size: 1.30769em; line-height: 2.35294em; font-weight: bold; font-family: "VWHead-Bold", Arial, Helvetica, sans-serif; }
.moduletable-mobile > ul > li > .content > .info { display: table; width: 80%; }
.moduletable-mobile > ul > li > .content > .info > div { display: table-row; }
.moduletable-mobile > ul > li > .content > .info > div > div { display: table-cell; width: 50%; }
.moduletable-mobile > ul > li > .content > .info > div > div.title { font-size: 1.07692em; line-height: 1.42857em; font-weight: bold; font-family: "VWHead-Bold", Arial, Helvetica, sans-serif; }
.moduletable-mobile > ul > li > .content > .info > div > div.value { font-size: 1.07692em; line-height: 1.42857em; }

.car-view { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.car-view h2 { font-size: 24px; margin-bottom: 15px; }
.car-view .sku { font-size: 14px; }
.car-view .btn-primary { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-border: 1px solid #7992c2; -moz-border: 1px solid #7992c2; -ms-border: 1px solid #7992c2; -o-border: 1px solid #7992c2; border: 1px solid #7992c2; background-image: none; background-color: #33434C; color: #FFF; }
.car-view > .gallery { width: 40%; float: left; margin-right: 2.85714%; }.car-view > .info { width: 57.14286%; float: left; margin-right: 2.85714%; float: right; margin-right: 0; }.car-view > .info .title { font-size: 48px; font-size: 3vw; }.car-view > .info .sub { font-size: 24px; font-size: 1.5vw; margin: -10px 0 10px; }.car-view > .info > .price > .tax { font-size: 1.84615em; line-height: 1.66667em; }
.car-view > .info > .price > .price { font-size: 1.84615em; line-height: 1.66667em; font-weight: bold; font-family: "VWHead-Bold", Arial, Helvetica, sans-serif; }
.car-view .specs { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 2.12766%; }
.car-view .specs li { word-break: break-all; text-align: center; margin-bottom: 20px; }.car-view .specs li > span { display: inline-block; }
.car-view .specs li > .icons { margin-bottom: 10px; }
.car-view .specs li > .title { font-size: 14px; margin-bottom: 2px; }
.car-view .specs li > .value { font-weight: bold; font-size: 13px; }
.car-view .interior { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 2.12766%; }
.car-view .interior ul { width: 100%; float: left; margin-left: 0; margin-right: 0; list-style: outside; box-sizing: border-box; padding-left: 16px; }
.car-view .interior ul li { line-height: 18px; padding-bottom: 8px; font-size: 14px; }.car-view .tech { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 2.12766%; }
.car-view .tech .tech-data { width: 100%; float: left; margin-left: 0; margin-right: 0; }
.car-view .tech .tech-data > div { display: table; }.car-view .tech .tech-data > div:last-of-type { float: right; margin-right: 0; }
.car-view .tech .tech-data > div > .row { display: table-row; line-height: 24px; }
.car-view .tech .tech-data > div > .row > span { display: table-cell; padding-bottom: 8px; font-size: 14px; }
.car-view .tech .tech-data > div > .row > span.row-label { font-weight: bold; width: 180px; }
.car-view .fuel-usage { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 2.12766%; }
.car-view .fuel-usage .row { display: table-row; line-height: 24px; }.car-view .fuel-usage .row > span { display: table-cell; padding-bottom: 8px; font-size: 14px; }
.car-view .fuel-usage .row > span.row-label { font-weight: bold; width: 180px; }
.car-view .description { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 2.12766%; }
.car-view .contact-form { width: 100%; float: left; margin-left: 0; margin-right: 0; max-width: 600px; margin-bottom: 20px; }
.car-view-back-link { color: #595959; font-size: 18px; display: inline-block; margin: 10px 0; }

.car-filter { width: 100%; float: left; margin-left: 0; margin-right: 0; }.car-filter > div .select-wrapper { position: relative; color: inherit; /* Target IE9 and IE10 */ }
.car-filter > div .select-wrapper::after { content: '\25BE'; position: absolute; top: 0.625rem; right: 0.9375rem; color: #777; }
.car-filter > div .select-wrapper select::-ms-expand { display: none; }
.car-filter > div .select-wrapper select { height: 2.4375rem; width: 100%; padding-left: 0.625rem; margin-bottom: 0.625rem; font-family: inherit; font-size: 0.875rem; border: 0.0625rem solid #919191; border-radius: 0.1875rem; outline: none; background-color: white; }
.car-filter > div .select-wrapper select:focus { border-color: #33434C; }
.car-filter > div .select-wrapper select:disabled { background-color: #eee; cursor: not-allowed; }
.car-filter > div .select-wrapper::after { display: none; }
.car-filter > div .select-wrapper select { font-size: 14px; }

@media print { .fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play { background: none !important; } }

@media screen and (max-width: 800px) { h1 { font-size: 48px; font-size: 6vw; }  #content .locations .location { width: 100%; float: left; margin-left: 0; margin-right: 0; }  #content .locations .location ul { height: 107px; height: 13.4vw; }  #content .locations .location ul li p { font-size: 18px; font-size: 3.7vw; }  .cols-2 > div { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .cols-2 > div:last-of-type { margin-top: 15px; }  .cols-3-2-1 > div:first-of-type { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .cols-3-2-1 > div:last-of-type { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .cols-3 > div { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .cols-3 > div:last-of-type { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .content-contact { display: block; width: 100%; float: left; margin-left: 0; margin-right: 0; }  .content-contact.ff-de .contact-col, .content-contact.ff-pl .contact-col { display: block; width: 100%; }  .content-contact.nh-de .contact-col, .content-contact.nh-pl .contact-col { display: block; width: 100%; }  .content-contact .contact-col { padding-top: 24px; padding-bottom: 24px; padding-top: 1.5vw; padding-bottom: 1.5vw; -webkit-border-right: none; -moz-border-right: none; -ms-border-right: none; -o-border-right: none; border-right: none; -webkit-border-bottom: 1px solid #33434C; -moz-border-bottom: 1px solid #33434C; -ms-border-bottom: 1px solid #33434C; -o-border-bottom: 1px solid #33434C; border-bottom: 1px solid #33434C; }  .fahrzeugaufbereitung .contact-form { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .unfall .contact-form { width: 100%; float: left; margin-left: 0; margin-right: 0; } }

@media screen and (max-width: 800px) and (max-width: 320px) { h1 { font-size: 19px; }  #content .locations .location ul li p { font-size: 12px; } }

@media screen and (max-width: 800px) and (min-width: 800px) { h1 { font-size: 48px; }  #content .locations .location ul { height: 107px; } }

@media screen and (min-width: 1600px) { .navigation { padding-left: 32px; padding-right: 32px; }  .content-contact { padding-top: 24px; padding-bottom: 24px; }  .content-contact .contact-col { padding-left: 34px; padding-right: 34px; }  .reifen .price { margin-top: 40px; }  .car-view > .info .title { font-size: 48px; }  .car-view > .info .sub { font-size: 24px; } }

@media screen and (max-width: 880px) { .navigation .nav { display: none; }  .mobile-menu .nav-container { box-sizing: border-box; padding-left: 30px; }  .mobile-menu .menu-icon { display: block; }  #nav { display: block; } }

@media screen and (min-width: 801px) { #content .locations .location ul { height: 104px; height: 6.5vw; }  .firmenjubilaeum ul li { width: 23.94366%; float: left; margin-bottom: 1.40845%; }
  .firmenjubilaeum ul li:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .firmenjubilaeum ul li:nth-child(4n + 2) { margin-left: 25.35211%; margin-right: -100%; clear: none; }
  .firmenjubilaeum ul li:nth-child(4n + 3) { margin-left: 50.70423%; margin-right: -100%; clear: none; }
  .firmenjubilaeum ul li:nth-child(4n + 4) { margin-left: 76.05634%; margin-right: -100%; clear: none; } }

@media screen and (min-width: 801px) and (max-width: 801px) { #content .locations .location ul { height: 52px; } }

@media screen and (min-width: 801px) and (min-width: 1600px) { #content .locations .location ul { height: 104px; } }

@media screen and (max-width: 800px) and (min-width: 480px) { #content .locations .location ul li p { font-size: 18px; } }

@media screen and (max-width: 800px) and (min-width: 1600px) { .content-contact .contact-col { padding-top: 24px; padding-bottom: 24px; } }

@media screen and (min-width: 0px) and (max-width: 640px) { .team ul > li { width: 48.57143%; float: left; }
  .team ul > li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .team ul > li:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }  .service > ul > li { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .service > ul > li .container .front .view .text { height: 60px; height: 9.4vw; padding-top: 9px; padding-left: 15px; padding-top: 1.4vw; padding-left: 2.3vw; }  .service > ul > li .container .front .view .text p { font-size: 16px; font-size: 2.5vw; line-height: 20px; line-height: 3.1vw; }  .service > ul > li .container .back .view ul li { font-size: 26px; font-size: 4vw; line-height: 32px; line-height: 5vw; }  .firmenjubilaeum ul li { width: 49.29577%; float: left; margin-bottom: 1.40845%; }
  .firmenjubilaeum ul li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .firmenjubilaeum ul li:nth-child(2n + 2) { margin-left: 50.70423%; margin-right: -100%; clear: none; } }

@media screen and (min-width: 641px) and (max-width: 800px) { .team ul > li { width: 31.42857%; float: left; }
  .team ul > li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .team ul > li:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
  .team ul > li:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }  .service > ul > li { width: 48.57143%; float: left; }
  .service > ul > li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .service > ul > li:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }  .service > ul > li .container .front .view .text { height: 60px; height: 7.5vw; padding-top: 9px; padding-left: 15px; padding-top: 1.1vw; padding-left: 1.9vw; }  .service > ul > li .container .front .view .text p { font-size: 16px; font-size: 2vw; line-height: 20px; line-height: 2.5vw; }  .service > ul > li .container .back .view ul li { font-size: 14px; font-size: 1.8vw; line-height: 18px; line-height: 2.3vw; }  .firmenjubilaeum ul li { width: 32.39437%; float: left; margin-bottom: 1.40845%; }
  .firmenjubilaeum ul li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .firmenjubilaeum ul li:nth-child(3n + 2) { margin-left: 33.80282%; margin-right: -100%; clear: none; }
  .firmenjubilaeum ul li:nth-child(3n + 3) { margin-left: 67.60563%; margin-right: -100%; clear: none; }  .moduletable-mobile > ul > li { width: 48.57143%; float: left; }
  .moduletable-mobile > ul > li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .moduletable-mobile > ul > li:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }  .car-view .specs li { width: 47.82609%; float: left; }
  .car-view .specs li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .car-view .specs li:nth-child(2n + 2) { margin-left: 52.17391%; margin-right: -100%; clear: none; } }

@media screen and (min-width: 801px) and (max-width: 1100px) { .team ul > li { width: 22.85714%; float: left; }
  .team ul > li:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .team ul > li:nth-child(4n + 2) { margin-left: 25.71429%; margin-right: -100%; clear: none; }
  .team ul > li:nth-child(4n + 3) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
  .team ul > li:nth-child(4n + 4) { margin-left: 77.14286%; margin-right: -100%; clear: none; }  .service > ul > li { width: 31.42857%; float: left; }
  .service > ul > li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .service > ul > li:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
  .service > ul > li:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }  .service > ul > li .container .front .view .text { height: 61px; height: 5.5vw; padding-top: 9px; padding-left: 15px; padding-top: 0.8vw; padding-left: 1.4vw; }  .service > ul > li .container .front .view .text p { font-size: 14px; font-size: 1.3vw; line-height: 20px; line-height: 1.8vw; }  .service > ul > li .container .back .view ul li { font-size: 14px; font-size: 1.3vw; line-height: 18px; line-height: 1.6vw; }  .moduletable-mobile > ul > li { width: 31.42857%; float: left; }
  .moduletable-mobile > ul > li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .moduletable-mobile > ul > li:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
  .moduletable-mobile > ul > li:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; }  .car-view .specs li { width: 21.73913%; float: left; }
  .car-view .specs li:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .car-view .specs li:nth-child(4n + 2) { margin-left: 26.08696%; margin-right: -100%; clear: none; }
  .car-view .specs li:nth-child(4n + 3) { margin-left: 52.17391%; margin-right: -100%; clear: none; }
  .car-view .specs li:nth-child(4n + 4) { margin-left: 78.26087%; margin-right: -100%; clear: none; } }

@media screen and (min-width: 1101px) { .team ul > li { width: 14.28571%; float: left; }
  .team ul > li:nth-child(6n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .team ul > li:nth-child(6n + 2) { margin-left: 17.14286%; margin-right: -100%; clear: none; }
  .team ul > li:nth-child(6n + 3) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
  .team ul > li:nth-child(6n + 4) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
  .team ul > li:nth-child(6n + 5) { margin-left: 68.57143%; margin-right: -100%; clear: none; }
  .team ul > li:nth-child(6n + 6) { margin-left: 85.71429%; margin-right: -100%; clear: none; }  .service > ul > li { width: 22.85714%; float: left; }
  .service > ul > li:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .service > ul > li:nth-child(4n + 2) { margin-left: 25.71429%; margin-right: -100%; clear: none; }
  .service > ul > li:nth-child(4n + 3) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
  .service > ul > li:nth-child(4n + 4) { margin-left: 77.14286%; margin-right: -100%; clear: none; }  .service > ul > li .container .front .view .text { height: 61px; height: 3.8vw; padding-top: 10px; padding-left: 14px; padding-top: 0.6vw; padding-left: 0.9vw; }  .service > ul > li .container .front .view .text p { font-size: 16px; font-size: 1vw; line-height: 21px; line-height: 1.3vw; }  .service > ul > li .container .back .view ul li { font-size: 14px; font-size: 0.9vw; line-height: 18px; line-height: 1.1vw; }  .moduletable-mobile > ul > li { width: 22.85714%; float: left; }
  .moduletable-mobile > ul > li:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .moduletable-mobile > ul > li:nth-child(4n + 2) { margin-left: 25.71429%; margin-right: -100%; clear: none; }
  .moduletable-mobile > ul > li:nth-child(4n + 3) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
  .moduletable-mobile > ul > li:nth-child(4n + 4) { margin-left: 77.14286%; margin-right: -100%; clear: none; }  .car-view .specs li { width: 8.69565%; float: left; }
  .car-view .specs li:nth-child(8n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .car-view .specs li:nth-child(8n + 2) { margin-left: 13.04348%; margin-right: -100%; clear: none; }
  .car-view .specs li:nth-child(8n + 3) { margin-left: 26.08696%; margin-right: -100%; clear: none; }
  .car-view .specs li:nth-child(8n + 4) { margin-left: 39.13043%; margin-right: -100%; clear: none; }
  .car-view .specs li:nth-child(8n + 5) { margin-left: 52.17391%; margin-right: -100%; clear: none; }
  .car-view .specs li:nth-child(8n + 6) { margin-left: 65.21739%; margin-right: -100%; clear: none; }
  .car-view .specs li:nth-child(8n + 7) { margin-left: 78.26087%; margin-right: -100%; clear: none; }
  .car-view .specs li:nth-child(8n + 8) { margin-left: 91.30435%; margin-right: -100%; clear: none; } }

@media screen and (min-width: 0px) and (max-width: 800px) { .fahrzeugaufbereitung.packs > ul > li { width: 100%; float: left; margin-left: 0; margin-right: 0; } }

@media screen and (min-width: 801px) and (max-width: 1170px) { .fahrzeugaufbereitung.packs > ul > li { width: 48.57143%; float: left; }
  .fahrzeugaufbereitung.packs > ul > li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .fahrzeugaufbereitung.packs > ul > li:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; } }

@media screen and (min-width: 1171px) { .fahrzeugaufbereitung.packs > ul > li { width: 31.42857%; float: left; }
  .fahrzeugaufbereitung.packs > ul > li:nth-child(3n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .fahrzeugaufbereitung.packs > ul > li:nth-child(3n + 2) { margin-left: 34.28571%; margin-right: -100%; clear: none; }
  .fahrzeugaufbereitung.packs > ul > li:nth-child(3n + 3) { margin-left: 68.57143%; margin-right: -100%; clear: none; } }

@media screen and (min-width: 400px) { .fahrzeugaufbereitung.packs > ul > li.stars-2 .title::after { content: ''; background-image: url("/images/ffo/fahrzeugaufbereitung/2-stars.png"); width: 63px; height: 27px; position: absolute; top: 5px; margin-left: 15px; }  .fahrzeugaufbereitung.packs > ul > li.stars-3 .title::after { content: ''; background-image: url("/images/ffo/fahrzeugaufbereitung/3-stars.png"); width: 98px; height: 27px; position: absolute; top: 5px; margin-left: 15px; }  .fahrzeugaufbereitung.packs > ul > li.stars-4 .title::after { content: ''; background-image: url("/images/ffo/fahrzeugaufbereitung/4-stars.png"); width: 134px; height: 27px; position: absolute; top: 5px; margin-left: 15px; } }

@media screen and (min-width: 0px) and (max-width: 640px) and (min-width: 640px) { .service > ul > li .container .front .view .text { height: 60px; }  .service > ul > li .container .front .view .text { padding-top: 9px; padding-left: 15px; }  .service > ul > li .container .front .view .text p { font-size: 16px; }  .service > ul > li .container .front .view .text p { line-height: 20px; }  .service > ul > li .container .back .view ul li { font-size: 26px; }  .service > ul > li .container .back .view ul li { line-height: 32px; } }

@media screen and (min-width: 641px) and (max-width: 800px) and (max-width: 640px) { .service > ul > li .container .front .view .text { height: 48px; }  .service > ul > li .container .front .view .text { padding-top: 7px; padding-left: 12px; }  .service > ul > li .container .front .view .text p { font-size: 13px; }  .service > ul > li .container .front .view .text p { line-height: 16px; }  .service > ul > li .container .back .view ul li { font-size: 12px; }  .service > ul > li .container .back .view ul li { line-height: 15px; } }

@media screen and (min-width: 641px) and (max-width: 800px) and (min-width: 800px) { .service > ul > li .container .front .view .text { height: 60px; }  .service > ul > li .container .front .view .text { padding-top: 9px; padding-left: 15px; }  .service > ul > li .container .front .view .text p { font-size: 16px; }  .service > ul > li .container .front .view .text p { line-height: 20px; }  .service > ul > li .container .back .view ul li { font-size: 14px; }  .service > ul > li .container .back .view ul li { line-height: 18px; } }

@media screen and (min-width: 801px) and (max-width: 1100px) and (max-width: 800px) { .service > ul > li .container .front .view .text { height: 44px; }  .service > ul > li .container .front .view .text { padding-top: 6px; padding-left: 11px; }  .service > ul > li .container .front .view .text p { font-size: 10px; }  .service > ul > li .container .front .view .text p { line-height: 14px; }  .service > ul > li .container .back .view ul li { font-size: 10px; }  .service > ul > li .container .back .view ul li { line-height: 13px; } }

@media screen and (min-width: 801px) and (max-width: 1100px) and (min-width: 1100px) { .service > ul > li .container .front .view .text { height: 61px; }  .service > ul > li .container .front .view .text { padding-top: 9px; padding-left: 15px; }  .service > ul > li .container .front .view .text p { font-size: 14px; }  .service > ul > li .container .front .view .text p { line-height: 20px; }  .service > ul > li .container .back .view ul li { font-size: 14px; }  .service > ul > li .container .back .view ul li { line-height: 18px; } }

@media screen and (min-width: 1101px) and (max-width: 1100px) { .service > ul > li .container .front .view .text { height: 42px; }  .service > ul > li .container .front .view .text { padding-top: 7px; padding-left: 10px; }  .service > ul > li .container .front .view .text p { font-size: 11px; }  .service > ul > li .container .front .view .text p { line-height: 14px; }  .service > ul > li .container .back .view ul li { font-size: 10px; }  .service > ul > li .container .back .view ul li { line-height: 12px; } }

@media screen and (min-width: 1101px) and (min-width: 1600px) { .service > ul > li .container .front .view .text { height: 61px; }  .service > ul > li .container .front .view .text { padding-top: 10px; padding-left: 14px; }  .service > ul > li .container .front .view .text p { font-size: 16px; }  .service > ul > li .container .front .view .text p { line-height: 21px; }  .service > ul > li .container .back .view ul li { font-size: 14px; }  .service > ul > li .container .back .view ul li { line-height: 18px; } }

@media screen and (min-width: 0px) and (max-width: 640px) and (max-width: 450px) { .service > ul > li .container .front .view .text p { font-size: 11px; } }

@media screen and (min-width: 0px) and (max-width: 400px) { .moduletable-mobile > ul > li { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .car-view .specs li { width: 100%; float: left; margin-left: 0; margin-right: 0; } }

@media screen and (min-width: 400px) and (max-width: 640px) { .moduletable-mobile > ul > li { width: 48.57143%; float: left; }
  .moduletable-mobile > ul > li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .moduletable-mobile > ul > li:nth-child(2n + 2) { margin-left: 51.42857%; margin-right: -100%; clear: none; }  .car-view .specs li { width: 47.82609%; float: left; }
  .car-view .specs li:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .car-view .specs li:nth-child(2n + 2) { margin-left: 52.17391%; margin-right: -100%; clear: none; } }

@media screen and (max-width: 980px) { .car-view > .gallery { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .car-view > .info { width: 100%; float: left; margin-left: 0; margin-right: 0; margin-top: 20px; }  .car-view .contact-form { max-width: none; } }

@media screen and (max-width: 990px) { .car-view > .info .title { font-size: 30px; }  .car-view > .info .sub { font-size: 15px; } }

@media screen and (max-width: 640px) { .car-view .interior ul li { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .car-view .tech .tech-data > div { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .car-view .fuel-usage .row { width: 100%; float: left; margin-left: 0; margin-right: 0; }  .car-filter > div { width: 100%; float: left; margin-left: 0; margin-right: 0; } }

@media screen and (min-width: 640px) { .car-view .interior ul li { width: 22.85714%; float: left; }
  .car-view .interior ul li:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .car-view .interior ul li:nth-child(4n + 2) { margin-left: 25.71429%; margin-right: -100%; clear: none; }
  .car-view .interior ul li:nth-child(4n + 3) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
  .car-view .interior ul li:nth-child(4n + 4) { margin-left: 77.14286%; margin-right: -100%; clear: none; }  .car-view .tech .tech-data > div { width: 48.57143%; float: left; margin-right: 2.85714%; }  .car-view .fuel-usage .row { width: 48.57143%; float: left; margin-right: 2.85714%; margin-right: 51.42857%; }  .car-filter > div { width: 22.85714%; float: left; }
  .car-filter > div:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
  .car-filter > div:nth-child(4n + 2) { margin-left: 25.71429%; margin-right: -100%; clear: none; }
  .car-filter > div:nth-child(4n + 3) { margin-left: 51.42857%; margin-right: -100%; clear: none; }
  .car-filter > div:nth-child(4n + 4) { margin-left: 77.14286%; margin-right: -100%; clear: none; } }
