/*
  Name: all.css
  Author: esense GmbH, Basel, Switzerland
  http://www.esense.ch
*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {
line-height:1;
}

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

nav ul {
list-style:none;
}

ul, ol {
margin:0;
padding:0;
list-style:none;
}

blockquote, q {
quotes:none;
}

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

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration:none;
}

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

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

/* change colours to suit your needs */
ins {
background-color:#fff;
color:#000;
text-decoration:none;
}

/* change colours to suit your needs */
mark {
background-color:#fff;
color:#000;
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border:none;
cursor:help;
}

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

/* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}

/* Prevent modern browsers from displaying `audio` without controls.
   Remove excess height in iOS 5 devices. */
audio:not([controls]) {
display: none;
height: 0;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
cursor: default;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

hr {
display:block;
height:1px;
border:0;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}

/* custom */
/* border-box all the shizzle */
@media screen {
	*,*:after,*:before {
	box-sizing:border-box;
	}
}

.ease,
a {
transition: all 0.25s ease-in-out;
}

/*
.no-ease,
a.no-ease {
transition: all 0s linear;
}
*/

::selection {
background-color: rgb(51,51,52);
background-color: rgb(255,0,0);
color:#fff;
}

/*
img {
pointer-events: none;
}
*/

/* hidden */
.hidden {
display:none;
visibility:hidden;
position:absolute;
left:-9999px;
top:-9999px;
height:1px;
width:1px;
overflow:hidden;
text-indent:-9999px;
color:#fff;
font-size:1px;
line-height:1px;
}

/* overwrite mgnl device switch */
.mgnlEditorMainbarWrapper {
padding:0;
}

.mgnlEditorButton.mgnlEditorButton-previewMenuButton {
display:none !important;
}
/*** font ***/

@font-face {
font-family: 'GravurCondensedBoldBold';
src: url('/.resources/sms22/webresources/swissmadesoftware/fonts/gravur01.eot');
src: url('/.resources/sms22/webresources/swissmadesoftware/fonts/gravur01.eot') format('embedded-opentype'),
url('/.resources/sms22/webresources/swissmadesoftware/fonts/gravur01.woff') format('woff'),
url('/.resources/sms22/webresources/swissmadesoftware/fonts/gravur01.ttf') format('truetype'),
url('/.resources/sms22/webresources/swissmadesoftware/fonts/gravur01.svg#GravurCondensedBoldBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'GravurCondensedRegularRegular';
src: url('/.resources/sms22/webresources/swissmadesoftware/fonts/gravurcr.eot');
src: url('/.resources/sms22/webresources/swissmadesoftware/fonts/gravurcr.eot') format('embedded-opentype'),
url('/.resources/sms22/webresources/swissmadesoftware/fonts/gravurcr.woff') format('woff'),
url('/.resources/sms22/webresources/swissmadesoftware/fonts/gravurcr.ttf') format('truetype'),
url('/.resources/sms22/webresources/swissmadesoftware/fonts/gravurcr.svg#GravurCondensedRegularRegular') format('svg');
font-weight: normal;
font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 18, 2013 */
@font-face {
font-family: 'sms-iconregular';
src: url('/.resources/sms22/webresources/swissmadesoftware/fonts/sms-icon-font-webfont.eot');
src: url('/.resources/sms22/webresources/swissmadesoftware/fonts/sms-icon-font-webfont.eot?#iefix') format('embedded-opentype'),
url('/.resources/sms22/webresources/swissmadesoftware/fonts/sms-icon-font-webfont.woff') format('woff'),
url('/.resources/sms22/webresources/swissmadesoftware/fonts/sms-icon-font-webfont.ttf') format('truetype'),
url('/.resources/sms22/webresources/swissmadesoftware/fonts/sms-icon-font-webfont.svg#sms-iconregular') format('svg');
font-weight: normal;
font-style: normal;
}


#content .text table.companyInformationTable {
width: 100% !important;
}

.sdaMemberLogoList {
height: 15px;
display: inline-block !important;
float: none !important;
}

.sdaMemberLogoDetail {
height: 30px;
margin-bottom: 12px;
padding-right: 15px;
}

.icon {
font-family: 'sms-iconregular';
font-weight: normal;
font-style: normal;
speak: none;
}

a {
text-decoration: none;
}

#join-the-label,
.accordion-title h2,
.accordion-title h2 strong,
h1, h2, h3,
strong.news.title {
font-family: 'GravurCondensedRegularRegular', Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
font-weight: normal;
font-style: normal;
}

h1, h2,
h2.headline,
h1 strong,
strong.news.title {
font-size: 200%;
color: rgb(255, 0, 0);
width: 100%;
float: left;
border-bottom: 1px dashed rgb(255, 0, 0);
line-height: 110%;
padding: 0 0 0.25em 0;
}

h3 {
width: 100%;
float: left;
line-height: 110%;
padding: 0 0 0.25em 0;
}

h2.headline.medium,
.accordion-title h2.title strong,
.accordion-title h2.sub-title strong,
h2.title,
h3.title,
h2.sub-title,
h3.sub-title,
h1 strong,
strong.news.title,
strong.title.link,
strong.title.link a,
.text strong.title,
h2 .more,
.product-title h2 strong {
font-family: 'GravurCondensedBoldBold', Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
font-size: 120%;
padding: 0 0 0.15em 0;
margin: 0 0 0.9em 0;
font-weight: normal;
}

#join-the-label,
h2.headline.medium {
font-size: 144%;
padding: 0.35em 0 0.35em 0;
margin: 0 0 0.9em 0;
}

#join-the-label {
font-weight: bold;
}

h2.sub-title,
h3.sub-title {
font-size: 105%;
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: 140%;
float: none;
width: auto;
}

h2 .more {
font-size: 80%;
margin: 0;
padding: 0;
float: right;
color: rgb(255, 0, 0);
}

h1 strong {
font-size: 100%;
color: rgb(51, 51, 52);
width: auto;
float: none;
border: none;
padding: 0;
margin: 0;
}

.text strong.title.link {
position: relative;
padding: 0 0 0.15em;
border-bottom: 1px dashed rgb(255, 0, 0);
color: rgb(255, 0, 0);
font-size: 120%;
font-weight: normal;
line-height: 120%;
}

.text strong.title {
border-bottom: 1px dashed rgb(255, 0, 0);
color: rgb(255, 0, 0);
padding: 0 0 0.05em 0;
width: 100%;
float: left;
}

.back:before {
margin: 0 -0.25em 0 0;
content: '\003C';
font-size: 80%;
}

.next:before {
margin: 0 -0.25em 0 0;
content: '\003E';
font-size: 80%;
}

.back-link {
color: rgb(255, 0, 0);
font-size: 80%;
padding: 0 0 1.6em 0;
float: left;
clear: both;
}

.back-link:hover {
color: rgb(51, 51, 52);
}

h2.headline {
padding-top: 0.43em;
}

p, a, span, em, i {
font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
font-weight: normal;
font-style: normal;
}

strong, b {
font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
font-weight: bold;
font-style: normal;
}

.text p,
.text ul,
.text ol,
.caption,
strong,
.form-wrapper p,
.text table td,
.text table th {
font-size: 80%;
line-height: 140%;
color: rgb(51, 51, 52);
padding: 0 0 1.375em 0;
}

.accordion-title h2 strong {
font-size: 100%;
color: rgb(255, 0, 0);
}

.accordion-title.black h2 strong {
color: rgb(51, 51, 52) !important;
}

.text ul strong,
.text ol strong,
.text table td p,
.text table th p,
.text table td strong,
.text table th strong {
font-size: 100%;
}

.text table td p,
.text table th p,
.text table td strong,
.text table th strong {
padding-bottom: 0;
}

.text ul,
.text ol {
padding: 0 0 1.375em 0;
}

.text ul:not([class]) {
    list-style: outside disc;
}

.text ol:not([class]) {
    list-style: outside decimal;
}

.text ul:not([class]) li,
.text ol:not([class]) li {
    left: 2em;
    padding-right: 2em;
    position: relative;
}

.text .list ul li,
.text .list ol li {
    left: 0;
}

/*
.text ul:not([class]) {
    list-style: disc;
    padding-left: 0;
}

.text ul:not([class]) li {
    padding-left: 2em;
    position: relative;
    display: inline-block;
}

.text ul:not([class]) li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.2em;
    text-align: right;
}


.text ol:not([class]) {
    list-style: decimal;
    padding-left: 0;
    counter-reset: counter;
}

.text ol:not([class]) li {
    padding-left: 2em;
    position: relative;
    display: inline-block;
    counter-increment: counter;
}

.text ol:not([class]) li::before {
    content: counter(counter) ".";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    text-align: right;
}

.text li:not([class])::marker {
    display: none;
}
*/

.text p a,
.text ul a,
.text ol a,
dl a,
.slider-text a {
color: rgb(255, 0, 0);
}

.text a.button,
.form-wrapper .button-wrapper input {
border: 1px solid rgb(51, 51, 52);
background-color: rgb(255, 0, 0);
color: #fff;
padding: 1px 3px;
}

.text a.button:hover,
.form-wrapper .button-wrapper input:hover {
border: 1px solid rgb(51, 51, 52);
background-color: rgb(51, 51, 52);
color: #fff;
text-decoration: none;
}

.text img {
/*
width:100%;
*/
max-width: 100%;
float: left;
}

h1.effect-title {
position: relative;
min-height: 1.37em;
}

h1.effect-title.js-title {
opacity: 0;
}

/*
h1.effect-title:after {
position: relative;
content: attr(data-title);
color: #fff;
}
*/

.text p strong {
font-size: 100%;
}

.text p em,
.text p i {
font-style: italic;
}

.no-border {
border: none !important;
}

.no-space {
margin: 0 !important;
}

.no-padding {
padding: 0 !important;
}

.clear {
clear: both;
display: block;
float: none;
}

.bold {
font-weight: bold;
}

.border-bottom {
border-bottom: 1px dashed rgb(255, 0, 0) !important;
}

.border-top {
border-top: 1px dashed rgb(255, 0, 0) !important;
}

.space-top {
padding-top: 0.6875em;
}

.margin-bottom {
margin-bottom: 1em;
}

.block-link {
width: 100%;
float: left;
padding: 1em 0 0 0;
margin: 1em 0 0 0;
}

/*** base size ***/
html {
width: 100%;
height: 100%;
background-color: #fff;
background-color: rgba(255, 255, 255, 1);
overflow-y: scroll;
/* font-size:125%; 1em = 20px */
font-size: 125%;
padding: 0;
margin: 0;
}

body {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
padding: 0;
margin: 0;
}

html, body, #wrapper {
height: 100%;
min-height: 100%;
}

/*** main ***/
#wrapper {
position: relative;
top: 0;
left: 0;
width: 100%;
min-width: 800px;
max-width: 1100px;
padding: 0 10px;
margin: 0 auto;
}

article {
width: 100%;
float: left;
clear: both;
}

.grid-1 {
width: 12.5%;
}

.grid-2 {
width: 25%;
}

.grid-3 {
width: 37.5%;
}

.grid-4 {
width: 50%;
}

.grid-5 {
width: 62.5%;
}

.grid-6 {
width: 75%;
}

.grid-7 {
width: 87.5%;
}

.grid-8 {
width: 100%;
}

.left {
float: left;
}

.right {
float: right;
}

.fixed {
position: fixed;
}

.space-bottom {
padding-bottom: 1em;
}

.border img {
border: 1px dashed rgb(255, 0, 0);
padding: 2px;
}

/*** header ***/
#header {
position: absolute;
top: 0;
width: 261px;
float: left;
margin: 0;
padding: 0;
overflow: hidden;
z-index: 5;
}

#header.fix {
position: fixed;
}

#header header {
position: relative;
width: 100%;
float: left;
}

#logo {
position: relative;
width: 100%;
float: left;
padding: 1em 0 0 0;
overflow: hidden;
height: 9em;
width: 20em;
/* NOT IN USE
background: #fff url(/.resources/swissmadesoftware/images/logo.png) 0 17px no-repeat;
*/
}

#logo .icon {
position: absolute;
top: 0.4em;
left: 0;
color: rgb(255, 255, 255);
z-index: 1;
text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
font-size: 250%;
padding: 0 0.5em 0.5em 0;
background-color: #fff;
width: 2em;
}

#logo .icon.back:before {
position: absolute;
top: 0.2em;
left: 0.15em;
font-family: 'sms-iconregular';
content: '\006D';
speak: none;
}

#logo .icon.front {
z-index: 2;
color: rgb(255, 0, 0);
text-shadow: none;
padding: 0;
background-color: transparent;
}

#logo .icon.front:before {
font-family: 'sms-iconregular';
content: '\0073';
speak: none;
}

#logo strong {
position: relative;
color: rgb(255, 0, 0);
float: left;
font-size: 200%;
font-family: 'GravurCondensedRegularRegular';
font-weight: normal;
margin: 2em 0 0 0;
width: 6em;
line-height: 100%;
}

#logo strong.last {
margin: 0;
}

/*** navigation ***/
#navigation {
width: 100%;
padding: 0.5em 0;
float: left;
}

#nav-button {
position: relative;
float: left;
clear: both;
speak: none;
padding: 0 0 1em 0;
color: rgb(255, 0, 0);
display: none;
height: 2.5em;
overflow: hidden;
}

#nav-button span {
text-indent: -200px;
float: left;
}

#nav-button:before {
font-family: 'sms-iconregular';
content: '\004D';
font-size: 180%;
}

#nav-button:hover,
#nav-button.active {
color: rgb(51, 51, 52);
}

#navigation ul,
#navigation li,
#navigation li a,
#navigation li strong {
width: 100%;
float: left;
}

#navigation li a,
#navigation li strong {
color: rgb(255, 00, 00);
font-size: 80%;
padding: 0.5em 0;
line-height: 110%;
}

#navigation li li a,
#navigation li li strong {
padding: 0 0 0.5em 0;
}

#navigation em {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
top: -9999px;
left: -9999px;
}

#navigation li a:hover,
#navigation li strong,
.on a span {
color: rgb(51, 51, 52);
}

a.open {
color: black !important;
}

#navigation li strong span,
.on a span {
font-weight: bold;
}

#navigation ul {
border-bottom: 1px dashed rgb(255, 0, 0);
background-color: rgb(255, 255, 255);
}

#navigation li {
border-top: 1px dashed rgb(255, 0, 0);
}

#navigation ul ul,
#navigation ul ul li {
border: none;
}

#navigation ul ul li {
padding-left: 1.5em;
}

/*** meta ***/
#meta {
position: absolute;
top: 0;
left: 0;
width: 100%;
float: left;
padding: 1em 0 0 0;
z-index: 5;
}

#meta a,
#meta p {
float: right;
font-size: 80%;
color: rgb(255, 0, 0);
line-height: 150%;
}

#meta a {
color: rgb(255, 0, 0);
}

#meta a:hover {
color: rgb(51, 51, 52);
}

/* language */
#meta #language {
float: right;
}

#meta #language a,
#meta #language p {
padding: 0 0.5em;
}

/* member login */
#meta #login {
padding: 0 1em;
}

/* search */
#meta #search {
padding: 0 0 0 1em;
    margin-top: -0.15em;
    position: relative;
}

#search input,
#search button,
.form-wrapper input,
.form-wrapper textarea {
background-color: #fff;
border: 1px solid rgb(51, 51, 52);
line-height: 140%;
padding: 0 0.25em;
font-size: 80%;
font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
float: left;
margin: 0 0 0 0.25em;
}

#search input {
font-size: 80% !important;
    padding: 0.05em 1.2em 0.1em 0.7em;
    border-radius: 50vw 0 0 50vw;
    border: 1px solid #acadaf;
    border-right: none !important;
}

#search .button {
background-color: rgb(255, 0, 0);
color: #fff;
    border-radius: 50vw;
    border: none;
    padding: 0.2em 0.8em 0.1em;
    margin-left: -0.6em;
}

#search .button:after {
font-family: 'sms-iconregular';
content: '\003F';
font-size: 100%;
padding: 0 0 0 0.5em;
float: right;
margin: -0.2em 0 0 0;
}

#search .search-input.focus,
#search .button:focus-visible,
.form-wrapper input.focus,
.form-wrapper textarea.focus {
outline: none;
border: 1px solid rgb(255, 0, 0);
box-shadow: 0px 0px 4px rgba(255, 0, 0, 0.4);
}

.text.news-list.search-result-list p.search-result-link {
position: relative;
padding: 0.5em 0 0.2em 1em;
color: rgb(255, 0, 0);
font-size: 80%;
}

.text.news-list.search-result-list a:hover p.search-result-link {
color: rgb(0, 0, 0);
}

#join-the-label:hover,
.text.news-list.search-result-list a:hover h2.title {
text-decoration: underline;
}

.text.news-list.search-result-list p.search-result-link span {
position: absolute;
top: 0.35em;
left: 0;
}

/*** content ***/
#wrapper-2 {
position: relative;
top: 0;
left: 0;
width: 100%;
padding: 4.9em 0 5em 280px;
margin: 0;
float: left;
overflow: hidden;
}

#content {
position: relative;
width: 100%;
float: left;
}

.text {
width: 100%;
float: left;
padding: 2.05em 0 0 0;
}

.text .small {
width: 40%;
}

.text .small.float {
padding: 0 1em 1em 0;
}

.text .block-text {
width: 60%;
float: right;
}

/* title text position */
h1.title.space-left {
width: 100%;
padding-left: 30%;
}

#join-the-label,
h2.title,
h3.title {
clear: both;
float: none;
}

h2.title span {
font-weight: bold;
font-size: 66.6666666666664%;
line-height: 140%;
color: rgb(51, 51, 52);
font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
display: block;
clear: both;
padding: 0.25em 0;
}

.product-title h2 {
width: 100%;
font-size: 100%;
padding-top: 0.35em;
border-top: 1px dashed rgb(255, 0, 0);
margin-bottom: 0.5em;
border-bottom: none !important;
cursor: pointer;
/*
padding-left: 30%;
*/
}

#join-the-label,
.product-title h2 strong {
color: #ff0000;
}

.product-title h2 span {
font-size: 80%;
}

.product-title h2:hover strong {
text-decoration: underline;
}

.trainee-title {
position: relative;
width: 100%;
float: left;
cursor: pointer;
}

.trainee-content {
position: relative;
width: 100%;
float: left;
padding-top: 1em;
}

.trainee-title h2.title {
margin-bottom: 0;
}

.accordion-content,
.accordion-title.open em,
.accordion-title em.less,
.trainee-title.open h2.title em,
.trainee-title h2.title em.less {
display: none;
}

.accordion-content.edit,
.accordion-title.open em.less,
.trainee-title.open h2.title em.less {
display: block;
}

.accordion-title em,
.trainee-title em,
.product-title span em {
float: right;
}

.accordion-title em,
.trainee-title em {
font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
font-weight: normal;
font-style: normal;
color: rgb(51, 51, 52);
font-size: 66.6666666666664%;
}

.accordion-title {
cursor: pointer;
}

.accordion-title h2 {
padding-right: 25%;
position: relative;
}

.accordion-title h2 strong {
padding-bottom: 0;
margin-bottom: 0;
}

.accordion-title:hover h2 strong {
text-decoration: underline;
}

.accordion-title.edit h2,
.accordion-title.open h2 {
border-bottom-color: #fff;
}

.accordion-title h2 {
padding-top: 0.25em;
margin-bottom: 0;
}

.accordion-title h2.first {
padding-bottom: 0.25em;
}

.accordion-title h2.title {
padding-bottom: 0.25em;
}

.accordion-title h2.sub-title {
padding-bottom: 0.25em;
}

.accordion-content.text {
padding-top: 0.25em;
}

.accordion-title h2 span {
position: absolute;
bottom: 0;
right: 0;
width: auto;
padding-bottom: 0.6em;
}

.accordion-title h2.title span {
padding-bottom: 0.9em;
}

.accordion-title em {
font-size: 39.99995000006234%;
line-height: 100%;
}

.accordion-title em {
line-height: 100%;
}

.accordion-title .first em {
font-size: 39.99995000006234%;
}

.accordion-title .title em {
font-size: 100.00015500024206%;
}

.accordion-title .sub-title em {
font-size: 76.19047165544213%;
}

.accordion-title:hover .first em,
.accordion-title:hover .title em,
.accordion-title:hover .sub-title em {
color: #ff0000;
}

.accordion-content .title,
.accordion-content .sub-title {
border: none;
margin-bottom: 0;
}

.accordion-content .title {
color: #ff0000;
font-size: 144%;
}

.accordion-content.img-float .title,
.accordion-content.img-small.right .title {
clear: none;
}

.accordion-title em:before,
.trainee-title em:before,
.product-title span em:before {
position: relative;
content: '\00BB';
font-size: 100%;
font-family: 'sms-iconregular';
float: left;
padding: 0 0.25em 0 0;
margin-top: -0.05em;
}

.product-title h2:hover span em {
color: #ff0000;
}

.product-title.open h2 span em,
.product-title h2 span em.less {
display: none;
}

.product-title.open h2 span em.less {
display: block;
}

.accordion-content.edit,
.accordion-content.open {
border-bottom: 1px dashed rgb(255, 0, 0);
}

.accordion-content.img-small.left .title {
padding-left: 30%;
clear: right;
}

.image,
.image a {
width: 100%;
float: left;
}

.img-large .image {
padding-bottom: 1em;
margin-top: -0.2em;
text-align: center;
}

.img-large.right-block .image {
padding-right: 30%;
}

.img-large.right-block h2.title,
.img-large.right-block h3.title {
width: 70%;
}

.img-large.right-block p,
.img-large.right-block ul,
.img-large.right-block ol,
.img-large.right-block table {
width: 70%;
}

.img-large .image img {
float: none;
}

.img-large.img-caption .image {
padding-bottom: 1em;
}

.img-small .image {
position: relative;
width: 28%;
padding: 0.25em 0 0 0;
z-index: 10;
}

.img-small.left .image {
margin: 0 -28% 0 0;
float: left;
clear: left;
}

.img-small.right .image {
margin: 0 0 0 -28%;
float: right;
clear: right;
}

.img-float .image {
position: relative;
width: 30%;
float: left;
    padding: 0.25em 2% 0.25em 0;
    /*padding: 0.25em calc(2% + 1em) 0.25em 0;*/
z-index: 10;
}

.image.no-scale img {
width: auto;
max-width: 100%;
}

.img-small p,
.img-small ul,
.img-small ol {
position: relative;
z-index: 5;
}

/* NOT IN USE
.img-small ul,
.img-small ol {
clear:both;
}
*/

.img-small.left .sub-title,
.img-small.left p,
.img-small.left ul,
.img-small.left ol,
.img-small.left .download {
padding-left: 30%;
clear: right;
}

.img-small.left .download-title {
margin-left: 30%;
clear: right;
}

.img-small.right .sub-title,
.img-small.right p,
.img-small.right ul,
.img-small.right ol {
padding-right: 30%;
clear: left;
}

.article-wrapper .img-small.left .sub-title,
.article-wrapper .img-small.right .sub-title {
padding-right: 0;
}

.img-small.right.no-image p,
.img-small.left.no-image p,
.img-small.right.no-image ul,
.img-small.left.no-image ul,
.img-small.right.no-image ol,
.img-small.left.no-image ol,
.img-small.right.no-image .download,
.img-small.left.no-image .download {
padding-right: 0;
padding-left: 0;
}

.img-small.right .download-title {
width: 70%;
clear: left;
}

/*.img-small.left ul,*/
/*.img-small.left ol {*/
/*margin: 0 0 0 1.5em;*/
/*}*/

.image.center {
text-align: center;
}

.image.center img {
float: none;
}

.caption {
width: 100%;
float: left;
font-size: 55%;
padding: 1em 0;
}

.title .date {
width: 100%;
float: left;
font-size: 67.2%;
padding: 1em 0 0.5em 0;
}

.large-header .date {
width: 100%;
float: left;
}

/*** download ***/
.download {
position: relative;
font-size: 80%;
width: 100%;
float: left;
color: rgb(255, 0, 0);
font-weight: bold;
line-height: 130%;
}

.download span:before {
font-family: 'sms-iconregular';
content: '\0064';
font-size: 150%;
}

.download em {
font-size: 80%;
color: rgb(51, 51, 52);
font-weight: normal;
}

.img-small.left .file-list {
list-style: none;
margin-left: 0;
clear: none;
}

.img-small.left .file-list .download {
padding-left: 0;
font-size: 100%;
}

/*** video ***/
.video-wrapper {
position: relative;
width: 100%;
float: left;
}

.video-wrapper p {
padding: 0.5em 0;
font-size: 64%;
}

/*** news and event list ***/
.text .list {
width: 100%;
float: left;
padding: 0;
font-size: 80%;
line-height: 140%;
list-style: none;
}

.text .list li {
width: 100%;
float: left;
padding: 1em 0 0 0;
margin: 0;
}

.text.search-result-list .list {
border-top: 1px dashed rgb(255, 0, 0);
}

.text.search-result-list .list li {
padding: 0 0 0.5em 0;
border-bottom: 1px dashed rgb(255, 0, 0);
}

.text.search-result-list .list li h2 {
font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
font-weight: bold;
font-size: 100%;
padding: 0.5em 0 0 0;
border: none;
}

.text.search-result-list .list li a:hover h2 {
color: rgb(51, 51, 52);
}

.text.news-list.search-result-list p {
font-size: 100%;
padding: 0.25em 0 0 0;
}

.text.news-list.search-result-list p .highlight {
font-weight: bold;
color: #000;
font-style: normal;
}

.text .list a {
color: rgb(255, 0, 0);
}

.text a:hover,
.text .list a:hover {
color: rgb(51, 51, 52);
text-decoration: underline;
}

.text a.download,
.text .list a.download,
.text .list a:hover strong.date,
.text.news-list a,
.text.news-list .list a {
text-decoration: none;
}

.text.news-list a:hover h3,
.text.news-list .list a:hover h3 {
text-decoration: underline;
}

.text .list a strong.date {
font-size: 100%;
font-weight: normal;
color: rgb(51, 51, 52);
}

.text .list a h3 {
font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
font-weight: bold;
font-size: 100%;
border: none;
}

.text h2.title.list-title {
margin-bottom: 0;
}

.product-wrapper {
position: relative;
width: 100%;
float: left;
}

/*** product list ***/
.text.list-2,
.text .list-2 {
width: 50%;
float: left;
padding-right: 2%;
}

.text.list-2.last,
.text .list-2.last {
padding-left: 2%;
padding-right: 0;
}

.text.list-3,
.text .list-3 {
width: 33.333333333%;
float: left;
padding-right: 2%;
}

.text .list-2 h3,
.text .list-3 h3,
.slider-title h3 {
font-family: Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
font-weight: bold;
}

.text .list-2 ul,
.text .list-3 ul {
font-size: 100%;
width: 100%;
float: left;
padding: 0 0 1.35em 0;
list-style: none;
}

.text .list-2 ul li,
.text .list-3 ul li {
font-size: 100%;
width: 100%;
float: left;
padding: 0;
}

/*** product list ***/
.text .filter {
margin: 0;
padding: 0.3em 0;
list-style: none;
width: 100%;
float: left;
border-bottom: 1px dashed rgb(255, 0, 0);
}

.text .filter li {
float: left;
padding: 0;
width: 1.1em;
width: 3.7037037037037%;
text-align: center;
}

.text .filter li a {
font-weight: bold;
width: 100%;
float: left;
line-height: 120%;
text-align: center;
}

.text .filter li a:hover {
text-decoration: underline;
color: rgb(51, 51, 52);
}

.text .filter li a.active {
text-decoration: none;
color: #fff;
background-color: rgb(255, 0, 0);
}


/*** pagination ***/
.text .pagination {
margin: 0;
padding: 0.3em 0;
list-style: none;
width: 100%;
float: left;
border-bottom: 1px dashed rgb(255, 0, 0);
}

.text .pagination li {
float: left;
padding: 0;
width: auto;
text-align: center;
padding: 0 0.4em 0 0;
}

.text .pagination li a {
font-weight: bold;
float: left;
line-height: 120%;
text-align: center;
padding: 0 0.3em 0 0.3em;
}

.text .pagination li.previous a {
padding: 0 0.3em 0 0;
}

.text .pagination li.next a {
padding: 0 0 0 0.3em;
}

.text .pagination li span {
float: left;
line-height: 120%;
text-align: center;
}

.text .pagination li a:hover {
text-decoration: underline;
color: rgb(51, 51, 52);
}

.text .pagination li a.active {
text-decoration: none;
color: #fff;
background-color: rgb(255, 0, 0);
}

/*** company levellist ***/
.text .company-level-list,
.text .company-level.list li {
margin: 0 0 1.375em 0;
padding: 0.6875em 0;
list-style: none;
width: 100%;
float: left;
border-bottom: 1px dashed rgb(255, 0, 0);
}

.text .company-level-list li {
padding: 0.6875em 0 0.6875em 0;
border: none;
margin: 0;
}

.text .company-level-list li a strong {
color: #FF0000;
}


/*** company list ***/
.text .company-list,
.text .company-list li {
margin: 0 0 1.375em 0;
padding: 0.6875em 0;
list-style: none;
width: 100%;
float: left;
border-bottom: 1px dashed rgb(255, 0, 0);
}

.text .company-list li {
padding: 0.6875em 0 0.6875em 0;
border: none;
margin: 0;
}

.text .company-list figure,
.text .anim-1 figure {
margin: 0 -28% 0 0;
width: 28%;
padding: 0.25em 0 0 0;
}

.text .company-list span,
.text .anim-1 .slider-title,
.text .anim-1 .slider-text,
.text .anim-1 .slider-link {
padding-left: 30%;
text-decoration: none;
width: 100%;
float: left;
color: rgb(51, 51, 52);
}

.text .anim-2 p {
padding-right: 1em;
}

.text.slider-wrapper {
padding-top: 1em;
}

.ls-wrapper .ls-nav ul {
padding: 0 0 0.25em 0;
}

.company-list img {
    opacity: 0;
}

.company-list img[style] {
    opacity: 1;
}

.filter-wrapper .company-list-loading,
.filter-wrapper .company-list-loading span {
    display: flex;
    align-items: center;
    gap: 1em;
}

.filter-wrapper .company-list-loading span {
    gap: 0.5em;
}

.filter-wrapper .company-list-loading p {
    padding: 0;
}

.filter-wrapper .company-list-loading svg {
    height: 24px;
    width: auto;
    animation: loading 1.2s infinite;
    opacity: 0;
}

.filter-wrapper .company-list-loading svg:nth-child(1) {
    animation-delay: 0s;
}

.filter-wrapper .company-list-loading svg:nth-child(2) {
    animation-delay: 0.2s;
}

.filter-wrapper .company-list-loading svg:nth-child(3) {
    animation-delay: 0.4s;
}

.filter-wrapper .company-list-loading svg:nth-child(4) {
    animation-delay: 0.6s;
}

@keyframes loading {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    30% {
        opacity: 0.4;
    }
    45% {
        opacity: 1;
    }
    60% {
        opacity: 0.4;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
/*** Product ***/
dl {
width: 100%;
float: left;
padding: 0 0 0.685em 0;
font-size: 80%;
line-height: 140%;
color: rgb(51, 51, 52);
}

li dl {
font-size: 100%;
}

.cell-left {
width: 28%;
float: left;
}

.cell-small-right {
width: 28%;
float: ight;
}

.cell-right {
width: 70%;
float: right;
}

.cell-block {
width: 100%;
float: left;
}

.cell-block-right {
width: 100%;
float: left;
padding-left: 30%;
}

.cell-block-right.internal {
padding-left: 0;
}

.cell-block-left dl {
width: 100%;
float: left;
padding-right: 30%;
}

.cell-large-left {
width: 70%;
float: left;
}

.cell-large-right {
width: 70%;
float: right;
}

.cell-large-left .cell-left {
width: 42.857142857143%;
}

.cell-large-left .cell-right {
width: 57.142857142857%;
}

.text .cell-small-right,
.text .cell-small-left,
.text .company-list .cell-small-right,
.text .company-list .cell-small-left {
width: 30%;
padding: 0.55em 0 0 2%;
float: right;
margin: 0;
}

.text .cell-small-left {
padding: 0.55em 2% 0 0;
}

.text figure.cell-small-left,
.text figure.cell-small-right {
padding-top: 0.25em;
}

.text .company-list .cell-small-right {
padding: 0 0 0 2%;
}

.text .company-list figure.block {
width: 100%;
margin: 0;
}

/* table in text */
#content .text table {
width: 70% !important;
clear: left;
}

#content .text table,
#content .text table tr,
#content .text table th,
#content .text table td {
border: none;
border-collapse: collapse;
border-spacing: 0;
position: relative;
z-index: 5;
}

#content .text table {
border-bottom: 1px solid #333334;
}

#content .text table thead {
border-top: 2px solid #333334;
border-bottom: 2px solid #333334;
}

#content .text table tr th {
border-top: 1px solid #333334;
border-bottom: 1px solid #333334;
}

#content .text table th,
#content .text table td {
padding: 0.7em 1em 0.7em 0;
border-top: 1px solid #333334;
vertical-align: top;
text-align: left;
}

#content .text table th p,
#content .text table td p {
font-size: 100%;
}

#content .text table caption,
#content .text table caption p {
margin: 0;
padding: 0;
}

#content .text table caption {
line-height: 170%;
}

/* article */
.text.article-page {
padding: 0;
}

/*
.text.article-page header {
width: 170%;
float: left;
}
*/

.text.article-page > header {
width: 70%;
float: left;
}

.text.article-page h1 {
margin-bottom: 1.025em;
}

.article-wrapper {
position: relative;
z-index: 2;
}

.article-wrapper.content-wrap {
width: 70%;
padding-top: 1.375em;
}

.article-wrapper.content-wrap .text {
padding-top: 0 !important;
}

.article-wrapper.content-wrap .text p,
.article-wrapper.content-wrap .text ul,
.article-wrapper.content-wrap .text ol,
.article-wrapper.content-wrap .text table {
padding-right: 0 !important;
}

.article-wrapper p,
.author-wrapper {
padding-right: 30%;
clear: left;
}

.author-wrapper .author-person-wrap {
width: 100%;
float: left;
clear: both;
background-color: #f4f4f4;
}

.author-wrapper .author-person-wrap > .inner-person {
width: 100%;
float: left;
clear: both;
margin-top: 0;
}

.article-wrapper .image {
text-align: center;
}

.article-wrapper .image.large {
margin-right: 30%;
width: auto;
clear: both;
display: block;
float: none;
}

.article-wrapper .image.lead-image {
padding-top: 1.375em;
}

.article-wrapper .image img {
float: none;
}

.article-wrapper p.lead {
padding-top: 1.375em;
}

.author-wrapper {
margin-right: 30%;
padding-right: 0;
}

/*
.author-wrapper.person-wrapper {
margin-bottom: 1.375em;
}
*/

.author-wrapper .inner-person {
padding-top: 0.6875em;
margin-top: 0.6875em;
border-top: 1px solid #fff;
}

.author-wrapper p,
.author-wrapper a {
font-size: 70%;
padding: 0 10px 0 100px !important;
clear: none !important;
}

.author-wrapper .no-photo strong,
.author-wrapper .no-photo p,
.author-wrapper .no-photo a,
.author-wrapper.no-photo strong,
.author-wrapper.no-photo p,
.author-wrapper.no-photo a {
padding: 0 10px 0 16px !important;
clear: none;
}

.author-wrapper strong {
font-size: 70%;
}

.author-wrapper p a {
font-size: 100%;
padding: 0 0 0 0;
}

.author-wrapper {
display: none;
padding-bottom: 0.5em;
}

.author-wrapper.block {
display: block;
}

.author-wrapper a {
color: #ff0000;
}


/*
.author-name.open {
background-color: #f4f4f4;
}
.author-wrapper.open {
background-color: #f4f4f4;
}
*/

.author-name {
padding-top: 0.25em;
}

.link-wrapper {
padding-top: 0.6875em;
display: block;
clear: both;
}

.author-wrapper .author-image {
width: 100px;
float: left;
padding: 0.25em 1em 1em 0;
}

.article-wrapper.content-wrap .text.img-small figure,
.author-wrapper figure,
.img-small.right .author-wrapper figure.image,
.text .interview .image.right {
margin-right: -43% !important;
width: 40.145%;
float: right;
}

.author-wrapper figure,
.img-small.right .author-wrapper figure.image {
padding-top: 0;
}

.article-wrapper.content-wrap .text.img-small figure {
margin-top: -1.35em;
}

.article-wrapper.content-wrap .text figure.no-space-top {
margin-top: 0;
}

.article-wrapper.content-wrap .text.img-large figure {
width: 100%;
float: left;
margin: 0;
padding-right: 0;
padding-bottom: 1.15em;
}

.author-wrapper figure {
position: relative;
z-index: 10;
}

.author-text {
position: relative;
float: left;
border-bottom: 1px dashed #ff0000;
padding: 0 0 0 0;
margin: 0 0 1em 0;
font-size: 90%;
background-color: #ededee;
z-index: 10;
width: 100%;
}

.image .author-text {
width: 100%;
border: none;
padding: 0;
margin: 0;
}

.image .author-text span {
font-size: 80%;
line-height: 140%;
padding: 0.5em 0 0.5em 0;
text-align: left;
float: left;
}

.image .author-text span a {
color: #ff0000;
}

.image .author-text span a:hover {
color: #333334;
}

.img-small.right .author-text p,
.author-text a,
.author-text table,
.author-text ul,
.author-text li {
padding-right: 0;
}

#content .text .author-text table {
width: 100% !important;
}

.date {
position: relative;
font-size: 80%;
line-height: 140%;
color: rgb(51, 51, 52);
padding: 0 0 0 0;
z-index: 100;
display: block;
clear: both;
}

.date strong,
.date .author-name {
font-size: 100%;
}

.date strong {
font-weight: normal;
display: block;
clear: both;
padding: 0 0 0 0;
}

.date .author-name {
color: #33334;
display: block;
clear: both;
}

.date a.author-name,
a.author-name.person-name {
color: #ff0000;
margin-right: 30%;
transition: all 0s ease-in-out;
}

a.author-name.person-name {
font-size: 80%;
float: none;
display: block;
padding-top: 0.5em;
}

.date a:before,
a.author-name.person-name:before {
position: relative;
margin: -0.05em 0 0 0;
content: '\003E';
font-size: 100%;
font-family: 'sms-iconregular';
text-decoration: none !important;
float: left;
}

.date a:hover:before {
text-decoration: none !important;
}

.date a:hover {
color: #333334;
text-decoration: underline;
}

.text.article-page .text header {
width: auto;
float: none;
}

.text ul.list .date {
padding-bottom: 0.2em;
font-size: 100%;
width: 100%;
float: left;
}

.text ul.list .date strong {
padding-bottom: 0;
}

.text ul.list a {
width: 100%;
float: left;
}

.text ul.list a span.lead {
color: #333334;
display: block;
clear: both;
}

.text.article-list ul.list li {
padding-bottom: 1.375em;
border-bottom: 1px dashed rgb(255, 0, 0);
}

.text.article-list .title {
margin-bottom: 0.2em;
}

.text.article-page .news-list {
width: 70%;
}

.text.article-page ul.list {
padding-right: 0;
}

/* interview */
.interview {
position: relative;
clear: left;
float: left;
}

.interview dl {
position: relative;
width: auto;
float: none;
font-size: 100%;
padding-bottom: 0;
}

.img-small.right .interview dl p {
padding-right: 0;
}

.text.article-page .interview dl p {
padding-right: 0 !important;
}

.text .interview dl dt strong {
padding-bottom: 0;
float: left;
width: 100%;
clear: both;
}

.text .interview .image.large {
width: 100%;
padding-right: 30%;
float: left;
margin: 0;
text-align: center;
padding-bottom: 1.375em;
}

/* quote */
.article-page .quote {
width: 100%;
padding-right: 0;
padding-bottom: 0.8em;
float: left;
}

.article-page .quote strong,
.article-page .quote p {
padding-right: 0;
}

.article-page .quote strong {
padding-bottom: 0;
}

.quote.large-font strong {
font-family: 'GravurCondensedBoldBold', Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
font-size: 120%;
padding: 0 0 0.15em 0;
margin: 0 0 0 0;
font-weight: normal;
line-height: 110% !important;
}

.quote.center-text strong {
text-align: center;
display: block;
clear: both;
}

.quote strong {
display: block;
clear: both;
}

.quote.right strong,
.quote.right p {
padding-right: 30%;
}

.quote.left strong {
padding-left: 30%;
}

.quote.large-font.left p {
padding-left: 30%;
}

.quote p {
font-size: 70%;
padding-left: 1em;
padding-bottom: 0 !important;
}

.quote.large-font p {
padding-left: 1.55em;
}

.quote.center-text p {
text-align: center;
display: block;
clear: both;
}

/*** scroller ***/
/*
.image-grid {
width:100%;
height:300px;
overflow:hidden;
float:left;
border-top:1px dashed rgb(255,0,0);
border-bottom:1px dashed rgb(255,0,0);
}

.image-grid.auto-height {
height:auto;
}

.image-grid ul {
width:100%;
float:left;
list-style:none;
margin:0;
padding:0;
}

.image-grid ul li {
position:relative;
width:33.3333333%;
width:25%;
float:left;
text-align:center;
}

.image-grid ul li a {
position:relative;
left:0;
top:0;
width:100%;
padding:1.5%;
float:left;
text-align:center;
}

.image-grid ul li a img {
position:relative;
float:none;
margin:2em 0 0 0;
z-index:-1;
}

.image-grid ul li a .caption {
position:absolute;
top:0;
left:0;
height:0px;
width:100%;
padding:30px 10px 0 10px;
background-color: rgba(255,255,255,0.9);
font-size:60%;
text-align:left;
font-weight:bold;
opacity:0;
z-index:10;
}

.image-grid ul li a:hover .caption {
height:100%;
opacity:1;
}
*/

/*** slider ***/
.slider,
.slider .item {
    position: relative;
    float: left;
    padding: 0 0 0.5em 0;
}

.slider > .item {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.slider:first-child > .item,
.slider .panel-wrapper .item {
    opacity: 1;
    height: unset;
    overflow: auto;
    max-width: 100%;
}

.ls-wrapper {
overflow-y: hidden !important;
}

.ls-wrapper .ls-nav-right-arrow a,
.ls-wrapper .ls-nav-left-arrow a {
color: rgba(51, 51, 52, 0.5);
line-height: 14px;
height: 14px;
width: 25px;
float: left;
margin: -0.25em 0 0 0;
}

.ls-wrapper .ls-nav-right-arrow a {
float: right;
}

.ls-wrapper .ls-nav-right-arrow a:hover,
.ls-wrapper .ls-nav-left-arrow a:hover {
color: rgb(0, 0, 0);
text-decoration: none;
border: none;
}

.ls-wrapper .ls-nav-right-arrow a:before,
h2 a.more:before {
content: '\00BB';
font-size: 100%;
font-family: 'sms-iconregular';
float: right;
}

h2 a.more:before {
float: left;
padding: 0 0.25em 0 0;
text-decoration: none;
}

.ls-wrapper .ls-nav-left-arrow a:before {
content: '\00AB';
font-size: 100%;
font-family: 'sms-iconregular';
}

.ls-nav {
position: relative;
width: 100%;
float: left;
}

.text .grid-slider.liquid-slider {
border-bottom: none;
background-color: #fff;
}

.text .grid-slider.liquid-slider.company-scroller .grid-item {
width: 23%;
margin: 0 1% -4em 1%;
}

.text .grid-slider.liquid-slider.company-scroller .grid-item a {
position: relative;
padding: 5em 0;
float: left;
}

.liquid-slider.company-scroller .grid-item .caption {
position: relative;
margin: -7em 0 -8em 0;
width: 100%;
background-color: #fff;
z-index: -1;
opacity: 0;
border: 1px solid rgb(180, 180, 180);
padding: 8.5em 0.5em 0 0.5em;
box-shadow: 0px 5px 10px rgba(51, 51, 52, 0.3);
}

.text .grid-slider.liquid-slider.company-scroller .grid-item a:hover {
padding: 1em 0 9em 0;
}


.liquid-slider.company-scroller .grid-item a:hover .caption {
opacity: 1;
}

/* company slider */
.text .grid-slider {
display: block;
float: left;
list-style: none;
margin: 0 0 1.5em 0 !important;
padding: 0 0 0 0;
border-bottom: 1px dashed #ff0000;
border-top: 1px dashed #ff0000;
background-color: #fff;
background-color: rgb(255, 255, 255);
}

.text .grid-slider.company-auto-height {
border: none;
}

.text .grid-slider.company-auto-height .slider {
border-bottom: 1px dashed #ff0000;
width: 100%;
}

.text .grid-slider .grid-item {
position: relative;
width: 25%;
float: left;
}

.text .grid-slider.company-auto-height .grid-item {
position: relative;
width: 25%;
float: left;
padding: 0 1%;
}

.text .grid-slider .grid-item a {
position: relative;
width: 100%;
float: left;
text-decoration: none;
color: rgb(51, 51, 52);
}

.text .grid-slider .grid-item .image {
position: relative;
width: 100%;
height: 4em;
text-align: center;
display: table-cell;
vertical-align: middle;
float: left;
padding: 0.5em 0.5em 0 0.5em;
}

.text .grid-slider .grid-item .image img {
vertical-align: middle;
float: none;
width: auto;
height: auto;
min-width: 1px;
min-height: 1px;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
background-color: #fff;
border: none;
border-color: #fff;
color: #fff;
outline: none;
}

.text .grid-slider .grid-item .caption {
width: 100%;
float: left;
overflow: hidden;
text-decoration: none;
color: rgb(51, 51, 52);
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    line-clamp: 12;
}

.text .grid-slider.company-auto-height .grid-item .caption {
position: absolute;
left: 0;
top: 0.5em;
width: 100%;
background-color: #fff;
z-index: -1;
display: none;
border: 1px solid rgb(180, 180, 180);
padding: 8.5em 0.5em 0.5em 0.5em;
box-shadow: 0px 5px 10px rgba(51, 51, 52, 0.3);
}

.text .grid-slider.company-auto-height .grid-item a:hover {
margin-top: -2em;
padding-bottom: 2em;
}

.text .grid-slider.company-auto-height .grid-item a:hover .caption {
z-index: 100;
display: block;
}

.text .grid-slider.company-auto-height .grid-item a:hover .image {
z-index: 200;
padding-top: 1em;
height: 4.5em;
margin-bottom: -0.5em;
}

/*
.text .grid-slider .grid-item .caption.position-1 {
left:0;
}

.text .grid-slider .grid-item .caption.position-2 {
left:25%;
}

.text .grid-slider .grid-item .caption.position-3 {
left:50%;
}

.text .grid-slider .grid-item .caption.position-4 {
right:0;
}
*/

/*
.ls-wrapper .liquid-slider .panel img {
position:absolute;
left:0;
}

.ls-wrapper .liquid-slider .panel.currentPanel img {
position:relative;
left:0;
}
*/

.ls-wrapper .liquid-slider .panel-wrapper,
.ls-wrapper .liquid-slider .panel {
    max-width: 100%;
}

/*** form ***/
.form-wrapper,
.form-wrapper form,
.form-wrapper fieldset,
.form-wrapper fieldset fieldset,
.form-wrapper .form-row,
.form-wrapper .form-item {
width: 100%;
float: left;
clear: both;
}

.form-wrapper .form-item {
padding-bottom: 0.25em;
}

.form-wrapper fieldset fieldset {
width: 50%;
float: left;
clear: none;
}

.form-wrapper .form-row {
padding-bottom: 0.6875em;
margin-bottom: 0.6875em;
border-bottom: 1px dashed rgb(180, 180, 180);
}

.form-wrapper label {
width: 25%;
float: left;
padding-right: 3%;
}

.form-wrapper input,
.form-wrapper textarea,
.form-wrapper select {
width: 50%;
float: left;
max-width: 50%;
min-width: 50%;
margin: 0;
}

.form-wrapper select {
width: 100%;
max-width: 100%;
min-width: 100%;
}

.form-wrapper input,
.form-wrapper textarea,
.form-wrapper span,
.form-wrapper legend,
.form-wrapper select {
font-size: 80%;
line-height: 140%;
color: rgb(51, 51, 52);
}

.form-wrapper .form-row.error span {
color: rgb(255, 0, 0);
}

.form-wrapper .form-row.error span.descr {
color: rgb(51, 51, 52);
}

.form-wrapper .form-row.error input,
.form-wrapper .form-row.error textarea {
border: 2px solid rgb(255, 0, 0);
margin-top: -1px;
}


.form-wrapper label span {
font-weight: bold;
}

.form-wrapper fieldset fieldset label span {
font-weight: normal;
}

.form-wrapper .descr {
width: 50%;
float: right;
margin: 0.5em 25% 0 0;
font-size: 60%;
font-style: italic;
}

.form-wrapper fieldset fieldset .descr {
width: auto;
float: left;
padding-left: 2.66666em;
}

.form-wrapper fieldset fieldset.select .descr {
padding-left: 0;
}

.form-wrapper fieldset fieldset.radio .descr,
.form-wrapper fieldset fieldset.checkbox .descr {
margin-top: 0;
}

.form-wrapper fieldset fieldset input {
width: 1em;
margin: 0.2em 1em 0 0;
max-width: 1em;
min-width: 1em;
}

.form-wrapper fieldset fieldset label {
width: auto;
max-width: 80%;
}

.form-wrapper .button-wrapper {
width: auto;
padding-left: 25%;
}

.form-wrapper .button-wrapper input {
width: auto;
max-width: 50%;
min-width: 1em;
padding-left: 2em;
padding-right: 2em;
}

/*** reset password ***/
#meta #login {
float: right !important;
padding: 0 0.5em 0 0 !important;
}

#member-button {
position: relative;
padding: 0 1em 0 0;
z-index: 1;
}

#member-button:before {
content: '\00BB';
font-size: 100%;
font-family: 'sms-iconregular';
float: left;
padding: 0 0.25em 0 0;
margin-top: -0.05em;
}

#member-login {
position: relative;
z-index: 2;
}

#member-wrapper {
position: absolute;
top: 0;
right: 0;
width: 15em;
float: left;
z-index: 3;
background-color: #fff;
display: none;
}

#reset-wrapper {
position: relative;
z-index: 100;
padding: 0 1em 0 0;
}

#reset-container {
position: absolute;
top: 2em;
left: 0;
width: 16em;
height: 14em;
float: left;
border: 1px solid rgb(2 b2b2d);
border: 1px solid rgb(51, 51, 52);
padding: 0;
background-color: #fff;
box-shadow: 0px 5px 10px rgba(51, 51, 52, 0.3);
z-index: 1000;
display: none;
overflow: hidden;
}

#reset-container iframe {
position: relative;
width: 16em;
height: 14em;
float: left;
}

#reset-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
display: none;
cursor: pointer;
}

/*** footer ***/
/*
#footer {
position:relative;
height:6em;
width:100%;
min-width:800px;
max-width:1100px;
padding:2em 10px 0 10px;
margin:-6em auto 0 auto;
overflow:hidden;
background-color:#fff;
}
*/

#footer {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
min-width: 800px;
max-width: 1100px;
padding: 0 10px 0 10px;
margin: -2em auto 0 auto;
clear: both;
display: block;
}

/*
#footer.edit {
height:6em;
margin-top:-6em;
}
*/

#footer .footer-grid {
position: relative;
top: -1em;
display: block;
margin: 0 0 0 280px;
border-top: 1px dashed rgb(255, 0, 0);
clear: both;
}

#footer img {
width: 100%;
padding: 0.25em 0 0 0;
}

#footer #media,
#footer #online {
position: absolute;
top: 0;
width: 15%;
}

#footer #media {
left: 0;
}

#footer #online {
right: 0;
}

#footer #media span,
#footer #online span {
position: absolute;
top: -1.4em;
font-size: 64%;
color: rgb(255, 0, 0);
min-width: 100px;
}

#footer #media img,
#footer #online img {
position: absolute;
top: 0;
}

#footer #media span {
left: 0;
text-align: left;
}

#footer #online span {
right: 0;
text-align: right;
}

#footer #footer-text {
position: relative;
margin: 0 17%;
font-size: 64%;
line-height: 150%;
padding: 1em 0 0 0;
text-align: center;
display: block;
clear: both;
}

#social-container,
.social-wrap,
#social-button-wrap {
width: 100%;
float: left;
position: relative;
}

.activate-social {
width: auto;
float: left;
position: relative;
width: 20%;
max-width: 40px;
height: 30px;
text-align: left;
overflow: hidden;
cursor: pointer;
}

.activate-social span {
position: absolute;
top: -9999px;
left: -9999px;
text-indent: -9999px;
height: 1px;
width: 1px;
overflow: hidden;
text-align: left;
}

.activate-social img {
width: 30px;
height: 30px;
float: left;
opacity: 0.3;
}

.activate-social:hover img {
opacity: 1;
}

.social-wrap {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px dashed #ccc;
}

#social-button-wrap {
padding: 30px 0 10px 0;
margin: 0 0 10px 0;
height: 70px;
}

#social-button-wrap.border-bottom {
border-bottom: 1px dashed #ccc !important;
}

.anchor {
position: relative;
top: -100px;
left: 0;
font-size: 0;
line-height: 0;
text-indent: -9999px;
height: 0;
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
float: left;
outline: none;
border: none;
text-decoration: none;
}

.ank-info {
background-color: #ffffaa !important;
padding: 5px !important;
display: block;
clear: both;
margin: 0 0 10px 0;
border-top: 1px dashed #ff0000;
border-bottom: 1px dashed #ff0000;
}

.anchor-link:before {
position: relative;
margin: -0.05em 0 0 0;
content: '\003E';
font-size: 100%;
font-family: 'sms-iconregular';
text-decoration: none !important;
float: left;
}

/* join the label */
#join-the-label {
margin: 1.6em 0 0.6em 0;
float: left;
position: relative;
padding: 0 0 0 1.8em;
transition: none;
}

#join-the-label:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.4em;
height: 1.4em;
float: left;
background: url('/.resources/sms22/webresources/swissmadesoftware/jointhelabel.svg') center center no-repeat;
background-size: 100% 100%;
margin: -0.2em 0 0 0;
}

.faq-info {
    background-color: #f1f5e8 !important;
    padding: 5px !important;
    display: block;
    clear: both;
    margin: 0 0 10px 0;
    border-top: 1px dashed #ff0000;
    border-bottom: 1px dashed #ff0000;
}
/********************* RESPONSIVE MAX 900 *********************/
@media only screen and (max-width: 900px) {

html {
font-size: 115%;
}

.text .grid-slider.company-auto-height .grid-item {
width: 50%;
float: left;
border-top: 1px dashed #ff0000;
}

.text .grid-slider.company-auto-height .slider {
border-bottom: none;
}

.text .grid-slider.liquid-slider.company-scroller .grid-item {
margin-bottom: 0;
}

.text .grid-slider.liquid-slider.company-scroller .grid-item a,
.text .grid-slider.liquid-slider.company-scroller .grid-item a:hover {
padding: 0;
height: auto;
}

.text .grid-slider.liquid-slider.company-scroller .grid-item a:hover .image {
padding: 0.5em 0.5em 0 0.5em;
}

.text .grid-slider.liquid-slider.company-scroller .grid-item a .caption,
.text .grid-slider.liquid-slider.company-scroller .grid-item a:hover .caption {
display: none !important;
}

#reset-container {
left: 6em;
}

}

/********************* RESPONSIVE MAX 800 *********************/
@media only screen and (max-width: 800px) {

#wrapper {
width: 100%;
max-width: 520px;
min-width: 300px;
}

#wrapper-2,
#footer,
#header {
width: 100%;
max-width: 500px;
min-width: 280px;
}

#wrapper-2 {
padding: 3em 0 7em 0;
}

#header,
#header.fix {
position: relative;
}

#logo,
#logo strong {
width: 100%;
height: auto;
}

#logo {
background-position: 0 0;
height: 2.25em;
}

#logo strong {
margin: -0.35em 0 0 2em;
font-size: 120%;
}

#logo .icon {
top: 0;
background-color: transparent;
font-size: 180%;
text-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4);
}

#meta {
border-top: 1px dashed rgb(255, 0, 0);
border-bottom: 1px dashed rgb(255, 0, 0);
padding: 0.4em 0 0.2em 0;
}

#meta #search {
width: auto;
padding: 0 0 0;
}

#search .search-input {
width: min(42vw, 12em);
}

#search .button {
width: 1.8em;
text-indent: -200px;
    overflow: hidden;
}

#search .button:after {
text-indent: 0px;
    margin: -0.1em -0.4em 0 0;
    position: relative;
}

#meta #language a {
padding: 0 0.8em;
}

#meta #login {
padding: 0;
float: left;
}

.text.list-2,
.text .list-2,
.text.list-3,
.text .list-3 {
width: 100%;
padding-right: 0;
}

.text.list-2.last,
.text .list-2.last {
padding-right: 0;
padding-left: 0;
}

.image-grid ul li a:hover .caption {
display: none;
}

#nav-button {
display: block;
}

#navigation {
padding-bottom: 0;
}

#nav-box ul {
display: none;
margin: 0 0 1.65em 0;
padding: 0;
border-bottom: 1px dashed rgb(255, 0, 0);
}

#nav-box ul ul {
margin: 0;
}

#footer {
height: 5em;
margin-top: -4em;
padding: 0;
}

#footer .footer-grid {
margin: 0;
top: -4em;
}

#footer #footer-text {
padding-top: 4em;
width: auto;
display: block;
margin: 0;
}

#footer #media,
#footer #online {
min-width: 100px;
}

.form-wrapper fieldset fieldset {
width: 50%;
}

.form-wrapper label {
width: 35%;
padding-right: 3%;
}

.form-wrapper fieldset fieldset,
.form-wrapper input,
.form-wrapper textarea,
.form-wrapper select {
width: 65%;
max-width: 65%;
min-width: 65%;
}

.form-wrapper select {
width: 100%;
max-width: 100%;
min-width: 100%;
}

.form-wrapper .button-wrapper {
padding-left: 35%;
}

.form-wrapper .descr {
width: 65%;
margin-right: 0;
}

#reset-container {
left: 0em;
}

.text .cell-right {
width: 100%;
}

.text .cell-right dd.cell-right {
width: 70%;
}

.text .cell-block-right dd.cell-right.bold {
font-weight: normal;
}

#social-container {
padding-bottom: 20px;
z-index: 1;
}

#social-button-wrap {
text-align: center;
padding: 0;
width: auto;
margin: -40px auto 10px auto;
float: none;
}

#social-container.active #social-button-wrap {
margin: 0 auto 10px auto;
}

.activate-social,
.activate-social img {
float: none;
text-align: center;
display: inline;
}

#nav {
z-index: 10;
}

#nav-button {
z-index: 100;
}

#join-the-label {
position: absolute;
top: -1.1em;;
right: 0;
padding-right: 1.8em;
padding-left: 0;
font-size: 120%;
}

#join-the-label:before {
left: auto;
right: 0;
}

}

/*** END RESPONSIVE MAX 800 ***/


/********************* RESPONSIVE MAX 500 / 350 *********************/
@media only screen and (max-width: 500px) {

html {
font-size: 100% !important;
}

.form-wrapper fieldset fieldset {
width: 100%;
}

.form-wrapper label {
width: 100%;
padding-right: 0;
padding-bottom: 0.25em;
}

.form-wrapper fieldset fieldset,
.form-wrapper input,
.form-wrapper textarea,
.form-wrapper select {
width: 100%;
max-width: 100%;
min-width: 100%;
}

.form-wrapper select {
width: 100%;
max-width: 100%;
min-width: 100%;
}

.form-wrapper .button-wrapper {
padding-left: 0;
}

.form-wrapper .descr {
width: 100%;
margin-right: 0;
font-size: 80%;
}

.form-wrapper fieldset fieldset input {
margin-left: 0.1em;
}

.form-wrapper fieldset fieldset .descr {
padding-left: 2em;
}

#reset-container {
left: 1em;
width: 20em;
height: 17.5em;
}

#reset-container iframe {
width: 20em;
height: 17.5em;
}

/* 03.2015 */
.author-wrapper figure,
.img-small.right .author-wrapper figure.image,
.author-wrapper figure a,
.img-small.right .author-wrapper figure.image a,
.article-wrapper figure.large,
.text .interview .image.right,
.text .interview .image.left,
.article-wrapper.content-wrap .text.img-small figure,
.img-small.right .image,
.img-small.left .image,
.img-small.left .sub-title {
width: 100%;
padding-right: 0 !important;
padding-left: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding-bottom: 1em;
}

.img-small.right .image,
.img-small.left .image {
text-align: center;
}

.img-small.right .image img,
.img-small.left .image img {
float: none;
}

.interview dl p,
.img-small.right p,
.img-small.right ul,
.img-small.right ol,
.img-small.right .download,
.img-small.left p,
.img-small.left ul,
.img-small.left ol,
.img-small.left .download,
.quote.left strong,
.quote.right strong,
.article-page .quote,
.article-wrapper.content-wrap {
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
}

.quote.large-font.left p,
.quote.large-font.right p {
padding-left: 1em;
}

.author-wrapper figure img,
.img-small.right .author-wrapper figure.image img {
max-width: 100%;
}

.text.article-page .news-list,
.article-wrapper.content-wrap {
width: 100%;
}

.article-wrapper p,
.author-wrapper {
padding-right: 0;
padding-left: 0;
}

.date a.author-name,
.author-wrapper {
margin-right: 0;
}

.text.article-page > header {
width: 100%;
float: left;
}

.author-wrapper .no-photo strong,
.author-wrapper .no-photo p,
.author-wrapper .no-photo a,
.author-wrapper.no-photo strong,
.author-wrapper.no-photo p,
.author-wrapper.no-photo a {
padding: 0 10px 0 12px !important;
}

a.author-name.person-name {
margin-right: 0;
}

}

@media only screen and (max-width: 515px) {

#footer {
padding: 2em 10px 0 10px;
}

}

@media only screen and (max-width: 400px) {

#join-the-label {
Text-indent: 9999px;
width: 1.4em;
height: 1.4em;
white-space: nowrap;
}

}

@media only screen and (max-width: 350px) {

html {
font-size: 90% !important;
}

}

/*** END RESPONSIVE MAX 500 / 350 ***/


/********************* RESPONSIVE MIN 1680 *********************/
@media only screen and (min-width: 1680px) {

html {
font-size: 150% !important;
}

#wrapper,
#footer {
max-width: 1280px;
}

.text.news-list.search-result-list p.search-result-link span {
top: 0.43em;
}

}

/*** END RESPONSIVE MIN 1680 ***/

/*** warning and info ***/
.warning {
padding: 10px;
background-color: #ffaaaa;
}

/*** CMS messages ***/
/* page */
p.cms-message-box.page-state {
position: relative;
width: 100%;
float: left;
clear: both;
padding: 3px 0 2px 0;
margin: 0 0 -1px 0;
z-index: 100;
background-color: #6a9000;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

p.cms-message-box.page-state span.cms-info {
padding: 3px 16px !important;
letter-spacing: 0.05em !important;
line-height: 120% !important;
float: left;
color: #efefef;
font-family: DINWebPro, Verdana, sans-serif;
font-size: 12px;
}

p.cms-message-box.page-state span.cms-info.space {
padding: 3px 16px 3px 38px !important;
}

p.cms-message-box.page-state span.cms-info strong {
min-width: 120px;
float: left;
font-weight: normal;
}

p.cms-message-box.page-state span.cms-info strong.large {
color: #fff;
width: 100%;
min-width: 120px;
float: left;
clear: both;
font-size: 120%;
font-weight: normal;
padding: 0 0 5px 0;
}

p.cms-message-box.page-state span.cms-info strong.underline {
text-decoration: underline;
}

p.cms-message-box.page-state .cms-dot {
position: absolute;
top: 1px;
left: 16px;
width: 10px;
margin: 2px;
height: 10px;
float: left;
margin: 3px 0;
border-radius: 50%;
z-index: 2;
border: 2px solid #fff;
box-shadow: 0 5px 5px rgba(51, 51, 52, 0.3);
box-sizing: content-box !important;
}

/* component */
.cms-message-box.component-state {
position: relative;
top: 0;
float: right;
margin: 0 0 -20px -20px;
width: 20px;
height: 20px;
box-sizing: border-box;
width: 100%;
}

.component .cms-message-box.component-state {
margin: 0 9% -20px -20px;
}

.cms-message-box.component-state span.cms-dot {
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 10px;
float: left;
margin: 3px;
border-radius: 50%;
z-index: 2;
border: 2px solid #fff;
box-shadow: 0 5px 5px rgba(51, 51, 52, 0.3);
box-sizing: content-box !important;
}

.cms-message-box.component-state span,
.cms-message-box.component-state span.disabled {
cursor: pointer !important;
}

.cms-message-box.component-state .cms-info {
position: relative;
top: 0;
right: 0;
padding: 3px 22px 1px 5px !important;
letter-spacing: 0.05em !important;
background-color: #fafafa;
background-color: rgba(106, 144, 0, 0.9);
line-height: 16px !important;
z-index: 1;
font-family: DINWebPro, Verdana, sans-serif;
font-size: 12px;
box-sizing: border-box;
width: auto;
float: right;
color: rgb(239, 239, 239);
display: block;
}

.cms-message-box.component-state:hover .cms-info {
box-shadow: 0 5px 5px -3px rgba(51, 51, 52, 0.3);
}

.cms-message-box.component-state:hover {
z-index: 400;
}

.cms-message-box.component-state:hover .cms-dot {
box-shadow: none;
box-sizing: content-box !important;
}

.cms-message-box.page-state .unpublished,
.cms-message-box.component-state .unpublished {
/*
background-color:#9a3332;
*/
animation: unpub 2s infinite;
animation-timing-function: linear;
box-sizing: content-box !important;
}

.cms-message-box.page-state .modified,
.cms-message-box.component-state .modified {
/*
background-color:#ffbf28;
*/
animation: mod 2s infinite;
animation-timing-function: linear;
}

.item.inactive .point-icon.front {
color: rgba(0, 0, 0, 0);
}

/* Firefox */
@-moz-keyframes unpub {
0% {
background-color: #9a3332;
border: 2px solid #fff;
}
50% {
background-color: #fff;
border: 2px solid #9a3332;
}
100% {
background-color: #9a3332;
border: 2px solid #fff;
}
}

@-moz-keyframes mod {
0% {
background-color: #ffbf28;
border: 2px solid #fff;
}
50% {
background-color: #fff;
border: 2px solid #ffbf28;
}
100% {
background-color: #ffbf28;
border: 2px solid #fff;
}
}

/* Safari and Chrome */
@-webkit-keyframes unpub {
0% {
background-color: #9a3332;
border: 2px solid #fff;
}
50% {
background-color: #fff;
border: 2px solid #000;
}
100% {
background-color: #9a3332;
border: 2px solid #fff;
}
}

@-webkit-keyframes mod {
0% {
background-color: #ffbf28;
border: 2px solid #fff;
}
50% {
background-color: #fff;
border: 2px solid #ffbf28;
}
100% {
background-color: #ffbf28;
border: 2px solid #fff;
}
}

/* all */
@keyframes unpub {
0% {
background-color: #9a3332;
border: 2px solid #fff;
}
50% {
background-color: #fff;
border: 2px solid #9a3332;
}
100% {
background-color: #9a3332;
border: 2px solid #fff;
}
}

@keyframes mod {
0% {
background-color: #ffbf28;
border: 2px solid #fff;
}
50% {
background-color: #fff;
border: 2px solid #ffbf28;
}
100% {
background-color: #ffbf28;
border: 2px solid #fff;
}
}

/* new button in ck text */
.text p strong:first-child:last-child > a {
    color: pink;
}

@media only screen and (max-width: 800px) {
    #member-login {
        display: none;
        visibility: hidden;
    }
}
/* list */
.text .filter {
border-bottom: none;
border-top: 1px dashed rgb(255, 0, 0);
background: white;
}

.text .filter li {
width: 3.57%;
width: 3.7%
}

.text .filter li a:hover {
color: #fff;
background: #ff0000;
text-decoration: none;
}


.text .company-list {
/*opacity: 0;*/
transition: opacity 0.25s ease-out;
}

.text .company-list.show-level-1,
.text .company-list.show-level-2 {
opacity: 1;
}

.text .company-list li.is-level-1-item a[target="_blank"] {
padding-left: 30%;
font-weight: bold;
transition: color 0.25s ease-in-out;
color: #000;
}

.text .company-list li.is-level-1-item .icons a[target="_blank"] {
padding-left: 0;
}

.text .company-list li.is-level-1-item a[target="_blank"] > span {
padding-left: 0;
display: inline;
width: auto;
float: none;
}

.text .company-list li a > span {
max-height: 8.3em;
max-height: 5.5em;
overflow: hidden;
transition: height 0.25s ease-out;
}

.text .company-list li a > span.open {
max-height: 100%;
}

/*
.text .company-list li em.more {
margin-left: 30%;
color: #ff0000;
cursor: pointer;
}

.text .company-list li em.more:hover {
text-decoration: underline;
}
*/

/* action */
.text .company-list.show-level-1 li.is-level-1-item a[target="_blank"] {
padding-left: 0;
}

.text .company-list.show-level-1.show-level-2 li.is-level-1-item a[target="_blank"] {
padding-left: 30%;
}

.text .company-list.show-level-1.show-level-2 li.is-level-1-item {
padding-left: 30%;
}

.text .company-list.show-level-1.show-level-2 li.is-level-1-item a[target="_blank"] {
padding-left: 0;
}

.text .company-list.show-level-1 li .icons a[target="_blank"],
.text .company-list.show-level-2 li .icons a[target="_blank"] {
padding-left: 0;
}

.text .company-list.show-level-2.show-level-1 li a > span.open,
.text .company-list.show-level-2 li a > span {
max-height: 100%;
}

.text .company-list.show-level-2 li > em {
display: none;
}

/*
.text .company-list.show-level-2.show-level-1 li a > span {
max-height: 5.5em;
}

.text .company-list.show-level-2.show-level-1 li > em {
display: block;
}

.text .company-list.show-level-2:not(.show-level-1) li > em {
display: none !important;
}
*/

/* filter */
.level-filter {
margin: 0;
padding: 0.3em 0;
list-style: none;
width: auto;
float: left;
}

.level-filter:first-child {

}

.level-filter:nth-child(2) {
float: right;
margin-left: -100%;
}

.level-filter > div {
width: auto;
float: left;
clear: both;
}

.level-filter:first-child > div:first-child {
margin-bottom: 0.6em;
}

.level-filter span {
font-size: 80%;
line-height: 140%;
color: rgb(51, 51, 52);
float: left;
}

.level-filter span.button {
font-weight: bold;
color: #ff0000;
padding: 0 0.4em;
cursor: pointer;
margin: 0 0.4em 0 0;
}

.level-filter span.button:last-child {
margin: 0;
}

.level-filter span.label {
padding-right: 0.4em;
min-width: 4em;
}

.level-filter span.button:hover {
color: rgb(51, 51, 52);
text-decoration: underline;
}

.level-filter span.button.active {
color: #fff;
background: #ff0000;
}

.level-filter span.button.active:hover {
text-decoration: none;
}

@media only screen and (max-width: 500px) {
.level-filter > div:first-child {
margin-right: 0;
width: 100%;
margin-bottom: 0.4em;
}

.level-filter > div:last-child {
float: left;
margin-left: 0;
width: 100%;
}

.text .filter {
padding-bottom: 0;
margin-bottom: -1px;
}

.text .filter li {
width: 7.14%;
margin-bottom: 0.4em;
}
}

/* image right (v2) */
.text .company-list.v2 a > span {
padding-right: 30%;
padding-left: 0;
}

.text .company-list.v2 a > figure {
margin: 0 0 0 -28%;
float: right;
}

.text .company-list.v2 li em.more {
margin-left: 0;
}

.text .company-list.v2.show-level-1.show-level-2 li.is-level-1-item a[target="_blank"] {
padding-left: 0;
}

.text .company-list.v2 li.is-level-1-item a[target="_blank"] > span {
padding-right: 0;
}

.text .company-list.v3 li {
border-bottom: 1px dashed rgb(255, 0, 0);
}

.text .company-list.v3 li.letter {
display: none;
padding-top: 1.375em;
}

.text .company-list.v3 li.letter:first-child {
padding-top: 0em;
margin-top: -0.6875em;
}

.text .company-list.v3.is-az li.letter {
display: block;
font-weight: bold;
color: #ff0000;
}

.text .company-list.v3 {
border-bottom: none;
}



/* filter */
.button {
border: 1px solid #ff0000;
}

.level-filter {
padding: 1.5em 0 1.3em 0;
}

.level-filter .label {
font-weight: bold;
}

.level-filter span.button:hover {
text-decoration: none;
/*background: red;*/
/*color: white;*/
}

.filter-wrapper .filter-button {
	/*display: none;*/
	/*visibility: hidden;*/
font-weight: bold;
cursor: pointer;
color: #ff0000;
border: 1px solid #ff0000;
padding: 0.3em 0.5em;
background: #fff;
float: left;
clear: both;
margin-bottom: -0.85em;
position: relative;
z-index: 2;
}

.filter-wrapper .filter-button span {
float: left;
font-weight: bold;
}

.filter-wrapper .filter-button span:last-child {
display: none;
}

.show-fixed-filter-menu .filter-wrapper .filter-button span:last-child ,
.filter-wrapper.open .filter-button span:last-child {
display: block;
}

.show-fixed-filter-menu .filter-wrapper .filter-button span:first-child,
.filter-wrapper.open .filter-button span:first-child {
display: none;
}

.filter-wrapper,
.filter-content {
width: 100%;
float: left;
}

.filter-content {
display: none;
border-bottom: 1px dashed rgb(255, 0, 0) !important;
}

.show-fixed-filter-menu .filter-wrapper .filter-content,
.filter-wrapper.open .filter-content {
display: block;
}

.filter-wrapper {
padding: 0 0 0.5em 0;
margin-bottom: 0.5em;
min-height: 27px;
position: relative;
z-index: 1000;
}

#content .text header {
position: relative;
z-index: 2;
}

#content .text .company-list {
position: relative;
z-index: 1;
}

.filter-wrapper.open {
min-height: 145px;
}

.show-fixed-filter-menu .filter-wrapper .sticky-filter-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 0px;
float: left;
}

.show-fixed-filter-menu .filter-wrapper .sticky-filter-wrapper .filter-container {
width: 100%;
float: left;
padding-top: 1em;
}

.show-fixed-filter-menu .filter-wrapper .sticky-filter-wrapper .filter-container,
.show-fixed-filter-menu .filter-wrapper.open .sticky-filter-wrapper .filter-container {
background: #fff;
box-shadow: 0 20px 22px -22px rgba(0,0,0,0.1);
}

.show-fixed-filter-menu .filter-wrapper .sticky-filter-wrapper .filter-container,
.show-fixed-filter-menu .filter-wrapper.open .sticky-filter-wrapper .filter-container {
padding-top: 0;
}

.show-fixed-filter-menu .filter-wrapper .filter-inner-wrapper {
padding: 0 0 0 280px;
float: left;
width: 100%;
}

.filter-wrapper .sticky-filter-wrapper .center {
margin: 0 auto;
width: 100%;
max-width: 1100px;
}

.show-fixed-filter-menu .filter-wrapper .sticky-filter-wrapper .center {
padding: 0 10px;
}

.show-fixed-filter-menu .filter-wrapper .filter-button,
.filter-wrapper.open .filter-button {
border: none;
padding-left: 0;
margin-bottom: -0.5em;
}

.show-fixed-filter-menu .filter-wrapper .filter-button span,
.filter-wrapper.open .filter-button span {
font-size: 80%;
}

.show-fixed-filter-menu .filter-wrapper .filter-button:hover,
.filter-wrapper.open .filter-button:hover {
background: #fff;
text-decoration: underline;
color: #ff0000;
}

.filter-button:hover {
color: #fff;
background: #ff0000;
}

.show-fixed-filter-menu .filter-wrapper.v7 .filter-button,
.show-fixed-filter-menu .filter-wrapper.v7 .filter-button span,
.filter-wrapper.v7.open .filter-button,
.filter-wrapper.v7.open .filter-button span {
float: right;
font-size: 120%;
}

.show-fixed-filter-menu .filter-wrapper.v7 .filter-button,
.filter-wrapper.v7.open .filter-button {
padding-right: 0;
padding-left: 0.3em;
margin-bottom: -0.75em;
}

.show-fixed-filter-menu .filter-wrapper.v7 .filter-button span,
.filter-wrapper.v7.open .filter-button span {
transform: rotate(45deg);
}

.filter-wrapper.v7.open .filter-button span:nth-child(2),
.show-fixed-filter-menu .filter-wrapper.v7 .filter-button span:last-child {
display: block;
}

.filter-wrapper.v7 .filter-button span:nth-child(2),
.show-fixed-filter-menu .filter-wrapper.v7 .filter-button span:nth-child(2),
.filter-wrapper.v7 .filter-button span:last-child {
display: none;
}

.show-fixed-filter-menu .filter-wrapper.v7 .filter-button span:last-child {
border-top: 3px solid red;
border-right: 3px solid red;
width: 12px;
height: 12px;
transform: rotate(-45deg);
top: 6px;
margin-right: 4px;
position: relative;
}

.filter {
display: none;
}

.text .company-list li {
position: relative;
}

.text .company-list li.is-level-1-item {
padding: 0.6875em 0 0.6875em 0;
}

.text .company-list.show-level-1 li.is-level-1-item .icons a {
margin-top: 0;
}

.text .company-list.show-level-1.show-level-2 li.is-level-1-item .icons a {
margin-top: 0.2rem;
}

.text .company-list.show-level-1 li.is-level-1-item .icons {
display: flex;
}

.text .company-list.show-level-1 li.is-level-1-item .icons a {
order: 1;
}

.text .company-list.show-level-1:not(.show-level-2) li.is-level-1-item .icons a.web-link:last-child,
.text .company-list.show-level-1 li.is-level-1-item .icons a.web-link {
margin-right: 0.6em;
}

.text .company-list.show-level-1.show-level-2 li.is-level-1-item .icons a,
.text .company-list.show-level-1 li.is-level-1-item .icons a.web-link {
order: 0;
}

.text .company-list li.is-level-2-item a:hover span strong:first-of-type {
text-decoration: underline;
font-weight: bold;
}

.text .company-list li.is-level-2-item a span strong:not(:first-of-type) {
font-weight: normal;
}

.text .company-list li .icons {
width: 100%;
float: left;
clear: both;
}

.text .company-list.show-level-1 li .icons {
padding-left: 0;
width: auto;
float: right;
}

.text .company-list.show-level-2 li .icons,
.text .company-list.show-level-1.show-level-2 li .icons {
padding-left: 30%;
width: 100%;
float: left;
}

.text .company-list.show-level-1.show-level-2 li.is-level-1-item .icons {
padding-left: 0;
}

.text .company-list.show-level-1 li.has-icons a.icons {
right: 0;
}

.text .company-list li.has-icons figure {
padding-bottom: 2.6em;
}

.text .company-list li .icons svg {
opacity: 0.2;
transition: opacity 0.25s ease-in-out;
}

.text .company-list li .icons svg.dev-icon {
opacity: 0.4;
}

.text .company-list li .icons svg.sm-icon {
width: 20px;
}

.text .company-list li .icons svg.sh-icon {
width: 26px;
}

.text .company-list li .icons svg.dev-icon {
width: 66px;
}

.text .company-list li .icons a:hover svg,
.text .company-list li a .icons a:hover svg {
opacity: 1;
}

.text .company-list li .icons svg .color-path {
transition: fill 0.25s ease-in-out;
}

.text .company-list li a:hover .icons svg .color-path {
fill: #FF0000;
}

.text .company-list li .icons a,
.text .company-list li .icons img,
.text .company-list li .icons svg {
height: 20px;
width: auto;
float: left;
}

.text .company-list li .icons a {
margin: 0.5em 0.5em 0em 0;
color: #000;
}

.text .company-list li.is-level-1-item .icons a.web-link,
.text .company-list li.is-level-2-item .icons a.web-link {
opacity: 0.4;
}

.text .company-list li.is-level-2-item .icons a.web-link {
margin-left: 0.2em;
}

.text .company-list li.is-level-1-item a.web-link[target="_blank"],
.text .company-list li .icons a.web-link {
font-weight: normal !important;
}

.text .company-list li .icons a.web-link:hover {
opacity: 1;
}

.text .company-list li.is-level-2-item .open {
margin-bottom: -0.3rem;
}

.text .company-list li.is-level-2-item .icons a {
margin: 0.5em 0.5em 0em 0;
}

.text .company-list li .icons img.dev-icon,
.text .company-list li .icons svg.dev-icon {
margin-top: -2px;
height: 24px;
}

.text .company-list li .icons a:last-child {
margin-right: 1rem;
}

.text .company-list li .icons {
transition: none;
}

.text .company-list.show-level-1:not(.show-level-2) li .icons a:last-child {
margin-right: 0;
transition: none;
}

.text .company-list li a.icons svg {
margin-bottom: 0 !important;
}

#main #wrapper #header #navigation ul > li > ul {
margin-bottom: 0;
padding-bottom: 0;
}


@media only screen and (max-width: 800px) {
	.filter-wrapper .sticky-filter-wrapper .center {
	width: 100%;
	max-width: 520px;
	min-width: 300px;
	}

	.show-fixed-filter-menu .filter-wrapper .filter-inner-wrapper {
	padding-left: 0;
	}
}

@media only screen and (min-width: 1680px) {
	.filter-wrapper .sticky-filter-wrapper .center {
	max-width: 1280px;
	}

.text .company-list.show-level-1.show-level-2 li.is-level-1-item .icons a.web-link {
margin-top: 0.1em;
}

.text .company-list li.is-level-2-item .icons a.web-link,
.text .company-list.show-level-2 li.is-level-2-item .icons a.web-link {
margin-top: 0.35em;
}

.text .company-list.show-level-1:not(.show-level-2) li.is-level-1-item .icons a:not(.web-link) {
margin-top: 0.15em;
}

}

@media only screen and (max-width: 440px) {
	.level-filter:nth-child(2) {
	float: left;
	margin-left: 0;
	}
	
	.level-filter:first-child {
	padding-bottom: 0;
	}

	.level-filter:nth-child(2) {
	padding-top: 0.5rem;
	}

	.level-filter span.label {
	min-width: 6em;
	}

}

@charset "UTF-8";body{-webkit-backface-visibility:hidden}.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-o-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-o-keyframes shake{0%,100%{-o-transform:translateX(0)}10%,30%,50%,70%,90%{-o-transform:translateX(-10px)}20%,40%,60%,80%{-o-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-o-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,100%{-o-transform:translateY(0)}40%{-o-transform:translateY(-30px)}60%{-o-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-o-keyframes tada{0%{-o-transform:scale(1)}10%,20%{-o-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-o-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-o-transform:scale(1.1) rotate(-3deg)}100%{-o-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-o-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-o-keyframes swing{20%{-o-transform:rotate(15deg)}40%{-o-transform:rotate(-10deg)}60%{-o-transform:rotate(5deg)}80%{-o-transform:rotate(-5deg)}100%{-o-transform:rotate(0deg)}}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-moz-transform-origin:top center;-o-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;-moz-animation-name:swing;-o-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-o-keyframes wobble{0%{-o-transform:translateX(0%)}15%{-o-transform:translateX(-25%) rotate(-5deg)}30%{-o-transform:translateX(20%) rotate(3deg)}45%{-o-transform:translateX(-15%) rotate(-3deg)}60%{-o-transform:translateX(10%) rotate(2deg)}75%{-o-transform:translateX(-5%) rotate(-1deg)}100%{-o-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-o-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-o-keyframes pulse{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-o-animation-name:pulse;animation-name:pulse}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-o-keyframes fadeOutUp{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-o-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-o-keyframes fadeOutDown{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-o-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-o-keyframes fadeOutLeft{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-o-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-o-keyframes fadeOutRight{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-o-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes fadeOutUpBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-o-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes fadeOutDownBig{0%{opacity:1;-o-transform:translateY(0)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-o-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes fadeOutLeftBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-o-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes fadeOutRightBig{0%{opacity:1;-o-transform:translateX(0)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-o-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0;-o-transform:scale(.3)}50%{opacity:1;-o-transform:scale(1.05)}70%{-o-transform:scale(.9)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInUp{0%{opacity:0;-o-transform:translateY(2000px)}60%{opacity:1;-o-transform:translateY(-30px)}80%{-o-transform:translateY(10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-2000px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}60%{opacity:1;-o-transform:translateX(30px)}80%{-o-transform:translateX(-10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-o-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-o-keyframes bounceInRight{0%{opacity:0;-o-transform:translateX(2000px)}60%{opacity:1;-o-transform:translateX(-30px)}80%{-o-transform:translateX(10px)}100%{-o-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-o-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}25%{-o-transform:scale(.95)}50%{opacity:1;-o-transform:scale(1.1)}100%{opacity:0;-o-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-o-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-o-keyframes bounceOutDown{0%{-o-transform:translateY(0)}20%{opacity:1;-o-transform:translateY(-20px)}100%{opacity:0;-o-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-o-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-o-keyframes bounceOutLeft{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(20px)}100%{opacity:0;-o-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-o-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-o-keyframes bounceOutRight{0%{-o-transform:translateX(0)}20%{opacity:1;-o-transform:translateX(-20px)}100%{opacity:0;-o-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-o-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateIn{0%{-o-transform-origin:center center;-o-transform:rotate(-200deg);opacity:0}100%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-o-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-o-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-o-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-o-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-o-keyframes rotateInDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}100%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-o-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-o-keyframes rotateOut{0%{-o-transform-origin:center center;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:center center;-o-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-o-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutUpLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-o-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutDownLeft{0%{-o-transform-origin:left bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:left bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-o-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-o-keyframes rotateOutUpRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-o-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-o-keyframes rotateOutDownRight{0%{-o-transform-origin:right bottom;-o-transform:rotate(0);opacity:1}100%{-o-transform-origin:right bottom;-o-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-o-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-o-keyframes hinge{0%{-o-transform:rotate(0);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}20%,60%{-o-transform:rotate(80deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}40%{-o-transform:rotate(60deg);-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}80%{-o-transform:rotate(60deg) translateY(0);opacity:1;-o-transform-origin:top left;-o-animation-timing-function:ease-in-out}100%{-o-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-o-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-o-keyframes rollIn{0%{opacity:0;-o-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-o-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-o-keyframes rollOut{0%{opacity:1;-o-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-o-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-o-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@-moz-keyframes lightSpeedIn{0%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-moz-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-moz-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}}@-o-keyframes lightSpeedIn{0%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-o-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-o-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-o-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0%) skewX(-15deg);opacity:1}100%{transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-moz-animation-name:lightSpeedIn;-o-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}.animated.lightSpeedIn{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@-moz-keyframes lightSpeedOut{0%{-moz-transform:translateX(0%) skewX(0deg);opacity:1}100%{-moz-transform:translateX(100%) skewX(-30deg);opacity:0}}@-o-keyframes lightSpeedOut{0%{-o-transform:translateX(0%) skewX(0deg);opacity:1}100%{-o-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{transform:translateX(0%) skewX(0deg);opacity:1}100%{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-moz-animation-name:lightSpeedOut;-o-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.lightSpeedOut{-webkit-animation-duration:.25s;-moz-animation-duration:.25s;-o-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes wiggle{0%{-webkit-transform:skewX(9deg)}10%{-webkit-transform:skewX(-8deg)}20%{-webkit-transform:skewX(7deg)}30%{-webkit-transform:skewX(-6deg)}40%{-webkit-transform:skewX(5deg)}50%{-webkit-transform:skewX(-4deg)}60%{-webkit-transform:skewX(3deg)}70%{-webkit-transform:skewX(-2deg)}80%{-webkit-transform:skewX(1deg)}90%{-webkit-transform:skewX(0deg)}100%{-webkit-transform:skewX(0deg)}}@-moz-keyframes wiggle{0%{-moz-transform:skewX(9deg)}10%{-moz-transform:skewX(-8deg)}20%{-moz-transform:skewX(7deg)}30%{-moz-transform:skewX(-6deg)}40%{-moz-transform:skewX(5deg)}50%{-moz-transform:skewX(-4deg)}60%{-moz-transform:skewX(3deg)}70%{-moz-transform:skewX(-2deg)}80%{-moz-transform:skewX(1deg)}90%{-moz-transform:skewX(0deg)}100%{-moz-transform:skewX(0deg)}}@-o-keyframes wiggle{0%{-o-transform:skewX(9deg)}10%{-o-transform:skewX(-8deg)}20%{-o-transform:skewX(7deg)}30%{-o-transform:skewX(-6deg)}40%{-o-transform:skewX(5deg)}50%{-o-transform:skewX(-4deg)}60%{-o-transform:skewX(3deg)}70%{-o-transform:skewX(-2deg)}80%{-o-transform:skewX(1deg)}90%{-o-transform:skewX(0deg)}100%{-o-transform:skewX(0deg)}}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}100%{transform:skewX(0deg)}}.wiggle{-webkit-animation-name:wiggle;-moz-animation-name:wiggle;-o-animation-name:wiggle;animation-name:wiggle;-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}.animated.wiggle{-webkit-animation-duration:.75s;-moz-animation-duration:.75s;-o-animation-duration:.75s;animation-duration:.75s}/***********************************************************************
*
*  Liquid Slider
*  Kevin Batdorf
*
*  http://liquidslider.com
*
*  GPL license
*
************************************************************************/

/******************************************************
* No JavaScript
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html
* markup.
*******************************************************/
.no-js .liquid-slider {
  height:350px;
  overflow:scroll;
}

/******************************************************
* Preloader
* Use this to apply styles when Javascript is disabled,
* and be sure to include the ".no-js" class in your html
* markup.
*******************************************************/
.ls-preloader {
  /*
  background: url(../img/loading.gif) #f2f2f2 no-repeat center 75px;
  */
  opacity:1;
  /* Do not edit below this line */
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}

/******************************************************************
* Base Styles
* The styles here will apply to everything. I recommend you keep
* the styles in here specific to mobile devices, then use
* the media queries at the bottom to define further styles for larger
* screen-sizes. Think Mobile First. But be cautious of how
* your site will look in older IE browsers.
*
* Additional media queries are at the bottom of this document
******************************************************************/
.ls-wrapper {
  margin:0 auto;
  /* Do not edit below this line */
  clear: both;
  overflow: auto;
  position: relative;
}

/******************************************************
* Main Container
* This is the main container (minus the navigation).
* Be sure to match the width with the .panel class,
* or it won't work properly. Also, width only applies
* if you are not using the responsive setting.
*
* The responsive slider will interpret the width as the
* max width instead
*******************************************************/
.ls-wrapper .liquid-slider {
  background: #fff;
  width: 1030px;
  /* Do not edit below this line */
  float: left;
  overflow: hidden;
  position: relative;
}
.ls-wrapper .panel-container {
  /* Do not edit below this line */
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  /* from http://davidwalsh.name/translate3d */
}
.ls-wrapper .liquid-slider .panel-container .fade {
  /* Do not edit below this line */
  width:100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

/******************************************************
* Panels
* This is for the panels. If you are using the
* responsive setting, this will act as the max-width
* for the entire slider.
*******************************************************/
.ls-wrapper .liquid-slider .panel {
  width: 1030px;
  /* Do not edit below this line */
  display: block;
  float: left;
}

/******************************************************
* These provide a base starting point for images and
* video. However, you will have to add more rules
* based on the content you use. Use the @media queries
* at the bottom of this file.
*******************************************************/
.ls-wrapper .liquid-slider .panel img{
  /*
  width:100%;
  height:auto;
  margin:0 5px;
  */
}

.ls-wrapper .liquid-slider .panel video {
  /*
  width:100%;
  height:auto;
  */
}

/******************************************************
* This is mainly used to adjust the padding inside each
* panel. If you are using the responsive setting, you
* need to use the settings below as this will not apply.
*******************************************************/
.ls-wrapper .liquid-slider .panel-wrapper {
  /* padding: 20px; */
  /* Do not edit below this line */
  position:relative;
}

/*****************************************************
* This will adjust styles for all navigation tabs
* less of course the select box used for mobile
* navigation. The .current styles will apply only to
* the current tab.
*
* You may use this section to create navigation for
* mobile devices if you set mobileNavigation: false
* Be sure to edit media queries for larger devices below
* I have included an example below in comments.
*
* .currentCrossLink refers to external crosslinking.
*******************************************************/
.ls-wrapper .ls-nav a {
  background: #d8d8d8;
  color: #333333;
  outline:0;
}
.ls-wrapper .ls-nav a:hover {
  background-color: rgba(51,51,52,0.5);
  text-shadow: none;
}
.ls-wrapper .ls-nav .current,
.ls-wrapper .ls-nav a:hover {
  background-color: rgb(255,0,0);
}
.currentCrossLink {
  font-weight: bold;
}
.ls-wrapper .ls-nav ul {
  /* Do not edit below this line */
  clear: both;
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
.ls-wrapper .ls-nav ul li {
  /* Do not edit below this line */
  display: inline;
}
.ls-wrapper .ls-nav ul li a {

  /* Do not edit below this line */
  display: block;
  float: left;
  text-decoration: none;

text-indent:-9999px;
width: 14px;
height: 14px;
background-color: rgba(51,51,52,0.5);
border-radius: 50%;
margin: 0 4px;
}
/*****************************************************
* Mobile Menu
* This will adjust styles for selectbox styles. I have
* included a simple example to create a custom select
* box.
*******************************************************/
.ls-wrapper .ls-nav {
  overflow:hidden;
  clear:both;
}
.ls-wrapper .ls-select-box {
  /* Delete these if you want the standard select box.
     Also delete the rules below */

  width: 100%;
  height: 35px;
  overflow: hidden;
  background-color:#ff0000;

}
.ls-wrapper .ls-select-box select {
  /* If you want the standard select box, use
  width:100%
  And delete the rest of the styling here */

  width: 150%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance:none;
  background: transparent;
  padding: 5px;
  font-size: 110%;
  border: none;
  height: 35px;
  cursor:pointer;
  outline: 0;
}

/******************************************************
* Arrows
* This section refers to both the non-graphical and
* graphical navigation arrows.
*
* Some settings will be overwritten when using the
* responsive setting.
*******************************************************/
.ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-right {
  /* Do not edit below this line */
  float: left;
}
.ls-wrapper .ls-nav-left a, .ls-wrapper .ls-nav-right a {
  /* non-graphical arrows */
  background: #000;
  color: #fff;
  padding: 5px;
  width: 100px;
  /* Do not edit below this line */
  display: block;
  text-align: center;
  text-decoration: none;
}
.ls-wrapper .ls-nav-left-arrow, .ls-wrapper .ls-nav-right-arrow {
  cursor: pointer;
  /* Do not edit below this line */
  float: left;
}
.ls-wrapper .ls-nav-left-arrow a, .ls-wrapper .ls-nav-right-arrow a {
  /* Do not edit below this line */
  display: block;
}
.ls-wrapper .ls-nav-left, .ls-wrapper .ls-nav-left-arrow {
  /* Do not edit below this line */
  clear: both;
}
.ls-wrapper .ls-nav-right-arrow {
  width: 25px;
  height: 14px;

  /* Do not edit below this line */
  position:absolute;
  bottom:0;
  right:0;
}
.ls-wrapper .ls-nav-left-arrow {
  width: 25px;
  height: 14px;

  /* Do not edit below this line */
  position:absolute;
  bottom:0;
  left:0;
}
.ls-wrapper .ls-nav-left-arrow:hover {
  /* Left graphical arrows hover */
}
.ls-wrapper .ls-nav-left-arrow:active {
  /* Left graphical arrows click */
}
.ls-wrapper .ls-nav-right-arrow:hover {
  /* Right graphical arrows hover */
}
.ls-wrapper .ls-nav-right-arrow:active {
  /* Right graphical arrows click */
}
.arrows .liquid-slider {
  /* Margin between slider and arrows */
  margin: 0 10px;
}

/******************************************************
* Responsive Styles
* Here are the main responsive styles. This mostly
* covers the arrows, and most of the settings can be
* applied above.
*******************************************************/
.ls-responsive .liquid-slider {
  /* Do not edit below this line */
  width: 100%;
  margin: 0;
}
.ls-responsive .liquid-slider .panel .panel-wrapper {
  /* padding: 10px; */
  float: left;
}
.ls-responsive .ls-nav-left {
  /* Left non-graphical arrows */
  /* Do not edit below this line */
  position: absolute;
  left: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-left a {
  /* Left non-graphical arrows */
  background: #9A9A9A;
  width: 80px;
}
.ls-responsive .ls-nav-left a:hover {
  /* Left non-graphical hover */
  background: #747474;
}
.ls-responsive .ls-nav-right {
  /* Right non-graphical arrows */
  /* Do not edit below this line */
  position: absolute;
  right: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-right a {
  /* Right non-graphical arrows */
  background: #9A9A9A;
  width: 80px;
}
.ls-responsive .ls-nav-right a:hover {
  /* Right non-graphical arrows hover */
  background: #747474;
}
.ls-responsive .ls-nav-left-arrow {
  /* Do not edit below this line */
  position: absolute;
  left: 0;
  z-index: 2;
}
.ls-responsive .ls-nav-right-arrow {
  /* Do not edit below this line */
  position: absolute;
  right: 0;
  z-index: 2;
}

/******************************************************************
* Larger Mobile Devices
* This is for devices like the Galaxy Note or something that's
* larger than an iPhone but smaller than a tablet.
******************************************************************/
@media only screen and (min-width: 481px) {
  .ls-wrapper .liquid-slider .panel img{
    /* Example */
    /*
    width:24%;
    margin:2px;
    */
  }

}

/******************************************************************
* Tablet & Smaller Laptops
* This will include tablets and some netbooks.
******************************************************************/
@media only screen and (min-width: 768px) {
  .ls-wrapper .liquid-slider .panel img{
    /* Example */
    /*
    width:24%;
    */
  }
  .ls-responsive .liquid-slider .panel .panel-wrapper {
    /* padding: 20px 35px; */
    float: left;
  }
}

/******************************************************************
* DESKTOP
* This is the average viewing window. So Desktops, Laptops, and
* in general anyone not viewing on a mobile device. Here's where
* you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 1030px) {


}

/******************************************************************
* LARGE VIEWING SIZE
* This is for the larger monitors and possibly full screen viewers.
******************************************************************/
@media only screen and (min-width: 1240px) {


}

/******************************************************************
* RETINA (2x RESOLUTION DEVICES)
* This applies to the retina iPhone (4s) and iPad (2,3) along with
* other displays with a 2x resolution. You can also create a media
* query for retina AND a certain size if you want. Go Nuts.
******************************************************************/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


}

/******** slider base styles ********/
.a11y-slider,
.a11y-slider-container {
    position: relative;
}
.a11y-slider {
  overflow: hidden;
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.a11y-slider::-webkit-scrollbar {
  width: 0;
  height: 0
}
.a11y-slider > * {
  scroll-snap-align: start;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit
}
.a11y-slider-sr-only {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  text-align: center;
  font-family: inherit;
  font-size: 1em
}

.a11y-slider-sr-only:focus {
  position: static;
  width: 100%;
  height: auto;
  margin: 0;
  clip: auto;
  padding: 10px;
  border-radius: 0;
  font-size: inherit;
  line-height: inherit;
  border: none;
  background-color: #fff;
}

.a11y-slider-hide {
  display: none
}
.a11y-slider-scrolling {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-scroll-snap-type: none;
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  scroll-behavior: auto
}

/* framework base slider */
.slider-container {
    display: grid;
    position: relative;
    margin-top: 2.05em;
}

/* slider menu */
.slider-container > button.a11y-slider-autoplay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    transform: translate(-50%, -50%);
}

.slider-container > button.a11y-slider-autoplay:focus-visible,
.slider-container > button..a11y-slider-sr-only:focus-visible{
    z-index: 10;
    border: 2px solid #f00;
    padding: 0.5em 1em;
}

.slider-container > button:where(:is(:not(.a11y-slider-autoplay, .a11y-slider-sr-only))) {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 0;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    appearance: none;
    border: none;
    background: transparent;
    color: rgba(51, 51, 52, 0.5);
    z-index: 10;
    transition: all 0.25s ease-in-out;
}

.slider-container > button:where(:is(:not(.a11y-slider-autoplay, .a11y-slider-sr-only))):hover {
    width: 30%;
}

.slider-container > button:focus-visible:where(:is(:not(.a11y-slider-autoplay, .a11y-slider-sr-only))) {
    border-radius: 0;
    outline: 2px solid #f00;
    outline-offset: -2px;
    border: none;
    box-shadw: none;
}

.slider-container > button::after {
    width: 1.2rem;
    height: 1.2rem;
    aspect-ratio: 1 / 1;
    font-size: 1rem;
    line-height: 1.2rem;
    display: grid;
    place-content: center;
    place-items: center;
    font-weight: bold;
    bottom: 0;
    position: relative;
    transition: all 0.25s ease-in-out;
    box-sizing: border-box;
    border-radius: 50%;
}

.slider-container > button.a11y-slider-prev::after {
    content: '\00AB';
    padding-right: 0.1em;
    font-family: 'sms-iconregular';
}
.slider-container > button.a11y-slider-next::after {
    content: '\00BB';
    padding-left: 0.1em;
    font-family: 'sms-iconregular';
}
.slider-container > button.a11y-slider-next {
    align-items: flex-end;
}

.a11y-slider-next {
    right: 0;
}
.a11y-slider-prev {
    left: 0;
}

.slider-container > button:hover {
}

.slider-container > button:hover::after {
    /*top: calc(50% - 1.2em);*/
    padding: 0.7em;
    background-color: #f00;
    color: #fff;
}

.slider-container > button.a11y-slider-next:hover::after {
    text-indent: -8px;
}

.slider-container > button.a11y-slider-prev:hover::after {
    text-indent: 8px;
}

/* slider dots */
.a11y-slider-dots {
    display: flex;
    justify-content: center;
    gap: 0.4em;
    margin: 1em 50px 0.3em 50px;
}
.a11y-slider-dots li {
    display: block;
    width: 0.7em;
    height: 0.7em;
    padding: 0;
}
.a11y-slider-dots li button {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    background-color: rgba(51,51,52,0.5);
    appearance: none;
    border: none;
}
.a11y-slider-dots li button.active {
    background-color: #f00;
}

/* slider container */
[data-slider] {
    gap: 4%;
    display: flex;
    list-style: none;
    align-items: stretch;
    padding: 0;
}

/* slides */
[data-slider] > *,
.col-wrapper {
    width: 100%;
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4%;
    position: relative;
    overflow: hidden;
    align-items: center;
}

@media screen and (max-width: 1140px) {
    .col-wrapper.text-right:where(:is(:not(.cols-3))) {
        grid-template-columns: 1fr 2fr;
    }

    .col-wrapper.text-left:where(:is(:not(.cols-3))) {
        grid-template-columns: 2fr 1fr;
    }

    .col-wrapper.text-right .text,
    .col-wrapper.text-left .slider-image-wrapper {
        grid-column: 2 / 3 !important;
    }

    .col-wrapper.text-right .slider-image-wrapper,
    .col-wrapper.text-left .text {
        grid-column: 1 / 2 !important;
    }

 }

@media screen and (max-width: 500px) {
    .teaser-buttons .col-wrapper {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
    }

    .teaser-buttons .col-wrapper > li {
        display: block;
    }

    .teaser-buttons .col-wrapper > * {
        width: max(60%, 240px);
    }
}

.col-wrapper:where(:is(:not(ul))) {
    padding: 24px;
    background-color: #ecedef;
    border-radius: 1em;
    min-height: clamp(200px, 30vh, 500px);
}

.col-wrapper.dark:where(:is(:not(ul))) {
    background-color: rgb(51,51,51);
}

.col-wrapper.dark:where(:is(:not(ul))) .text *:where(:is(:not(.border-button))) {
    color: #fff;
}

.col-wrapper.dark:where(:is(:not(ul))) .text .border-button {
    background-color: #f00;
    color: #fff;
}

.col-wrapper.dark:where(:is(:not(ul))) .text .border-button:hover {
    border-color: #fff;
}

ul.col-wrapper {
    align-items: stretch;
}

ul.col-wrapper > li {
    display: grid;
}

ul.col-wrapper > li a {
    padding: 24px calc(24px + ((100% - 48px) * 0.1)) 24px 24px;
    background-color: #ecedef;
    border-radius: 1em;
    display: grid;
    grid-template-rows: auto auto;
    justify-items: center;
}

ul.col-wrapper > li a img {
    aspect-ratio: 1 / 1;
    transition: transform 0.25s ease-in-out;
    transform-origin: center left;
}

article + article > .col-wrapper.teaser-wrapper {
    margin-top: 2.05em;
}

article.teaser-buttons + article.teaser-large > .col-wrapper.teaser-wrapper {
    margin-top: 4%;
}

/* slider and teaser */
.col-wrapper .text {
    padding: 0;
}

.col-wrapper a:hover img {
    transform: scale(1.1,1.1);
}

.col-wrapper h2 {
    font-size: 144%;
    border: none;
    padding-bottom: 0.5em;
    font-family: 'GravurCondensedBoldBold', Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
}

.col-wrapper.text-left.image-large .slider-image-wrapper,
.col-wrapper.text-right.text-large .text {
    grid-column: 2 / 4;
}

.col-wrapper.text-left.image-large .text,
.col-wrapper.text-right.text-large .slider-image-wrapper {
    grid-column: 1;
}

.col-wrapper.text-right .slider-image-wrapper,
.col-wrapper.text-left .text {
    grid-column: 1 / 3;
    grid-row: 1;
}

.col-wrapper.text-right .text,
.col-wrapper.text-left .slider-image-wrapper {
    grid-column: 3;
    grid-row: 1;
}

.col-wrapper.text-only .text {
    grid-column: 1 / 4;
    grid-row: 1;
}

.col-wrapper.slider-image-background.text-right.text-large .slider-image-wrapper {
    grid-column: 1 / 2;
}

.col-wrapper .text p:last-child {
    padding: 0;
}

.col-wrapper img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 0.25em;
    overflow: hidden;
    display: block;
}

.col-wrapper.slider-image-background img {
    max-height: 100%;
    height: 100%;
    object-position: center center !important;
    border-radius: 0;
}

.col-wrapper.text-left img {
    object-position: center right;
}

.col-wrapper.text-right img {
    object-position: center left;
}

.col-wrapper.slider-image-background .slider-image-wrapper {
    position: absolute;
}

.col-wrapper.slider-image-background.text-right .slider-image-wrapper {
    inset: -24px 0 0 -24px;
}

.col-wrapper.slider-image-background.text-left .slider-image-wrapper {
    inset: -24px 0 0 0;
}

.col-wrapper.slider-image-background.text-left.image-large .slider-image-wrapper {
    inset: -24px -24px 0 0;
}

.col-wrapper.slider-image-background img {
    object-fit: cover;
}

[data-slider] .image-large .slider-image-wrapper,
[data-slider] .text {
}

.col-wrapper.image-large .text {
    font-size: 90%;
}

.col-wrapper.text-cols .text {
    columns: 2;
    column-gap: 24px;
    column-fill: balance;
}

.col-wrapper.text-cols .text .border-button {
    max-width: min(100%, 20vw);
}

.col-wrapper.text-cols .text h2 {
    column-span: all;
    display: block;
    float: none;
}

@media screen and (max-width: 800px) {
    .col-wrapper.text-cols .text {
        columns: 1;
    }

    .col-wrapper.text-cols .text h2 {
        columns: 1;
        column-span: none;
    }

}

[data-slider] > *.a11y-slider-visible {
}
[data-slider] > *.a11y-slider-active {
}

.text p > strong:only-child > a:only-child,
.border-button {
    display: inline-block;
    font-family: 'GravurCondensedBoldBold', Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
    color: #f00;
    border: 2px solid #f00;
    /*border: 1px dashed #f00;*/
    border-radius: 100vw;
    padding: 0.25em 0.8em 0.3em;
    transition: all 0.25s ease-in-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.text p > strong:only-child > a:only-child {
    font-size: 1.25em;
}

.text p > strong:only-child > a:only-child:hover,
.border-button:hover {
    color: #fff !important;
    background-color: #f00;
    text-decoration: none !important;
}

.teaser .col-wrapper {
    margin-top: 2.05em;
}

.text p a strong {
    color: #f00;
}


/* NOT IN USE (image only buttons)
ul.col-wrapper > li a span {
    align-self: end;
    margin-bottom: auto;
    transition: color 0.25s ease-in-out;
}

ul.col-wrapper > li.no-image a span {
    margin-top: auto;
    margin-bottom: 0;
    grid-row: 2;
}

.col-wrapper a span {
    text-align: center;
    font-size: 144%;
    font-family: 'GravurCondensedBoldBold', Arial, Helvetica, Verdana, 'Trebuchet MS', sans-serif, 'Sans Serif';
    color: #f00;
}

.col-wrapper a:hover span {
    color: rgb(51,51,51);
}
*/

/* hide button text (image only) */
.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
@CHARSET "UTF-8";

html { height: 100% }

body { height: 100%; margin: 0; padding: 0 }

.map-row {
    clear: both;
}

.map-hidden {
    display: none;
}

/* CSS for the map */
.map-maximized {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    margin: 0;
    border-radius: 0;
    right: 0;
    bottom: 0;
    margin-top: 0 !important;
}

.map-minimized {
    margin-bottom: 20px;
    min-height: 350px;
}

#map-loading {
    min-height: 100px;
    margin-left: 100px;
    background: url(/.resources/swissmadesoftware/images/map/busy.gif) no-repeat 100px 60px;
}

#map-notAvailable {
    color: rgb(255,0,0);
    margin-left: 100px;
    overflow: hidden;
    padding-top: 100px;
    font-size: 80%;
}

#map-mapCanvas {
    margin-top: -22px;
}

#map-fullscreen {
    background-color: white;
    border: 1px solid grey;
    padding: 2px 3px 1px;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    width: 75px;
    text-align: center;
    margin-left: 70px;
    margin-top: 6px;
    z-index: 25;
}

#map-fullscreen:hover {
    background-color: #eee;
    cursor: pointer;
}

.map-fullscreenSelected {
    position: fixed !important;
    top: 0;
    left: 20px;
}

/* CSS for the map filter */
#filter input[type=text], #filter button {
    background-color:#fff;
    border:1px solid rgb(51,51,52);
    line-height:140%;
    padding:0 0.25em;
    font-size:100%;
}

#filter input[type=text]:focus {
    outline:none;
    border:1px solid rgb(255,0,0);
    box-shadow:0 0 4px rgba(255,0,0,0.4);
}

#filter .text.list-2.last {
    float: right;
}

#map-unfiltered {
    margin-top: 10px;
    margin-bottom: 10px;
}

#map-collapsible {
    background: url(/.resources/swissmadesoftware/images/map/plus.png) no-repeat 0 7px;
    cursor: pointer;
    padding-left: 13px;
    padding-bottom: 3px;
    padding-top: 4px;
    font-weight: bold;
}

#map-collapsible.open {
    background: url(/.resources/swissmadesoftware/images/map/minus.png) no-repeat 0 7px;
}

#checkboxes {
    font-weight: normal;
    margin-left: 15px;
}

#map-data .sel span {
    background: url(/.resources/swissmadesoftware/images/map/check.png) no-repeat 0 3px;
}

#map-data span {
    padding-left: 12px;
    margin-left: 2px;
}

#map-data {
    border-top: 1px dashed rgb(255,0,0);
    margin-top:	10px;
    overflow: auto;
    max-height: 200px;
}

#map-filterCheckbox {
    margin-left: 10px;
}

#map-filterPlaceholder.fullscreen {
    z-index: 10;
    position: fixed;
    bottom: 10px;
    left: 10px;
    height: 440px;
}

#map-filterBox {
	border-bottom: none;
	float:left;
    font-size: 80%;
	position: relative;
    padding-top: 0;
}

#map-filterBox.fullscreen {
    background-color: white;
    overflow-y: auto;
    max-height: 100%;
    max-width: 235px;
    -webkit-box-shadow: 10px 10px 15px 0px #999;
    box-shadow: 10px 10px 15px 0 #999;
    filter: alpha(opacity=90);
	opacity: 0.9;
	padding-left: 8px;
	padding-right: 8px;
	border-bottom: none;
	position: fixed;
	left: 10px;
	bottom: 0;
	margin-bottom: 15px;
    width: 100%;
}

.map-filterheader {
    padding-top: 10px;
    margin-top:	10px;
    font-weight: bold;
    padding-bottom: 5px;
    color: rgb(255,0,0);
}

.map-bottomborder {
    border-bottom: 1px dashed rgb(255,0,0);
}

#map-all {
    margin-top: 5px;
    margin-bottom: 10px;
}

#map-dataPlaceholder {
}

#map-dataPlaceholder.fullscreen {
    z-index: 10;
    position: fixed;
    bottom: 10px;
    left: 255px;
    width: 320px;
}

#map-dataCanvas {
	background-color: white;
    font-size: 80%;
    float:left;
    margin-left: 0;
    padding-top: 10px;
}

#map-dataCanvas.fullscreen {
    position: fixed;
    background-color: white;
	bottom: 15px;
	padding: 12px 0px 0px 8px;
    -webkit-box-shadow: 10px 10px 15px 0px #999;
    box-shadow: 10px 10px 15px 0 #999;
    filter: alpha(opacity=90);
    opacity: 0.9;
	border-bottom: none;
    width: inherit;
}

#map-dataCanvas p {
    font-weight: bold;
    color: rgb(255,0,0);
}

#map-dataCanvas li {
    list-style-type: none;
}

#mapInfoBox {
    margin-top: 8px;
    padding: .2em .6em;
    min-width: 200px;
    color: rgb(51,51,52);
    font-size: 100%;
    line-height: 140%;
    background-color: #fff;
    border: 1px solid rgb(180,180,180);
    box-shadow: 0 5px 10px rgba(51,51,52,0.3);
}

#mapInfoBox a {
    color: rgb(255,0,0);
}

.mapInfoBoxHeading {
    font-weight: bold;
}

/* CSS for partner banner */
#map-banner {
	width: 350px; 
	height: 140px;
	padding: 10px;
    margin-top: 30px;
    z-index: 10;
    position: relative;
    background-color: black;
    color: white;
    float: right;
}

#map-banner.fullscreen {
    position: fixed;
    bottom: 0;
    right: 0;
}

#map-bannerClose {
    background: url(/.resources/swissmadesoftware/images/map/close_invert.gif) no-repeat 3px 0px;
    cursor: pointer;
	padding: 10px;
    position: absolute;
    width: 20px;
    height: 15px;
    right: 5px;
}

/********************* RESPONSIVE BELOW 800 *********************/
@media only screen and (max-width : 799px) and (max-height : 599px) {
    #map-dataCanvas {
        display: block;
        position: relative;
        padding: 8px;
		max-width: 250px;
        -webkit-box-shadow: 4px 6px 5px 0 rgba(194,194,194,1);
        -moz-box-shadow: 4px 6px 5px 0 rgba(194,194,194,1);
        box-shadow: 4px 6px 5px 0 rgba(194,194,194,1);
        opacity: 0.9;
        margin-top: -168px;
        margin-left: 5px;
    }

	#map-filterBox {
	    background-color: white;
        -webkit-box-shadow: 4px 6px 5px 0 rgba(194,194,194,1);
        -moz-box-shadow: 4px 6px 5px 0 rgba(194,194,194,1);
        box-shadow: 4px 6px 5px 0 rgba(194,194,194,1);
		filter: alpha(opacity=90);
		opacity: 0.9;
		padding-left: 8px;
		padding-right: 8px;
		border-bottom: none;
        width: inherit;
        margin-left: 10px;
        margin-top: 50px;
        max-width: 230px;
	}

    #map-filterBox.fullscreen {
        margin-left: 0;
        max-width: 230px;
    }

    #map-filterBox.comp {
        margin-top: -15px;
    }

    #map-filterBox.prod {
        margin-top: -15px;
    }

    #map-filterBox.edu {
        margin-top: -78px;
    }

    #map-mobile-intro {
		display: block !important;
		font-size: 80%;
		padding-bottom: 3px;
        padding-top: 2px;
	}
	
	#map-data {
		max-height: 90px;
	}
	
	#map-filter {
		position: relative;
		bottom: 165px;
	}

    #map-closeFilter {
        display: block !important;
    }

    .text.list-2 {
        width: 90%;
    }

    #map-banner {
        bottom: 150px;
        margin: 0 0 -140px;
    }

    #map-banner.noFilter {
        margin-top: 168px;
    }

}
/*** END RESPONSIVE BELOW 800 ***/


/********************* RESPONSIVE BELOW 530 *********************/
@media only screen and (max-width : 529px) {

    #map-dataCanvas {
		display: block;
		position: absolute;
		left: 15px;
		margin-right: 10px;
        max-height: inherit;
    }

	#map-dataCanvas.fullscreen {
		top: inherit;
        left: 15px;
	}

    #map-banner {
        width: inherit;
        height: inherit;
        margin-top: 35px;
    }

    #map-banner.fullscreen {
        display: none;
    }
}
/*** END RESPONSIVE BELOW 530 ***/


#map-closeFilter, #map-closeButton {
	background: url(/.resources/swissmadesoftware/images/map/close.png) no-repeat;
	height: 21px;
	width: 21px;
	float: right;
	cursor: pointer;
}

#map-closeFilter {
	display: none;
    margin-top: 8px;
}

#map-closeButton {
    margin-right: 8px;
}

#map-closeFilter.fullscreen {
    display: block;
}

#map-searchBox {
    background: url(/.resources/swissmadesoftware/images/map/searchbox.png) no-repeat;
    position: absolute;
    width: 35px;
    height: 35px;
    left: 5px;
    bottom: -140px;
    display: none;
    cursor: pointer;
}

#map-searchBox.fullscreen {
    position: fixed;
    bottom: 5px;
    z-index: 10;
}

#map-mobile-intro {
	display: none;
}

#map-filter.fullscreen {
	position: relative;
}

#map-credit {
    font-size: 65%;
    margin-top: -15px;
}

/* make scrollbar always visible on mobile browser */
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}