#autocomplete {
border: 1px solid;
overflow: hidden;
position: absolute;
z-index: 100;
}
#autocomplete ul {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#autocomplete li {
background: #fff;
color: #000;
cursor: default;
white-space: pre;
zoom: 1; } html.js input.form-autocomplete {
background-image: url(//wexon.ee/wp-content/themes/misc/throbber-inactive.png);
background-position: 100% center; background-repeat: no-repeat;
}
html.js input.throbbing {
background-image: url(//wexon.ee/wp-content/themes/misc/throbber-active.gif);
background-position: 100% center; } html.js fieldset.collapsed {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
height: 1em;
}
html.js fieldset.collapsed .fieldset-wrapper {
display: none;
}
fieldset.collapsible {
position: relative;
}
fieldset.collapsible .fieldset-legend {
display: block;
} .form-textarea-wrapper textarea {
display: block;
margin: 0;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.resizable-textarea .grippie {
background: #eee url(//wexon.ee/wp-content/themes/misc/grippie.png) no-repeat center 2px;
border: 1px solid #ddd;
border-top-width: 0;
cursor: s-resize;
height: 9px;
overflow: hidden;
} body.drag {
cursor: move;
}
.draggable a.tabledrag-handle {
cursor: move;
float: left; height: 1.7em;
margin-left: -1em; overflow: hidden;
text-decoration: none;
}
a.tabledrag-handle:hover {
text-decoration: none;
}
a.tabledrag-handle .handle {
background: url(//wexon.ee/wp-content/themes/misc/draggable.png) no-repeat 6px 9px;
height: 13px;
margin: -0.4em 0.5em; padding: 0.42em 0.5em; width: 13px;
}
a.tabledrag-handle-hover .handle {
background-position: 6px -11px;
}
div.indentation {
float: left; height: 1.7em;
margin: -0.4em 0.2em -0.4em -0.4em; padding: 0.42em 0 0.42em 0.6em; width: 20px;
}
div.tree-child {
background: url(//wexon.ee/wp-content/themes/misc/tree.png) no-repeat 11px center; }
div.tree-child-last {
background: url(//wexon.ee/wp-content/themes/misc/tree-bottom.png) no-repeat 11px center; }
div.tree-child-horizontal {
background: url(//wexon.ee/wp-content/themes/misc/tree.png) no-repeat -11px center;
}
.tabledrag-toggle-weight-wrapper {
text-align: right; } table.sticky-header {
background-color: #fff;
margin-top: 0;
}  .progress .bar {
background-color: #fff;
border: 1px solid;
}
.progress .filled {
background-color: #000;
height: 1.5em;
width: 5px;
}
.progress .percentage {
float: right; } .ajax-progress {
display: inline-block;
}
.ajax-progress .throbber {
background: transparent url(//wexon.ee/wp-content/themes/misc/throbber-active.gif) no-repeat 0px center;
float: left; height: 15px;
margin: 2px;
width: 15px;
}
.ajax-progress .message {
padding-left: 20px;
}
tr .ajax-progress .throbber {
margin: 0 2px;
}
.ajax-progress-bar {
width: 16em;
} .container-inline div,
.container-inline label {
display: inline;
} .container-inline .fieldset-wrapper {
display: block;
} .nowrap {
white-space: nowrap;
} html.js .js-hide {
display: none;
} .element-hidden {
display: none;
} .element-invisible {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
} .element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
} .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} * html .clearfix {
height: 1%;
} *:first-child + html .clearfix {
min-height: 1%;
}
ul.menu {
border: none;
list-style: none;
text-align: left; }
ul.menu li {
margin: 0 0 0 0.5em; }
ul li.expanded {
list-style-image: url(//wexon.ee/wp-content/themes/misc/menu-expanded.png);
list-style-type: circle;
}
ul li.collapsed {
list-style-image: url(//wexon.ee/wp-content/themes/misc/menu-collapsed.png); list-style-type: disc;
}
ul li.leaf {
list-style-image: url(//wexon.ee/wp-content/themes/misc/menu-leaf.png);
list-style-type: square;
}
li.expanded,
li.collapsed,
li.leaf {
padding: 0.2em 0.5em 0 0; margin: 0;
}
li a.active {
color: #000;
}
td.menu-disabled {
background: #ccc;
} ul.inline,
ul.links.inline {
display: inline;
padding-left: 0;
}
ul.inline li {
display: inline;
list-style-type: none;
padding: 0 0.5em;
} .breadcrumb {
padding-bottom: 0.5em;
} ul.primary {
border-bottom: 1px solid #bbb;
border-collapse: collapse;
height: auto;
line-height: normal;
list-style: none;
margin: 5px;
padding: 0 0 0 1em; white-space: nowrap;
}
ul.primary li {
display: inline;
}
ul.primary li a {
background-color: #ddd;
border-color: #bbb;
border-style: solid solid none solid;
border-width: 1px;
height: auto;
margin-right: 0.5em; padding: 0 1em;
text-decoration: none;
}
ul.primary li.active a {
background-color: #fff;
border: 1px solid #bbb;
border-bottom: 1px solid #fff;
}
ul.primary li a:hover {
background-color: #eee;
border-color: #ccc;
border-bottom-color: #eee;
}
ul.secondary {
border-bottom: 1px solid #bbb;
padding: 0.5em 1em;
margin: 5px;
}
ul.secondary li {
border-right: 1px solid #ccc; display: inline;
padding: 0 1em;
}
ul.secondary a {
padding: 0;
text-decoration: none;
}
ul.secondary a.active {
border-bottom: 4px solid #999;
}
div.messages {
background-position: 8px 8px; background-repeat: no-repeat;
border: 1px solid;
margin: 6px 0;
padding: 10px 10px 10px 50px; }
div.status {
background-image: url(//wexon.ee/wp-content/themes/misc/message-24-ok.png);
border-color: #be7;
}
div.status,
.ok {
color: #234600;
}
div.status,
table tr.ok {
background-color: #f8fff0;
}
div.warning {
background-image: url(//wexon.ee/wp-content/themes/misc/message-24-warning.png);
border-color: #ed5;
}
div.warning,
.warning {
color: #840;
}
div.warning,
table tr.warning {
background-color: #fffce5;
}
div.error {
background-image: url(//wexon.ee/wp-content/themes/misc/message-24-error.png);
border-color: #ed541d;
}
div.error,
.error {
color: #8c2e0b;
}
div.error,
table tr.error {
background-color: #fef5f1;
}
div.error p.error {
color: #333;
}
div.messages ul {
margin: 0 0 0 1em; padding: 0;
}
div.messages ul li {
list-style-image: none;
}
fieldset {
margin-bottom: 1em;
padding: 0.5em;
}
form {
margin: 0;
padding: 0;
}
hr {
border: 1px solid gray;
height: 1px;
}
img {
border: 0;
}
table {
border-collapse: collapse;
}
th {
border-bottom: 3px solid #ccc;
padding-right: 1em; text-align: left; }
tbody {
border-top: 1px solid #ccc;
}
tr.even,
tr.odd {
background-color: #eee;
border-bottom: 1px solid #ccc;
padding: 0.1em 0.6em;
} th.active img {
display: inline;
}
td.active {
background-color: #ddd;
} .item-list .title {
font-weight: bold;
}
.item-list ul {
margin: 0 0 0.75em 0;
padding: 0;
}
.item-list ul li {
margin: 0 0 0.25em 1.5em; padding: 0;
} .form-item,
.form-actions {
margin-top: 1em;
margin-bottom: 1em;
}
tr.odd .form-item,
tr.even .form-item {
margin-top: 0;
margin-bottom: 0;
white-space: nowrap;
}
.form-item .description {
font-size: 0.85em;
}
label {
display: block;
font-weight: bold;
}
label.option {
display: inline;
font-weight: normal;
}
.form-checkboxes .form-item,
.form-radios .form-item {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
.form-type-radio .description,
.form-type-checkbox .description {
margin-left: 2.4em;
}
input.form-checkbox,
input.form-radio {
vertical-align: middle;
}
.marker,
.form-required {
color: #f00;
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
border: 2px solid red;
} .container-inline .form-actions,
.container-inline.form-actions {
margin-top: 0;
margin-bottom: 0;
} .more-link {
text-align: right; } .more-help-link {
text-align: right; }
.more-help-link a {
background: url(//wexon.ee/wp-content/themes/misc/help.png) 0 50% no-repeat; padding: 1px 0 1px 20px; } .item-list .pager {
clear: both;
text-align: center;
}
.item-list .pager li {
background-image: none;
display: inline;
list-style-type: none;
padding: 0.5em;
}
.pager-current {
font-weight: bold;
}  #autocomplete li.selected {
background: #0072b9;
color: #fff;
} html.js fieldset.collapsible .fieldset-legend {
background: url(//wexon.ee/wp-content/themes/misc/menu-expanded.png) 5px 65% no-repeat; padding-left: 15px; }
html.js fieldset.collapsed .fieldset-legend {
background-image: url(//wexon.ee/wp-content/themes/misc/menu-collapsed.png); background-position: 5px 50%; }
.fieldset-legend span.summary {
color: #999;
font-size: 0.9em;
margin-left: 0.5em;
} tr.drag {
background-color: #fffff0;
}
tr.drag-previous {
background-color: #ffd;
}
.tabledrag-toggle-weight {
font-size: 0.9em;
}
body div.tabledrag-changed-warning {
margin-bottom: 0.5em;
} tr.selected td {
background: #ffc;
}
td.checkbox,
th.checkbox {
text-align: center;
} .progress {
font-weight: bold;
}
.progress .bar {
background: #ccc;
border-color: #666;
margin: 0 0.2em;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.progress .filled {
background: #0072b9 url(//wexon.ee/wp-content/themes/misc/progress.gif);
} .field .field-label {
font-weight: bold;
}
.field-label-inline .field-label,
.field-label-inline .field-items {
float:left; } form .field-multiple-table {
margin: 0;
}
form .field-multiple-table th.field-label {
padding-left: 0; }
form .field-multiple-table td.field-multiple-drag {
width: 30px;
padding-right: 0; }
form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
padding-right: .5em; }
form .field-add-more-submit {
margin: .5em 0 0;
}
.node-unpublished {
background-color: #fff4f4;
}
.preview .node {
background-color: #ffffea;
}
td.revision-current {
background: #ffc;
}
.search-form {
margin-bottom: 1em;
}
.search-form input {
margin-top: 0;
margin-bottom: 0;
}
.search-results {
list-style: none;
}
.search-results p:not(.block-menu-heading) {
margin-top: 0;
}
.search-results .title {
font-size: 1.2em;
}
.search-results li {
margin-bottom: 1em;
}
.search-results .search-snippet-info {
padding: 10px 5px 0 5px;
}
.search-results .search-info {
font-size: 0.85em;
}
.search-advanced .criterion {
float: left; margin-right: 2em; }
.search-advanced .action {
float: left; clear: left; }
#permissions td.module {
font-weight: bold;
}
#permissions td.permission {
padding-left: 1.5em; }
#permissions tr.odd .form-item,
#permissions tr.even .form-item {
white-space: normal;
}
#user-admin-settings fieldset .fieldset-description {
font-size: 0.85em;
padding-bottom: .5em;
} #user-admin-roles td.edit-name {
clear: both;
}
#user-admin-roles .form-item-name {
float: left; margin-right: 1em; } .password-strength {
width: 17em;
float: right; margin-top: 1.4em;
}
.password-strength-title {
display: inline;
}
.password-strength-text {
float: right; font-weight: bold;
}
.password-indicator {
background-color: #C4C4C4;
height: 0.3em;
width: 100%;
}
.password-indicator div {
height: 100%;
width: 0%;
background-color: #47C965;
}
input.password-confirm,
input.password-field {
width: 16em;
margin-bottom: 0.4em;
}
div.password-confirm {
float: right; margin-top: 1.5em;
visibility: hidden;
width: 17em;
}
div.form-item div.password-suggestions {
padding: 0.2em 0.5em;
margin: 0.7em 0;
width: 38.5em;
border: 1px solid #B4B4B4;
}
div.password-suggestions ul {
margin-bottom: 0;
}
.confirm-parent,
.password-parent {
clear: left; margin: 0;
width: 36.3em;
} .profile {
clear: both;
margin: 1em 0;
}
.profile .user-picture {
float: right; margin: 0 1em 1em 0; }
.profile h3 {
border-bottom: 1px solid #ccc;
}
.profile dl {
margin: 0 0 1.5em 0;
}
.profile dt {
margin: 0 0 0.2em 0;
font-weight: bold;
}
.profile dd {
margin: 0 0 1em 0;
}
a.nodeorder-order-link {
padding-left: 1em;
}
#nodeorder .item-wrapper {
display: inline-block;
position: relative;
float: left;
}
#nodeorder .item-wrapper > div {
margin-right: 1em;
position: relative;
float: left;
display: inline-block;
}
.views-exposed-form .views-exposed-widget {
float: left; padding: .5em 1em 0 0; }
.views-exposed-form .views-exposed-widget .form-submit {
margin-top: 1.6em;
}
.views-exposed-form .form-item,
.views-exposed-form .form-submit {
margin-top: 0;
margin-bottom: 0;
}
.views-exposed-form label {
font-weight: bold;
}
.views-exposed-widgets {
margin-bottom: .5em;
} .views-align-left {
text-align: left;
}
.views-align-right {
text-align: right;
}
.views-align-center {
text-align: center;
} .views-view-grid tbody {
border-top: none;
}
.view .progress-disabled {
float: none;
} .rteindent1 {
margin-left: 40px;
}
.rteindent2 {
margin-left: 80px;
}
.rteindent3 {
margin-left: 120px;
}
.rteindent4 {
margin-left: 160px;
}
.rteleft {
text-align: left;
}
.rteright {
text-align: right;
}
.rtecenter {
text-align: center;
}
.rtejustify {
text-align: justify;
}
.ibimage_left {
float: left;
}
.ibimage_right {
float: right;
} table.cke_editor fieldset {
padding: 0 !important;
} .cke_editor{
display: table !important;
}
.cke_editor,#ie#bug {
display: inline-table !important;
} .cke_dialog tr td:last-child {
border-right: 0;
} form#ckeditor-admin-profile-form textarea#edit-toolbar {
display: none;
}
form#ckeditor-admin-profile-form #edit-toolbar + .grippie {
display: none;
}
div.sortableList {
cursor: n-resize;
}
div.widthMarker {
height: 20px;
border-top: 1px dashed #CCC;
margin: 10px 0px 0px 1px;
padding-left: 1px;
text-align: center;
}
div.sortableList.group {
margin: 20px 0px 0px 0px;
}
div.sortableList div.sortableListDiv {
height: 30px;
margin-bottom: 3px;
width: 900px;
}
div.sortableList div.sortableListDiv span.sortableListSpan {
background-color: #F0F0EE;
height: 30px;
border-right: 1px dashed #CCC;
display: block;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul {
width: 900px;
white-space: nowrap;
border: 1px solid #CCC;
list-style: none;
margin:0px;
padding: 0px 0px 0px 1px;
height: 30px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li {
list-style: none;
cursor: move;
height: 18px;
min-width: 18px;
padding: 2px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li.group {
min-width: 5px;
padding-left: 2px;
}
div.sortableList div.sortableListDiv span.sortableListSpan ul li img {
border: 0;
padding: 0;
margin: 0
}
li.sortableItem {
position: relative;
float: left;
margin: 3px 1px 1px 0px;
border: 1px solid #CCC;
background-color: #F0F0EE;
z-index: 99;
}
#security-filters .filter-text-formats {
float: left;
clear: both;
width: 15%;
font-size: 11px;
font-weight: bold;
padding: 10px 0px;
}
#security-filters .filter-text-formats .filter-text-format-status {
float: left;
padding-right: 20px;
}
#security-filters .filter-text-formats .enabled {
background: url(//wexon.ee/wp-content/themes/wexon/css/images/tick.png) no-repeat right center;
}
#security-filters .filter-text-formats .disabled {
background: url(//wexon.ee/wp-content/themes/wexon/css/images/delete.png) no-repeat right center;
}
#security-filters .filter-info {
float: left;
width: 85%;
}
#security-filters .fieldset-legend {
background: none;
padding-left: 10px;
}
#security-filters .fieldset-legend a {
font-weight: normal;
font-size: 10px;
padding-left: 5px;
}
#security-filters .filter-wrapper {
clear: both;
float: left;
border-bottom: 1px solid #CCCCCC;
width: 100%;
} fieldset#edit-appearance div#groupLayout, div#allButtons  {
border: 0;
padding: 0 0 0 0;
margin: 1em 0;
overflow: auto;
}
.ctools-locked {
color: red;
border: 1px solid red;
padding: 1em;
}
.ctools-owns-lock {
background: #ffffdd none repeat scroll 0 0;
border: 1px solid #f0c020;
padding: 1em;
}
a.ctools-ajaxing,
input.ctools-ajaxing,
button.ctools-ajaxing,
select.ctools-ajaxing {
padding-right: 18px !important;
background: url(//wexon.ee/wp-content/themes/wexon/images/status-active.gif) right center no-repeat;
}
div.ctools-ajaxing {
float: left;
width: 18px;
background: url(//wexon.ee/wp-content/themes/wexon/images/status-active.gif) center center no-repeat;
}
input.custom-search-default-value {
color: #999;
}
#elements tr.region-message {
font-weight: normal;
color: #999;
}
#elements tr.region-populated {
display: none;
}
fieldset.custom_search-popup {
display: none;
position: absolute;
top: auto;
margin: 0;
z-index: 1;
background-color: #fff;
} * { -webkit-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; }
body { background: white; font-family: "ff-basic-gothic-web-pro", Helvetica, Arial, "Lucida Grande", sans-serif; color: #222222; position: relative; -webkit-font-smoothing: antialiased; font-weight: 400;} a { color: #EE3B33; text-decoration: none; line-height: inherit; }
a:hover { color: #f76a64; }
a:focus { color: #f76a64; outline: none; }
p a, p a:visited { line-height: inherit; } .left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.hide { display: none; }
.highlight { background: #ffff99; }
#googlemap img, object, embed { max-width: none; }
#map_canvas embed { max-width: none; }
#map_canvas img { max-width: none; }
#map_canvas object { max-width: none; }
.element-invisible{display:none}
.marginTop{margin-top: 3em !important; }
.hidden{display:none;}
.mobile-fixed {
display: none;
} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; }
p, ul, ol  { font-size: 1.6em; line-height: 1.5em; margin-bottom: 1em;}
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
p img.left, p img { margin: 17px; margin-left: 0; }
p img.right { margin: 17px; margin-right: 0; }
table {width: 100%!important;}
aside p { font-size: 13px; line-height: 1.35; font-style: italic; }
h1, h2, h3, h4, h5, h6 {font-family: "adelle-sans", Helvetica, Arial, "Lucida Grande", sans-serif;}
h1, h2, h3, h4, h5, div.region-alaosaright ul.menu a, div.field-name-field-lisakuvat div.field-label, div.field-name-field-lisakuvat div.field-label, div.field-name-field-valmistajanUrl div.field-label, div.field-name-field-pdf-tiedosto div.field-label  {line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #888; line-height: 0; }
.clear {clear: both;}
.noPadding {padding: 0;}
.posRel {position: relative;}
.xtraLeftPads {padding-left: 1.5em!important;}
.xtraRightPads {padding-right: 1.5em!important;}
h1 { font-size: 2.2em; line-height: 1.2em; margin: 1em 0 0.8em 0;}
h2 { font-size: 2em; margin: 1em 0 1.2em 0;}
h3 { font-size: 2em; line-height: 1.4em; }
h4, div.field-name-field-lisakuvat div.field-label, div.field-name-field-lisakuvat div.field-label, div.field-name-field-valmistajanUrl div.field-label, div.field-name-field-pdf-tiedosto div.field-label, .block-menu-heading {font-size: 1.6em;}
h5 { font-size: 15px; }
.textCenter {text-align: center;}
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
.subheader { line-height: 1.3; color: #777; font-weight: 300; margin-bottom: 17px; }
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: 700; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-weight: bold; background: #ffff99; }
a#contact-page-contact {background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/navi-btn-active.png) repeat-x top;color: white; padding: 8px 10px;}
a#contact-page-contact:hover {background: #FA5B4F;} ul, ol {margin: 0 0 17px 15px;}
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; } blockquote, blockquote p { line-height: 1.5; color: #777; }
blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 13px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555; }
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
abbr { text-transform: none; } #header{ border-top: solid 1px #ee3b33 ; border-bottom:  solid 1px #d5d5d5;  position:relative; padding-bottom: 1px;}
div#logo img {width: 100%;max-width: 140px; height: auto;}
div.headerTop{display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 20px 15px;margin: 0 auto;max-width:1000px;}
div.headerLeft{flex:1;}
form.header-search-form {display: flex;align-items: center; gap:10px;margin-bottom: 5px;min-width:290px;}
form.header-search-form .search-input {margin-bottom: 0;width:100%;}
form.header-search-form .search-submit {border: none;cursor: pointer;font-size: 1.1em;font-weight: bold;background: none;color: #ee3b33;line-height: 36px;} ul.lanSelector {margin: 0; font-size: 1em;text-align: right}
ul.lanSelector li {display: inline; margin: 0 0.5em;}
ul.lanSelector li a {color: #6f6f6f;}
ul.lanSelector li a:hover {text-decoration: underline;}
html.js input.form-autocomplete {background: #fff; }  div#block-system-main-menu ul li{display:inline; font-size: 0.8em; text-transform: uppercase;}
div#block-system-main-menu a{padding: 12px; color: #6f6f6f;}
div#block-system-main-menu a:hover {text-decoration: underline;}
div#block-system-main-menu a.active:hover, div#block-system-main-menu a.active-trail:hover {text-decoration: none;}
div#block-system-main-menu a.active, div#block-system-main-menu a.active-trail{color:#5b7bf0; text-decoration: underline;}
div#block-system-main-menu{
background:#f5f5f5;
border: solid 1px #d5d5d5;
clear:both; height: 52px;
font-style: normal;
font-weight: 700;
font-family: "adelle-sans", Helvetica, Arial, "Lucida Grande", sans-serif;
}
div#block-system-main-menu div.content {border: 1px solid #fff; clear:both; height: 50px; padding-top: 13px;}
div#block-system-main-menu ul.menu { text-align: center; } a.navigationInit {display: none;} ul.productCatNav {list-style: none; margin: 0; padding: 0;}
ul.productCatNav li {display: inline;}
ul.productCatNav li a {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: left; width: 14.2857143%; text-align: center; height: 50px; line-height: 14px; color: #fff; font-weight: 700; font-family: "adelle-sans", Helvetica, Arial, "Lucida Grande", sans-serif; text-transform: uppercase; font-size: 0.75em;}
ul.productCatNav li:nth-child(1) a {background: rgb(151,139,243); background: rgba(151,139,243,0.85);}
ul.productCatNav li:nth-child(2) a {background: rgb(250,91,79); background: rgba(250,91,79,0.85);}
ul.productCatNav li:nth-child(3) a {background: rgb(145,212,108); background: rgba(145,212,108,0.85);}
ul.productCatNav li:nth-child(4) a {background: rgb(249,191,33); background: rgba(249,191,33,0.85);}
ul.productCatNav li:nth-child(5) a {background: rgb(91,123,240); background: rgba(91,123,240,0.85);}
ul.productCatNav li:nth-child(6) a {background: rgb(77,126,50); background: rgba(77,126,50,0.85);}
ul.productCatNav li:nth-child(7) a {background: rgb(80,194,232); background: rgba(80,194,232,0.85);}
ul.productCatNav li:nth-child(1) a:hover {background: rgb(151,139,243);}
ul.productCatNav li:nth-child(2) a:hover {background: rgb(250,91,79);}
ul.productCatNav li:nth-child(3) a:hover {background: rgb(145,212,108);}
ul.productCatNav li:nth-child(4) a:hover {background: rgb(249,191,33);}
ul.productCatNav li:nth-child(5) a:hover {background: rgb(91,123,240);}
ul.productCatNav li:nth-child(6) a:hover {background: rgb(77,126,50);}
ul.productCatNav li:nth-child(7) a:hover {background: rgb(80,194,232);}
.siteSlogan {background: rgba(0,0,0,0.70); color: #fff; font-weight: 700; font-size: 2em; padding: 0.5em 0.35em 1.5em 0; margin: 0 auto; position: absolute; left:0; right: 0; bottom: 0; display: inline-block; text-align: center; line-height: 1.6em; z-index: 100; font-family: "adelle-sans", Helvetica, Arial, "Lucida Grande", sans-serif;}
.cycle-slideshow {position: absolute; top: 0; left: 0; right: 0; z-index: 10; text-align: center;}
img.introImage {max-height: 489px;}
.cycle-pager {
text-align: center; width: 100%; z-index: 500; position: absolute; bottom: -8px; line-height: 2em;
}
.cycle-pager span {
font-family: arial; font-size: 50px; width: 10px; height: 10px;
display: inline-block; color: #4b4b4b; cursor: pointer;
margin: 0 0.1em;
}
.cycle-pager span.cycle-pager-active { color: #ee3b33;}
.cycle-pager >  { cursor: pointer;} .emailJoin {border: 0!important; background: #fff; border: none; height: 32px; line-height: 32px; float: left; width: 75%!important; padding: 0 0.5em; font-size: 1em;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.emailSubmit {background: #e1654e; height: 32px; border: 0; color: #fff; float: left; width: 25%!important; border-left: 1px solid #9a4535; cursor: pointer; font-size: 11px; text-transform: uppercase; font-weight: bold;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.emailSubmit:hover, div.views-submit-button button:hover {background: #dc806e;} p.siteIngress {color: #7d7d7d; text-align: center; margin-top: 3.2em; font-size: 1.3em; margin-left: 20px;}
p.siteIngressTxt {font-size: 1.5em; line-height: 1.3em; color: #fff; font-weight: 700;}
div.siteIntro {position: relative; line-height: 0;  max-width: 1569px; margin: 0 auto;}
div.siteIntro img {width: 100%; height: auto; margin: 0 auto;  line-height: 0;}
div.siteIntroContent {position: absolute; width: 100%;}
h2.siteIntro {color: #fff; font-weight: 900; text-align: center; font-size: 3.5em; margin: 1em 0 0.8em 0;}
h3.siteIntro {color: #fff; font-weight: 900; font-size: 2.0em; margin-bottom: 1em;}
.layerOne {z-index: 10;}
.layerTwo {z-index: 20; top: 0;}
div.serviceChooser {text-transform: uppercase;}
a.serviceBtn {background: rgba(0, 0, 0, 0.8);  color: #fff; padding: 1em 1.5em; display: block; text-align: center; margin-top: 8.5em;}
a.serviceBtn:hover {background: #000;}
span.greenArrow {width: 18px; height: 18px; display: inline-block; border-radius: 18px; border: 1px solid #fff; margin-right: 0.85em;}
div.catListing {background: rgba(0, 0, 0, 0.8); padding: 10px;}
li#paine a.active, li#paine a:hover, ul#paine {background: #978bf3;}
li#lampotila a.active, li#lampotila a:hover, ul#lampotila {background: #fa5b4f;}
li#virtaus a.active, li#virtaus a:hover, ul#virtaus  {background: #91d46c;}
li#mittaus-ja-sahko a.active, li#mittaus-ja-sahko a:hover, ul#mittaus-ja-sahko {background: #f9bf21;}
li#venttiilit a.active, li#venttiilit a:hover, ul#venttiilit {background: #5b7bf0;}
li#pneumatiikka a.active, li#pneumatiikka a:hover, ul#pneumatiikka {background: #4d7e32;}
li#mekatroniikka a.active, li#mekatroniikka a:hover, ul#mekatroniikka {background: #50c2e8;}
ul.productCategories, ul.productChildCategories {margin: 0; padding: 0; list-style: none;}
ul.productCategories li a, ul.productChildCategories li a {color: #fff; padding: 0.35em 5px; display: block;font-family: "tablet-gothic-narrow"; border-bottom: 1px solid rgba(0, 0, 0, 0.15); text-transform: uppercase;}
ul.productChildCategories li a:hover {background: #000; color: #fff;} div.newsSection {padding-bottom: 20px;}
div.newsSection div.views-row-even {border-top: 1px solid #eaeaea; padding-top: 20px;}
div.newsSection div.views-row, div.views-row {margin: 0 0 30px 0; padding-bottom: 30px; border-bottom: 1px solid #eaeaea;}
div.newsSection div.views-row:last-of-type, div.views-row:last-of-type {border-bottom: none; padding-bottom: 0;}
div.readMore span a {font-size: 1.4em; color: #ee3b33; -webkit-transition: 0.5s ease color; -o-transition: 0.5s ease color; transition: 0.5s ease color;}
div.readMore span a:hover {
color: #f76a64; text-decoration: underline;
}
div.paikka, div.field-type-datetime {padding: 5px 0 0 0; font-weight: 700; font-size: 1.6em; color: #363636;}
span.date-display-start, span.date-display-end {font-size: 1.6em; color: #363636;}
div.eventDateWrap {padding: 5px 0 10px 0; font-weight: bold; color: #363636;}
div.uutiskuva {width: 100px; overflow: hidden; float: left; line-height: 0; margin: 5px 20px 10px 0;}
h4.paikka, div.field-name-field-paikka {color: #5a6791; padding: 5px 0 0 0; font-weight: bold;}
div.field-name-field-paikka {padding-bottom: 10px;}
div.field-name-field-image{float:right;}
div.newslistRight{margin-top: 70px;} div.frontpageContent{
height: 412px; position: relative;
}
div.historyHub {position: absolute; z-index: 10000; left: 0; top: -30px; width:159px; height:147px;}
div.bg1{background: #fff url(//wexon.ee/wp-content/themes/wexon/images/foundation/wexon-valves.jpg) no-repeat center top; border-top: 1px solid #fff; width: 100%; height: 412px; -webkit-box-shadow: inset 0px -15px 8px -5px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px -15px 8px -5px rgba(0, 0, 0, 0.15);}
div.bg2{background: #fff url(//wexon.ee/wp-content/themes/wexon/images/foundation/frontpage-trafag.jpg) no-repeat center top; border-top: 1px solid #fff;  width: 100%; height: 412px; -webkit-box-shadow: inset 0px -15px 8px -5px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px -15px 8px -5px rgba(0, 0, 0, 0.15);}
div.frontpageContentInner{position:relative; z-index:99;}
.slider {
margin: 0;
padding: 0;
list-style: none;
width: auto;
height: auto;
overflow: hidden;
}
.slider li {
display: none;
position: absolute;
top: 0;
left: 0;
}
.google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
h2.frontpageTitle{ text-transform: uppercase; color: #ee3b33;  letter-spacing: -1px; font-size: 36px; margin: 60px 0 1px 35px; padding: 10px; display: inline-block; text-shadow: 0px 1px 5px #fff;}
img.frontpageImage {position: absolute; top: 15px; right: 0px; z-index: 5;}
h3.frontpageSubTitle{color:#ee3b33; font-size: 24px; text-transform: uppercase; letter-spacing: -1px; margin: 0px 0 30px 295px; display: inline-block; padding: 10px; text-shadow: 0px 1px 5px #fff;}
.newsfeeds {background: #eaeaea; padding: 30px 0px 60px 0px;}
.newsfeeds h2{text-align: center; color: #ee3b33; font-size: 18px; padding: 15px 0 11px 0; text-transform: none;  margin: 0 0 25px 0; text-transform: uppercase; letter-spacing: 0; border-bottom: 2px solid #ee3b33;}
a.newsListingLink{color:#363636;}
a.newsListingLink:hover{color:#737373;}
a.newsListingLink span.readMore{font-size: 1.4em; color:#EE3B37}
a.newsListingLink:hover span.readMore{text-decoration: underline; color: #f76a64;}
a.newsListingLink li{font-size: 1.6em; line-height: 1.5em;}
h3.newsheader{color:#363636; margin: 0 0 8px 0; }
h3.newsheader a{color:#363636; display: block; }
h3.newsheader a:hover {color:#737373; }
h3.newsheader a.active {color: #ee3a32; text-decoration: underline;}
h3.categoryLinksHeader{text-transform: uppercase; color: #ee3b33; clear:both; padding: 10px; display: inline-block; margin: 0 0 20px 372px; text-shadow: 0px 1px 5px #fff;}
div.categoryLinks{text-align: center; padding: 0;}
div.categoryLinks h4{float:left; margin: 0px 10px 1px 0; width: 13.4%;-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.5); }
div.categoryLinks h4 a {color:#fff; height: 40px; line-height: 40px; display: block; text-align: center; text-transform: uppercase; font-style: normal; font-weight: 700; font-size: 14px; letter-spacing: 0px;  }
div.categoryLinks h4.lastLink{margin-right:0; }
div.categoryLinks h4 a.venttiilit{background-color: #5b7bf0; text-shadow: 0px 1px 0px #425ab3; border: 1px solid #425ab3;}
div.categoryLinks h4 a.paine{background-color: #978bf3; text-shadow: 0px 1px 0px #7b71c5; border: 1px solid #7b71c5;}
div.categoryLinks h4 a.lampotila{background-color: #fa5b4f; text-shadow: 0px 1px 0px #b82d27; border: 1px solid #d74338;}
div.categoryLinks h4 a.mittaus-ja-sahko{background-color: #f9bf21; text-shadow: 0px 1px 0px #bd9016; border: 1px solid #d9a519;}
div.categoryLinks h4 a.pneumatiikka{background-color: #4d7e32; text-shadow: 0px 1px 0px #2c5019; border: 1px solid #3d6925;}
div.categoryLinks h4 a.mekatroniikka{background-color: #50c2e8; text-shadow: 0px 1px 0px #3c94b1; border: 1px solid #3ea8cc;}
div.categoryLinks h4 a:hover, div.categoryLinks h4.lastLink a:hover {background-image: url(//wexon.ee/wp-content/themes/wexon/images/foundation/cat-btn-shine.png); background-repeat: no-repeat; background-position: center bottom; text-shadow: none;}
div.categoryLinks h4:hover { -webkit-box-shadow: none; box-shadow: none;}
div.categoryLinks h4 a.virtaus{background-color: #91d46c; text-shadow: 0px 1px 0px #5a8742; border: 1px solid #7eb95e;}
div.productLink {float:left; margin: 0px 1px 1px 0; width: 14.1%;}
div.productLink p {display: none;}
div.productLink h2 {margin: 0;}
div.productLink h2 a {color: #fff; font-weight: 700; margin: 5px 0 0 0; display: block; height: 45px; padding: 5px; font-size: 1.4rem;}
div.productLink h2 a:hover {background-image: url(//wexon.ee/wp-content/themes/wexon/images/foundation/cat-btn-shine.png); background-repeat: no-repeat; background-position: center bottom; }
div.venttiilit {border: 1px solid #5b7bf0;}
div.venttiilit h2 {background: #5b7bf0;}
div.paine {border: 1px solid #978bf3;}
div.paine h2 {background: #978bf3; }
div.lampotila {border: 1px solid #fa5b4f;}
div.lampotila h2 {background: #fa5b4f; }
div.mittaus-ja-sahko {border: 1px solid #f9bf21;}
div.mittaus-ja-sahko h2 {background: #f9bf21; }
div.pneumatiikka {border: 1px solid #4d7e32;}
div.pneumatiikka h2 {background: #4d7e32; }
div.mekatroniikka {border: 1px solid #50c2e8;}
div.mekatroniikka h2 {background: #50c2e8; }
div.virtaus {border: 1px solid #91d46c;}
div.virtaus h2 {background: #91d46c; }
div.productLink img {display: block; margin: 0 auto;}
div.activeProductLink {border: 1px solid #d5d5d5;}
div.productLink h2.active {background: #f5f5f5; text-shadow: none;}
div.productLink h2.active a { color: #666; text-decoration: underline;} div.catNavbg {padding-bottom: 30px; background: url(//wexon.ee/wp-content/themes/wexon/images/catnavbg.jpg) no-repeat center top; background-size: 100% auto;}
div#block-views-etusivun-ajankohtaiset-block {margin-bottom: 50px;}
span.newsdate {font-size: 12px; line-height: 24px; display: block; padding-top: 2px;}
div#block-views-tuoteuutuudet-block div.views-row-odd, div.view-tapahtumat div.view-content div.views-row-odd, div.view-id-etusivun_ajankohtaiset div.view-content div.views-row-odd  {border-bottom: 1px solid #cfcfcb; padding: 0px 0 35px 0;}
div#block-views-tuoteuutuudet-block div.views-row-even, div.view-tapahtumat div.view-content div.views-row-even, div.view-id-etusivun_ajankohtaiset div.view-content div.views-row-even  {border-bottom: 1px solid #cfcfcb; padding: 0px 0 35px 0;}
div#block-views-tuoteuutuudet-block div.views-row-last {margin-bottom: 0;}
div.view-tuoteuutuudet-uutislistaus-uutiset div.view-content div.views-row-odd, div.view-tuoteuutuudet-uutislistaus-uutiset div.view-content div.views-row-even, div.view-tapahtumat-tapahtumalistaus-uutiset div.view-content div.views-row-odd  {border-bottom: 1px solid #d5d5d5; padding-bottom: 15px;}
div.view-id-uutislistaus_uutiset div.view-content div.views-row-odd, div.view-tuoteuutuudet-uutislistaus-uutiset div.view-content div.views-row-even, div.view-tapahtumat-tapahtumalistaus-uutiset div.view-content div.views-row-even {border-bottom: 1px solid #d5d5d5; padding-bottom: 15px;}
.marginTop {margin-top: 20px;}
.view-uutiset-messut ul{font-size: 1em;} div.block-search {margin-top: 33px;}
div.form-item-custom-search-blocks-form-1, div.form-item-search-block-form{  }
div.form-item-tuotehaku label {display:none} #finder-block-tuotehaku form{margin:0}
#finder-block-tuotehaku .form-item, #finder-block-tuotehaku .form-actions {margin:0; padding:0;} div#header div.form-item-search-block-form input{float: left; height: 35px; width: 80%; margin:0; border: 1px solid #d5d5d5; -webkit-box-shadow: none; box-shadow: none; -moz-box-shadow: none;}
div#header div.form-actions input.form-submit{float:right; width: 18%; }
div#header div.form-actions input.form-submit {float:right; border: none; cursor: pointer; font-size: 1.1em; font-weight: bold; background: none; color: #ee3b33; line-height: 36px;}
div#header div.form-actions input.form-submit:hover, div#edit-basic input.form-submit:hover{text-decoration: underline; color: #f76a64;}
div#header div.form-actions input.form-submit:before {content: '\E800'; color: #000;} div#edit-basic {position: relative; padding: 30px 0 0 0;}
div.form-item-keys label {position: absolute; top: 0; left: 0;}
div.form-item-search-block-form input.form-text {float: left; height: 48px; width: 80%; margin:0; border-radius: 3px!important; border:solid 1px #d5d5d5;}
div#edit-basic  input.form-submit {width: 18%; background: #f5f5f5; float:right; height: 48px; border:solid 1px #d5d5d5; border-radius: 10px; cursor: pointer;}
div.productPageRow ul li {margin-bottom: 5px;} #search-block-form .form-submit{margin:0; padding:0; color:#333; text-shadow:none; font-size: 1.6em; font-weight: normal;}
form.search-form {}
div.search-result { border: 1px solid #e6e6e6; padding: 1px; height: 270px; overflow: hidden; position: relative; }
div.search-result h6.searchTitle {display: block;}
div.search-result h6.searchTitle a {color: #EE3B33; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; line-height: 18px; display:block;  height: 57px; background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/product-upper-shine.png) center bottom #ECECEC; border-bottom: 1px solid #ECECEC; text-shadow: 0px 1px 0px #fff; padding: 10px 5px;}
div.search-result h6.searchTitle a:hover {color: #fff; background: #EE3B33; border-bottom: 1px solid #EE3B33; text-shadow: none;}
div.search-snippet-info {margin: 0;}
div.search-snippet-info p {font-size: 12px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
div.searchImageContainer {}
div.searchImageContainer img.searchImage {max-height: 100px; width: auto; display:block; margin: 0 auto;}
div.searchResults { margin-top: 15px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
h6.searchTitle{clear:both}
#search-form input.form-text{float:left}
#search-form input.form-submit{float:left !important; margin-left: 1em; color:#222222; font-size: 0.85em;}
h6.noResults {padding-bottom: 10px;}
a.NewsArchiveButton {display: block; padding: 15px 0 15px 2px; color: #3f9b16; padding-left: 0.2em;}
a.NewsArchiveButton:hover {background: #f5f5f5;} .selectnav { display: none; } #footer{background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/footer-bgr.png) repeat-x top #ee3b33; border-top: solid 1px #ffffff; color: #fff;}
#footer a {color: #fff;}
#footer h3 {font-size: 2em; margin-top: 25px;}
img.wexon-map-image {border: 1px solid #a92822; margin: 56px 0 0 0; line-height: 0;}
div.region-alaosaright ul.menu { margin: 24px 0 0 0;}
div.region-alaosaright ul.menu li {list-style: none; padding: 0; margin: 0;}
div.region-alaosaright ul.menu a {color: #fff; font-weight: 700; display: block; padding: 10px 10px 10px 30px; line-height: 18px; margin: 0 0 1px 0; background-image: url(//wexon.ee/wp-content/themes/wexon/images/foundation/footer-nav-arrows.png); background-position: 5px -74px; background-repeat: no-repeat;}
div.region-alaosaright ul.menu li.leaf a.active-trail, div.region-alaosaright ul.menu a.active {}
div.region-alaosaright ul.menu a.active-trail:hover {background-position: 5px 0px;}
div.region-alaosaright ul.menu a:hover {background-position: 5px -36px;}
ul.contact-actions { margin: 20px 0 0 0;}
ul.contact-actions li {list-style: none; padding: 0; margin: 0;}
ul.contact-actions li a {color: #fff; font-weight: 700; padding: 10px 10px 10px 0px; line-height: 30px; text-shadow: 0px 1px 0px #c93b35;}
ul.contact-actions li a:hover {text-decoration: underline; text-shadow: none;}
div.breadcrumbs {border-bottom: 1px solid #e6e6e6; padding: 15px 0 10px 0;}
div.breadcrumbs ul {display: flex;flex-wrap:wrap;gap:8px;margin:0; padding:0; list-style-type: none}
div.breadcrumbs li {font-size: 1.4rem}
div.breadcrumbs .separator {margin-left: 8px;}
div.breadcrumbs a {color: #ee3b33; }
.aa {
position: absolute;
left: 0;
top: 0;
}
div.wermundsen .aa img {
height: 100px;
width: auto;
} #bottomContactBox{
color:#FFF;
position: fixed;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
background: #4baa28;
-webkit-transition: 0.5s ease background;
-o-transition: 0.5s ease background;
transition: 0.5s ease background;
border-top: solid 1px #4baa28;
border-left: solid 1px #4baa28;
border-right: solid 1px #4baa28;
width: 254px;
z-index: 1000; -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#bottomContactBox:hover {
background: #337919;
color: #fff;
}
span.contactIcon {width: 20px; height: 14px; display: inline-block; background: url(//wexon.ee/wp-content/themes/wexon/images/contact-letter.png); background-size: 20px 14px; margin-right: 1em; position: relative; top: 2px;}
.actionButton{
display: block;
color: #fff;
padding: 10px 10px 10px 10px;
text-transform: uppercase;
font-size: 1.1em;
line-height: 1.4em;
margin-bottom:1em;
font-weight: bold;
text-align: center;
background: #4baa28;
-webkit-transition: 0.5s ease background;
-o-transition: 0.5s ease background;
transition: 0.5s ease background;
border-radius: 3px;
border: solid 1px #337919;
}
.actionButton:hover{background: #337919; color:#FFF;}
.toggleButton{
color:#FFF;
padding: 1em;
display:block;
text-align: center;
}
.toggleButton:focus, .toggleButton:active{color:#FFF;}
.contactButton{
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
}
.contactButton:hover {color: #fff!important;}
.contactBoxActionButtons{
background: #FFF;
border-left: solid 2px #4baa28;
border-right: solid 2px #4baa28;
padding:2em 1em 1em 1em;
} ul.menu {margin: 0;}
div#block-menu-menu-luokittelu div.content ul.menu li {list-style-image: none; list-style-type: none; margin: 0; padding: 0; font-size: 15px;}
div#block-menu-menu-luokittelu div.content ul.menu a {color: #ee3b33;}
div#block-menu-menu-luokittelu div.content ul.menu a:hover {color: #222;}
div#block-menu-menu-luokittelu div.content ul.menu a.active-trail, div#block-menu-menu-luokittelu div.content ul.menu a.hover {color: #222;}
li.expanded ul.menu {margin-left: 10px;} div#block-menu-menu-luokittelu div.content ul.menu li a {line-height: 35px;}
div#block-menu-menu-luokittelu div.content ul.menu li {border: 1px solid #E6E6E6; margin: 0 0 1px 0;}
div#block-menu-menu-luokittelu div.content ul.menu li.collapsed,  div#block-menu-menu-luokittelu div.content ul.menu li.last{background: #f6f6f6;}
div#block-menu-menu-luokittelu div.content ul.menu li.collapsed a, div#block-menu-menu-luokittelu div.content ul.menu li.last a {background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/upper-level-arrow.png) no-repeat 6px -24px; padding-left: 30px; display: block; }
div#block-menu-menu-luokittelu div.content ul.menu li.collapsed a:hover {color: #222; background-position: 6px 10px;}
div#block-menu-menu-luokittelu div.content ul.menu li.active-trail a {background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/upper-level-arrow.png) no-repeat 6px 10px; padding-left: 30px; display: block; }
div#block-menu-menu-luokittelu div.content ul.menu li.expanded a {margin-bottom: 3px;}
div#block-menu-menu-luokittelu div.content ul.menu li.active-trail, div#block-menu-menu-luokittelu div.content ul.menu li.active-trail ul.menu li.last {background: none;} div#block-menu-menu-luokittelu div.content ul.menu li ul.menu {margin-left: 0px;}
div#block-menu-menu-luokittelu div.content ul.menu li ul.menu li ul.menu {margin-left: 10px;}
div#block-menu-menu-luokittelu div.content ul.menu li ul.menu li a {line-height: 18px; padding-bottom: 8px;}
div#block-menu-menu-luokittelu div.content ul.menu li ul.menu li {border: none;}
div#block-menu-menu-luokittelu div.content ul.menu li ul.menu li.collapsed {background: none;}
div#block-menu-menu-luokittelu div.content ul.menu li ul.menu li.collapsed a {background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/red-product-arrows.png) no-repeat 8px -60px;}
div#block-menu-menu-luokittelu div.content ul.menu li ul.menu li.collapsed a:hover {background-position: 8px 1px;}
div#block-menu-menu-luokittelu div.content ul.menu li ul.menu li.leaf a {background: none;}
div#block-menu-menu-luokittelu div.content ul.menu li.expanded ul.menu li.leaf a.active {background: none;}
div#block-menu-menu-luokittelu div.content ul.menu li.expanded ul.menu li.leaf a.active-trail {background: none;}
div#block-menu-menu-luokittelu div.content ul.menu li.active-trail ul.menu li.active-trail a {background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/red-product-arrows.png) no-repeat 8px 1px;} div#block-menu-menu-luokittelu div.content ul.menu li.active-trail ul.menu li.active-trail  ul.menu li.collapsed a, div#block-menu-menu-luokittelu div.content ul.menu li.active-trail ul.menu li.active-trail  ul.menu li.first a {background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/red-product-arrows.png) no-repeat 8px -60px;}
div#block-menu-menu-luokittelu div.content ul.menu li.active-trail ul.menu li.active-trail  ul.menu li.first {background: none;}
div#block-menu-menu-luokittelu div.content ul.menu li.active-trail ul.menu li.active-trail  ul.menu li.collapsed a:hover, div#block-menu-menu-luokittelu div.content ul.menu li.active-trail ul.menu li.active-trail  ul.menu li.first a:hover {background-position: 8px 1px;}
div#block-menu-menu-luokittelu div.content ul.menu li.active-trail ul.menu li.active-trail  ul.menu li.leaf a {background: none; }
div#block-menu-menu-luokittelu div.content ul.menu li.expanded ul.menu li.expanded  ul.menu li.expanded a.active-trail {background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/red-product-arrows.png) no-repeat 8px 1px; } div#block-menu-menu-luokittelu div.content ul.menu li.active-trail ul.menu li.active-trail  ul.menu li.active-trail ul.menu li a {background: none;}
div#block-menu-menu-luokittelu div.content ul.menu li.active-trail ul.menu li.active-trail  ul.menu li.active-trail ul.menu li.active-trail a {background: none;} div.category-rohk h2.productCardTitle{color:#978bf3;}
div.category-rohk .productCardDescriptionWrap{border-bottom: 5px solid #978bf3; border-top: 1px solid #e6e6e6 ;}
div.category-temperatuur h2.productCardTitle{color:#fa5b4f;}
div.category-temperatuur .productCardDescriptionWrap{border-bottom: 5px solid #fa5b4f; border-top: 1px solid #e6e6e6;}
div.category-vooluhulk h2.productCardTitle{color:#91d46c;}
div.category-vooluhulk .productCardDescriptionWrap{border-bottom: 5px solid #91d46c; border-top: 1px solid #e6e6e6;}
div.category-mootmine-ja-elekter h2.productCardTitle{color:#f9bf21;}
div.category-mootmine-ja-elekter .productCardDescriptionWrap{border-bottom: 5px solid #f9bf21; border-top: 1px solid #e6e6e6;}
div.category-ventiilid h2.productCardTitle{color:#5b7bf0;}
div.category-ventiilid .productCardDescriptionWrap{border-bottom: 5px solid #5b7bf0; border-top: 1px solid #e6e6e6;}
div.category-pneumaatika h2.productCardTitle{color:#4d7e32;}
div.category-pneumaatika .productCardDescriptionWrap{border-bottom: 5px solid #4d7e32; border-top: 1px solid #e6e6e6;}
div.category-mehhatroonika h2.productCardTitle{color:#50c2e8;}
div.category-mehhatroonika .productCardDescriptionWrap{border-bottom: 5px solid #50c2e8; border-top: 1px solid #e6e6e6;}
div.category-kulumootmine h2.productCardTitle{color:#91d46c;}
div.category-kulumootmine .productCardDescriptionWrap{border-bottom: 5px solid #91d46c; border-top: 1px solid #e6e6e6;}
h2.productCardTitle{color:#000!important;}
a.productCardLink{position: absolute; top:0; left:0; width: 100%; height:100%;}
a.productCardLink:hover{background: rgb(255, 255, 255) transparent; background: rgba(255, 255, 255, 0.2);}
.search-result h2.productCardTitle{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
h2.productCardTitle{margin:0; font-size: 1.4em;}
h3.productCardDescription{color:#222222; font-size: 1.3em; font-weight: 400; padding:10px 5px 0 5px; line-height: 1.4em; text-transform: none; margin:0; font-family: "ff-basic-gothic-web-pro", Helvetica, Arial, "Lucida Grande", sans-serif;}
div.productCardDescriptionWrap{height: 80px; overflow:hidden; }
div.productCardTitleWrap{height: 56px; overflow: hidden; padding: 10px 5px 0 5px;}
div.productCardImageWrap{text-align:center; height: 150px; overflow: hidden;}
div.productCardImageWrap img {display: block; width: auto; margin: 0 auto;} div.producerCardImageWrap{text-align: center; height: 80px; margin-bottom: 20px;}
div.producerCardImageWrap img{max-width: 100%; max-height: 100%;  }
div.view-toimittajalista div.views-row { width: 32%; border: 1px solid #e6e6e6; margin: 0 1.33% 10px 0; float: left; position: relative; overflow:hidden;  }
div.companyNameWrap{text-align: center; height: 70px; }
div.companyWebsiteWrap{height: 50px; padding: 15px 0; text-align: center; border-top: 1px solid #e6e6e6}
div.view-taxonomy-term { padding-bottom: 40px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
div.view-taxonomy-term div.views-row { border: 1px solid #e6e6e6; position: relative; display: flex; flex-direction: column; }
div.view-taxonomy-term div.views-field-title {margin: 1px; border-bottom: 1px solid #e6e6e6; background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/product-upper-shine.png) center bottom #ececec no-repeat;}
div.view-taxonomy-term div.views-field-title a {color: #EE3B33; font-weight: bold; display: block; padding: 10px 5px; line-height: 18px; height: 72px; overflow: hidden; text-shadow: 0px 1px 0px #fff;}
div.view-taxonomy-term div.views-field-title a:hover {background: #EE3B33; color: #fff; text-shadow: none;}
div.view-taxonomy-term div.views-field-field-tuotekuva {height: 120px; overflow: hidden;}
div.view-taxonomy-term div.views-field-field-tuotekuva img {display: block; margin: 0 auto; padding: 10px 0;}
div.view-taxonomy-term div.views-field-field-otsikon-lisatiedot {background: #ececec url(//wexon.ee/wp-content/themes/wexon/images/foundation/product-shine.png) no-repeat center 1px; padding: 10px 5px; margin: 1px; line-height: 18px; color: #6F6F6F; height: 80px; overflow: hidden;}
div.view-taxonomy-term .productCardTitleWrap { margin: 1px; }
div.view-taxonomy-term .productCardImageWrap { height: 150px; overflow: hidden; flex-grow: 1; display: flex; align-items: center; justify-content: center; }
div.view-taxonomy-term .productCardImageWrap img { display: block; width: auto; height: 100%; }
div.view-taxonomy-term .productCardDescriptionWrap { padding: 10px 5px; line-height: 18px; color: #6F6F6F; min-height: 80px; }
div.productPageRow {padding-bottom: 10px;}
div.taxonomy-description li a { font-size: 14px;}
span.exlogo {display: block; width: 20px; height: 17px; position: absolute; z-index: 100; top: 83px; right: 5px; text-indent: -999999px; background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/ex20.png) no-repeat 0px 0px;}
div.exlogoBig {display: block; width: 37px; height: 31px; position: absolute; z-index: 100; top: 123px; right: 20px; text-indent: -999999px; background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/ex37.png) no-repeat 0px 0px;}
.products-list .views-row {
margin: 0;
padding: 0;
}
ul.productSubCat {margin: 0; padding: 0;}
ul.productSubCat li {list-style: none; margin-bottom: 2px;}
ul.productSubCat li a {
display: block;
color: #d03b33;
padding: 10px 0.9375em;
border: 1px solid #e6e6e6;
}
ul.productSubCat li a:hover {color: #6f6f6f; background: #e6e6e6;}
#edit-submitted-haluan-tilata-wexonin-uutiskirjeen {margin: 2em 0 2em 0;} div.categorylistContent h2 {margin: 1.5em 0 1.6em 0; color: #6f6f6f;}
div.contactDetails {padding: 2.3em 0.9375em 1em 0.9375em; background: #f6f6f6; margin-bottom: 2em; font-weight: 700;}
a.contactPhone {font-size: 1.6em; line-height: 2.4em; color: #000!important; padding-left: 3px; margin-bottom: 0.5em; display: block;}
a.contactPhone:hover {}
h2.productHeadline {font-size: 28px; letter-spacing: -1px; padding: 10px 0 15px 0;}
h2.lisatiedot {margin: 0 0 0.5em 0; font-weight: 400; color: #505050;}
div.field-name-field-tuotekuva img {display: block; margin: 0 auto;}
div.field-name-field-tuotekuva {border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; margin-bottom: 20px;}
div.field-name-field-taulukko {border-top: 1px solid #e6e6e6; padding-top: 25px; margin-top: 20px;}
div.field-name-field-lisakuvat div.field-item {width: 33%; float: left; height: 110px; border: 1px solid #E6E6E6; margin: 0px 1px 1px 0;}
div.field-name-field-lisakuvat div.field-item:hover {border-color: #d1d1d1;}
div.field-name-field-lisakuvat div.field-item img {display: block; margin: 0 auto;}
div.mainProductImage {margin-bottom: 1em;}
div.xtraImages {margin-bottom: 2em;}
div.xtraImages a {display: block; width: 24.6%; margin: 0 1px 1px 0; float: left; border: 1px solid #e6e6e6; height: 100px; overflow: hidden;}
div.xtraImages a:hover {border: 1px solid #a7a7a7;}
div.xtraImages a img {display: block; margin: 0 auto;object-fit:contain;} div.contactPageCol {overflow: hidden;}
div.contactPageCol h4 {border-bottom: 1px solid #eaeaea; padding-bottom: 8px; color: #EE3B33;}
div.contactCategory {padding-bottom: 25px;}
div.contactCategory h4 {}
div.contactCategory h5 {margin: 0; padding: 0 0 5px 0;}
div.contactCategory p {padding-bottom: 8px;}
div.contactInfoHolder {background: url(//wexon.ee/wp-content/themes/wexon/images/contact-info-shadow.png) no-repeat right bottom; padding-bottom: 5px; margin-bottom: 10px;}
div.greyBorder {border: 1px solid #EAEAEA; padding: 1px;}
div.contactDetailsBgr {background: url(//wexon.ee/wp-content/themes/wexon/images/contact-details-bgr.png); padding: 10px 5px;}
div.contactDetailsBgr h4 {color: #EE3B33; padding: 0; margin: 0;}
div.contactDetailsBgr p {padding: 10px 0 0 0; margin: 0; font-size: 16px; text-shadow: 0px 1px 0px #fff;}
span.telIco {}
div.field-name-field-yhteydenotto{}
p.contactFormLink{font-size: 1em; margin: 1em 0 2.5em 0;}
p.contactFormLink a {
color: #fff;
padding: 9px 10px 9px 10px;
border: 1px solid #c62e27;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
background: #EE3B33;
-webkit-transition: 0.5s ease background;
-o-transition: 0.5s ease background;
transition: 0.5s ease background;
border-radius: 3px;
}
p.contactFormLink a:hover {
background: #f76a64;
}
div.suplier {padding-bottom: 10px;}
div.suplier img{max-width: 150px}
div.valmistajanUrl a, span.file a {font-size: 1.6em;}
div.innerColumn {
float: left;
min-height: 1px;
padding: 0;
}
.contentArea {padding: 0 0 30px 0;}
span.file{display:block; } form.webform-client-form-891, form.webform-client-form-960{
line-height: 26px;
}
.webform-client-form-891 .webform-component-textfield, .webform-client-form-891 .webform-component-email, .webform-component--osoite, .webform-client-form-960 .webform-component-textfield, .webform-client-form-960 .webform-component-email{
display:inline-block;
}
.webform-component--osoite {max-width: 300px;}
form.webform-client-form-891 input.form-text, form.webform-client-form-891 input.form-email, form.webform-client-form-960 input.form-text, form.webform-client-form-960 input.form-email{
font-family: "ff-basic-gothic-web-pro", Helvetica, Arial, "Lucida Grande", sans-serif;
height: auto;
margin:0;
font-size: 16px;
padding: 0 5px;
border-top: solid 1px transparent;
border-left: solid 1px transparent;
border-right: solid 1px transparent;
border-bottom: solid 1px #222222;
box-shadow: none;
-webkit-box-shadow: none;
color: #EE3B33;
}
form.webform-client-form-891 .form-item, form.webform-client-form-960 .form-item{
margin:0;
}
#edit-submitted-haluaisin-keskustella-seuraavista-tuotealueista, #edit-submitted-kiinnostavat-aihealueet, #edit-submitted-haluan-tilata {
line-height: 3.5em;
margin-bottom: 1.5em;
}
#edit-submitted-uutiskirje {
margin-bottom: 3em;
}
#edit-submitted-haluaisin-keskustella-seuraavista-tuotealueista label, #edit-submitted-uutiskirje label {margin-left: 1em;}
#edit-submitted-haluaisin-keskustella-seuraavista-tuotealueista label:hover, #edit-submitted-kiinnostavat-aihealueet label:hover, #edit-submitted-haluan-tilata label:hover {color: #EE3B33;}
.formInlineText{font-size: 17px;}
.webform-client-form-891 label, .webform-client-form-960 label{
color:#222222;
font-size: 17px;
line-height: 22px;
}
.webform-client-form-891 input.form-checkbox{
height: 18px;
}
.contactForm h2 {font-size: 1.8em; margin-bottom: 1.2em;}
.formFields p {font-weight: bold; margin-bottom: 0;} .formHolder{
display:none;
background:#f6f6f6;
border: 1px solid #E6E6E6;
padding: 0 1em 1em 1em;
margin: 20px 0;
}
#yhteydenotto{
padding-bottom: 50px;
}
.contactCheckBox p{
margin: 1.5em 0 0 0;
font-size: 1.2e;
font-weight: bold;
}
.producContactCheckBox{
line-height: 2.5em !important;
}
.formHolder .status{display:none;}
.closeFormBtn{position: absolute; right: 0; top:0; padding: 1em; font-size: 1.4em;} div.wermundsen { margin: 1em auto 0 auto; text-align: center; position: relative;}
div.wermundsen img {width: 140px; height: 22px; display: block; margin: 0 auto;}
div.wermundsen a {color: #d9d9d9;}
div.wermundsen a:hover {text-decoration: underline;}
div.wermundsen span {display: block; font-size: 0.7em; padding: 1em 0 9em 0;} form.contact-form {margin-top: 30px;}
form.contact-form input.form-text, form.contact-form textarea.form-textarea, div.grippie, form input.form-text{max-width: 450px; float: none; border:solid 1px #d5d5d5;}
form.contact-form input.form-text {margin-bottom: 25px;} form input.form-text{height: 35px}
textarea.form-textarea{max-width: 450px; min-height: 132px; float: none; border: solid 1px #d5d5d5;}
div.closeProductDetails {text-align: center; padding: 30px 0 50px 0; clear: both; background: url(//wexon.ee/wp-content/themes/wexon/images/foundation/red-stripe.png) repeat-x 0px 37px;}
form.contact-form input.form-submit, div.closeProductDetails a, .form-submit {
font-size: 11px;
font-weight: bold;
background: #ee3b33;
text-transform: uppercase;
border-radius: 3px;
cursor: pointer;
color: #ffffff;
padding: 10px 30px;
border: 1px solid #c62e27;
-webkit-transition: 0.5s ease background;
-o-transition: 0.5s ease background;
transition: 0.5s ease background;
}
.form-submit:hover {
color: #f76a64;
background: #af322d;
}
form.contact-form input.form-submit:hover, div.closeProductDetails a:hover {background: #df706a; text-shadow: none;} .search-results .form-search, .search-form .form-search { height: 44px; margin-bottom: 0;}
fieldset {border:none;}
fieldset span.fieldset-legend{font-size: 14px;
color: #4d4d4d;
cursor: pointer;
display: block;
font-weight: 500;
padding-bottom: 10px;
margin-top: 8px} .print-only { display: none !important; }
@media print { * { background: transparent !important; color: black !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
.hide-on-print { display: none !important; }
.print-only { display: block !important; } } .row { width: 1000px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }
.column, .columns { float: left; min-height: 1px; padding: 0 15px;; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
.row .one { width: 8.333%; }
.row .two { width: 16.667%; }
.row .three { width: 25%; }
.row .four { width: 33.333%; }
.row .five { width: 41.667%; }
.row .six { width: 50%; }
.row .seven { width: 58.333%; }
.row .eight { width: 66.667%; }
.row .nine { width: 75%; }
.row .ten { width: 83.333%; }
.row .eleven { width: 91.667%; }
.row .twelve { width: 100%; }
.row .offset-by-one { margin-left: 8.333%; }
.row .offset-by-two { margin-left: 16.667%; }
.row .offset-by-three { margin-left: 25%; }
.row .offset-by-four { margin-left: 33.333%; }
.row .offset-by-five { margin-left: 41.667%; }
.row .offset-by-six { margin-left: 50%; }
.row .offset-by-seven { margin-left: 58.333%; }
.row .offset-by-eight { margin-left: 66.667%; }
.row .offset-by-nine { margin-left: 75%; }
.row .offset-by-ten { margin-left: 83.333%; }
.push-two { left: 16.667%; }
.pull-two { right: 16.667%; }
.push-three { left: 25%; }
.pull-three { right: 25%; }
.push-four { left: 33.333%; }
.pull-four { right: 33.333%; }
.push-five { left: 41.667%; }
.pull-five { right: 41.667%; }
.push-six { left: 50%; }
.pull-six { right: 50%; }
.push-seven { left: 58.333%; }
.pull-seven { right: 58.333%; }
.push-eight { left: 66.667%; }
.pull-eight { right: 66.667%; }
.push-nine { left: 75%; }
.pull-nine { right: 75%; }
.push-ten { left: 83.333%; }
.pull-ten { right: 83.333%; }
img, object, embed { max-width: 100%; height: auto; width: auto; }
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img { max-width: none!important; } .row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; } .no-left-padding {padding-left: 0px;} @media only screen and (max-width: 970px) and (min-width: 768px) { div.categoryLinks h4 a {font-size: 12px;}
div.productLink {float:left; margin: 0px 1px 1px 0; width: 19.1%;}
div.historyHub {right: 0!important; left: auto; top: 0px; width:129px; height:117px;}
div#block-system-main-menu a {padding: 12px 6px;}
} @media only screen and (max-width: 767px) { .block-grid.mobile { margin-left: 0; }
.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
div#header {height: auto;}
div.categoryLinks h4{width: 49%; float:left; margin: 0px 1px 1px 0;}
div.categoryLinks h4 a {font-size: 12px;}
div.categoryLinks h4.lastLink{margin-bottom: 20px;}
h3.categoryLinksHeader{margin: 0 0 20px 0; padding: 0;}
h3.categoryLinksHeader {font-size: 16px; margin: 0 0 20px 0;}
h3.frontpageSubTitle{font-size: 18px; margin: 0px 0 40px 0px; display: inline-block; clear: right; padding: 0;}
h2.frontpageTitle {font-size: 20px; margin: 40px 0 10px 0; display: block;  padding: 0; }
div.frontpageContent {background-position: center 0px;}
div#logo img {display: block;}
div.form-actions input.form-submit, div.form-item-search-block-form input {height: 40px;}
div.form-actions input.form-submit, dev#edit-submit .form-submit {height: 40px;}
div.historyHub {right: 0!important; left: auto; top: 0px; width:129px; height:117px;}
h3.companyName {font-size: 1.2em;}
div.producerCardImageWrap{padding: 0 1em;}
div.view-toimittajalista div.views-row { width: 48.67%; margin: 0 1.33% 10px 0; }
div#block-system-main-menu ul li{display: block; background: #fff; padding: 1px; margin: 0  1px 0; border-bottom: 1px solid #eaeaea;}
div#block-system-main-menu a{padding: 10px; color: #6f6f6f; letter-spacing: -1px; font-size: 14px; display: block;}
div#block-system-main-menu a.active:hover, div#block-system-main-menu a.active-trail:hover {text-decoration: none;}
div#block-system-main-menu a.active, div#block-system-main-menu a.active-trail{ border-radius: 0px;  }
div#block-system-main-menu{
background: none;
border: none;
clear:both;
text-transform: uppercase;
font-family: "allumi-std",sans-serif;
font-style: normal;
font-weight: 600;
height: auto;
}
div#block-system-main-menu div.content {border: none; clear:both; height: auto; padding-top: 0px;}
div#block-system-main-menu ul.menu { text-align: left; }
div#block-views-tapahtumat-block {margin-bottom: 50px;}
div.view-taxonomy-term { grid-template-columns: repeat(2, 1fr); }
div.field-name-field-taulukko{display: none;}
div.productImages {border-left:none;}
div.searchResults { grid-template-columns: repeat(2, 1fr); }
div.search-result h6.searchTitle a {height: auto;}
div.contactPageCol {width: 100%; float: none; margin: 0 0 20px 0;}
a.navigationInit {display: block; height: 40px; line-height: 40px; background: #EE3B33 url(//wexon.ee/wp-content/themes/wexon/images/foundation/show-hide-nav.png) no-repeat 0px 0px; clear: left; margin: 0 0 10px 0; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; text-indent: -99999px;}
a.navigationOpen {background: #fff url(//wexon.ee/wp-content/themes/wexon/images/foundation/show-hide-nav.png) no-repeat 0px -40px; border: 1px solid #d5d5d5;}
div#block-system-main-menu {display: none;}
form.contact-form input.form-text, form input.form-text, form.contact-form textarea.form-textarea, div.grippie, textarea.form-textarea {width: 100%;}
div.productLink {width: 49.1%;}
}
@media only screen and (max-width: 650px) {
.cycle-pager {display: none;}
.siteSlogan {font-size: 1em; line-height: 1.4em; padding: 0.75em 0 0.75em 0;}
} @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
p.siteIngress {color: #7d7d7d; text-align: left; margin-top: 1.5em; font-size: 1em; margin-left: 0px;}
div.block-search {margin-top: 0;}
div.innerColumn {width:100%!important; float: none;}
div.siteIntro {}
.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
.column, .columns { width: auto !important; float: none; }
.column:last-child, .columns:last-child { float: none; }
[class*="column"] + [class*="column"]:last-child { float: none; }
.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
.column:after, .columns:after { clear: both; }
.no-left-margin, .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
.left-auto, .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
.right-auto, .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; } .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
.row .mobile-one:last-child { float: right; }
.row.collapse .mobile-one { padding: 0; }
.row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
.row .mobile-two:last-child { float: right; }
.row.collapse .mobile-two { padding: 0; }
.row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
.row .mobile-three:last-child { float: right; }
.row.collapse .mobile-three { padding: 0; }
.row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
.row .mobile-four:last-child { float: right; }
.row.collapse .mobile-four { padding: 0; }
.push-one-mobile { left: 25%; }
.pull-one-mobile { right: 25%; }
.push-two-mobile { left: 50%; }
.pull-two-mobile { right: 50%; }
.push-three-mobile { left: 75%; }
.pull-three-mobile { right: 75%; } }  .block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.two-up { margin: 0 -15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } .block-grid.three-up { margin: 0 -12px; }
.block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; } .block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } .block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }      .show-for-small, .show-for-medium, .hide-for-large, .show-for-xlarge { display: none !important; }
.hide-for-xlarge, .show-for-large, .hide-for-small, .hide-for-medium { display: block !important; } @media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-large, .show-for-xlarge { display: block !important; }
.show-for-small, .show-for-medium, .show-for-large, .hide-for-xlarge { display: none !important; } } @media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .hide-for-large, .hide-for-xlarge { display: block !important; }
.show-for-small, .hide-for-medium, .show-for-large, .show-for-xlarge { display: none !important; } } @media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .hide-for-large, .hide-for-xlarge { display: block !important; }
.hide-for-small, .show-for-medium, .show-for-large, .show-for-xlarge { display: none !important; } } .show-for-landscape, .hide-for-portrait { display: block !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; }
@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: block !important; }
.hide-for-portrait, .show-for-landscape { display: none !important; } } .show-for-touch { display: none !important; }
.hide-for-touch { display: block !important; }
.touch .show-for-touch { display: block !important; }
.touch .hide-for-touch { display: none !important; } table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }
@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } }
@media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } } div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 14px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; }
div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; }
div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; } .label { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; }
.label.radius { border-radius: 3px; }
.label.round { padding: 1px 7px 2px; border-radius: 1000px; }
.label.alert { background-color: #c60f13; }
.label.success { background-color: #5da423; }
.label.secondary { background-color: #e9e9e9; color: #505050; } .has-tip { border-bottom: dotted 1px #ccc; cursor: help; font-weight: bold; color: #333; }
.has-tip:hover { border-bottom: dotted 1px #0593dc; color: #0192dd; }
.has-tip.tip-left, .has-tip.tip-right { float: none !important; }
.tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.8); position: absolute; color: #fff; font-weight: bold; font-size: 12px; font-size: 1.2rem; padding: 5px; z-index: 999; border-radius: 4px; line-height: normal; }
.tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent; position: absolute; top: -10px; left: 10px; }
.tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent !important; top: -10px !important; }
.tooltip.tip-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent; top: auto; bottom: -10px; }
.tooltip.tip-left, .tooltip.tip-right { float: none !important; }
.tooltip.tip-left > .nub { border-color: transparent transparent transparent black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.8); right: -10px; left: auto; }
.tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent; right: auto; left: -10px; }
.tooltip.noradius { border-radius: 0; }
.tooltip.opened { color: #0192DD !important; border-bottom: dotted 1px #0593DC !important; }
.tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888; font-weight: normal; }
@media only screen and (max-width: 767px) { .tooltip { font-size: 14px; font-size: 1.4rem; line-height: 1.4; padding: 7px 10px 9px 10px; }
.tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub { border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; top: -12px; left: 10px; } } div.panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; }
div.panel *:first-child { margin-top: 0; }
div.panel *:last-child { margin-bottom: 0; }
div.panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
div.panel.callout a { color: #fff; }
div.panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; }
div.panel.callout .button:hover { background: rgba(255, 255, 255, 0.8); }
div.panel.radius { border-radius: 3px; } ul.side-nav { display: block; list-style: none; margin: 0; padding: 17px 0; }
ul.side-nav li { display: block; list-style: none; margin: 0 0 7px 0; }
ul.side-nav li a { display: block; }
ul.side-nav li.active a { color: #4d4d4d; font-weight: bold; }
ul.side-nav li.divider { border-top: 1px solid #e6e6e6; height: 0; padding: 0; } dl.sub-nav { display: block; width: auto; overflow: hidden; margin: -4px 0 18px -9px; padding-top: 4px; }
dl.sub-nav dt, dl.sub-nav dd { float: left; display: inline; margin-left: 9px; margin-bottom: 4px; }
dl.sub-nav dt { color: #999; font-weight: normal; }
dl.sub-nav dd a { text-decoration: none; border-radius: 1000px; }
dl.sub-nav dd.active a { font-weight: bold; background: #2ba6cb; color: #fff; padding: 3px 9px; cursor: default; } ul.pagination { display: block; height: 24px; margin-left: -5px; }
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; }
ul.pagination li.unavailable a { cursor: default; color: #999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; }
ul.pagination li.current a { background: #2ba6cb; color: white; font-weight: bold; cursor: default; }
ul.pagination li.current a:hover { background: #2ba6cb; }
nav.navigation.pagination { margin-top: 30px; padding-top: 20px; clear: both; border-top: 1px solid #e6e6e6; }
nav.navigation.pagination .nav-links { display: flex; gap: 5px; align-items: center; flex-wrap: wrap; justify-content: center; }
nav.navigation.pagination .nav-links a, nav.navigation.pagination .nav-links span.current, nav.navigation.pagination .nav-links span.dots { padding: 8px 14px; border-radius: 3px; font-size: 14px; text-decoration: none; transition: all 0.2s ease; }
nav.navigation.pagination .nav-links a { background: #f5f5f5; color: #333; border: 1px solid #ddd; }
nav.navigation.pagination .nav-links a:hover { background: #ee3b33; color: #fff; border-color: #ee3b33; }
nav.navigation.pagination .nav-links span.current { background: #ee3b33; color: #fff; border: 1px solid #ee3b33; font-weight: bold; }
nav.navigation.pagination .nav-links span.dots { background: none; border: none; color: #999; }
nav.navigation.pagination .nav-links a.prev, nav.navigation.pagination .nav-links a.next { font-weight: 600; } ul.breadcrumbs { display: block; background: #f6f6f6; padding: 6px 10px 7px; border: 1px solid #e9e9e9; border-radius: 2px; overflow: hidden; }
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 11px; font-size: 1.1rem; padding-left: 12px; }
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "/"; color: #aaa; }
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; } ul.nice, ol.nice { list-style: none; margin: 0; }
ul.nice li, ol.nice li { padding-left: 13px; position: relative; }
ul.nice li span.bullet, ul.nice li span.number, ol.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0; top: 0; color: #ccc; } ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
ul.link-list li { list-style: none; float: left; margin-left: 22px; display: block; }
ul.link-list li a { display: block; } .keystroke, kbd { font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 13px; padding: 2px 4px 0px; margin: 0; background: #ededed; border: solid 1px #dbdbdb; border-radius: 3px; } .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) { .flex-video { padding-top: 0; } } table { background: #fff; border-radius: 3px; margin: 0 0 18px; border: 1px solid #E6E6E6; }
table p {margin: 0; padding: 0; font-size: 12px;}
table thead, table tfoot { background: #f5f5f5; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { font-size: 12px; font-size: 1.2rem; line-height: 16px; text-align: left; }
table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-size: 12px; font-size: 1.2rem; font-weight: bold; color: #222; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }
table tbody tr:nth-child(even) { background: #f9f9f9; }
table tbody tr td { color: #333; padding: 5px 5px; vertical-align: top; border: none; } ul.vcard { display: inline-block; margin: 0 0 12px 0; border: 1px solid #ddd; padding: 10px; }
ul.vcard li { margin: 0; display: block; }
ul.vcard li.fn { font-weight: bold; font-size: 15px; font-size: 1.5rem; }
p.vevent span.summary { font-weight: bold; }
p.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 1px; }  .button { width: auto; background: #2ba6cb; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;      }
.button:hover { color: white; background-color: #2284a1; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; }
.button.large { font-size: 17px; padding: 15px 30px 16px; }
.button.medium { font-size: 14px; }
.button.small { font-size: 11px; padding: 7px 14px 8px; }
.button.tiny { font-size: 10px; padding: 5px 10px 6px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; }
.button.primary:hover { background-color: #2284a1; }
.button.primary:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover { background-color: #457a1a; }
.button.success:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover { background-color: #970b0e; }
.button.alert:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
.button.secondary:hover { background-color: #d0d0d0; }
.button.secondary:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.radius { border-radius: 3px; }
.button.round { border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0 !important; padding-right: !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; box-shadow: none; } input[type=submit].button, button.button { -webkit-appearance: none; }
@media only screen and (max-width: 767px) { .button { display: block; }
button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; } } @-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
input[type="submit"].tiny.button { padding: 3px 10px 4px; }
input[type="submit"].small.button { padding: 5px 14px 6px; }
input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; }
input[type="submit"].large.button { padding: 13px 30px 14px; } } .button.dropdown { position: relative; padding-right: 44px;    }
.button.dropdown.large { padding-right: 60px; }
.button.dropdown.small { padding-right: 28px; }
.button.dropdown.tiny { padding-right: 20px; }
.button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; }
.button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; }
.button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; }
.button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; }
.button.dropdown > ul { -webkit-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; }
.button.dropdown > ul li { cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
.button.dropdown > ul li a { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; }
.button.dropdown > ul li:hover { background-color: #e3f4f9; color: #222; }
.button.dropdown > ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; }
.button.dropdown.up > ul { border-top: 1px solid #cccccc; border-bottom: none; }
.button.dropdown ul.no-hover.show-dropdown { display: block !important; }
.button.dropdown:hover > ul.no-hover { display: none; }
.button.dropdown.split { padding: 0; position: relative;   }
.button.dropdown.split:after { display: none; }
.button.dropdown.split:hover { background-color: #2ba6cb; }
.button.dropdown.split.alert:hover { background-color: #c60f13; }
.button.dropdown.split.success:hover { background-color: #5da423; }
.button.dropdown.split.secondary:hover { background-color: #e9e9e9; }
.button.dropdown.split > a { color: white; display: block; padding: 10px 50px 11px 20px; -webkit-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > a:hover { background-color: #2284a1; }
.button.dropdown.split.large > a { padding: 15px 75px 16px 30px; }
.button.dropdown.split.small > a { padding: 7px 35px 8px 14px; }
.button.dropdown.split.tiny > a { padding: 5px 25px 6px 10px; }
.button.dropdown.split > span { background-color: #2ba6cb; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #1e728c; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > span:hover { background-color: #2284a1; }
.button.dropdown.split > span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; }
.button.dropdown.split.large span { width: 45px; }
.button.dropdown.split.small span { width: 21px; }
.button.dropdown.split.tiny span { width: 15px; }
.button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; }
.button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; }
.button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; }
.button.dropdown.split.alert > span { background-color: #c60f13; border-left-color: #7f0a0c; }
.button.dropdown.split.success > span { background-color: #5da423; border-left-color: #396516; }
.button.dropdown.split.secondary > span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover { background-color: #970b0e; }
.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover { background-color: #457a1a; }
.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover { background-color: #d0d0d0; } ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; overflow: hidden; }
ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; }
ul.button-group li:first-child { margin-left: 0; }
ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius, ul.button-group.radius li:first-child a.button.rounded { border-radius: 0px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
ul.button-group.radius li + li a.button, ul.button-group.radius li + li a.button.radius, ul.button-group.radius li + li a.button.rounded { border-radius: 0; }
ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius, ul.button-group.radius li:last-child a.button.rounded { border-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
ul.button-group.rounded li:first-child a.button, ul.button-group.rounded li:first-child a.button.radius, ul.button-group.rounded li:first-child a.button.rounded { border-radius: 0px; border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; }
ul.button-group.rounded li + li a.button, ul.button-group.rounded li + li a.button.radius, ul.button-group.rounded li + li a.button.rounded { border-radius: 0; }
ul.button-group.rounded li:last-child a.button, ul.button-group.rounded li:last-child a.button.radius, ul.button-group.rounded li:last-child a.button.rounded { border-radius: 0px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; }
ul.button-group.even a.button { width: 100%; }
ul.button-group.even.two-up li { width: 50%; }
ul.button-group.even.three-up li { width: 33.3%; }
ul.button-group.even.three-up li:first-child { width: 33.4%; }
ul.button-group.even.four-up li { width: 25%; }
ul.button-group.even.five-up li { width: 20%; }
div.button-bar { overflow: hidden; }
div.button-bar ul.button-group { float: left; margin-right: 8px; }
div.button-bar ul.button-group:last-child { margin-left: 0; }  dl.tabs { border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
dl.tabs.contained { margin-bottom: 0; }
dl.tabs dt { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0 9px 0 20px; width: auto; text-transform: uppercase; }
dl.tabs dt:first-child { padding: 0 9px 0 0; }
dl.tabs dd { display: block; float: left; padding: 0; margin: 0; }
dl.tabs dd a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
dl.tabs dd.active { border-top: 3px solid #2ba6cb; margin-top: -3px; }
dl.tabs dd.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
dl.tabs dd:first-child { margin-left: 0; }
dl.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
dl.tabs.vertical dt, dl.tabs.vertical dd { float: none; height: auto; }
dl.tabs.vertical dd { border-left: 3px solid #cccccc; }
dl.tabs.vertical dd a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
dl.tabs.vertical dd.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
dl.tabs.vertical dd.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; }
dl.tabs.vertical dd:first-child a.active { margin: 0; }
dl.tabs.pill { border-bottom: none; margin-bottom: 10px; }
dl.tabs.pill dd { margin-right: 10px; }
dl.tabs.pill dd:last-child { margin-right: 0; }
dl.tabs.pill dd a { border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
dl.tabs.pill dd.active { border: none; margin-top: 0; }
dl.tabs.pill dd.active a { background-color: #2ba6cb; border: none; color: #fff; }
dl.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a { padding: 0 17px; text-align: center; overflow: hidden; }
dl.tabs.two-up dt, dl.tabs.two-up dd { width: 50%; }
dl.tabs.three-up dt, dl.tabs.three-up dd { width: 33.33%; }
dl.tabs.four-up dt, dl.tabs.four-up dd { width: 25%; }
dl.tabs.five-up dt, dl.tabs.five-up dd { width: 20%; }
ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }
.no-js ul.tabs-content > li { display: block; }
@media only screen and (max-width: 767px) {
.productCatNav{display:none}
dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; }
dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0 #ccc; border-width: 1px 0 0; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0 0; }
.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
.tabs.mobile dd a.active { border: none; background: #2ba6cb; color: #fff; margin: 0; position: static; top: 0; height: auto; }
.tabs.mobile dd:first-child a.active { margin: 0; }
dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0; }
dl.contained.tabs.mobile dd a { padding: 18px 20px; }
dl.tabs.mobile + ul.contained { margin-left: -20px; margin-right: -20px; border-width: 0 0 1px 0; } } .nav-bar { height: 40px; background: #4d4d4d; margin-top: 20px; padding: 0; }
.nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; border-right: none; line-height: 38px; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }
.nav-bar > li:first-child { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.nav-bar > li:last-child { border-right: solid 1px #333333; -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); }
.nav-bar > li.active { background: #2ba6cb; border-color: #2284a1; }
.nav-bar > li.active > a { color: white; cursor: default; }
.nav-bar > li.active:hover { background: #2ba6cb; cursor: default; }
.nav-bar > li:hover { background: #333333; }
.nav-bar > li a { color: #e6e6e6; }
.nav-bar > li ul { margin-bottom: 0; }
.nav-bar > li .flyout { display: none; }
.nav-bar > li.has-flyout > a:first-child { padding-right: 36px; position: relative; }
.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: #e6e6e6 transparent transparent transparent; position: absolute; right: 20px; top: 17px; }
.nav-bar > li.has-flyout > a.flyout-toggle { border-left: 0 !important; position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; display: block; }
.nav-bar > li.has-flyout.is-touch > a:first-child { padding-right: 55px; }
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle { border-left: 1px dashed #666; }
.nav-bar > li > a:first-child { position: relative; padding: 0 20px; display: block; text-decoration: none; font-size: 14px; }
.nav-bar > li > input { margin: 0 10px; }
.nav-bar.vertical { height: auto; margin-top: 0; }
.nav-bar.vertical > li { float: none; border-bottom: none; }
.nav-bar.vertical > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: transparent transparent transparent #e6e6e6; }
.nav-bar.vertical > li .flyout { left: 100%; top: -1px; }
.nav-bar.vertical > li .flyout.right { left: auto; right: 100%; }
.flyout { background: #f2f2f2; padding: 20px; margin: 0; border: 1px solid #d9d9d9; position: absolute; top: 39px; left: -1px; width: 250px; z-index: 40; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);  }
.flyout p { line-height: 1.2; font-size: 13px; }
.flyout *:first-child { margin-top: 0; }
.flyout *:last-child { margin-bottom: 0; }
.flyout.small { width: 166.667px; }
.flyout.large { width: 437.5px; }
.flyout.right { left: auto; right: -2px; }
.flyout.up { top: auto; bottom: 39px; }
ul.flyout, .nav-bar li ul { padding: 0; list-style: none; }
ul.flyout li, .nav-bar li ul li { border-left: solid 3px #CCC; }
ul.flyout li a, .nav-bar li ul li a { background: #f2f2f2; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
ul.flyout li a:hover, .nav-bar li ul li a:hover { background: #ebebeb; color: #333; }
ul.flyout li.active, .nav-bar li ul li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
ul.flyout li.active a, .nav-bar li ul li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } @media only screen and (max-device-width: 1280px) { .touch .nav-bar li.has-flyout > a { padding-right: 36px !important; } }
@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch .nav-bar li a { font-size: 13px; font-size: 1.3rem; }
.touch .nav-bar li.has-flyout > a.flyout-toggle { padding: 20px !important; }
.touch .nav-bar li.has-flyout > a { padding-right: 36px !important; } }
@media only screen and (max-width: 767px) { .nav-bar { height: auto; }
.nav-bar > li { float: none; display: block; border-right: none; }
.nav-bar > li > a.main { text-align: left; border-top: 1px solid #ddd; border-right: none; }
.nav-bar > li:first-child > a.main { border-top: none; }
.nav-bar > li.has-flyout > a.flyout-toggle { position: absolute; right: 0; top: 0; padding: 22px; z-index: 2; display: block; }
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle span { content: ""; width: 0; height: 0; display: block; }
.nav-bar > li.has-flyout > a.flyout-toggle:hover span { border-top-color: #141414; }
.nav-bar.vertical > li.has-flyout > .flyout { left: 0; }
.flyout { position: relative; width: 100% !important; top: auto; margin-right: -2px; border-width: 1px 1px 0 1px; }
.flyout.right { float: none; right: auto; left: -1px; }
.flyout.small, .flyout.large { width: 100% !important; }
.flyout p:last-child { margin-bottom: 18px; } }  form { margin: 0 0 19.416px; }
.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }
label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 8px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }
@media only screen and (max-width: 767px) { label.right { text-align: left; } }
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }
span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
.prefix { left: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.postfix { right: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 18px !important; font-size: 1.8rem !important; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }
textarea { height: auto; }
select { width: 100%; }   .error input, input.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }
.error label, label.error { color: #c60f13; }
.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.error ul{font-size: 1em}
.error {font-size: 1.4em}
@media only screen and (max-width: 767px) { input[type="text"].one, textarea.one { width: 100% !important; }
input[type="text"].two, textarea.two { width: 100% !important; }
input[type="text"].three, textarea.three { width: 100% !important; }
input[type="text"].four, textarea.four { width: 100% !important; }
input[type="text"].five, textarea.five { width: 100% !important; }
input[type="text"].six, textarea.six { width: 100% !important; }
input[type="text"].seven, textarea.seven { width: 100% !important; }
input[type="text"].eight, textarea.eight { width: 100% !important; }
input[type="text"].nine, textarea.nine { width: 100% !important; }
input[type="text"].ten, textarea.ten { width: 100% !important; }
input[type="text"].eleven, textarea.eleven { width: 100% !important; }
input[type="text"].twelve, textarea.twelve { width: 100% !important; } } form.custom { }
form.custom span.custom { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #ccc; background: #fff; }
form.custom span.custom.radio { border-radius: 100px; }
form.custom span.custom.checkbox:before { content: "\00d7"; display: block; line-height: 0.8; height: 14px; width: 14px; text-align: center; position: absolute; top: 0; left: 0; font-size: 14px; color: #fff; }
form.custom span.custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; border-radius: 100px; background: #222; position: relative; top: 3px; left: 3px; }
form.custom span.custom.checkbox.checked:before { color: #222; }
form.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 28px; margin-bottom: 9px; margin-top: 2px; }
form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; min-height: 28px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; background-color: #fff; white-space: nowrap; }
form.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 28px; display: block; right: 0; top: 0; border: solid 1px #ddd; }
form.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #aaaaaa transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; }
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #222222 transparent transparent transparent; }
form.custom div.custom.dropdown.open ul { display: block; z-index: 10; }
form.custom div.custom.dropdown.small { width: 134px !important; }
form.custom div.custom.dropdown.medium { width: 254px !important; }
form.custom div.custom.dropdown.large { width: 434px !important; }
form.custom div.custom.dropdown.expand { width: 100% !important; }
form.custom div.custom.dropdown.open.small ul { width: 134px !important; }
form.custom div.custom.dropdown.open.medium ul { width: 254px !important; }
form.custom div.custom.dropdown.open.large ul { width: 434px !important; }
form.custom div.custom.dropdown.open.expand ul { width: 100% !important; }
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: #fff; background: rgba(255, 255, 255, 0.95); border: solid 1px #cccccc; }
form.custom div.custom.dropdown ul li { color: #555; font-size: 13px; cursor: pointer; padding: 3px 38px 3px 6px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
form.custom div.custom.dropdown ul li.selected { background: #cdebf5; color: #000; }
form.custom div.custom.dropdown ul li.selected:after { content: "\2013"; position: absolute; right: 10px; }
form.custom div.custom.dropdown ul li:hover { background-color: #e3f4f9; color: #222; }
form.custom div.custom.dropdown ul li:hover:after { content: "\2013"; position: absolute; right: 10px; color: #8ed3e7; }
form.custom div.custom.dropdown ul li.selected:hover { background: #cdebf5; cursor: default; color: #000; }
form.custom div.custom.dropdown ul li.selected:hover:after { color: #000; }
form.custom div.custom.dropdown ul.show { display: block; }
form.custom .custom.disabled { background-color: #ddd; } @-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }
.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px; }  div.orbit-wrapper { width: 1px; height: 1px; position: relative; }
div.orbit { width: 1px; height: 1px; position: relative; overflow: hidden; margin-bottom: 17px; }
div.orbit.with-bullets { margin-bottom: 40px; }
div.orbit .orbit-slide { max-width: 100%; position: absolute; top: 0; left: 0; }
div.orbit a.orbit-slide { border: none; line-height: 0; display: none; }
div.orbit div.orbit-slide { width: 100%; height: 100%; }  div.orbit-wrapper div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 31; }
div.orbit-wrapper span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(//wexon.ee/images/foundation/orbit/rotator-black.png?1341958611) no-repeat; z-index: 3; }
div.orbit-wrapper span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
div.orbit-wrapper span.rotator.move { left: 0; }
div.orbit-wrapper span.mask.move { width: 40px; left: 0; background: url(//wexon.ee/images/foundation/orbit/timer-black.png?1341958611) repeat 0 0; }
div.orbit-wrapper span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(//wexon.ee/images/foundation/orbit/pause-black.png?1341958611) no-repeat; z-index: 4; opacity: 0; }
div.orbit-wrapper span.pause.active { background: url(//wexon.ee/images/foundation/orbit/pause-black.png?1341958611) no-repeat 0 -40px; }
div.orbit-wrapper div.timer:hover span.pause, div.orbit-wrapper span.pause.active { opacity: 1; } .orbit-caption { display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
.orbit-wrapper .orbit-caption { background: #000; background: rgba(0, 0, 0, 0.6); z-index: 30; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; font-size: 1.3rem; position: absolute; right: 0; bottom: 0; width: 100%; } div.orbit-wrapper div.slider-nav { display: block; }
div.orbit-wrapper div.slider-nav span { width: 39px; height: 50px; text-indent: -9999px; position: absolute; z-index: 30; top: 50%; margin-top: -25px; cursor: pointer; }
div.orbit-wrapper div.slider-nav span.right { background: url(//wexon.ee/images/foundation/orbit/right-arrow.png?1341958611); background-size: 100%; right: 0; }
div.orbit-wrapper div.slider-nav span.left { background: url(//wexon.ee/images/foundation/orbit/left-arrow.png?1341958611); background-size: 100%; left: 0; }
.lt-ie9 div.orbit-wrapper div.slider-nav span.right { background: url(//wexon.ee/images/foundation/orbit/right-arrow-small.png?1341958611); }
.lt-ie9 div.orbit-wrapper div.slider-nav span.left { background: url(//wexon.ee/images/foundation/orbit/left-arrow-small.png?1341958611); } ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0; }
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(//wexon.ee/images/foundation/orbit/bullets.jpg?1341958611) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } div.orbit img.fluid-placeholder { visibility: hidden; position: static; display: block; width: 100%; }
div.orbit, div.orbit-wrapper { width: 100% !important; }
ul.orbit-bullets { position: absolute; z-index: 30; list-style: none; bottom: -50px; left: 50%; margin-left: -50px; padding: 0; }
ul.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(//wexon.ee/images/foundation/orbit/bullets.jpg?1341958611) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden; }
ul.orbit-bullets li.has-thumb { background: none; width: 100px; height: 75px; }
ul.orbit-bullets li.active { color: #222; background-position: -8px 0; }
ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; } .lt-ie9 .timer { display: none !important; }
.lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; }  .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 40; display: none; top: 0; left: 0; }
.reveal-modal { background: white; visibility: hidden; display: none; top: 100px; left: 50%; margin-left: -260px; width: 520px; position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
.reveal-modal *:first-child { margin-top: 0; }
.reveal-modal *:last-child { margin-bottom: 0; }
.reveal-modal .close-reveal-modal { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }
.reveal-modal.small { width: 30%; margin-left: -10%; }
.reveal-modal.medium { width: 40%; margin-left: -20%; }
.reveal-modal.large { width: 60%; margin-left: -30%; }
.reveal-modal.expand { width: 90%; margin-left: -45%; }
.reveal-modal .row { min-width: 0; }
.googleMap iframe {max-width:100%;} @media only screen and (max-width: 767px) { .reveal-modal-bg { position: absolute; }
.reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; height: auto; } }
@media only screen and (max-width: 920px) {
.siteIngress {display: none;}
}
@media only screen and (max-width: 768px) { div.headerTop{flex-direction: column;align-items: flex-start; padding:10px 15px 20px;}
div.headerRight{width:100%;}
form.header-search-form{width:100%;}
ul.lanSelector {text-align: left}
.aa {
position: relative;
}
}
.video {
background: #f5f5f5;
padding: 50px 0;
}
.video iframe {
height: 550px;
}
@media only screen and (max-width: 481px) {
.mobile-fixed {
display: block;
position: fixed;
right: 0;
bottom: 0;
}
.mobile-fixed p {
margin: 0;
line-height: 0;
}
.mobile-fixed img {
margin: 0;
width: 50px !important;
height: auto !important;
border-radius: 100%;
}
.video iframe {
height: 250px;
max-width: 100%;
}
}
table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; } @media only screen and (max-width: 767px) {
table.responsive { margin-bottom: 0; }
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable table { margin-left: 35%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}
.contactForm {
.wpcf7-list-item {
display: block;
margin-left: 0;
}
strong {
display: block;
margin-bottom: 10px;
}
.wpcf7 form .wpcf7-response-output {
margin: 20px 0 0 0;
padding: 15px 20px;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
line-height: 1.5;
border-left: 4px solid;
&.wpcf7-validation-errors {
background-color: #fff3cd;
border-color: #ffc107;
color: #856404;
}
&.wpcf7-mail-sent-ok {
background-color: #d4edda;
border-color: #28a745;
color: #155724;
}
&.wpcf7-mail-sent-ng {
background-color: #f8d7da;
border-color: #dc3545;
color: #721c24;
}
}
}
.block-menu-heading {
margin: 14px 0;
font-weight: 700;
}