/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
 html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%}
body {
    margin: 0;
    overflow-x:hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
.logoHide
{
    width: 230px;
    height: 200px;
    background: white;
    position: relative;
    bottom: 14rem;
    left: 1rem;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background: transparent;
}
a:active, a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: 700;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
/*! jQuery UI - v1.10.3 - 2013-08-08
* http://jqueryui.com
* Includes: jquery.ui.core.css,  jquery.ui.resizable.css,  jquery.ui.selectable.css,  jquery.ui.accordion.css,  jquery.ui.autocomplete.css,  jquery.ui.button.css,  jquery.ui.datepicker.css,  jquery.ui.dialog.css,  jquery.ui.menu.css,  jquery.ui.progressbar.css,  jquery.ui.slider.css,  jquery.ui.spinner.css,  jquery.ui.tabs.css,  jquery.ui.tooltip.css
* To view and modify this theme,  visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
 .ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}
.ui-front {
    z-index: 100;
}
.ui-state-disabled {
    cursor: default!important;
}
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .5em .5em .5em .7em;
    min-height: 0;
}
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible;
}
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
    text-decoration: none;
}
.ui-button-icon-only {
    width: 2.2em;
}
button.ui-button-icon-only {
    width: 2.4em;
}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
input.ui-button {
    padding: .4em 1em;
}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}
.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute;
}
.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;
    base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
    margin: 5px -2px 5px -2px;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: 400;
}
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: 400;
    margin: -1px;
}
.ui-menu .ui-state-disabled {
    font-weight: 400;
    margin: .4em 0 .2em;
    line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
    cursor: default;
}
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em;
}
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}
.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
    margin: 0;
    height: 100%}
.ui-progressbar .ui-progressbar-overlay {
    background: url(images/animated-overlay.gif);
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}
.ui-slider-horizontal {
    height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
.ui-slider-vertical {
    width: .8em;
    height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}
.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}
.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px;
}
.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none;
}
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}
.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}
.ui-tabs {
    position: relative;
    padding: .2em;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
    border-width: 2px;
}
.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(../../img/jquery_ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222;
    z-index: 11;
}
.ui-widget-content a {
    color: #222;
}
.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(../../img/jquery_ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700;
}
.ui-progressbar .ui-widget-header {
    border: 0;
    background: #AFCAED;
    color: #222;
    font-weight: 700;
}
.ui-widget-header a {
    color: #222;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../../img/jquery_ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #555;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555;
    text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url(../../img/jquery_ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(../../img/jquery_ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: 400;
    color: #212121;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(../../img/jquery_ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(../../img/jquery_ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
    color: #cd0a0a;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../../img/jquery_ui/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
    background-image: url(../../img/jquery_ui/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(../../img/jquery_ui/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(../../img/jquery_ui/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
    background-image: url(../../img/jquery_ui/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
    background-image: url(../../img/jquery_ui/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(../../img/jquery_ui/ui-icons_cd0a0a_256x240.png);
}
.ui-icon-blank {
    background-position: 16px 16px;
}
.ui-icon-carat-1-n {
    background-position: 0 0;
}
.ui-icon-carat-1-ne {
    background-position: -16px 0;
}
.ui-icon-carat-1-e {
    background-position: -32px 0;
}
.ui-icon-carat-1-se {
    background-position: -48px 0;
}
.ui-icon-carat-1-s {
    background-position: -64px 0;
}
.ui-icon-carat-1-sw {
    background-position: -80px 0;
}
.ui-icon-carat-1-w {
    background-position: -96px 0;
}
.ui-icon-carat-1-nw {
    background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}
.ui-icon-arrow-4 {
    background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}
.ui-icon-extlink {
    background-position: -32px -80px;
}
.ui-icon-newwin {
    background-position: -48px -80px;
}
.ui-icon-refresh {
    background-position: -64px -80px;
}
.ui-icon-shuffle {
    background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}
.ui-icon-folder-open {
    background-position: -16px -96px;
}
.ui-icon-document {
    background-position: -32px -96px;
}
.ui-icon-document-b {
    background-position: -48px -96px;
}
.ui-icon-note {
    background-position: -64px -96px;
}
.ui-icon-mail-closed {
    background-position: -80px -96px;
}
.ui-icon-mail-open {
    background-position: -96px -96px;
}
.ui-icon-suitcase {
    background-position: -112px -96px;
}
.ui-icon-comment {
    background-position: -128px -96px;
}
.ui-icon-person {
    background-position: -144px -96px;
}
.ui-icon-print {
    background-position: -160px -96px;
}
.ui-icon-trash {
    background-position: -176px -96px;
}
.ui-icon-locked {
    background-position: -192px -96px;
}
.ui-icon-unlocked {
    background-position: -208px -96px;
}
.ui-icon-bookmark {
    background-position: -224px -96px;
}
.ui-icon-tag {
    background-position: -240px -96px;
}
.ui-icon-home {
    background-position: 0 -112px;
}
.ui-icon-flag {
    background-position: -16px -112px;
}
.ui-icon-calendar {
    background-position: -32px -112px;
}
.ui-icon-cart {
    background-position: -48px -112px;
}
.ui-icon-pencil {
    background-position: -64px -112px;
}
.ui-icon-clock {
    background-position: -80px -112px;
}
.ui-icon-disk {
    background-position: -96px -112px;
}
.ui-icon-calculator {
    background-position: -112px -112px;
}
.ui-icon-zoomin {
    background-position: -128px -112px;
}
.ui-icon-zoomout {
    background-position: -144px -112px;
}
.ui-icon-search {
    background-position: -160px -112px;
}
.ui-icon-wrench {
    background-position: -176px -112px;
}
.ui-icon-gear {
    background-position: -192px -112px;
}
.ui-icon-heart {
    background-position: -208px -112px;
}
.ui-icon-star {
    background-position: -224px -112px;
}
.ui-icon-link {
    background-position: -240px -112px;
}
.ui-icon-cancel {
    background-position: 0 -128px;
}
.ui-icon-plus {
    background-position: -16px -128px;
}
.ui-icon-plusthick {
    background-position: -32px -128px;
}
.ui-icon-minus {
    background-position: -48px -128px;
}
.ui-icon-minusthick {
    background-position: -64px -128px;
}
.ui-icon-close {
    background-position: -80px -128px;
}
.ui-icon-closethick {
    background-position: -96px -128px;
}
.ui-icon-key {
    background-position: -112px -128px;
}
.ui-icon-lightbulb {
    background-position: -128px -128px;
}
.ui-icon-scissors {
    background-position: -144px -128px;
}
.ui-icon-clipboard {
    background-position: -160px -128px;
}
.ui-icon-copy {
    background-position: -176px -128px;
}
.ui-icon-contact {
    background-position: -192px -128px;
}
.ui-icon-image {
    background-position: -208px -128px;
}
.ui-icon-video {
    background-position: -224px -128px;
}
.ui-icon-script {
    background-position: -240px -128px;
}
.ui-icon-alert {
    background-position: 0 -144px;
}
.ui-icon-info {
    background-position: -16px -144px;
}
.ui-icon-notice {
    background-position: -32px -144px;
}
.ui-icon-help {
    background-position: -48px -144px;
}
.ui-icon-check {
    background-position: -64px -144px;
}
.ui-icon-bullet {
    background-position: -80px -144px;
}
.ui-icon-radio-on {
    background-position: -96px -144px;
}
.ui-icon-radio-off {
    background-position: -112px -144px;
}
.ui-icon-pin-w {
    background-position: -128px -144px;
}
.ui-icon-pin-s {
    background-position: -144px -144px;
}
.ui-icon-play {
    background-position: 0 -160px;
}
.ui-icon-pause {
    background-position: -16px -160px;
}
.ui-icon-seek-next {
    background-position: -32px -160px;
}
.ui-icon-seek-prev {
    background-position: -48px -160px;
}
.ui-icon-seek-end {
    background-position: -64px -160px;
}
.ui-icon-seek-start {
    background-position: -80px -160px;
}
.ui-icon-seek-first {
    background-position: -80px -160px;
}
.ui-icon-stop {
    background-position: -96px -160px;
}
.ui-icon-eject {
    background-position: -112px -160px;
}
.ui-icon-volume-off {
    background-position: -128px -160px;
}
.ui-icon-volume-on {
    background-position: -144px -160px;
}
.ui-icon-power {
    background-position: 0 -176px;
}
.ui-icon-signal-diag {
    background-position: -16px -176px;
}
.ui-icon-signal {
    background-position: -32px -176px;
}
.ui-icon-battery-0 {
    background-position: -48px -176px;
}
.ui-icon-battery-1 {
    background-position: -64px -176px;
}
.ui-icon-battery-2 {
    background-position: -80px -176px;
}
.ui-icon-battery-3 {
    background-position: -96px -176px;
}
.ui-icon-circle-plus {
    background-position: 0 -192px;
}
.ui-icon-circle-minus {
    background-position: -16px -192px;
}
.ui-icon-circle-close {
    background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}
.ui-icon-circle-check {
    background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-widget-overlay {
    background: #aaa url(../../img/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(../../img/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
}
@font-face {
    font-family: 'flexslider-icon';
    src: url(../../fonts/flex_slider/flexslider-icon.eot);
    src: url('../../fonts/flex_slider/flexslider-icon.eot?#iefix') format('embedded-opentype'), url(../../fonts/flex_slider/flexslider-icon.woff) format('woff'), url(../../fonts/flex_slider/flexslider-icon.ttf) format('truetype'), url('../../fonts/flex_slider/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: 400;
    font-style: normal;
}
.flex-container a:hover, .flex-slider a:hover {
    outline: none;
}
.slides, .slides>li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .flexslider .slides {
    display: block;
}
* html .flexslider .slides {
    height: 1%}
.no-js .flexslider .slides>li:first-child {
    display: block;
}
.flexslider {
    margin: 0;
    background: #fff;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides li {
    position: relative;
}
.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.loading .flex-viewport {
    max-height: 300px;
}
@-moz-document url-prefix() {
    .loading .flex-viewport {
    max-height: none;
}
}.carousel li {
    margin-right: 5px;
}
.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, .8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
}
.flex-direction-nav a.flex-next:before {
    content: '\f002'}
.flex-direction-nav .flex-prev {
    left: 0;
}
.flex-direction-nav a.flex-next {
    right: 0;
    text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}
.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}
.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004'}
.flex-pauseplay a:hover {
    opacity: 1;
}
.flex-pauseplay a.flex-play:before {
    content: '\f003'}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 50px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 16px;
    height: 16px;
    display: block;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.flex-control-paging li a:hover {
    background: #2d80b2;
}
.flex-control-paging li a.flex-active {
    background: #2d80b2;
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
    display: none;
    opacity: 1;
    left: 10px;
}
.flex-direction-nav .flex-next {
    display: none;
    opacity: 1;
    right: 10px;
}
}section#slideshow {
    position: relative;
    height: 0;
    overflow: hidden;
}
.slick-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    background-color: transparent;
    margin: 0;
    padding: 0;
    height: 100%}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
    background-color: transparent;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: ''}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    position: relative;
    display: none;
    float: left;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    position: absolute;
    margin: auto;
    display: block;
    background-color: transparent;
}
.slick-slide img.vertical {
    height: 100%;
    width: auto;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.slick-slide img.horizontal {
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.slick-slide.slick-current.slick-active img {
    z-index: 990;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
    .slick-loading .slick-list {
    background: #fff url(../../img/slick/ajax-loader.svg) center center no-repeat;
}
@font-face {
    font-family: 'slick';
    font-weight: 400;
    font-style: normal;
    src: url(../../fonts/slick/slick.eot);
    src: url('../../fonts/slick/slick.eot?#iefix') format('embedded-opentype'), url(../../fonts/slick/slick.woff) format('woff'), url(../../fonts/slick/slick.ttf) format('truetype'), url('../../fonts/slick/slick.svg#slick') format('svg');
}
.slick-prev, .slick-next {
    z-index: 999;
    font-size: 0;
    line-height: 0;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0);
    border-radius: 300px;
    opacity: .1;
    transition: all 300ms;
}
.slick-prev:hover, .slick-next:hover {
    color: transparent;
    outline: none;
    background: rgba(0, 0, 0, .07);
}
.slick-prev:hover:before .slick-next:hover:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-prev:before, .slick-next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-family: "Material Icons";
    font-size: 70px;
    line-height: 70px;
    text-align: center;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -60px;
}
[dir='rtl'] .slick-prev {
    right: 25px;
    left: auto;
}
.slick-prev:before {
    content: '\e314'}
[dir='rtl'] .slick-prev:before {
    content: '\e315'}
#slideshow:hover .slick-prev {
    left: 25px;
    opacity: 1;
}
.slick-next {
    right: -60px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: 25px;
}
.slick-next:before {
    content: '\e315'}
[dir='rtl'] .slick-next:before {
    content: '\e314'}
#slideshow:hover .slick-next {
    right: 25px;
    opacity: 1;
}
.slick-dots {
    position: absolute;
    bottom: 60px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 20000px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff;
}
.slick-dots li.slick-active button {
    background-color: #2c7eaf;
}
.slick-dots li button:hover {
    background-color: #2c7eaf;
    outline: none;
}
.slick-dots li button:hover:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-size: 6px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    text-align: center;
    opacity: .25;
    color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width:768px) {
    .slick-prev, .slick-next {
    display: none;
    opacity: 0;
    visibility: hidden;
}
}/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
 .pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none;
}
.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pswp img {
    max-width: none;
}
.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}
.pswp--open {
    display: block;
}
.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}
.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}
.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}
.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
}
.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}
.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}
.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}
.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}
.pswp__img--placeholder--blank {
    background: #222;
}
.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0;
}
.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}
.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
 .pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
}
.pswp__button:active {
    outline: none;
    opacity: .9;
}
.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}
.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url(../../img/photo_swipe/default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}
@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx) {
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left: before, .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../../img/photo_swipe/default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
    background: none;
}
}.pswp__button--close {
    background-position: 0 -44px;
}
.pswp__button--share {
    background-position: -44px -44px;
}
.pswp__button--fs {
    display: none;
}
.pswp--supports-fs .pswp__button--fs {
    display: block;
}
.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}
.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}
.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}
.pswp__button--arrow--left {
    left: 0;
}
.pswp__button--arrow--right {
    right: 0;
}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute;
}
.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}
.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}
.pswp__share-modal--hidden {
    display: none;
}
.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}
.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}
.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000;
}
.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
    opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}
a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}
a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF;
}
a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF;
}
a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D;
}
a.pswp__share--download:hover {
    background: #DDD;
}
.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: .75;
    padding: 0 10px;
}
.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}
.pswp__caption small {
    font-size: 11px;
    color: #BBB;
}
.pswp__caption__center {
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
    font-size: 14px;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}
.pswp__caption--empty {
    display: none;
}
.pswp__caption--fake {
    visibility: hidden;
}
.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}
.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}
.pswp__preloader--active {
    opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
    background: url(../../img/photo_swipe/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(.4, 0, .22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}
@media screen and (max-width:1024px) {
    .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
}
}@-webkit-keyframes clockwise {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}@keyframes clockwise {
    0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}@-webkit-keyframes donut-rotate {
    0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
}
100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
}@keyframes donut-rotate {
    0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
}
100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
}.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}
.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%}
.pswp__caption, .pswp__top-bar, .pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}
.pswp__top-bar, .pswp__caption {
    background-color: rgba(0, 0, 0, .5);
}
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, .3);
}
.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}
.pswp__ui--hidden .pswp__top-bar, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right {
    opacity: .001;
}
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none;
}
.pswp__element--disabled {
    display: none!important;
}
.pswp--minimal--dark .pswp__top-bar {
    background: none;
}
/*!
 * Datepicker v1.0.9
 * https://fengyuanchen.github.io/datepicker
 *
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-09-21T06:57:30.334Z
 */
 .datepicker-container {
    background-color: #fff;
    direction: ltr;
    font-size: 12px;
    left: 0;
    line-height: 30px;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 210px;
    z-index: -1;
}
.datepicker-container::before, .datepicker-container::after {
    border: 5px solid transparent;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}
.datepicker-dropdown {
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 3px 6px #ccc;
    box-shadow: 0 3px 6px #ccc;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    z-index: 1;
}
.datepicker-inline {
    position: static;
}
.datepicker-top-left, .datepicker-top-right {
    border-top-color: #39f;
}
.datepicker-top-left::before, .datepicker-top-left::after, .datepicker-top-right::before, .datepicker-top-right::after {
    border-top: 0;
    left: 10px;
    top: -5px;
}
.datepicker-top-left::before, .datepicker-top-right::before {
    border-bottom-color: #39f;
}
.datepicker-top-left::after, .datepicker-top-right::after {
    border-bottom-color: #fff;
    top: -4px;
}
.datepicker-bottom-left, .datepicker-bottom-right {
    border-bottom-color: #39f;
}
.datepicker-bottom-left::before, .datepicker-bottom-left::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {
    border-bottom: 0;
    bottom: -5px;
    left: 10px;
}
.datepicker-bottom-left::before, .datepicker-bottom-right::before {
    border-top-color: #39f;
}
.datepicker-bottom-left::after, .datepicker-bottom-right::after {
    border-top-color: #fff;
    bottom: -4px;
}
.datepicker-top-right::before, .datepicker-top-right::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after {
    left: auto;
    right: 10px;
}
.datepicker-panel>ul {
    margin: 0;
    padding: 0;
    width: 102%}
.datepicker-panel>ul::before, .datepicker-panel>ul::after {
    content: " ";
    display: table;
}
.datepicker-panel>ul::after {
    clear: both;
}
.datepicker-panel>ul>li {
    background-color: #fff;
    cursor: pointer;
    float: left;
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
}
.datepicker-panel>ul>li:hover {
    background-color: rgb(229, 242, 255);
}
.datepicker-panel>ul>li.muted, .datepicker-panel>ul>li.muted:hover {
    color: #999;
}
.datepicker-panel>ul>li.highlighted {
    background-color: rgb(229, 242, 255);
}
.datepicker-panel>ul>li.highlighted:hover {
    background-color: rgb(204, 229, 255);
}
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover {
    color: #39f;
}
.datepicker-panel>ul>li.disabled, .datepicker-panel>ul>li.disabled:hover {
    background-color: #fff;
    color: #ccc;
    cursor: default;
}
.datepicker-panel>ul>li.disabled.highlighted, .datepicker-panel>ul>li.disabled:hover.highlighted {
    background-color: rgb(229, 242, 255);
}
.datepicker-panel>ul>li[data-view="years prev"], .datepicker-panel>ul>li[data-view="year prev"], .datepicker-panel>ul>li[data-view="month prev"], .datepicker-panel>ul>li[data-view="years next"], .datepicker-panel>ul>li[data-view="year next"], .datepicker-panel>ul>li[data-view="month next"], .datepicker-panel>ul>li[data-view="next"] {
    font-size: 18px;
}
.datepicker-panel>ul>li[data-view="years current"], .datepicker-panel>ul>li[data-view="year current"], .datepicker-panel>ul>li[data-view="month current"] {
    width: 150px;
}
.datepicker-panel>ul[data-view="years"]>li, .datepicker-panel>ul[data-view="months"]>li {
    height: 52.5px;
    line-height: 52.5px;
    width: 52.5px;
}
.datepicker-panel>ul[data-view="week"]>li, .datepicker-panel>ul[data-view="week"]>li:hover {
    background-color: #fff;
    cursor: default;
}
.datepicker-hide {
    display: none;
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}.owl-height {
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%}
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}
.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
ul.chess {
    display: flex;
    flex-flow: column;
}
ul.chess>li {
    display: flex;
    flex-flow: row;
    width: 100%;
    height: 400px;
}
ul.chess>li:nth-child(2n) {
    flex-flow: row-reverse;
}
ul.chess>li>div.text_section {
    width: 50%;
    padding: 2.5% 5% 5% 5%;
    text-align: left;
    background-color: whitesmoke;
}
ul.chess>li:nth-child(2n)>div.text_section {
    background-color: #fff;
    text-align: right;
}
ul.chess>li>div.text_section h2 {
    font-size: 30px;
    text-transform: uppercase;
    position: relative;
}
ul.chess>li>div.text_section h2:after {
    position: absolute;
    left: 0;
    top: 100%;
    display: inline-block;
    width: 80%;
    content: "";
    border-bottom: grey 1px solid;
}
ul.chess>li:nth-child(2n)>div.text_section h2:after {
    left: unset;
    right: 0;
}
ul.chess>li>div.text_section .paragraph_content {
    text-align: left;
    font-size: 18px;
}
ul.chess>li>div.text_section .paragraph_content span {
    background-color: transparent;
}
ul.chess>li:nth-child(2n)>div.text_section .paragraph_content {
    text-align: right;
}
ul.chess>li>div.player {
    width: 50%}
ul.chess>li>div.player iframe {
    height: 100%;
    width: 100%}
ul.chess>li>div.image_section {
    display: block;
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
ul.chess>li>div.image_section img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.chess>li>div.image_section p {
    display: none;
}
ul.chess>li>div.image_section.no-thumb {
    display: none;
}
@media screen and (max-width:1440px) {
    ul.chess>li>div.text_section {
    padding: 2.5%}
}@media screen and (max-width:1280px) {
    ul.chess>li>div.text_section {
    font-size: 35px;
}
}@media screen and (max-width:1024px) {
    ul.chess>li>div.text_section h2 {
    font-size: 35px;
}
ul.chess>li>div.text_section .paragraph_content {
    font-size: 17px;
}
ul.chess>li>div.image_section {
    background-attachment: scroll;
}
}@media screen and (max-width:768px) {
    ul.chess>li, ul.chess>li: nth-child(2n) {
    flex-flow: column;
    height: unset;
}
ul.chess>li>div.text_section, ul.chess>li:nth-child(2n)>div.text_section {
    padding-top: 5%;
    width: 100%;
    text-align: center;
    background-color: whitesmoke;
}
ul.chess>li>div.text_section .paragraph_content, ul.chess>li:nth-child(2n)>div.text_section .paragraph_content {
    text-align: center;
}
ul.chess>li>div.image_section {
    width: 100%}
ul.chess>li>div.text_section h2 {
    font-size: 30px;
}
ul.chess>li>div.text_section .paragraph_content {
    font-size: 20px;
    padding-bottom: 3%}
ul.chess>li>div.image_section {
    padding-top: 58%}
ul.chess>li>div.text_section h2:after, ul.chess>li:nth-child(2n)>div.text_section h2:after {
    left: unset;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
}
ul.chess>li>div.player {
    width: 100%;
    height: 300px;
}
ul.chess>li>div.player iframe {
    width: 100%;
    height: 100%}
}@media screen and (max-width:480px) {
    ul.chess>li>div.text_section h2 {
    font-size: 25px;
}
ul.chess>li>div.text_section .paragraph_content {
    font-size: 18px;
}
}ul.standard {
    display: flex;
    flex-flow: column;
}
ul.standard>li {
    display: flex;
    flex-flow: column;
    width: 100%}
ul.standard>li>div.text_section {
    width: 100%;
    padding: 5% 15%;
    text-align: center;
    background-color: whitesmoke;
}
ul.standard>li>div.text_section h2 {
    font-size: 40px;
    text-transform: uppercase !important;
    font-weight:900 !important;
}
ul.standard>li>div.text_section .paragraph_content {
    text-align: center;
    font-size: 25px;
}
ul.standard>li>div.image_section {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 26%;
    background: fixed center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    clip-path: inset(0);
}
ul.standard>li>div.image_section img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
ul.standard>li>div.image_section p {
    display: none;
}
ul.standard>li>div.image_section.no-thumb {
    display: none;
}
@media screen and (max-width:1280px) {
    ul.standard>li>div.text_section {
    font-size: .9em;
}
ul.standard>li>div.image_section {
    padding-top: 40%}
}@media screen and (max-width:1024px) {
    ul.standard>li>div.text_section {
    padding: 10% 10%;
    font-size: .8em;
}
ul.standard>li>div.image_section {
    padding-top: 45%;
    background-attachment: scroll;
    clip-path: none;
}
ul.standard>li>div.image_section img {
    position: absolute;
}
}@media screen and (max-width:768px) {
    ul.standard>li>div.text_section {
    padding: 10% 5%;
    font-size: .7em;
}
ul.standard>li>div.image_section {
    padding-top: 50%}
}@media screen and (max-width:480px) {
    ul.standard>li>div.text_section {
    padding: 10% 2.5%;
    font-size: .42em;
}
}ul.rating-product {
    margin: 3em 0;
}
ul.rating-product>li {
    width: 100%;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 2px #ccc dotted;
}
ul.rating-product>li:first-child {
    padding-top: 1em;
    border-top: 2px #ccc dotted;
}
ul.rating-product>li>input, ul.rating-product>li>div.img, ul.rating-product>li>div.text {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 85px;
}
ul.rating-product>li>div.text>span.name {
    font-size: 1.05em;
    font-weight: 700;
}
ul.rating-product>li>div.text>span.code {
    font-size: .9em;
    font-style: italic;
    color: #666;
}
ul.rating-product>li>div.text>span.date {
    font-size: .95em;
}
ul.rating-product>li>div.img {
    width: 85px;
    margin: 0 15px;
}
ul.rating-product>li>div.img>div.imgcont {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
}
ul.rating-product>li>div.img>div.imgcont img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
ul.rating-item {
    margin: 4em 0 5em 0;
}
ul.rating-item>li {
    width: 100%;
    margin-bottom: 3em;
}
ul.rating-item>li>div.item>span.name {
    font-size: 1.3em;
}
ul.rating-item>li>div.item>span.desc {
    font-size: .95em;
    color: #666;
}
ul.rating-item>li>div.item, ul.rating-item>li>div.rate-container {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
ul.rating-item>li>div.item {
    width: 50%}
ul.rating-item>li>div.rate-container {
    width: 45%;
    margin-left: 5%;
    padding-top: 1em;
}
div.rating-comment {
    width: 100%;
    margin-bottom: 2em;
}
div.rating-comment>label {
    display: block;
    width: 100%;
    font-size: 1.3em;
    margin-bottom: .5em;
    color: #666;
    font-style: italic;
}
div.rating-comment>textarea {
    width: 100%;
    height: 150px;
    padding: .5em;
}
p.coupon-promo {
    font-size: 1.5em;
    background-image: url(../../img/frontend/coupon.png);
    background-position: top left;
    background-repeat: no-repeat;
    height: 64px;
    padding-left: 80px;
    line-height: 64px;
    color: #8b8b8b;
    color: var(--bg-color);
}
@media screen and (max-width:1024px) {
    ul.rating-item>li>div.rate-container a>img {
    max-width: 40px;
}
}@media screen and (max-width:768px) {
    ul.rating-item>li>div.rate-container a>img {
    max-width: 24px;
}
}div.rate-big {
    width: 275px;
    height: 55px;
    background-image: url(../../img/frontend/rating-stars-sprite-big.png);
    background-repeat: no-repeat;
}
div.rate-big-0-0 {
    background-position: 0 0;
}
div.rate-big-0-5 {
    background-position: 0 -55px;
}
div.rate-big-1-0 {
    background-position: 0 -110px;
}
div.rate-big-1-5 {
    background-position: 0 -165px;
}
div.rate-big-2-0 {
    background-position: 0 -220px;
}
div.rate-big-2-5 {
    background-position: 0 -275px;
}
div.rate-big-3-0 {
    background-position: 0 -330px;
}
div.rate-big-3-5 {
    background-position: 0 -385px;
}
div.rate-big-4-0 {
    background-position: 0 -440px;
}
div.rate-big-4-5 {
    background-position: 0 -495px;
}
div.rate-big-5-0 {
    background-position: 0 -550px;
}
div.rate-medium {
    width: 160px;
    height: 32px;
    background-image: url(../../img/frontend/rating-stars-sprite-medium.png);
    background-repeat: no-repeat;
}
div.rate-medium-0-0 {
    background-position: 0 0;
}
div.rate-medium-0-5 {
    background-position: 0 -32px;
}
div.rate-medium-1-0 {
    background-position: 0 -64px;
}
div.rate-medium-1-5 {
    background-position: 0 -96px;
}
div.rate-medium-2-0 {
    background-position: 0 -128px;
}
div.rate-medium-2-5 {
    background-position: 0 -160px;
}
div.rate-medium-3-0 {
    background-position: 0 -192px;
}
div.rate-medium-3-5 {
    background-position: 0 -224px;
}
div.rate-medium-4-0 {
    background-position: 0 -256px;
}
div.rate-medium-4-5 {
    background-position: 0 -288px;
}
div.rate-medium-5-0 {
    background-position: 0 -320px;
}
div.rate-small {
    width: 100px;
    height: 20px;
    background-image: url(../../img/frontend/rating-stars-sprite-small.png);
    background-repeat: no-repeat;
}
div.rate-small-0-0 {
    background-position: 0 0;
}
div.rate-small-0-5 {
    background-position: 0 -20px;
}
div.rate-small-1-0 {
    background-position: 0 -40px;
}
div.rate-small-1-5 {
    background-position: 0 -60px;
}
div.rate-small-2-0 {
    background-position: 0 -80px;
}
div.rate-small-2-5 {
    background-position: 0 -100px;
}
div.rate-small-3-0 {
    background-position: 0 -120px;
}
div.rate-small-3-5 {
    background-position: 0 -140px;
}
div.rate-small-4-0 {
    background-position: 0 -160px;
}
div.rate-small-4-5 {
    background-position: 0 -180px;
}
div.rate-small-5-0 {
    background-position: 0 -200px;
}
@media screen and (max-width:1024px) {
    div.rate-big {
    width: 160px;
    height: 32px;
    background-image: url(../../img/frontend/rating-stars-sprite-medium.png);
    background-repeat: no-repeat;
}
div.rate-big-0-0 {
    background-position: 0 0;
}
div.rate-big-0-5 {
    background-position: 0 -32px;
}
div.rate-big-1-0 {
    background-position: 0 -64px;
}
div.rate-big-1-5 {
    background-position: 0 -96px;
}
div.rate-big-2-0 {
    background-position: 0 -128px;
}
div.rate-big-2-5 {
    background-position: 0 -160px;
}
div.rate-big-3-0 {
    background-position: 0 -192px;
}
div.rate-big-3-5 {
    background-position: 0 -224px;
}
div.rate-big-4-0 {
    background-position: 0 -256px;
}
div.rate-big-4-5 {
    background-position: 0 -288px;
}
div.rate-big-5-0 {
    background-position: 0 -320px;
}
div.rate-medium {
    width: 100px;
    height: 20px;
    background-image: url(../../img/frontend/rating-stars-sprite-small.png);
    background-repeat: no-repeat;
}
div.rate-medium-0-0 {
    background-position: 0 0;
}
div.rate-medium-0-5 {
    background-position: 0 -20px;
}
div.rate-medium-1-0 {
    background-position: 0 -40px;
}
div.rate-medium-1-5 {
    background-position: 0 -60px;
}
div.rate-medium-2-0 {
    background-position: 0 -80px;
}
div.rate-medium-2-5 {
    background-position: 0 -100px;
}
div.rate-medium-3-0 {
    background-position: 0 -120px;
}
div.rate-medium-3-5 {
    background-position: 0 -140px;
}
div.rate-medium-4-0 {
    background-position: 0 -160px;
}
div.rate-medium-4-5 {
    background-position: 0 -180px;
}
div.rate-medium-5-0 {
    background-position: 0 -200px;
}
}ul.prod-list li div.rating {
    width: 100%;
    height: 20px;
    margin-top: .5em;
    font-size: .9em;
    color: #777;
    font-style: italic;
    line-height: 20px;
}
ul.prod-list li div.rating>div.review-count {
    float: left;
}
ul.prod-list li div.rating>div.review-average {
    float: right;
}
ul.prod-list li div.rating>div.review-average>.rate-small, ul.prod-list li div.rating>div.review-average>span {
    float: left;
}
ul.prod-list li div.rating>div.review-average>span {
    margin-left: 5px;
    font-style: normal;
}
div#prod-info div.rating {
    width: 100%;
    height: 20px;
    margin-bottom: .5em;
    font-size: .9em;
    color: #777;
    font-style: italic;
    line-height: 20px;
}
div#prod-info div.rating div.review-count {
    float: right;
    margin-right: 1em;
}
div#prod-info div.rating div.review-average {
    float: right;
}
div#prod-info div.rating div.review-average>.rate-small, div#prod-info div.rating div.review-average>span {
    float: left;
}
div#prod-info div.rating div.review-average>span {
    margin-left: 5px;
    font-style: normal;
}
div#prod-info div.rating>a {
    font-style: normal;
    font-weight: 700;
}
section#rating-list {
    background-color: #f0f0f0;
    padding: 2% 0;
}
ul.rating-list>li {
    width: 100%;
    margin: 2em 0 3em 0;
    position: relative;
    background-color: #fff;
    border: 1px #ececec solid;
    padding: 30px;
}
ul.rating-list>li:last-child {
    margin-bottom: 0;
}
ul.rating-list>li>div.date, ul.rating-list>li>div.user, ul.rating-list>li>div.rate {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-bottom: .5em;
}
ul.rating-list>li>div.date, ul.rating-list>li>div.user {
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 24px;
    height: 20px;
    line-height: 20px;
    color: #666;
    font-size: .8em;
}
ul.rating-list>li>div.date {
    width: 15%}
ul.rating-list>li>div.user {
    width: 25%}
ul.rating-list>li>div.rate {
    width: 60%;
    text-align: right;
}
ul.rating-list>li>div.rate>.rate-big {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
ul.rating-list>li>div.rate>span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 3em;
    padding-left: 1em;
    color: #555;
}
ul.rating-list>li>div.date {
    background-image: url(../../img/frontend/calendar.png);
}
ul.rating-list>li>div.user {
    background-image: url(../../img/frontend/user-small.png);
}
ul.rating-list>li>ul {
    margin: 1em 0 1.5em 0;
    padding-top: 1em;
    border-top: 1px #ddd solid;
}
ul.rating-list>li>ul>li {
    margin-bottom: .35em;
    position: relative;
}
ul.rating-list>li>ul>li>div.name, ul.rating-list>li>ul>li>div.rate-container {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
ul.rating-list>li>ul>li>div.name {
    width: 30%;
    margin-right: 5%;
    padding-left: 2%;
    font-size: 1.1em;
}
ul.rating-list>li>p {
    margin: 0;
    font-style: italic;
    color: #333;
}
@media screen and (max-width:1024px) {
    ul.rating-list>li>div.rate>span {
    font-size: 2em;
}
}@media screen and (max-width:768px) {
    ul.rating-list>li>div.date, ul.rating-list>li>div.user, ul.rating-list>li>div.rate {
    display: block;
    width: 100%;
    text-align: left;
}
ul.rating-list>li>ul>li {
    margin-bottom: 1em;
}
ul.rating-list>li>ul>li>div.name {
    display: block;
    width: 100%;
    padding-right: 100px;
}
ul.rating-list>li>ul>li>div.rate-container {
    position: absolute;
    top: 0;
    right: 0;
}
}aside#last-reviews>h3 {
    padding: 0 2%}
aside#last-reviews>ul {
    display: block;
    overflow: hidden;
    background-color: #f0f0f0;
    border-top: 4px #f0f0f0 solid;
    border-bottom: 4px #f0f0f0 solid;
}
aside#last-reviews>ul>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 21%;
    margin: 0 2%;
    padding: 4% 2%;
    text-align: center;
    background-color: #fff;
}
aside#last-reviews>ul>li>header {
    width: 100%;
    padding-bottom: .5em;
    border-bottom: 2px #ccc solid;
    margin-bottom: .5em;
    text-align: left;
    position: relative;
}
aside#last-reviews>ul>li>header>div.date, aside#last-reviews>ul>li>header>div.user {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 24px;
    height: 20px;
    line-height: 20px;
    color: #666;
    font-size: .8em;
}
aside#last-reviews>ul>li>header>div.date {
    background-image: url(../../img/frontend/calendar.png);
}
aside#last-reviews>ul>li>header>div.user {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../../img/frontend/user-small.png);
}
aside#last-reviews>ul>li div.imgcont {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
}
aside#last-reviews>ul>li img {
    position: absolute;
    display: block;
    max-width: 96%;
    max-height: 96%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
aside#last-reviews>ul>li h4 {
    font-weight: 400;
    color: #8b8b8b;
    color: var(--bg-color);
    font-size: 1.05em;
    padding: .5em;
    margin: 0;
    border-top: 2px #ccc solid;
    height: 4.5em;
}
aside#last-reviews>ul>li div.rate {
    width: 100%}
aside#last-reviews>ul>li div.rate>.rate-small {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
aside#last-reviews>ul>li div.rate>span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: 1.2em;
    font-weight: 700;
    padding-left: 1em;
    color: #555;
}
@media screen and (max-width:1280px) {
    aside#last-reviews>ul>li>header>div.date, aside#last-reviews>ul>li>header>div.user {
    background-image: none;
    padding-left: 0;
}
aside#last-reviews>ul>li h4 {
    font-size: 1em;
}
}@media screen and (max-width:1024px) {
    aside#last-reviews>ul>li {
    width: 46%;
    margin-bottom: 4px;
}
}@media screen and (max-width:768px) {
    aside#last-reviews {
    text-align: center;
}
aside#last-reviews>ul {
    background-color: #ddd;
    border-top: 4px #ddd solid;
    border-bottom: 4px #ddd solid;
}
aside#last-reviews>ul>li {
    display: block;
    width: 100%;
    margin: 0 0 4px 0;
}
aside#last-reviews>ul>li>header>div.date {
    background-image: url(../../img/frontend/calendar.png);
}
aside#last-reviews>ul>li>header>div.user {
    background-image: url(../../img/frontend/user-small.png);
}
aside#last-reviews>ul>li>header>div.date, aside#last-reviews>ul>li>header>div.user {
    padding-left: 24px;
}
aside#last-reviews>ul>li h4 {
    font-size: 1.1em;
    height: auto;
    border-top: 0;
}
aside#last-reviews>ul>li>header {
    border-bottom: 0;
}
}a {
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a.button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: .975em;
    line-height: 1.8em;
    padding: .4em .8em;
    color: #fff;
    border: solid 1px #8b8b8b;
    border: solid 1px var(--bg-color);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #8b8b8b;
    background-color: var(--bg-color);
    opacity: .8;
}
.button:hover {
    text-decoration: none;
    opacity: 1;
}
a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5;
}
a.icon>img {
    float: left;
    width: 24px;
    height: 24px;
    margin: 1px 8px 0 0;
    border: 0;
}
a.icon {
    line-height: 24px;
}
a.green {
    background-color: #29AF1E;
    border: solid 1px #29AF1E;
}
a.grey {
    background-color: #ddd;
    border: solid 1px #ddd;
    color: #333;
}
#paypal_button {
    transition: all 300ms;
    border-radius: 30px;
}
#paypal_button:hover {
    -webkit-box-shadow: 0 15px 21px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 15px 21px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 15px 21px 0 rgba(0, 0, 0, .4);
}
@media screen and (max-width:600px) {
    a.icon.button: not(.send_save) {
    padding: .8em;
}
a.icon.button:not(.send_save) span {
    display: none;
}
a.icon:not(.send_save)>img {
    margin: 0;
}
}div.action-panel {
    width: 1216px;
    display: none;
    overflow: auto;
    max-height: 95%;
    min-height: 25%;
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    margin: auto;
    z-index: 1002;
    background-color: #fff;
    border: 1px #D3D3D3 solid;
    border-radius: 6px;
    box-shadow: 0 0 30px -15px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 30px -15px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 30px -15px rgba(0, 0, 0, .3);
}
div.action-panel div.action-panel {
    width: 100%;
    left: 0;
    top: 0;
}
div.action-panel .close {
    position: absolute;
    top: 7px;
    right: 1%;
    width: 36px;
    height: 36px;
}
.loading {
    display: none;
    width: 100%;
    height: 400px;
    background-image: url(../../img/frontend/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
div.action-panel>div.body>h2 {
    display: block;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 10px;
    background-color: #fff;
    font-size: 1.5em;
    padding: 0 .5em;
}
div.action-panel>div.body>.content {
    padding: 1%;
    position: relative;
}
div.action-panel>.bottom {
    background-color: #eee;
    height: 32px;
    position: relative;
}
div.action-panel .close>a {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 200px;
    border: 1px solid transparent;
    transition: all 300ms;
}
div.action-panel .close>a img {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 15% 0 15% 30%;
    text-align: center;
    transition: all 300ms;
}
@media screen and (max-width:1024px) {
    div.action-panel {
    height: 95%;
    overflow: hidden;
}
div.action-panel>div.body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 110px);
    overflow: auto;
    margin-top: 50px;
    padding-top: 20px;
    margin-bottom: 60px;
}
div.action-panel>div.body>h2 {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    box-shadow: 0 2px 5px -3px rgba(92, 92, 92, .49);
    -webkit-box-shadow: 0 2px 5px -3px rgba(92, 92, 92, .49);
    -moz-box-shadow: 0 2px 5px -3px rgba(92, 92, 92, .49);
    z-index: 999;
}
div.action-panel .close {
    position: fixed;
    z-index: 999;
}
div.action-panel .close a i {
    z-index: 999;
}
}div#output-error {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .6);
}
div#output-error ul {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 35%;
    width: 30%;
    padding: 2em;
    padding-right: 30px;
    background-color: #FFF;
    box-shadow: 0 0 10px #000;
}
div#output-error li {
    color: red;
    margin-bottom: .5em;
    border-bottom: 1px #aaa dotted;
    padding-bottom: .5em;
    font-size: 1.2em;
}
div#output-error li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
div#output-error ul a {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../../img/frontend/close.png);
    background-position: center center;
    background-repeat: no-repeat;
}
@media screen and (max-width:1280px) {
    div.action-panel {
    width: 95%}
}@media screen and (max-width:1280px) {
    div#output-error ul {
    left: 15%;
    width: 70%}
}@media screen and (max-width:1024px) {
    div#output-error ul {
    left: 2%;
    width: 96%}
}div#output-success {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, .6);
}
div#output-success>div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30%;
    width: 40%;
    padding: 2em 84px 2em 2em;
    background-color: #FFF;
    background-image: url(../../img/frontend/success.png);
    background-position: right 20px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 10px #000;
    font-size: 1.25em;
    font-weight: 700;
    color: #25991B;
}
div#output-success>div>a.close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-image: url(../../img/frontend/close.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.ie8down div#output-success {
    background-position: center right;
    border: #999 4px solid;
}
@media screen and (max-width:1280px) {
    div#output-success>div {
    left: 25%;
    width: 50%}
}@media screen and (max-width:1024px) {
    div#output-success>div {
    left: 2%;
    width: 96%}
}div.action-panel div.toolbar {
    width: 99%;
    margin: 0 0 1em 1%;
    text-align: center;
}
@media screen and (max-width:1024px) {
    div.action-panel div.toolbar {
    position: fixed;
    width: 100%;
    display: inline-block;
    margin: auto;
    bottom: 0;
    background-color: #fff;
    padding: 10px 0;
    box-shadow: 2px 0 5px 0 rgba(92, 92, 92, .49);
    -webkit-box-shadow: 2px 0 5px 0 rgba(92, 92, 92, .49);
    -moz-box-shadow: 2px 0 5px 0 rgba(92, 92, 92, .49);
}
}body>footer {
    width: 100%;
    color: #ddd;
    background-color: #231F20;
    padding: 60px 0 0;
    font-size: .9em;
    grid-area: footer;
    align-self: end;
    background-color: #d0ccef52;
    color: #444;
    border-top: 1px solid #ddd;
}
body>footer a {
    color: #bbb!important;
    transition: all 300ms;
    color: #444!important;
}
body>footer a:hover {
    color: white!important;
    color: black!important;
}
body>footer>.wrapper {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
body>footer div.col {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: left;
    width: 33.333%;
    margin: 0;
    padding: 0 20px;
    position: relative;
    min-height: 150px;
    text-align: left;
    font-size:16px;
}
body>footer div.col:before {
    position: absolute;
    bottom: 0;
    left: 5%;
    content: '';
    width: 70%;
    /*border-bottom: 1px solid #666;*/
}
body>footer div.col.col-footer {
    width: 100%;
    margin-top: 35px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: unset;
}
body>footer div.col.col-footer:before {
    display: none;
}
body>footer div.col.col-footer>h3:first-child {
    width: auto;
    margin-bottom: 0;
    margin-right: 12px;
    display: none;
}
body>footer div.col>h3 {
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 16px;
    font-size: 18px;
    color: #000;
}
body>footer>div.closure {
    width: 100%;
    height: 60px;
    margin-top: 30px;
    background-color: #1a1a1a;
    font-size: .9em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: whitesmoke;
}
body>footer>div.closure a {
    color: #ddd;
    margin-left: 4px;
    transition: all 300ms;
    color: #444;
}
body>footer>div.closure a:hover {
    color: #fff;
    color: #000;
}
@media screen and (max-width:768px) {
    body>footer {
    padding-top: 25px;
}
body>footer div.col {
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 0;
}
body>footer div.col:before {
    width: 90%;
    left: 5%}
body>footer div.col {
    min-height: unset;
    padding: 16px 0;
}
body>footer div.col:last-child:before {
    display: none;
}
body>footer div.col>h3 {
    margin-bottom: 16px;
}
body>footer div.col.col-footer {
    margin-top: 16px;
}
body>footer>div.closure {
    margin-top: 16px;
}
}nav#footer {
    width: auto;
}
nav#footer ul {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
nav#footer li {
    width: auto;
    margin-right: 8px;
}
nav#footer li a {
    color: #999;
    display: block;
}
nav#footer li:hover a {
    color: #fff;
}
@media screen and (max-width:768px) {
    nav#footer ul {
    justify-content: center;
}
nav#footer li {
    margin-bottom: 4px;
}
}nav#header-social li, nav#social li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
nav#header-social li>a>img, nav#social li>a>img {
    width: 32px;
    height: 32px;
    margin: 3px 6px;
    transition: all 300ms;
    opacity: .7;
}
nav#social li>a>img {
    filter: invert(1);
}
nav#header-social li>a:hover>img, nav#social li>a:hover>img {
    opacity: 1;
    transform: scale(1.15);
}
@media screen and (max-width:768px) {
    nav#header-social li>a>img, nav#social li>a>img {
    width: 32px;
    height: 32px;
}
}#go-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
    width: 50px;
    height: 50px;
    bottom: -50px;
    right: 24px;
    font-size: 32px;
    line-height: 46px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 2px 3px 8px 0 rgba(0, 0, 0, .3);
    background: #bc1f23;
    transition: 300ms;
}
#go-to-top:hover {
    background: #0D80FE;
}
#go-to-top:before {
    content: '\e5ce';
    color: #fff;
    line-height: 50px;
    font-family: 'Material Icons'}
.goToTop #go-to-top {
    visibility: visible;
    bottom: 24px;
    opacity: 1;
}
form#cookie-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 1em;
    background-color: #fff;
    color: #111;
    font-size: 1.1em;
    z-index: 2147483646;
    -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2);
}
form#cookie-info.center {
    text-align: center;
}
form#cookie-info.left {
    flex-direction: row;
    flex-wrap: wrap;
}
form#cookie-info.left>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
form#cookie-info.left>div:first-child {
    width: min(calc(100% - 500px), 70%);
    padding-right: 2.5%}
form#cookie-info.left>div.buttons {
    width: max(500px, 30%);
    text-align: center;
    position: relative;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
form#cookie-info span {
    display: inline-block;
    font-size: .9em;
    margin: 0 0 15px;
}
form#cookie-info.left span {
    margin: 0 0 0;
}
form#cookie-info strong {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 900;
    line-height: 25px;
    margin: 0 0 10px;
}
form#cookie-info a#cookie-info-more {
    color: #000;
    font-weight: 600;
    transition: all 300ms;
}
form#cookie-info a#cookie-info-more:hover {
    text-decoration: underline;
}
form#cookie-info a#cookie-info-reject-icon {
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}
form#cookie-info a#cookie-info-reject-icon:before {
    content: '\e5cd';
    color: #999;
    font-family: 'Material Icons';
    font-size: 24px;
    font-weight: 600;
    transition: all 300ms;
}
form#cookie-info a#cookie-info-reject-icon:hover:before {
    color: #1a1a1a;
}
form#cookie-info a#cookie-info-manage, form#cookie-info a#cookie-info-reject, form#cookie-info a#cookie-info-accept {
    display: flex;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    border: #4A4C50 1px solid;
    padding: 10px 20px;
    margin: 0 6px;
    width: auto;
    transition: all 300ms;
}
form#cookie-info a#cookie-info-manage:hover, form#cookie-info a#cookie-info-reject:hover, form#cookie-info a#cookie-info-accept:hover {
    background-color: silver;
}
div#cookie-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .45);
    z-index: 1002;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms;
    z-index: 2147483647;
}
div#cookie-panel.show {
    opacity: 1;
    visibility: visible;
}
div#cookie-panel>div.content {
    position: relative;
    border-radius: 4px;
    padding: 32px 32px 96px 32px;
    width: 800px;
    height: 80%;
    background-color: #fff;
    display: flex;
    flex-flow: column;
    overflow: hidden;
}
div#cookie-panel>div.content>h4 {
    font-size: 24px;
    margin: 0;
    font-weight: 800;
    letter-spacing: .5px;
    color: #1a1a1a;
    padding-right: 40px;
}
div#cookie-panel>div.content>p {
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 500;
    color: #555;
    margin: 16px 0 26px 0;
}
div#cookie-panel>div.content>ul {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid lightgrey;
    border-radius: 4px;
    overflow-y: scroll;
    margin-bottom: 20px;
}
div#cookie-panel>div.content>ul>li {
    position: relative;
    padding: 12px 80px 12px 16px;
    width: 100%;
    border-bottom: 1px solid lightgrey;
}
div#cookie-panel>div.content>ul>li>h4 {
    margin: 0 0 6px 0;
    font-weight: 800;
    font-size: 16px;
    color: #222;
}
div#cookie-panel>div.content>ul>li>p {
    margin: 0;
    font-size: 13px;
    line-height: 1.2em;
    color: #777;
}
div#cookie-panel>div.content>ul>li:last-child {
    border-bottom: none;
}
div#cookie-panel>div.content>ul>li>div.selector {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 50px;
    height: 28px;
    background-color: lightgrey;
    border-radius: 50px;
    transition: all 300ms;
    cursor: pointer;
}
div#cookie-panel>div.content>ul>li.type-1>div.selector {
    cursor: none;
    pointer-events: none;
}
div#cookie-panel>div.content>ul>li.type-1>div.selector, div#cookie-panel>div.content>ul>li>div.selector.selected {
    background-color: #146600;
}
div#cookie-panel>div.content>ul>li>div.selector:before {
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-color: #fff;
    border-radius: 50%;
    content: '';
    transition: all 300ms;
}
div#cookie-panel>div.content>ul>li.type-1>div.selector:before, div#cookie-panel>div.content>ul>li>div.selector.selected:before {
    left: 25px;
}
div#cookie-panel>div.content>div.buttons {
    position: absolute;
    height: 86px;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    padding: 0 32px 0 0;
    background-color: #f1f1f1;
}
div#cookie-panel>div.content>div.buttons a#cookie-panel-reject, div#cookie-panel>div.content>div.buttons a#cookie-panel-confirm {
    display: flex;
    font-size: 14px;
    font-weight: 700;
    color: #444;
    border: #ccc 1px solid;
    padding: 10px 20px;
    margin: 0;
    width: auto;
    transition: all 300ms;
    letter-spacing: 1px;
    background-color: #fff;
}
div#cookie-panel>div.content>div.buttons a#cookie-panel-reject {
    margin-right: 16px;
}
div#cookie-panel>div.content>div.buttons a#cookie-panel-reject:hover, div#cookie-panel>div.content>div.buttons a#cookie-panel-confirm:hover {
    background-color: silver;
    color: #000;
}
div#cookie-panel>div.content>a#cookie-panel-close {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 24px;
    height: 24px;
}
div#cookie-panel>div.content>a#cookie-panel-close:before {
    content: '\e5cd';
    color: #999;
    font-family: 'Material Icons';
    font-size: 24px;
    font-weight: 600;
    transition: all 300ms;
}
div#cookie-panel>div.content>a#cookie-panel-close:hover:before {
    color: #1a1a1a;
}
@media screen and (max-width:1024px) {
    form#cookie-info.left>div: first-child {
    width: 100%;
    margin-right: 0;
    text-align: center;
}
form#cookie-info.left>div.buttons {
    margin-top: 12px;
    width: 100%;
    justify-content: center;
    text-align: center;
}
form#cookie-info.left span {
    margin: 0 0 15px;
}
form#cookie-info a#cookie-info-reject-icon {
    top: 17px;
    right: 2.5%;
    transform: none;
}
div#cookie-panel>div.content {
    width: 95%}
}@media screen and (max-width:600px) {
    form#cookie-info a#cookie-info-manage, form#cookie-info a#cookie-info-reject, form#cookie-info a#cookie-info-accept {
    width: 100%;
    margin: 0 0 4px 0;
    text-align: center;
    display: flex;
    justify-content: center;
}
div#cookie-panel>div.content {
    height: 90%;
    padding: 20px 20px 65px 20px;
}
div#cookie-panel>div.content>div.buttons {
    height: 65px;
    padding-right: 20px;
}
div#cookie-panel>div.content>p {
    margin-bottom: 25px;
}
div#cookie-panel>div.content>div.buttons a#cookie-panel-reject {
    margin-right: 10px;
}
}@media screen and (max-width:468px) {
    form#cookie-info {
    font-size: .9em;
}
form#cookie-info strong {
    font-size: 18px;
    letter-spacing: 1px;
}
form#cookie-info a#cookie-info-reject-icon {
    top: 15px;
}
div#cookie-panel>div.content>div.buttons a#cookie-panel-reject, div#cookie-panel>div.content>div.buttons a#cookie-panel-confirm {
    padding: 10px 15px;
    letter-spacing: 0;
}
}body>header {
    width: 100%;
    background: linear-gradient(180deg, #00000099 10%, #00000000);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    font-size: 0;
    grid-area: header;
    transition: all 300ms;
    /*background: rgba(255, 255, 255, .6);*/
}
body.home-page header {
    background-color: transparent;
}
body.minimized>header {
    background: #fffe;
}
body>header>div#head-contacts {
    background-color: #000;
    height: 40px;
    transition: all 300ms;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(608px);
    z-index: 1005;
}
body.minimized>header>div#head-contacts {
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
body>header>div#head-contacts>.wrapper {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    height: 100%}
body>header>div#head-contacts>.wrapper>div {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    height: 100%;
    margin-right: 30px;
}
body>header>div#head-contacts>.wrapper>div:last-child {
    height: 28px;
    margin-right: 0;
}
body>header>div#head-contacts>.wrapper>div span {
    font-family: "Material Icons";
    font-size: 20px;
    color: #000;
    margin-right: 12px;
    width: 16px;
    transition: all 300ms;
}
body>header>div#head-contacts>.wrapper>div a {
    font-size: 15px;
    color: #000;
    opacity: 1;
    transition: all 300ms;
    transition: all 300ms;
}
body.home-page>header>div#head-contacts>.wrapper>div span, body.home-page>header>div#head-contacts>.wrapper>div a {
    color: #fff;
}
body.minimized>header>div#head-contacts>.wrapper>div span, body.minimized>header>div#head-contacts>.wrapper>div a {
    color: #000;
}
body>header>div#head-contacts>.wrapper>div a:hover {
    opacity: 1;
}
body>header>div#head-contacts>.wrapper nav#header-social li>a>img {
    width: 28px;
    height: 28px;
    margin: 0 8px 0 0;
    opacity: 1;
    transition: all 300ms;
    filter: invert(0);
}
body.home-page>header>div#head-contacts>.wrapper nav#header-social li>a>img {
    filter: invert(0);
}
body>header>div#head-contacts>.wrapper nav#header-social li:hover>a>img {
    opacity: 1;
}
body>header>div#head-contacts>.wrapper nav#header-social li:last-child>a>img {
    margin: 0;
}
body>header>div#head-contacts>.wrapper>div nav#header-lang {
    position: relative;
    height: 24px;
}
body>header>div#head-contacts>.wrapper>div nav#header-lang #current-lang {
    text-transform: uppercase;
    z-index: 10001;
    position: relative;
    cursor: pointer;
    padding-right: 16px;
}
body>header>div#head-contacts>.wrapper>div nav#header-lang:before {
    position: absolute;
    top: 1px;
    left: calc(100% - 16px);
    font-family: "Material Icons";
    font-size: 18px;
    content: '\e313';
    color: #000;
}
body.home-page>header>div#head-contacts>.wrapper>div nav#header-lang:before {
    color: #fff;
}
body>header>div#head-contacts>.wrapper>div nav#header-lang.show:before {
    content: '\e5cd'}
body>header>div#head-contacts>.wrapper>div nav#header-lang ul {
    background-color: #fff;
    padding: 4px 10px;
    border-radius: 8px;
    position: absolute;
    top: 100%;
    right: -5px;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms;
}
body>header>div#head-contacts>.wrapper>div nav#header-lang.show ul {
    opacity: 1;
    visibility: visible;
}
body>header>div#head-contacts>.wrapper>div nav#header-lang ul li {
    position: relative;
    margin: 2px 0;
}
body>header>div#head-contacts>.wrapper>div nav#header-lang img {
    opacity: 0;
    visibility: hidden;
    transition: all 300ms;
    position: absolute;
    top: 2px;
    left: -2px;
    width: 26px;
    height: auto;
    object-fit: contain;
    display: none;
}
body>header>div#head-contacts>.wrapper>div nav#header-lang ul li:hover img {
    opacity: 1;
    visibility: visible;
}
body>header>div#head-contacts>.wrapper>div nav#header-lang p {
    margin: 0;
    color: #000;
    font-size: 17px;
    text-align: center;
    transition: all 300ms;
}
body>header>div#head-contacts>.wrapper>div nav#header-lang li:hover p {
    text-shadow: #000 0 0 1px;
}
body>header img.logo {
    padding: 13px 0;
    max-width: 100%;
    max-height: 95px;
    height: auto;
    width: auto;
    transition: all 300ms;
}
body.inner-page>header img.logo.white, body.home-page>header img.logo {
    opacity: 0;
    visibility: hidden;
}
body.minimized>header img.logo, body.home-page>header img.logo.white {
    opacity: 1;
    visibility: visible;
}
body>header>.wrapper {
    position: relative;
    z-index: 1000;
    max-width: 30%;
    margin-left: calc((100% - 1216px)/6);
}
body>header img.logo.white {
    position: absolute;
    left: 0;
    transition: all 300ms;
}
body.minimized>header img.logo.white {
    opacity: 0;
    visibility: hidden;
}
body.minimized img.logo {
    max-height: 85px;
}
header .bar {
    background-color: #555;
    position: relative;
}
header .bar .right {
    position: absolute;
    height: 50px;
    transition: all 200ms;
    top: -74px;
    right: 50%;
    margin-right: -608px;
    opacity: 1;
    visibility: visible;
}
header .toggle {
    padding: 9px;
    height: 50px;
    display: none;
}
header .toggle a {
    display: block;
}
header .toggle img {
    width: 32px;
    height: 32px;
}
body>header #ecommerce-bar {
    height: 40px;
    background-color: #2d80b2;
    width: 100%;
    transition: opacity 300ms, visibility 300ms, height 100ms;
}
body.minimized>header #ecommerce-bar {
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: height 300ms, opacity 100ms, visibility 100ms;
}
body>header #ecommerce-bar .wrapper {
    height: 100%}
body>header #ecommerce-bar ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
body>header #ecommerce-bar ul li {
    width: 100%;
    height: 40px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
body>header #ecommerce-bar ul li div.imgcont {
    max-width: 40px;
    max-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
body>header #ecommerce-bar ul li div.imgcont img {
    width: 32px;
    height: 32px;
}
body>header #ecommerce-bar ul li div.text {
    width: calc(100% - 40px);
    padding-left: 10px;
    height: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
body>header #ecommerce-bar ul li div.text h4 {
    color: #fff;
    font-size: 22px;
    padding: 0;
    margin: 0 10px 0 0;
    font-weight: 700;
    letter-spacing: 1px;
}
body>header #ecommerce-bar ul li div.text p {
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-weight: 300;
}
@media screen and (max-width:1440px) {
    body>header>div#head-contacts {
    transform: translateX(608px);
}
body>header img.logo {
    transform: translateX(-14px);
}
}@media screen and (max-width:1280px) {
    body header div#head-contacts .wrapper div {
    display: none;
}
body>header>div#head-contacts {
    transform: unset;
    right: 5%}
body>header>.wrapper {
    max-width: 100%;
    margin-left: auto;
    z-index: 0;
}
}@media screen and (max-width:1024px) {
    body.minimized img.logo, body>header img.logo {
    max-height: 100px;
}
body.minimized>header img.logo.white, body>header img.logo.white {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
header .bar {
    height: 0;
    background: transparent;
}
header .bar .right {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
}
body>header>.wrapper {
    max-width: 100%}
body>header {
    text-align: center;
}
body.minimized>header img.logo, body>header img.logo {
    transform: none;
    max-height: 80px;
}
}@media screen and (max-width:768px) {
    body.minimized>header img.logo, body>header img.logo {
    max-height: 70px;
}
body>header .bar {
    text-align: left;
}
body>header #ecommerce-bar ul li div.text h4 {
    font-size: 18px;
    letter-spacing: 1px;
    margin-right: 10px;
}
body>header #ecommerce-bar ul li div.text p {
    font-size: 13px;
}
}@media screen and (max-width:600px) {
    body>header #ecommerce-bar ul li div.text h4 {
    width: 100%;
    font-size: 16px;
    text-align: left;
    transform: translateY(2px);
}
body>header #ecommerce-bar ul li div.text p {
    width: 100%;
    font-size: 13px;
    transform: translateY(-2px);
}
}@media screen and (max-width:480px) {
    body.minimized>header img.logo, body>header img.logo {
    max-height: 60px;
}
}@media screen and (max-width:400px) {
    body.minimized>header img.logo, body>header img.logo {
    max-height: 54px;
}
}#lateral-toggle {
    position: absolute;
    top: 25px;
    right: 25px;
    display: block;
    width: 56px;
    height: 56px;
    transition: all 300ms;
    z-index: 1005;
    display: none;
}
.minimized #lateral-toggle {
    top: 5px;
}
#lateral-toggle img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 300ms;
    filter: invert(1);
}
.minimized #lateral-toggle img {
    filter: invert(1);
}
#menu-lateral {
    position: fixed;
    z-index: 1020;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: -5px 10px 15px 1.4px rgba(0, 0, 0, .45);
    -moz-box-shadow: -5px 10px 15px 1.4px rgba(0, 0, 0, .45);
    box-shadow: -5px 10px 15px 1.4px rgba(0, 0, 0, .45);
    transition: all 600ms;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 40px 25% 40px 60px;
    padding: 40px 60px;
    width: 40%}
#menu-lateral.menu-lateral-collapsed {
    transform: translateX(100%);
}
#menu-lateral.menu-lateral-expanded {
    transform: translateX(0);
}
#menu-lateral #menu-lateral-close {
    font-family: "Material Icons";
    font-size: 40px;
    position: absolute;
    top: 28px;
    right: 25px;
    color: #444;
    transition: all 300ms;
    cursor: pointer;
}
#menu-lateral #menu-lateral-close:hover {
    color: #000;
}
#menu-lateral>a:first-of-type img {
    padding: 10px 0;
    max-width: 100%;
    max-height: 95px;
    height: auto;
    width: auto;
    transition: all 300ms;
    margin-bottom: 25px;
    opacity: 1;
    visibility: visible;
}
#menu-lateral>div.menu {
    height: calc(100% - 240px);
    border-bottom: 1px solid #000;
    overflow: hidden;
    width: 100%;
    padding-left: 6px;
    margin-top: 25px;
    padding-bottom: 25px;
    text-align: left;
}
#menu-lateral>div.menu>ul {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    font-size: 26px;
    overflow-y: scroll;
    padding: 16px 0;
}
#menu-lateral>div.menu>ul::-webkit-scrollbar {
    width: 1px;
}
#menu-lateral>div.menu>ul::-webkit-scrollbar-thumb {
    background: #1a1a1a;
}
#menu-lateral>div.menu>ul {
    -ms-overflow-style: none;
    scrollbar-width: 1px;
}
#menu-lateral>div.menu>ul a {
    transition: all 300ms;
}
#menu-lateral>div.menu>ul a:hover {
    letter-spacing: 1px;
    color: #000;
}
#menu-lateral>div.menu>ul>li>a {
    color: #000;
}
#menu-lateral>div.menu>ul>li {
    margin-bottom: 15px;
}
#menu-lateral>div.menu>ul>li>ul {
    font-size: 22px;
    margin-top: 6px;
}
#menu-lateral>div.menu>ul>li>ul>li {
    margin-bottom: 10px;
    padding-left: 8px;
}
#menu-lateral>div.menu>ul>li>ul>li a {
    color: #333;
}
#menu-lateral>div.menu>ul>li>ul ul {
    font-size: 17px;
    margin-top: 6px;
}
#menu-lateral>div.menu>ul>li>ul ul>li {
    margin-bottom: 5px;
    padding-left: 16px;
}
#menu-lateral>div.menu>ul>li>ul ul>li a {
    color: #666;
}
@media screen and (max-width:1440px) {
    #lateral-toggle {
    top: 15px;
    right: 8px;
}
}@media screen and (max-width:1280px) {
    #menu-lateral {
    width: 500px;
}
}@media screen and (max-width:1024px) {
    #lateral-toggle {
    top: 14px!important;
    right: 16px;
}
}@media screen and (max-width:768px) {
    #lateral-toggle {
    top: 7px!important;
}
}@media screen and (max-width:600px) {
    #menu-lateral {
    width: 90%;
    padding: 50px 25px 20px 25px;
}
#menu-lateral>a:first-of-type img {
    margin-bottom: 16px;
    padding-top: 16px;
}
#menu-lateral #menu-lateral-close {
    right: 12px;
}
}@media screen and (max-width:480px) {
    #lateral-toggle {
    top: 2px!important;
    right: 8px;
}
}@media screen and (max-width:400px) {
    #lateral-toggle {
    top: -2px!important;
}
}#main-toggle {
    display: none;
}
nav#menu-main {
    position: absolute;
    right: 50%;
    margin-right: -725px;
    top: -78px;
    text-align: center;
    font-size: 15px;
    transition: all 300ms;
    z-index: 1004;
}
.minimized nav#menu-main {
    top: -70px;
}
nav#menu-main>ul {
    position: relative;
}
nav#menu-main>ul>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    transition: line-height 300ms;
}
nav#menu-main>ul>li:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #000;
    transition: all 300ms;
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
}
.home-page nav#menu-main>ul>li:before {
    background-color: #fff;
}
nav#menu-main>ul>li:hover:before {
    width: 80%}
.minimized nav#menu-main>ul>li:before {
    background-color: #000;
}
nav#menu-main>ul>li>a.showMenu.collapsed:after {
    font-family: "Material Icons";
    content: "\e5cf";
    position: absolute;
    bottom: -.9em;
    right: 0;
    left: 0;
    margin: auto;
    color: #8b8b8b;
    color: var(--bg-color);
    font-size: 1.3em;
    transition: transform 300ms;
}
nav#menu-main>ul>li>a.showMenu.expanded:after {
    font-family: "Material Icons";
    content: "\e5ce";
    position: absolute;
    bottom: -.9em;
    right: 0;
    left: 0;
    margin: auto;
    color: #8b8b8b;
    color: var(--bg-color);
    font-size: 1.3em;
    transition: transform 300ms;
}
.minimized nav#menu-main>ul>li>a.showMenu:after {
    bottom: -.7em;
}
nav#menu-main>ul>li:hover>a.showMenu:after {
    transform: rotate(180deg);
}
nav#menu-main>ul>li>a {
    line-height: 60px;
    padding: 0 5px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    font-size: 1.05em;
    letter-spacing: 1px;
    font-weight: 700;
    transition: all 300ms;
}
.home-page nav#menu-main>ul>li>a {
    color: #fff;
}
nav#menu-main>ul>li:last-child>a {
    padding-right: 0;
}
nav#menu-main>ul>li>a:hover {
    opacity: 1!important;
}
.minimized nav#menu-main>ul>li>a {
    line-height: 60px;
    opacity: .85;
    color: #000;
}
nav#menu-main ul>li:hover>ul {
    display: block;
}
nav#menu-main a>img {
    float: none;
    width: 28px;
    height: 28px;
    margin: 0 1px 4px 0;
    vertical-align: middle;
}
@media screen and (max-width:1440px) {
    nav#menu-main {
    margin-right: -608px;
}
}@media screen and (max-width:1280px) {
    .minimized nav#menu-main>ul>li>a, nav#menu-main>ul>li>a {
    font-size: 1em;
    line-height: 30px;
}
.minimized nav#menu-main, nav#menu-main {
    right: 24px;
    margin-right: 0;
    top: -55px;
}
.minimized nav#menu-main {
    top: -48px;
}
nav#menu-main>ul>li:before {
    bottom: 2px;
}
}@media screen and (max-width:1150px) {
    .minimized nav#menu-main>ul>li>a, nav#menu-main>ul>li>a {
    font-size: .9em;
    letter-spacing: 0;
}
}@media screen and (max-width:1024px) {
    nav#menu-main {
    top: 50px;
    left: 0;
    width: 100%;
    position: relative;
    transition: all 300ms;
}
nav#menu-main ul>li:hover>ul, nav#menu-main.panel>ul>li:hover>ul {
    display: none;
}
#main-toggle {
    display: block;
    position: absolute;
    top: -64px;
    left: 16px;
    z-index: 1005;
}
#main-toggle>a>svg, .home-page.minimized #main-toggle>a>svg {
    width: 32px;
    height: 32px;
    fill: #000;
    transition: all 300ms;
}
.home-page #main-toggle>a>svg {
    fill: #fff;
}
nav#menu-main.menu-main-collapsed {
    opacity: 0;
    visibility: hidden;
}
nav#menu-main.menu-main-expanded {
    opacity: 1;
    visibility: visible;
}
nav#menu-main>ul>li {
    display: block;
    border-left: 0;
    padding: 0;
}
nav#menu-main>ul>li:nth-child(odd):hover, nav#menu-main>ul>li:nth-child(odd) {
    background-color: #fff;
}
nav#menu-main>ul>li:nth-child(even):hover, nav#menu-main>ul>li:nth-child(even) {
    background-color: #ddd;
}
.minimized nav#menu-main>ul>li>a, nav#menu-main>ul>li a {
    display: block;
    padding: 0em;
    line-height: 60px;
    color: #fff;
}
nav#menu-main>ul>li>a {
    color: black!important;
}
nav#menu-main>ul>li:hover>a.showMenu:after {
    transform: none;
}
nav#menu-main>ul>li>a.showMenu:after {
    transition: none;
}
nav#menu-main>ul>li>a.showMenu.expanded:after {
    content: "\e5ce";
    top: 1em;
    color: #8b8b8b;
    color: var(--bg-color);
}
nav#menu-main>ul>li>a.showMenu.collapsed:after {
    content: "\e5cf";
    top: 1em;
    color: #8b8b8b;
    color: var(--bg-color);
}
}@media screen and (max-width:768px) {
    #main-toggle {
    top: -60px;
}

}@media screen and (max-width:600px) {
    .minimized nav#menu-main, nav#menu-main {
    max-width: unset;
    width: calc(100% - 50px);
}
.minimized nav#menu-main>ul>li>a, nav#menu-main>ul>li a {
    font-size: .95em;
    line-height: 50px;
}
}@media screen and (max-width:480px) {
    #main-toggle {
    top: -55px;
    left: 8px;
}
}@media screen and (max-width:400px) {
    #main-toggle {
    top: -50px;
}
}nav#menu-main.tree>ul>li {
    position: relative;
}
nav#menu-main.tree ul ul {
    display: none;
    z-index: 100;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #666;
}
nav#menu-main.tree ul ul>li {
    display: block;
    width: 100%;
    text-align: left;
    line-height: 20px;
    position: relative;
    background-color: #666;
}
nav#menu-main.tree ul ul>li>a {
    display: block;
    width: 250px;
    line-height: normal;
    padding: 1em 1em;
    color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    overflow: hidden;
}
nav#menu-main.tree ul ul>li:hover>a {
    background-color: #777;
}
nav#menu-main.tree ul ul ul {
    left: 100%;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}
nav#menu-main.tree ul ul ul li a {
    font-size: .9em;
}
@media screen and (max-width:1024px) {
    nav#menu-main.tree ul ul {
    position: static;
    top: 0;
}
nav#menu-main.tree ul ul>li {
    width: 100%;
    text-align: center;
    background-color: #343434;
    border-top: 1px #4A4C50 solid;
}
nav#menu-main.tree ul ul>li:last-child {
    border-bottom: 1px #4A4C50 solid;
}
nav#menu-main.tree ul ul>li>a {
    display: block;
    width: 100%;
    line-height: 20px;
    padding: .7em 0em;
    color: #fff;
    font-size: 1em;
}
nav#menu-main.tree ul ul>li:hover>a {
    background-color: #343434;
}
nav#menu-main.tree ul ul ul {
    left: 0;
}
nav#menu-main.tree ul ul ul>li, nav#menu-main.panel ul ul ul>li {
    background-color: #999;
}
}@media screen and (max-width:480px) {
    nav#menu-main.menu-main-expanded {
    overflow: scroll;
    max-height: 400px;
}
}@media screen and (max-width:400px) {
    nav#menu-main.menu-main-expanded {
    max-height: 300px;
}
}nav#menu-main.panel>ul>li>ul {
    display: none;
    width: 100%;
    min-height: 200px;
    position: absolute;
    margin-top: 0;
    padding: 0;
    top: 100px;
    left: 0;
    text-align: center;
    color: #000;
    overflow: hidden;
    z-index: 100;
    background-color: #b1b0ad;
    background-color: var(--bg-color_3);
}
nav#menu-main.panel>ul>li:hover>ul {
    display: block;
}
nav#menu-main.panel>ul li>ul li {
    position: relative;
    display: block;
    vertical-align: top;
}
nav#menu-main.panel>ul>li>ul>li {
    width: 14.1%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: left;
    margin: 0 0 0 2.2%}
nav#menu-main.panel>ul>li>ul>li ul {
    padding: 0;
    margin: 0;
}
nav#menu-main.panel>ul>li>ul>li ul li {
    padding: 0;
    list-style: none;
    font-size: .8em;
}
nav#menu-main.panel>ul>li>ul>li>a {
    display: block;
    margin-top: 1.4em;
    margin-bottom: 1em;
    font-size: 1.3em;
    line-height: 1.4em;
}
nav#menu-main.panel>ul>li>ul>li>ul>li>a {
    display: block;
    margin-top: .6em;
    margin-bottom: .6em;
    font-size: 1.1em;
    line-height: 1.4em;
}
nav#menu-main.panel>ul>li>ul>li a>img {
    margin: 0 10px;
    margin-top: 12px;
}
nav#menu-main.panel>ul>li>ul>li a:hover {
    color: #fff;
}
nav#menu-main.panel>ul>li>ul>li ul li a {
    display: block;
}
@media screen and (max-width:1024px) {
    .minimized nav#menu-main, nav#menu-main {
    position: absolute;
    top: 25px;
    left: 25px;
}
nav#menu-main>ul>li:before {
    display: none;
}
nav#menu-main.panel ul ul {
    display: none;
}
nav#menu-main.panel ul ul>li {
    background-color: #555;
}
nav#menu-main.panel ul ul>li:hover>a {
    background-color: #777;
}
nav#menu-main.panel ul ul>li>a {
    display: block;
    width: 100%;
    line-height: 20px;
    padding: .7em 2em;
    color: #fff;
    font-size: 1em;
}
nav#menu-main.panel>ul>li>ul {
    min-height: 0;
    position: static;
    top: 0;
    text-align: center;
    background-color: transparent;
}
nav#menu-main.panel>ul>li:hover>ul {
    display: none;
}
nav#menu-main.panel>ul li>ul li {
    position: static;
}
nav#menu-main.panel>ul>li>ul>li {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0;
}
nav#menu-main.panel>ul>li>ul>li ul li {
    font-size: 1em;
}
nav#menu-main.panel>ul>li>ul>li>a {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1em;
}
nav#menu-main.panel>ul>li>ul>li>ul>li>a {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1em;
    line-height: 1em;
}
}nav#lang {
    position: absolute;
    top: 32px;
    right: 100px;
    width: auto;
    padding: 0;
    text-align: right;
    font-size: 16px;
    transition: opacity 300ms, visibility 300ms;
}
nav#lang li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
}
nav#lang li img {
    max-width: 32px;
    display: none;
}
nav#lang p {
    display: inline-block;
    margin: 0;
    transition: all 300ms;
    color: #999;
    font-weight: 600;
}
nav#lang li.active p, nav#lang li:hover p {
    color: #000;
}
@media screen and (max-width:1280px) {
    nav#lang {
    right: 80px;
}
}@media screen and (max-width:600px) {
    nav#lang {
    right: 65px;
}
}#search-form {
    position: relative;
    width: 100%}
#search-form ::-webkit-input-placeholder {
    color: #666;
}
#search-form ::-moz-placeholder {
    color: #666;
}
#search-form :-ms-input-placeholder {
    color: #666;
}
#search-form :-moz-placeholder {
    color: #666;
}
#search-form>.container {
    white-space: nowrap;
    border-bottom: 1px #000 solid;
    position: relative;
}
#search-form>.container input#search {
    font-size: 28px;
    border-width: 0;
    width: 100%;
    outline: 0;
    background: transparent;
    padding: 4px 8px 8px 4px;
    color: #222;
}
#search-form>.container a {
    position: absolute;
    top: 8px;
    right: 8px;
    outline: 0;
    float: right;
}
#search-form>.container a>svg {
    width: 32px;
    height: 32px;
    fill: #666;
    transition: all 300ms;
}
#search-form>.container a>svg:hover {
    fill: #000;
}
#search-toggle.search-collapsed svg#open-search {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
#search-toggle.search-expanded svg#open-search {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
#search-toggle svg#close-search, #search-toggle.search-collapsed svg#close-search {
    position: absolute;
    top: 9px;
    left: 9px;
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
}
#search-toggle.search-expanded svg#close-search {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
#search-toggle {
    position: absolute;
    right: 0;
    margin-right: 65px;
    bottom: 50px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    transition: all 300ms;
    display: none;
}
#search-toggle svg {
    fill: #fff;
    transition: all 300ms;
}
#search-toggle:hover svg {
    transform: scale(1.4);
}
#search-form>.quick-search-result {
    width: 660px;
    top: 38px;
    right: 0;
    position: absolute;
    transition: all 300ms;
    display: flex;
    justify-content: center;
    z-index: 1001;
    width: 100%;
    top: 50px;
}
ul#quick-search-list {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-left: 0;
    position: relative;
    background-color: #fff;
    overflow: visible;
    margin: 0;
}
ul#quick-search-list:before {
    content: '';
    width: 100%;
    height: 98%;
    position: absolute;
    top: 0;
    z-index: -1;
    -webkit-box-shadow: 0 21px 21px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 21px 21px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 21px 21px 0 rgba(0, 0, 0, .4);
}
ul#quick-search-list li {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    width: calc(20% - 1px);
    background-color: transparent;
    padding: 0;
    margin: 0;
    height: 260px;
    width: 50%;
    box-shadow: none;
    border: 1px solid whitesmoke;
}
ul#quick-search-list li a {
    width: 100%;
    height: 100%;
    position: relative;
}
ul#quick-search-list li div.imgcont {
    height: 70%;
    padding: 0;
    margin-top: 5px;
}
ul#quick-search-list li div.imgcont img {
    width: 100%}
ul#quick-search-list li:after {
    display: none;
}
ul#quick-search-list li:before {
    display: none;
}
ul#quick-search-list li img {
    opacity: .85;
    transform: scale(.95);
    transition: all 300ms;
}
ul#quick-search-list li:hover img {
    transform: scale(1.05);
    opacity: 1;
}
ul#quick-search-list li div.text {
    padding: 0 10px;
}
ul#quick-search-list li h4 {
    font-size: 18px;
    line-height: 20px;
    transition: all 300ms;
    position: relative;
    top: 0;
    left: 0;
    transform: translateY(0);
    width: 100%;
    margin: 25px 0;
    overflow: hidden;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #222;
}
ul#quick-search-list li h5 {
    font-size: 18px;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    text-align: center;
}
ul#quick-search-list li:hover h4 {
    color: #0D80FE;
}
ul#quick-search-list li p {
    font-size: 20px;
}
ul#quick-search-list li.no_result {
    width: 100%;
    height: fit-content;
}
ul#quick-search-list li.no_result p {
    padding: 20px 0;
    text-align: center;
    display: block;
}
@media screen and (max-width:1280px) {
    #search-toggle {
    right: 135px;
    bottom: 10px;
}
#search-toggle svg {
    width: 30px;
    height: 30px;
}
}@media screen and (max-width:1024px) {
    #search-toggle: hover svg {
    transform: scale(1);
}
ul#quick-search-list:before {
    display: none;
}
ul#quick-search-list li div.imgcont img {
    width: auto;
}
ul#quick-search-list li div.imgcont {
    display: flex;
    justify-content: center;
}
ul#quick-search-list li:hover img, ul#quick-search-list li img {
    transform: scale(1);
}
ul#quick-search-list li {
    border: none;
}
ul#quick-search-list li h4 {
    font-size: 22px;
}
ul#quick-search-list li:hover h4 {
    color: #8b8b8b;
    color: var(--bg-color);
}
}@media screen and (max-width:768px) {
    #search-toggle {
    position: relative;
}
#search-toggle svg {
    width: 30px;
    height: 30px;
}
#search-form>.quick-search-result {
    max-height: 600px;
    overflow-y: scroll;
}
ul#quick-search-list:before {
    display: none;
}
ul#quick-search-list li {
    width: 50%}
ul#quick-search-list li h4 {
    font-size: 20px;
}
}@media screen and (max-width:600px) {
    #search-form>.quick-search-result {
    width: 100%;
    margin: 0;
    max-height: 480px;
}
ul#quick-search-list li {
    width: 50%;
    height: 225px;
}
ul#quick-search-list li div.imgcont {
    margin-top: 5px;
}
ul#quick-search-list li h4 {
    margin: 20px 0 10px 0;
}
ul#quick-search-list li img {
    opacity: 1;
}
ul#quick-search-list li div.imgcont:hover img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
ul#quick-search-list li h4 {
    font-size: 18px;
    line-height: 20px;
}
}@media screen and (max-width:480px) {
    #search-form>.container {
    width: 100%;
    margin: 0;
}
}@media screen and (max-width:400px) {
    ul#quick-search-list li {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #555;
}
}a.show-full-desc>span {
    border: 1px solid #787878;
    color: #787878;
    transition: all 300ms;
    cursor: pointer;
    padding: 4px 12px;
    display: inline-block;
}
a.show-full-desc>span:hover {
    color: #000;
    border: 1px solid #000;
}
a.hide-full-desc>span {
    border: 1px solid #787878;
    color: #787878;
    transition: all 300ms;
    cursor: pointer;
    padding: 4px 12px;
}
a.hide-full-desc>span:hover {
    color: #000;
    border: 1px solid #000;
}
@media screen and (max-width:480px) {
    a.show-full-desc>span {
    padding: 0 6px;
}
a.hide-full-desc>span {
    padding: 0 6px;
}
}ul.prod-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    margin-left: 0;
    text-align: center;
    position: relative;
    margin-top: 16px;
}
ul.prod-list.filtering:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #fffc;
}
ul.prod-list.filtering:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    background-image: url(../../img/frontend/loader.png);
    background-size: contain;
    width: 60px;
    height: 60px;
    filter: invert(1);
    animation: spinner 2s linear infinite;
    z-index: 2;
}
@-webkit-keyframes spinner {
    0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}@keyframes spinner {
    0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}ul.prod-list li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 23.125%;
    height: auto;
    margin-right: 2.5%;
    margin-bottom: 40px;
    padding: 1% 0;
    vertical-align: top;
    text-align: center;
    transition: all 300ms;
    border: 1px solid black;
    box-shadow: 0 21px 21px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.4s;
}
ul.prod-list li:hover {
    transform: translateY(0px);
}
ul.prod-list li.no_result {
    width: 100%;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5% 0;
    margin: 0;
}
ul.prod-list li.no_result p {
    color: #000;
    font-size: 22px;
    font-weight: 700;
}
ul.prod-list li:nth-child(4n+0) {
    margin-right: 0;
}
ul.prod-list.sector li>div:first-child, ul.prod-list li>a>div:first-child {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 85% 0 0 0;
    overflow: hidden;
}
ul.prod-list li div.imgcont {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%}
ul.prod-list li div.imgcont img {
    display: block;
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    transition: all 300ms;
}
ul.prod-list li:hover div.imgcont img {
    transform: scale(1.1);
}
ul.prod-list li div.namecont {
    position: relative;
    width: 100%;
    height: 4em;
    border: 1px solid #787878;
    background: transparent;
    transition: all 300ms;
}
ul.prod-list li:hover div.namecont {
    border: 1px solid #000;
}
ul.prod-list li h4 {
    position: absolute;
    width: 90%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 2.5%;
    font-weight: 400;
    color: #787878;
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 0;
    transition: all 300ms;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
ul.prod-list.sector li h4 {
    position: relative;
    top: unset;
    text-align: center;
    transform: none;
    color: #ffffff;
    margin: 8px 5% 12px 5%;
    background: #6250f3;
    padding: 10px;
    border-radius: 7px;
    font-size:15px;
}
ul.prod-list li:hover h4 {
    color: #ffffff!important;
}
ul.prod-list li p {
    width: 100%;
    font-size: .9em;
    text-align: center;
    color: #666;
    margin: 0;
    padding: 0;
}
ul.prod-list.prod li div.namecont {
    position: relative;
    width: 100%;
    height: auto;
    border: 1px solid #787878;
    background: transparent;
    transition: all 300ms;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 2.5%}
ul.prod-list.prod li h4 {
    position: relative;
    display: inline-block;
    width: 100%;
    top: unset;
    transform: none;
    font-weight: 400;
    color: #787878;
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 0;
    transition: all 300ms;
}
ul.prod-list.prod li p {
    width: 100%;
    font-size: .85em;
    line-height: 1.2em;
    text-align: center;
    color: #666;
    margin: 2.5% 0 0 0;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
ul.prod-list li:hover p {
    color: #000;
}
ul.prod-list.sector li div.button_box {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}
ul.prod-list.sector li div.button_box a {
    width: 100%}
ul.prod-list.sector li div.button_box a span {
    display: inline-block;
    font-size: 14px;
    padding: 4px 12px;
    transition: all 300ms;
    position: relative;
    font-weight: 400;
    border: 1px solid #787878;
    color: #787878;
    margin-bottom: 8px;
    width: 100%}
ul.prod-list.sector li div.button_box a span:hover {
    border: 1px solid #000;
    color: #000;
}
ul.diameter-list h2 {
    border-bottom: 1px solid #000;
}
@media screen and (max-width:1024px) {
    ul.prod-list li {
    width: 31.66666666%}
ul.prod-list li:nth-child(4n+0) {
    margin-right: 2.5%}
ul.prod-list li:nth-child(3n+0) {
    margin-right: 0;
}
}@media screen and (max-width:768px) {
    ul.prod-list li {
    width: 48.75%}
ul.prod-list li:nth-child(4n+0) {
    margin-right: 2.5%}
ul.prod-list li:nth-child(3n+0) {
    margin-right: 2.5%}
ul.prod-list li:nth-child(2n+0) {
    margin-right: 0%}
ul.diameter-list h2 {
    font-size: 1.5em;
}
}@media screen and (max-width:480px) {
    ul.prod-list {
    margin-left: 0%}
ul.prod-list li {
    display: block;
    width: 100%;
    margin: 0 0 40px 0;
    text-align: center;
}
ul.prod-list li:nth-child(4n+0) {
    margin-right: 0;
}
ul.prod-list li:nth-child(3n+0) {
    margin-right: 0;
}
ul.prod-list.sector li div.button_box a span {
    font-size: 18px;
    padding: 6px 12px;
    margin-bottom: 10px;
}
ul.prod-list.prod li div.namecont {
    height: auto;
    padding: 5% 2.5%}
ul.prod-list.prod li p {
    font-size: .95em;
    line-height: 1.2em;
    margin-top: 2%}
ul.diameter-list h2 {
    font-size: 1em;
}
}div#prod-info {
    width: 100%}
div#prod-info:after {
    content: "";
    clear: both;
    display: table;
}
div#prod-info>div:first-child {
    float: left;
    width: 30%;
    text-align: center;
    position: relative;
}
div#prod-info>div:first-child>ul {
    display: block;
    width: 100%;
    max-width: 100%;
    -webkit-box-shadow: 0 0 26px -10px #999;
    -moz-box-shadow: 0 0 26px -10px #999;
    box-shadow: 0 0 10px -6px #999;
}
div#prod-info>div:first-child>ul li a img {
    display: inline-block;
    width: 100%;
    height: auto;
    vertical-align: bottom;
}
div#prod-info>div:first-child>a {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
    background-color: #fff;
    color: #787878;
    border: 1px solid #787878;
    transition: all 300ms;
}
div#prod-info>div:first-child>a:hover {
    color: #000;
    border: 1px solid #000;
}
div#prod-info>div.description {
    float: left;
    width: 70%;
    padding-left: 5%;
    padding-bottom: 20px;
}
aside#related-prod {
    margin-top: 3%}
.scontato {
    text-decoration: line-through;
    color: #999;
}
@media screen and (max-width:768px) {
    div#prod-info>div: first-child {
    width: 100%;
    float: none;
}
div#prod-info>div.description {
    float: none;
    width: 100%;
    padding-left: 0%}
}div.filters {
    width: 100%;
    padding: 20px 2.5%;
    margin-bottom: 2.5%;
    background-color: whitesmoke;
    border-radius: 10px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
div.filters.search {
    margin-top: 16px;
}
div.filters>div.filter {
    width: 45%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
div.filters>div.filter>label {
    width: 65px;
}
div.filters>div.filter #amount {
    border: 0;
    color: #256625;
    color: var(--bg-color_s);
    font-weight: 700;
    background: transparent;
    margin-bottom: 0;
    width: 135px;
}
div.filters>div.filter .slider-range-container {
    width: calc(100% - 210px);
}
div.filters>div.filter #slider-range {
    border: none;
    background: lightgrey;
    border-radius: 15px;
}
div.filters>div.filter #slider-range.ui-slider-horizontal {
    height: 4px;
}
div.filters>div.filter #slider-range .ui-widget-header {
    background: #256625;
    background: var(--bg-color_s);
}
div.filters>div.filter #slider-range>a {
    border: none;
    border-radius: 50%;
    background: whitesmoke;
    border: 3px solid #256625;
    border: 3px solid var(--bg-color_s);
    top: -8px;
    width: 20px;
    height: 20px;
}
div.filters>div.filter #slider-range>a:focus-visible {
    outline: none;
}
div.filters div.filter-diameter {
    display: flex;
    width: auto;
}
div.filters div.filter-diameter p {
    width: 100px;
    margin-top: 4px;
    margin-bottom: 0;
}
div.filters div.filter-diameter select {
    padding: 4px 8px;
}
div.filters>div.sort {
    width: 40%;
    display: flex;
    justify-content: flex-end;
}
div.sort p {
    width: 100px;
    line-height: 34px;
    margin-bottom: 0;
}
div.filters>div.sort.custom {
    width: 32%;
    justify-content: flex-start;
    justify-content: space-between;
}
div.sort.custom p {
    width: auto;
    margin-right: 8px;
}
.custom-select {
    position: relative;
    font-family: Arial;
    pointer-events: none;
    width: 250px;
}
.custom-select select {
    display: none;
}
.select-selected {
    background-color: #333;
    background-color: var(--bg-color);
}
.select-selected:after {
    position: absolute;
    content: "";
    top: 17px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #333 transparent transparent transparent;
    border-color: var(--bg-color) transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #333 transparent;
    border-color: transparent transparent var(--bg-color) transparent;
    top: 7px;
}
.select-items div, .select-selected {
    color: #fff;
    padding: 5px;
    border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
    cursor: pointer;
    height: 36px;
    transition: all 300ms;
    font-size: 17px;
    color: #333;
    background-color: whitesmoke;
}
.select-selected {
    color: #333;
    color: var(--bg-color);
    font-weight: 600;
}
.select-items {
    position: absolute;
    background-color: whitesmoke;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1001;
    transition: all 300ms;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
}
.select-items:nth-child(2n) {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1001;
    transition: all 300ms;
}
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, .05);
}
div.filters>div#show-attributes {
    width: 15%;
    cursor: pointer;
    transition: all 300ms;
}
div.filters>div#show-attributes:hover {
    text-shadow: 0 0 #000;
}
div.filters>div#show-attributes p {
    margin-bottom: 0;
    text-align: right;
    text-decoration: underline;
}
div.filters>div.attributes {
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    margin-top: 24px;
    padding-top: 0;
    border-top: 2px solid #ddd;
}
div.filters>div.attributes.hide {
    display: none;
}
div.filters>div.attributes.show {
    display: flex;
}
div.filters>div.attributes>div.tag {
    margin-right: 32px;
    width: auto;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
div.filters>div.attributes>div.tag>h4 {
    width: 100%;
    margin: 0 0 6px 0;
    padding-top: 12px;
}
div.filters>div.attributes>div.tag>div.tag-value {
    width: 50%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
div.filters>div.attributes>div.tag>div.tag-value label {
    margin-left: 5px;
    line-height: 1.6em;
}
div.filters>div.attributes input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    color: #222;
    width: 20px;
    height: 20px;
    border: .15em solid #222;
    border-radius: .15em;
    display: grid;
    place-content: center;
    transition: all 300ms;
}
div.filters>div.attributes input[type="checkbox"]:hover {
    background-color: #dfdfdf;
}
div.filters>div.attributes input[type="checkbox"]::before {
    content: "";
    width: .55em;
    height: .55em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #000;
    background-color: blue;
}
div.filters>div.attributes input[type="checkbox"]:checked::before {
    transform: scale(1);
}
div.filters>div.attributes input[type="checkbox"]:disabled {
    --form-control-color: red;
    color: red;
    cursor: not-allowed;
}
@media screen and (max-width:1024px) {
    div.filters {
    padding: 15px;
}
div.filters>div.sort {
    width: 70%;
    justify-content: flex-start;
    margin-top: 15px;
}
div.filters>div.sort.custom {
    width: 100%;
    margin-top: 12px;
}
div.filters>div#show-attributes {
    width: 30%;
    margin-top: 12px;
}
div.filters>div.filter .slider-range-container {
    width: calc(100% - 205px);
}
div.filters>div.filter {
    width: 100%}
.custom-select {
    width: 250px;
}
}@media screen and (max-width:768px) {
    div.filters {
    margin-bottom: 40px;
}
}@media screen and (max-width:600px) {
    div.filters>div.sort {
    width: 100%;
    margin-top: 12px;
}
div.filters>div#show-attributes {
    width: 100%;
    margin-top: 6px;
}
div.filters>div#show-attributes p {
    text-align: left;
}
div.filters>div.attributes {
    flex-wrap: wrap;
}
div.filters>div.attributes>div.tag {
    width: 30%;
    margin-right: 5%}
div.filters>div.attributes>div.tag:nth-child(3n) {
    margin-right: 0;
}
}@media screen and (max-width:480px) {
    div.sort {
    flex-flow: column;
}
div.filter-diameter {
    flex-flow: column;
}
div.filter-diameter {
    font-size: 12px;
}
.custom-select {
    width: 100%}
.select-items div, .select-selected {
    padding-left: 0;
}
#filter-price .slider-range-container {
    padding: 0 2%}
div.filters>div.filter .slider-range-container {
    width: 100%;
    margin-top: 15px;
}
div.filters>div.sort {
    margin-top: 24px;
}
}@media screen and (max-width:400px) {
    div.sort {
    flex-flow: column;
}
.select-items div, .select-selected {
    padding-left: 0;
}
div.filters>div.attributes>div.tag {
    width: 47.5%}
div.filters>div.attributes>div.tag:nth-child(3n) {
    margin-right: 5%}
div.filters>div.attributes>div.tag:nth-child(2n) {
    margin-right: 0;
}
}div#prod-info>div:first-child>a span {
    transition: all 300ms;
}
div#prod-info>div:first-child>a span:nth-child(2) {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
div#prod-info>div:first-child>a.active span:nth-child(1) {
    opacity: 0;
    visibility: hidden;
}
div#prod-info>div:first-child>a.active span:nth-child(2) {
    opacity: 1;
    visibility: visible;
}
#prod-contact-popup {
    position: absolute;
    top: 0;
    left: calc(100% + 25px);
    width: 600px;
    background-color: #fff;
    padding: 5% 5% 2.5% 5%;
    z-index: 998;
    border: 1px solid whitesmoke;
    border-radius: 4px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 2px 3px 8px 0 rgba(0, 0, 0, .3);
    opacity: 0;
    visibility: hidden;
    transition: all 300ms;
    animation-duration: 300ms;
    animation-name: bounce-out-from-left-prod;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}
#prod-contact-popup.active {
    opacity: 1;
    visibility: visible;
    animation-duration: 300ms;
    animation-name: bounce-in-from-left-prod;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}
@keyframes bounce-in-from-left-prod {
    0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: left center;
}
50% {
    transform: scale(1.03, 1.03);
    transform-origin: left center;
}
100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: left center;
}
}@keyframes bounce-out-from-left-prod {
    0% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: left center;
}
100% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: left center;
}
}div#prod-info #form-prod-contact {
    margin-top: 0;
}
div#prod-info li.size_100 {
    position: relative;
    margin-bottom: 25px;
    text-align: left;
}
div#prod-info li.size_100.privacy {
    margin-bottom: 0;
}
div#prod-info li.size_100.privacy>div.field {
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    margin-bottom: 10px;
}
@media screen and (max-width:1024px) {
    #prod-contact-popup {
    width: 200%}
}@media screen and (max-width:768px) {
    #prod-contact-popup {
    width: 80%;
    top: calc(100% - 20px);
    left: 50%;
    transform: translateX(-50%);
    padding: 2.5% 2.5% 1% 2.5%}
@keyframes bounce-in-from-left-prod {
    0% {
    opacity: 0;
    transform: scale(0, 0) translateX(-50%);
    transform-origin: center top;
}
50% {
    transform: scale(1.03, 1.03) translateX(-50%);
    transform-origin: center top;
}
100% {
    opacity: 1;
    transform: scale(1, 1) translateX(-50%);
    transform-origin: center top;
}
}@keyframes bounce-out-from-left-prod {
    0% {
    opacity: 1;
    transform: scale(1, 1) translateX(-50%);
    transform-origin: center top;
}
100% {
    opacity: 0;
    transform: scale(0, 0) translateX(-50%);
    transform-origin: center top;
}
}div#prod-info li.size_100.text {
    height: 120px;
}
}@media screen and (max-width:480px) {
    #prod-contact-popup {
    width: 100%}
}div#account {
    position: absolute;
    top: -52px;
    right: 50%;
    margin-right: -400px;
    padding: 0;
    text-align: right;
    z-index: 1001;
    font-size: 16px;
    transition: opacity 300ms, visibility 300ms;
}
.minimized div#account {
    opacity: 0;
    visibility: hidden;
}
.ie7down div#account {
    max-width: 200px;
}
div#account>a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 36px;
    padding: 6px 10px;
    margin: 0;
    border: 0;
    cursor: pointer;
    background: #ececec;
}
div#account>a img {
    float: left;
    width: 24px;
    height: 24px;
}
div#account>a p {
    float: left;
    margin: 3px 0 0 0;
    text-align: center;
    line-height: 20px;
    margin-left: 10px;
    color: #333;
    font-size: .9em;
    font-weight: 700;
}
div#account.logged>a p {
    color: #8b8b8b;
    color: var(--bg-color);
}
div#account>a img.arrow {
    float: right;
    width: 22px;
    height: 16px;
    margin: 4px 0 0 8px;
    padding-left: 6px;
    border-left: 1px solid #c8c8c8;
}
div#account form {
    display: none;
    position: absolute;
    width: 240px;
    margin-top: -5px;
    right: -20px;
    padding: 10px;
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, .8);
    -o-box-shadow: 0 1px 15px rgba(0, 0, 0, .8);
    box-shadow: 0 1px 15px rgba(0, 0, 0, .8);
    background: #fff;
}
div#account form:before {
    bottom: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    border: solid rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: 74px;
}
div#account form:after {
    bottom: 100%;
    left: 0;
    content: "";
    height: 10px;
    width: 100%;
    position: absolute;
}
div#account:hover form {
    display: block;
}
.ie8down div#account:hover form {
    border: 1px #ddd solid;
}
div#account.logged:hover form {
    display: none;
}
div#account.error form {
    display: block;
}
div#account form li {
    float: left;
    width: 220px;
    margin-bottom: 10px;
}
div#account form label {
    float: left;
    width: 90%;
    text-align: left;
    line-height: 20px;
    color: #999;
    font-size: .75em;
}
div#account form input {
    float: left;
    width: 100%;
    text-align: left;
    line-height: 30px;
    height: 30px;
    font-size: 1em;
    color: #333;
    padding: 0 6px;
}
div#account form a.button {
    width: 100%;
    text-align: center;
    padding: 12px 0;
    height: auto;
}
div#account form p.small {
    float: left;
    margin: 10px 0 0 0;
    text-align: left;
    color: #444;
    font-size: .75em;
}
@media screen and (max-width:1280px) {
    div#account {
    right: 230px;
    margin-right: 0;
}
}@media screen and (max-width:1024px) {
    div#account {
    right: 200px;
}
div#account img.arrow {
    display: none;
}
div#account:hover form {
    display: none;
}
}@media screen and (max-width:768px) {
    header #account-toggle {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}
div#account {
    position: static;
    top: 0;
    right: 0;
    margin-right: 0;
    width: 100%;
    padding: 0%;
    text-align: center;
    border-top: 1px #4A4C50 solid;
}
div#account>a {
    display: none;
}
}div#account nav#user {
    display: none;
    position: absolute;
    width: 240px;
    margin-top: -5px;
    right: -20px;
    padding: 5px 10px;
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, .8);
    -o-box-shadow: 0 1px 15px rgba(0, 0, 0, .8);
    box-shadow: 0 1px 15px rgba(0, 0, 0, .8);
    background: #fff;
}
div#account nav#user:before {
    bottom: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    border: solid rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: 74px;
}
div#account nav#user:after {
    bottom: 100%;
    left: 0;
    content: "";
    height: 10px;
    width: 100%;
    position: absolute;
}
div#account.logged:hover nav#user {
    display: block;
}
div#account nav#user>ul li a {
    color: #8b8b8b;
    color: var(--bg-color);
    display: block;
}
@media screen and (max-width:1024px) {
    div#account.logged: hover nav#user {
    display: none;
}
}@media screen and (max-width:768px) {
    .menu-account-collapsed {
    display: none;
}
.menu-account-expanded {
    display: block;
}
div#account.logged:hover nav#user {
    display: inline-block;
}
div#account nav#user {
    display: inline-block;
    position: static;
    width: 100%;
    margin: 0;
    right: 0;
    padding: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background: none;
}
div#account nav#user:before {
    border-width: 0;
}
div#account nav#user>ul li {
    border-top: 1px #4A4C50 solid;
    border-bottom: 0;
    display: block;
    height: 50px;
    line-height: 50px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    position: relative;
    text-align: center;
}
div#account nav#user>ul li:FIRST-CHILD {
    border-top: 0;
}
div#account nav#user>ul li:LAST-CHILD {
    margin-bottom: 0;
}
div#account nav#user li:nth-child(odd) {
    background-color: #2C2E33;
}
div#account nav#user li:hover {
    background-color: #8b8b8b;
    background-color: var(--bg-color);
}
div#account nav#user li.active {
    background-color: #8b8b8b;
    background-color: var(--bg-color);
}
div#account nav#user>ul li a, div#account nav#user>ul li:LAST-CHILD a {
    display: block;
    color: #fff;
    font-size: 1.2em;
    line-height: 50px;
    padding: 0;
    margin: 0;
}
div#account nav#user>ul li a:hover, div#account nav#user>ul li:LAST-CHILD a:hover {
    text-decoration: none;
    color: #fff;
}
}a.lock {
    );
}
section#main>section#login {
    width: 60%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 2%;
    padding-right: 5%;
    border-right: 1px solid #ccc;
}
section#main>section#login>p {
    margin-bottom: 5%}
section#main>section#login p#recpwd {
    margin-top: 5%}
section#main>section#signup {
    width: 38%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-top: 2%;
    padding-left: 2%;
    vertical-align: top;
}
@media screen and (max-width:768px) {
    section#main>section#login {
    width: 100%;
    padding-right: 0%;
    border-right: 0;
}
section#main>section#signup {
    width: 100%;
    margin-top: 8%;
    padding-left: 0%}
}div#profile_box {
    position: relative;
}
ul.user-profile {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 30px;
    margin-bottom: 100px;
}
ul.user-profile>li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: auto;
}
ul.user-profile>li.name, ul.user-profile>li.cognome {
    width: auto;
    min-width: 250px;
}
ul.user-profile>li.name {
    min-width: 350px;
    padding-left: 100px;
}
ul.user-profile>li.cf {
    width: 100%;
    line-height: 22px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid silver;
    padding-left: 100px;
}
ul.user-profile>li.azienda, ul.user-profile>li.email, ul.user-profile>li.telefono {
    width: 25%}
ul.user-profile>li.indirizzo {
    width: 25%}
ul.user-profile>li.azienda, ul.user-profile>li.indirizzo {
    margin-bottom: 25px;
    padding-bottom: 20px;
}
ul.user-profile>li>label {
    width: 100%;
    padding-right: 1%;
    padding-top: .5%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
    color: #999;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9em;
    line-height: .71;
    font-style: italic;
}
ul.user-profile>li>div {
    width: 100%;
    font-size: 1em;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
ul.user-profile>li.cognome>div, ul.user-profile>li.name>div {
    font-size: 1.8em;
    line-height: 50px;
}
ul.user-profile>li.username>div {
    line-height: 50px;
}
ul.user-profile>li.cf>div {
    font-size: .8em;
    line-height: 22px;
}
ul.user-profile>li.azienda>div.piva {
    font-size: .8em;
    line-height: 22px;
}
div#button_list {
    position: absolute;
    top: -90px;
    right: 0;
    width: 50%;
    display: flex;
    justify-content: flex-end;
}
div#button_list div {
    width: auto;
    text-align: center;
    margin: 0 10px;
    overflow: hidden;
}
div#button_list div a {
    display: inline-block;
    line-height: 48px;
    padding: 0 20px;
    border: lightgrey 1px solid;
    border-radius: 10px;
    transition: all 300ms;
}
div#button_list div a img {
    display: none;
    opacity: .6;
}
div#button_list div a:hover {
    border: #2d80b2 1px solid;
    border: var(--bg-color_2) 1px solid;
    background-color: #2d80b2;
    background-color: var(--bg-color_2);
    color: #fff;
}
div#profile_icon {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(.9);
}
div#profile_icon {
    border: #999 4px solid;
    border-radius: 30px;
}
div#profile_icon img {
    display: inline-block;
    vertical-align: bottom;
    width: 80px;
    opacity: .4;
    padding: 8%}
@media screen and (max-width:1024px) {
    ul.user-profile>li.name {
    width: 30%;
    min-width: 210px;
}
ul.user-profile>li.name label {
    display: none;
}
ul.user-profile>li.cognome {
    width: 30%;
    min-width: auto;
}
ul.user-profile>li.cognome label {
    display: none;
}
ul.user-profile>li.username {
    width: 40%;
    margin-top: 5px;
}
ul.user-profile>li.username>div {
    line-height: 20px;
    vertical-align: bottom;
}
ul.user-profile>li.username label {
    display: inline-block;
    font-size: .5em;
    line-height: 10px;
    vertical-align: bottom;
}
ul.user-profile>li.cf {
    padding-bottom: 35px;
}
ul.user-profile>li.telefono, ul.user-profile>li.email, ul.user-profile>li.indirizzo, ul.user-profile>li.azienda {
    width: 50%}
div#button_list {
    top: -75px;
}
div#button_list div:first-child a {
    padding: 0;
}
div#button_list div:first-child a img {
    display: inline-block;
    width: 48px;
    padding: 10%;
    vertical-align: bottom;
}
div#button_list div:first-child a span {
    display: none;
}
div#button_list div a {
    line-height: 48px;
}
div#profile_icon {
    position: absolute;
    top: 0;
    left: 0;
}
div#profile_icon {
    border: #999 4px solid;
    border-radius: 30px;
}
}@media screen and (max-width:768px) {
    div#profile_icon {
    transform: scale(.8);
}
ul.user-profile>li.username {
    width: 100%;
    padding-left: 100px;
    margin-top: -5px;
    margin-bottom: 15px;
}
ul.user-profile>li.cf {
    padding-bottom: 20px;
}
}@media screen and (max-width:640px) {
    div#button_list div: last-child {
    width: 150px;
}
div#button_list div:last-child a {
    display: inline-block;
    width: 100%;
    line-height: 17px;
    padding: 7px 10px;
}
ul.user-profile>li.telefono, ul.user-profile>li.email, ul.user-profile>li.indirizzo, ul.user-profile>li.azienda {
    width: 100%;
    padding-left: 100px;
}
ul.user-profile>li.email {
    margin-bottom: 25px;
    padding-bottom: 20px;
}
}@media screen and (max-width:600px) {
    ul.user-profile>li.name {
    width: 100%;
    min-width: auto;
    margin-top: 10px;
}
ul.user-profile>li.cognome {
    width: 80%;
    min-width: auto;
    padding-left: 100px;
    margin-bottom: 10px;
}
ul.user-profile>li.cognome>div, ul.user-profile>li.name>div {
    font-size: 1.8em;
    line-height: 30px;
}
div#button_list {
    top: 10px;
    width: 20%;
    flex-direction: column;
    justify-content: flex-start;
}
div#button_list>div {
    margin: 0 0 10px 0;
    max-width: 100%}
div#button_list div:last-child a {
    padding: 0;
    line-height: 48px;
    width: auto;
}
div#button_list div:last-child a img {
    display: inline-block;
    width: 48px;
    padding: 15%;
    vertical-align: bottom;
}
div#button_list div:last-child a span {
    display: none;
}
}@media screen and (max-width:360px) {
    div#profile_icon {
    display: none;
}
ul.user-profile>li.cognome, ul.user-profile>li.name, ul.user-profile>li.azienda, ul.user-profile>li.indirizzo, ul.user-profile>li.email, ul.user-profile>li.telefono, ul.user-profile>li.piva, ul.user-profile>li.cf, ul.user-profile>li.username {
    padding-left: 0;
}
}nav#user>ul li {
    width: 100%;
    padding: 12px 0;
    font-size: .9em;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
}
nav#user>ul li:LAST-CHILD {
    border-bottom: 0;
}
nav#user>ul li a:hover {
    text-decoration: underline;
}
h2.center {
    text-align: center;
}
ul.input-list.change_password {
    width: 50%;
    border: lightgrey 1px solid;
    padding: 60px;
    margin: auto;
    border-radius: 20px;
}
ul.input-list.change_password li:first-child {
    margin-bottom: 10%}
div.toolbar.change_password {
    display: inline-block;
}
ul.input-list.change_password li>div.field input {
    text-align: left;
}
div.toolbar.change_password a.button {
    line-height: 24px;
    padding: 15px 30px;
    margin: auto;
}
div.toolbar.change_password a.icon>img {
    float: none;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 10px 0 0;
}
@media screen and (max-width:1024px) {
    ul.input-list.change_password {
    width: 100%}
}@media screen and (max-width:1024px) {
    ul.input-list.update_profile li.address {
    width: 48.7%}
}@media screen and (max-width:768px) {
    ul.input-list.update_profile li.address {
    width: 100%}
}h1 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 900;
    text-transform: uppercase;
    color: #000;
    font-size: 2.5em;
    font-family: 'Muli', sans-serif;
}
h2 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
    font-size: 2em;
    font-family: 'Muli', sans-serif;
}
h3 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 400;
    color: #666;
    font-size: 1.1em;
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
}
p {
    margin-top: 0;
    margin-bottom: 1em;
    text-align: left;
    font-size: 16px;
    line-height: 1.6em;
    font-family: 'Muli', sans-serif;
}
div.inline-error {
    font-size: .85em;
    padding-left: 26px;
    color: red;
    background: url(../../img/frontend/error.png);
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: .5%;
    text-transform: uppercase;
    line-height: 24px;
    min-height: 24px;
    height: auto!important;
    height: 24px;
}
div.panic-error {
    margin: 5%}
p.privacy {
    color: #666;
    font-size: .85em;
    text-align: justify;
}
h1, h2, h3, h4, h5, h6, span, p, a, div {
    font-family: 'Muli', sans-serif;
}
h1.title, h2.title, h3.title, h4.title {
    color: #000;
    font-size: 2em;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
}
@media screen and (max-width:768px) {
    div.inline-error {
    font-size: .65em;
    margin-top: 1%;
    margin-bottom: 2%;
    line-height: 24px;
    min-height: 24px;
    height: auto!important;
    height: 24px;
}
}.grid {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 1em;
}
.grid th {
    text-align: left;
    font-weight: 700;
    empty-cells: show;
    overflow: hidden;
    padding: .5%;
    color: #4C4C4C;
    background-color: #e5e5e5;
}
.grid td {
    empty-cells: show;
    overflow: hidden;
    padding: .5%}
.grid tr:nth-child(even) {
    background-color: #f6f6f6;
}
.grid tr:nth-child(odd) {
    background-color: #fff;
}
.no-alt-color tr:nth-child(even) {
    background-color: transparent;
}
.no-alt-color tr:nth-child(odd) {
    background-color: transparent;
}
.no-alt-color th {
    background-color: transparent;
}
.grid th.select {
    width: 28px;
    text-align: center;
}
.grid td.select {
    text-align: center;
}
@media screen and (max-width:768px) {
    table.responsive, table.responsive>tbody {
    display: block;
    width: 100%;
    clear: left;
}
table.responsive>thead {
    display: none;
}
table.responsive th, table.responsive tr, table.responsive td {
    display: block;
    width: 100%;
    padding: 0;
    text-align: left;
    white-space: normal;
    clear: left;
}
table.responsive tr {
    padding: 3% 0% 4% 0%;
    margin-top: 0%;
    position: relative;
}
table.responsive td {
    border: none;
    margin-top: 2%}
table.responsive td:empty {
    display: none;
}
table.responsive th[data-title]:before, table.responsive td[data-title]:before {
    content: attr(data-title) ":\00A0";
    font-weight: 700;
}
.grid td.select {
    text-align: left;
}
}table#extend-fields {
    margin-top: 3%}
td.extend-field-name {
    width: 30%}
td.extend-field-value {
    width: 70%}
ul.photogallery-list {
    display: block;
    overflow: hidden;
    margin-left: -2%}
ul.photogallery-list li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 31.3%;
    height: auto;
    margin-left: 2%;
    padding-bottom: 16px;
    vertical-align: top;
    text-align: center;
}
ul.photogallery-list li img {
    max-width: 100%;
    max-height: 100%;
    padding: 2%;
    border: 1px #e6e6e6 solid;
    background-color: #f7f7f7;
}
ul.photogallery-list li a p {
    width: 100%;
    padding: 8px 0 2px 0;
    font-size: 1.1em;
    text-align: center;
}
ul.photogallery-list li p.num {
    font-size: .9em;
    text-align: center;
    color: #666;
    margin: 0;
    padding: 0;
}
@media screen and (max-width:1024px) {
    ul.photogallery-list li {
    width: 48%}
}@media screen and (max-width:768px) {
    ul.photogallery-list {
    margin-left: 0%}
ul.photogallery-list li {
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    margin: 2% 0%;
    text-align: center;
}
ul.photogallery-list li img {
    float: none;
    border: 1px #aaa solid;
}
}div#photogallery-thumb li {
    margin: 3px;
}
div#photogallery-thumb img {
    border: 1px #999 solid;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: .6;
}
div#photogallery-thumb img:hover {
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
ul.jobs {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2.5%}
ul.jobs>li {
    position: relative;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2.5%;
    background-color: #fff;
    padding: 16px 24px 72px 24px;
    border-radius: 8px;
    width: 48.75%;
    -webkit-box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, .08);
    -moz-box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, .08);
    box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, .08);
    transition: all 300ms;
}
ul.jobs>li h4 {
    margin: 0 0 8px 0;
    font-size: 1.4em;
}
ul.jobs>li p {
    line-height: 1.1em;
    margin: 0 0 24px 0;
}
ul.jobs>li a {
    position: absolute;
    bottom: 24px;
    left: 24px;
    border-radius: 8px;
    padding: 8px 24px;
    border: 1px solid #ddd;
    transition: all 300ms;
    color: #222;
}
ul.jobs>li a:hover {
    border: 1px solid whitesmoke;
    background-color: whitesmoke;
}
@media screen and (max-width:1024px) {
    ul.jobs {
    margin-top: 5%}
ul.jobs>li {
    width: 100%;
    padding-bottom: 24px;
}
ul.jobs>li a {
    position: relative;
    bottom: 0;
    left: 0;
}
}@media screen and (max-width:768px) {
    ul.jobs>li a {
    border: none!important;
    background-color: whitesmoke;
}
}@media screen and (max-width:600px) {
    ul.jobs>li {
    padding: 5%;
    margin-bottom: 5%}
}@media screen and (max-width:480px) {
    ul.jobs>li a {
    font-size: .9em;
}
}aside#news, aside#group, aside#exhibition {
    background-color: whitesmoke;
    padding: 0;
    overflow: hidden;
    height: 630px;
    display: flex;
    align-items: center;
}
aside#group, aside#news {
    background-color: #fff;
}
aside#news h2, aside#group h2, aside#exhibition h2 {
    text-align: center;
    margin-bottom: 65px;
    text-transform: uppercase;
    font-size: 2.5em;
    color: #000;
  }
ul.news {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.news li:last-child {
    border: 0;
    margin-right: 0;
}
ul.news li h4 {
    margin: 0;
    color: #8b8b8b;
    color: #5eaf6d;
    font-weight: 400;
    font-size: 1.3em;
}
ul.news li:hover h4 {
    text-decoration: none;
}
ul.news li p {
    margin: 0;
    text-align: center;
    color: #666;
}
ul.news li:hover p {
    text-decoration: none;
}
ul.news li time {
    color: #999;
}
.home-page #news>h2 {
    text-align: center;
    padding: 80px 0 40px 0;
    font-family: 'Roboto Condensed', sans-serif;
}
.home-page ul.news.owl-theme .owl-nav {
    margin: 0;
}
.home-page ul.news.owl-theme .owl-nav>button {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background: none!important;
}
.home-page ul.news.owl-theme .owl-nav>button.owl-prev {
    left: -60px;
}
.home-page ul.news.owl-theme .owl-nav>button.owl-next {
    right: -60px;
}
.home-page ul.news.owl-theme .owl-nav>button span {
    font-size: 6em;
    font-weight: 100;
    color: #666;
    transition: all 300ms;
    font-family: 'Lato', sans-serif;
}
.home-page ul.news.owl-theme .owl-nav>button span:hover {
    color: #1a1a1a;
}
.inner-page ul.news li, .home-page ul.news li {
    position: relative;
    width: 31%;
    transition: all 450ms;
    margin-bottom: 2.5%;
    width: 100%;
    display: flex;
    flex-flow: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
}
section#showroom ul li, .home-page #exhibition ul.news li {
    flex-flow: row;
    flex-wrap: wrap;
    padding: 0 1px;
}
.inner-page ul.news li {
    margin-bottom: 2.5%}
.inner-page ul.news li>div.last_a, .home-page ul.news li>div.last_a {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    background-color: #fff;
    transition: all 300ms;
}
.home-page ul.news li>div.last_a {
    width: 55%;
    margin-right: 1%}
.inner-page ul.news li>div.last_a {
    width: 37.5%}
.inner-page ul.news li>div.text_box, .home-page ul.news li>div.text_box {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
    z-index: 99;
    padding: 25px;
    text-align: center;
    padding: 24px 0;
}
.home-page ul.news li>div.text_box {
    width: 40%;
    margin-left: 1%}
.inner-page ul.news li>div.text_box {
    width: 59%}
section#showroom ul li>div.text_box, .inner-page #exhibition ul.news li>div.text_box, .home-page #exhibition ul.news li>div.text_box {
    align-items: flex-end;
}
.inner-page ul.news li div.button_box, .home-page ul.news li div.button_box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    width: 100%;
    z-index: 99;
    transition: all 450ms;
    padding-bottom: 25px;
    position: relative;
    width: 100%;
    top: 0;
    transform: none;
    padding-bottom: 0;
    margin-top: 30px;
}
.inner-page ul.news li div.button_box>a, .home-page ul.news li div.button_box>a {
    display: flex;
    justify-content: flex-start;
}
section#showroom ul li div.button_box>a, .inner-page #exhibition ul.news li div.button_box>a, .home-page #exhibition ul.news li div.button_box>a {
    justify-content: flex-end;
}
.inner-page ul.news li>div.date_box, .home-page ul.news li>div.date_box {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    z-index: 99;
    padding: 5px 0 5px 5%}
.inner-page ul.news li>div.last_a .text_box, .inner-page ul.news li:nth-child(even)>div.last_a .text_box {
    position: static;
    top: auto;
    left: auto;
    height: auto;
    text-align: center;
    padding: 0 20%}
.inner-page ul.news li>div.last_a>div:first-child, .home-page ul.news li>div.last_a>div:first-child {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 80% 0 0 0;
    overflow: hidden;
    transition: all 300ms;
}
.inner-page ul.news li>div.last_a div.imgcont, .home-page ul.news li>div.last_a div.imgcont {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%}
.inner-page ul.news li>div.last_a div.imgcont img, .home-page ul.news li>div.last_a div.imgcont img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
    transition: all 300ms;
}
.inner-page ul.news li:hover>div.last_a div.imgcont img, .home-page ul.news li:hover>div.last_a div.imgcont img {
    transform: scale(1.1);
}
.inner-page ul.news div.time, .home-page ul.news div.time {
    position: relative;
    text-align: left;
    display: flex;
    justify-content: flex-start;
}
.inner-page ul.news time, .home-page ul.news time {
    font-size: 14px;
    color: #454545;
    font-weight: 600;
    position: relative;
    text-align: left;
    transition: all 300ms;
    text-transform: uppercase;
    font-size: 16px;
}
.inner-page ul.news div.text_box.news div.sep, .inner-page ul.news div.text_box.news time.end, .home-page ul.news div.text_box.news div.sep, .home-page ul.news div.text_box.news time.end {
    display: none;
}
.inner-page ul.news div.text_box.fair div.sep, .home-page ul.news div.text_box.fair div.sep {
    margin: 0 6px;
}
.inner-page ul.news time {
    text-align: left;
    position: relative;
}
.inner-page ul.news li h4, .home-page ul.news li h4 {
    color: #444;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.2;
    text-transform: Capitalize;
    margin: 0 0 16px 0;
    transition: all 300ms;
    text-align: left;
    font-size: 2.5em;
    margin: 12px 0 25px 0;
    padding-bottom: 25px;
    border-bottom: 0px solid #000;
    width: 100%;
    color: #000;
}
section#showroom ul li h4, .home-page #exhibition ul.news li h4 {
    text-align: left;
}
.inner-page ul.news li:hover h4, .home-page ul.news li:hover h4 {
    color: #000;
}
.inner-page ul.news li p, .home-page ul.news li p {
    color: #777;
    font-size: 1.1em;
    line-height: 1.3;
    margin-bottom: 1.5%;
    text-align: left;
    transition: all 300ms;
    margin-top: 25px;
    margin: 0;
    font-size: 1.2em;
}
section#showroom ul lip, .home-page #exhibition ul.news li p {
    text-align: right;
}
.inner-page ul.news li p {
    text-align: left;
    margin-bottom: 2.5%}
.inner-page ul.news li:hover p, .home-page ul.news li:hover p {
    color: #222;
}
.home-page ul.news li a {
    color: #fff;
    width: 100%}
.inner-page ul.news li a {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%}
.inner-page ul.news li:nth-child(2n) a {
    flex-flow: row-reverse;
    flex-wrap: wrap;
}
.inner-page ul.news li a>div.image {
    width: 35%;
    height: 290px;
}
.inner-page ul.news li a>div.image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 300ms;
    filter: grayscale(1);
}
.inner-page ul.news li:hover a>div.image img {
    filter: grayscale(0);
    transform: scale(1.02);
}
.inner-page ul.news li a>div.text {
    width: 60%}
.inner-page ul.news li a i {
    display: none;
}
.inner-page ul.news li span, .home-page ul.news li span {
    display: inline-block;
    font-size: 13px !important;
    padding: 16px 20px;
    transition: all 300ms;
    position: relative;
    text-transform: capitalize;
    font-weight: 600;
    border: 0px solid #787878;
    color: #6250f3;
    letter-spacing:0.5px !important;

}
    .sliderBtn
    {
        top: 7.5rem;
        border:1px solid #fff;
        padding:0.5rem 0.5rem;
        left: 0rem;
    }
   .btnn {
    display: inline-block;
    background-color: transparent;
    color: #007BFF;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: color 0.4s;
    cursor: pointer;
  }

  .btnn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #8A2387;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F27121, #E94057, #8A2387);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F27121, #E94057, #8A2387); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color:white !important;
    transition: width 0.4s;
    z-index: -1;
  }

  .btnn:hover::before {
    width: 100%;
  }

  .btnn:hover {
    color: #fff !important;
  }
  
.inner-page ul.news li span:hover, .home-page ul.news li span:hover {
    border: 1px solid #000;
    color: #000;
}
.inner-page ul.news li:nth-child(2n) h4, .inner-page ul.news li:nth-child(2n) p {
    text-align: right;
}
.inner-page ul.news li:nth-child(2n) time {
    float: right;
}
section#showroom ul li div.button_box {
    margin-top: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    transform: translateX(5px);
}
section#showroom ul li div.button_box>a {
    width: auto;
    margin: 0 5px 10px 5px;
}
section#showroom ul li div.button_box>a span {
    width: 100%;
        background: #8A2387;
    background: -webkit-linear-gradient(to right, #F27121, #E94057, #8A2387);
    background: linear-gradient(to right, #F27121, #E94057, #8A2387);
    color: white;
    font-size: 14px !important;
    border-radius: 5px;
    border: 0;
}
@media screen and (max-width:1440px) {
    aside#news>.wrapper, aside#group>.wrapper, section#showroom>.wrapper, aside#exhibition>.wrapper {
    width: 1116px;
}
}@media screen and (max-width:1280px) {
    aside#news, aside#group, aside#exhibition, section#showroom {
    height: 580px!important;
    padding: 5% 0!important;
}
aside#news>.wrapper, aside#group>.wrapper, section#showroom>.wrapper, aside#exhibition>.wrapper {
    width: 87%}
section#showroom ul li div.button_box>a span {
    font-size: 18px;
}
.inner-page ul.news li {
    height: 225px;
}
.inner-page ul.news li a>div.image {
    max-height: 220px;
}
}@media screen and (max-width:1024px) {
    aside#news h2, aside#group h2, section#showroom>div.wrapper>h2, aside#exhibition h2 {
    text-align: center;
    margin-bottom: 40px;
}
aside#news, aside#group, aside#exhibition, section#showroom {
    height: 500px!important;
}
aside#news, aside#group, section#showroom, aside#exhibition {
    padding-bottom: 2.5%}
aside#news>.wrapper, aside#group>.wrapper, section#showroom>.wrapper, aside#exhibition>.wrapper {
    width: 80%}
.inner-page ul.news li>div.text_box, .home-page ul.news li>div.text_box {
    font-size: .9em;
}
.inner-page ul.news li span, .home-page ul.news li span {
    font-size: 16px;
}
.inner-page ul.news li a>div.text {
    font-size: .8em;
}
.inner-page ul.news li {
    margin-bottom: 3.5%}
section#showroom ul li h4 {
    text-align: center;
}
section#showroom ul li div.button_box>a {
    width: calc(50% - 10px);
}
section#showroom ul li div.button_box>a span {
    font-size: 16px;
}
.inner-page ul.news li {
    height: 180px;
}
.inner-page ul.news li a>div.image {
    max-height: 170px;
}
}@media screen and (max-width:768px) {
    aside#news, aside#group, section#showroom, aside#exhibition {
    padding-bottom: 0;
    height: auto!important;
}
.inner-page ul.news li>div.last_a, .home-page ul.news li>div.last_a {
    width: 100%}
.inner-page ul.news li>div.text_box, .home-page ul.news li>div.text_box {
    width: 100%}
section#showroom li>div.text_box {
    padding-top: 12px;
}
.inner-page ul.news li>div.last_a>div:first-child, .home-page ul.news li>div.last_a>div:first-child {
    padding-top: 300px;
}
.home-page ul.news.owl-theme .owl-nav>button.owl-prev {
    left: -45px;
}
.home-page ul.news.owl-theme .owl-nav>button.owl-next {
    right: -45px;
}
aside#news>.wrapper, aside#group>.wrapper, section#showroom>.wrapper, aside#exhibition>.wrapper {
    width: calc(100% - 100px);
}
section#showroom ul li div.button_box {
    justify-content: flex-start;
}
.inner-page ul.news li {
    height: 140px;
    margin-bottom: 5%}
}@media screen and (max-width:600px) {
    .inner-page ul.news li a>div.text, .inner-page ul.news li a>div.image {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.inner-page ul.news li a>div.image img {
    filter: grayscale(0);
}
.inner-page ul.news li:nth-child(2n) h4, .inner-page ul.news li h4 {
    padding-bottom: 8px;
    margin-bottom: 8px;
    text-align: center;
}
.inner-page ul.news li:nth-child(2n) p, .inner-page ul.news li p {
    text-align: center;
}
.inner-page ul.news li time {
    text-align: center;
}
section#showroom ul li div.button_box>a {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 4px;
}
.inner-page ul.news li {
    height: auto;
}
.inner-page ul.news li a>div.image {
    height: auto;
}
}@media screen and (max-width:480px) {
    aside#news, aside#group, section#showroom, aside#exhibition {
    padding: 7.5% 0 0 0;
}
.inner-page ul.news li>div.last_a>div:first-child, .home-page ul.news li>div.last_a>div:first-child {
    padding-top: 240px;
}
aside#news h2, aside#group h2, section#showroom>div.wrapper>h2, aside#exhibition h2 {
    margin-bottom: 25px;
    font-size: 2em!important;
}
}div#news-info {
    width: 100%}
div#news-info:after {
    content: "";
    clear: both;
    display: table;
}
div#news-info>ul {
    float: left;
    width: 30%}
div#news-info>ul img {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}
div#news-info>div.description {
    float: left;
    width: 70%;
    padding: 30px;
}
div#news-info time {
    float: left;
    width: 100%;
    font-size: 1em;
    color: #999;
    padding-bottom: 20px;
    clear: both;
}
@media screen and (max-width:768px) {
    div#news-info>ul {
    float: none;
    width: 100%}
div#news-info>img {
    float: none;
    width: 100%}
div#news-info>div.description {
    float: none;
    width: 100%;
    padding: 5% 0;
}
}th.carrello-codice {
    width: 13%}
th.carrello-nome {
    width: 42%}
th.carrello-prezzo-unitario {
    width: 13%}
th.carrello-quantita {
    width: 13%}
th.carrello-prezzo-totale {
    width: 13%}
th.carrello-elimina {
    width: 6%;
    text-align: center;
}
td div.carrello-quantita-value>a>img {
    display: none;
}
tr.tot-cart {
    line-height: 2em;
    background-color: #fff;
    font-weight: 700;
    font-size: 1.4em;
    border-top: 1px solid #ccc;
}
tr.tot-cart td {
    text-align: right;
    background-color: #fff;
}
tr.tot-cart span {
    font-weight: 400;
}
td div.carrello-quantita-value {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
td div.carrello-quantita-value>a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
td div.carrello-quantita-value>a>img {
    display: none;
}
td div.carrello-quantita-value input {
    text-align: right;
}
@media screen and (max-width:1024px) {
    table.responsive td div.carrello-quantita-value>a>span {
    display: none;
}
table.responsive td div.carrello-quantita-value>a>img {
    display: inline-block;
}
}@media screen and (max-width:768px) {
    table.responsive td.carrello-elimina-value {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
}
}div#checkout>.cart>table.grid {
    font-size: .75em;
}
div#checkout>.cart>table.grid td {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 1px;
    padding-right: 1px;
    border-top: 1px dotted #C4C4C4;
}
th.carrello-readonly-articolo {
    width: 65%}
th.carrello-readonly-prezzo {
    width: 35%;
    text-align: right;
}
td.carrello-readonly-prezzo {
    text-align: right;
}
div#checkout>.cart>table.grid tr.iva {
    background-color: #f5f5f5;
}
div#checkout>.cart>table.grid tr.surcharge {
    background-color: #eaeaea;
}
th.pagamento-checkbox {
    width: 5%}
th.pagamento-descrizione {
    width: 65%}
th.pagamento-spese {
    width: 30%;
    text-align: right;
}
div#checkout table.payment tr {
    border-bottom: 1px #aaa dotted;
}
div#checkout table.payment td {
    padding: 1.5% .5%}
th.indirizzo-checkbox {
    width: 5%}
th.indirizzo-descrizione {
    width: 70%}
th.indirizzo-spese {
    width: 25%;
    text-align: right;
}
td.indirizzo-checkbox {
    text-align: center;
}
td.indirizzo-descrizione {
    font-size: .85em;
}
td.indirizzo-spese {
    text-align: right;
}
div#checkout table.address tr {
    border-bottom: 1px #aaa dotted;
}
div#checkout table.address td {
    padding: 1.5% .5%}
th.tier-pricing-qty {
    width: 30%;
    text-align: center;
}
th.tier-pricing-discount {
    width: 30%;
    text-align: center;
}
th.tier-pricing-price {
    width: 40%;
    text-align: center;
}
td.tier-pricing-qty {
    text-align: center;
}
td.tier-pricing-discount {
    text-align: center;
}
td.tier-pricing-price {
    text-align: center;
}
th.tag-description {
    width: 70%}
th.tag-select {
    width: 30%;
    text-align: center;
}
td.tag-select {
    text-align: center;
}
div#buy {
    width: 100%;
    padding: 4%;
    margin-bottom: 4%;
    border: 3px #bbb solid;
}
div#buy>div.price {
    width: 100%;
    margin-bottom: 2%}
div#buy>div.price>p.price {
    font-size: 1.5em;
    margin: 0;
}
div#buy>div.price>a {
    float: right;
    font-size: .9em;
}
div#buy>ul.add-to-cart {
    width: 100%;
    margin-top: 5%}
div#buy>ul.add-to-cart>li {
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
div#buy>ul.add-to-cart>li #btn {
    height: 38px;
    font-size: 14px;
    padding: 7px 7px 7px 36px;
    line-height: 24px;
}
div#buy>ul.add-to-cart>li input, div#buy>ul.add-to-cart>li select {
    height: 38px;
    padding: 3px;
    font-size: 18px;
    margin-right: .5em;
}
div#buy>ul.add-to-cart>li span {
    line-height: 38px;
    font-size: 18px;
}
div#buy #qta {
    width: 70px;
    text-align: right;
}
p.iva {
    font-size: .75em;
    font-style: italic;
}
@media screen and (max-width:1024px) {
    div#buy>div#addtocart>a.button {
    float: left;
    margin: 10px 0;
}
}div#buy .tab h4 {
    color: #444;
    font-size: 1.1em;
    font-weight: 400;
    margin: 0 0 2px 0;
}
div#buy .tab h4.icon {
    padding-left: 20px;
}
div#buy .tab {
    margin-top: 3%;
    width: 60%}
div#buy .tab.multi-column {
    width: 100%}
div#buy .tab>div.grid-container {
    position: relative;
}
div#buy .tab>div.grid-container>img {
    position: absolute;
    top: -16px;
    left: -16px;
}
div#buy .tab table.grid {
    background-color: #fff;
    border: 1px #ccc solid;
    font-size: .9em;
}
div#buy .tab table.grid td, div#buy .tab table.grid th {
    border: 1px #ccc solid;
    padding: .5em .7em;
}
div#buy .tab table.grid th {
    font-weight: 400;
    color: #666;
}
div#buy .tab.multi-column table.grid tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%}
div#buy .tab.multi-column table.grid tr {
    height: 42px;
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
div#buy .tab.multi-column table.grid th.tag-description, div#buy .tab.multi-column table.grid td.tag-description {
    width: 70%}
div#buy .tab.multi-column table.grid th.tag-select, div#buy .tab.multi-column table.grid td.tag-select {
    width: 30%}
div#buy .tab.multi-column table.grid, div#buy .tab.multi-column table.grid {
    border: none;
}
div#buy .tab.multi-column table.grid tr:nth-child(3), div#buy .tab.multi-column table.grid tr:nth-child(6), div#buy .tab.multi-column table.grid tr:nth-child(7), div#buy .tab.multi-column table.grid tr:nth-child(10), div#buy .tab.multi-column table.grid tr:nth-child(11), div#buy .tab.multi-column table.grid tr:nth-child(14), div#buy .tab.multi-column table.grid tr:nth-child(15), div#buy .tab.multi-column table.grid tr:nth-child(18), div#buy .tab.multi-column table.grid tr:nth-child(19), div#buy .tab.multi-column table.grid tr:nth-child(22), div#buy .tab.multi-column table.grid tr:nth-child(23), div#buy .tab.multi-column table.grid tr:nth-child(26), div#buy .tab.multi-column table.grid tr:nth-child(27), div#buy .tab.multi-column table.grid tr:nth-child(30) {
    background-color: #fff;
}
div#buy .tab.multi-column table.grid tr:nth-child(4), div#buy .tab.multi-column table.grid tr:nth-child(5), div#buy .tab.multi-column table.grid tr:nth-child(8), div#buy .tab.multi-column table.grid tr:nth-child(9), div#buy .tab.multi-column table.grid tr:nth-child(12), div#buy .tab.multi-column table.grid tr:nth-child(13), div#buy .tab.multi-column table.grid tr:nth-child(16), div#buy .tab.multi-column table.grid tr:nth-child(17), div#buy .tab.multi-column table.grid tr:nth-child(20), div#buy .tab.multi-column table.grid tr:nth-child(21), div#buy .tab.multi-column table.grid tr:nth-child(24), div#buy .tab.multi-column table.grid tr:nth-child(25), div#buy .tab.multi-column table.grid tr:nth-child(28), div#buy .tab.multi-column table.grid tr:nth-child(29) {
    background-color: #f6f6f6;
}
@media screen and (max-width:1280px) {
    div#buy .tab.multi-column table.grid th.tag-description, div#buy .tab.multi-column table.grid td.tag-description {
    width: 65%}
div#buy .tab.multi-column table.grid th.tag-select, div#buy .tab.multi-column table.grid td.tag-select {
    width: 35%}
}@media screen and (max-width:1024px) {
    div#buy .tab.multi-column {
    width: 100%}
div#buy .tab.multi-column table.grid tr:nth-child(2) {
    display: none;
}
div#buy .tab.multi-column table.grid tr, div#buy .tab.multi-column ul.preview li {
    width: 100%}
div#buy .tab.multi-column table.grid th.tag-description, div#buy .tab.multi-column table.grid td.tag-description {
    width: 70%}
div#buy .tab.multi-column table.grid th.tag-select, div#buy .tab.multi-column table.grid td.tag-select {
    width: 30%}
div#buy .tab.multi-column table.grid tr:nth-child(odd) {
    background-color: white!important;
}
div#buy .tab.multi-column table.grid tr:nth-child(even) {
    background-color: #f6f6f6!important;
}
}@media screen and (max-width:768px) {
    div#buy .tab {
    width: 100%}
div#buy .tab.multi-column table.grid tr:nth-child(2) {
    display: flex;
}
div#buy .tab.multi-column table.grid tr, div#buy .tab.multi-column ul.preview li {
    width: 50%}
div#buy .tab.multi-column table.grid th.tag-description, div#buy .tab.multi-column table.grid td.tag-description {
    width: 65%;
    height: 100%;
    display: flex;
    align-items: center;
}
div#buy .tab.multi-column table.grid th.tag-select, div#buy .tab.multi-column table.grid td.tag-select {
    width: 35%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div#buy .tab.multi-column table.grid tr:nth-child(3), div#buy .tab.multi-column table.grid tr:nth-child(6), div#buy .tab.multi-column table.grid tr:nth-child(7), div#buy .tab.multi-column table.grid tr:nth-child(10), div#buy .tab.multi-column table.grid tr:nth-child(11), div#buy .tab.multi-column table.grid tr:nth-child(14), div#buy .tab.multi-column table.grid tr:nth-child(15), div#buy .tab.multi-column table.grid tr:nth-child(18), div#buy .tab.multi-column table.grid tr:nth-child(19), div#buy .tab.multi-column table.grid tr:nth-child(22), div#buy .tab.multi-column table.grid tr:nth-child(23), div#buy .tab.multi-column table.grid tr:nth-child(26), div#buy .tab.multi-column table.grid tr:nth-child(27), div#buy .tab.multi-column table.grid tr:nth-child(30) {
    background-color: white!important;
}
div#buy .tab.multi-column table.grid tr:nth-child(4), div#buy .tab.multi-column table.grid tr:nth-child(5), div#buy .tab.multi-column table.grid tr:nth-child(8), div#buy .tab.multi-column table.grid tr:nth-child(9), div#buy .tab.multi-column table.grid tr:nth-child(12), div#buy .tab.multi-column table.grid tr:nth-child(13), div#buy .tab.multi-column table.grid tr:nth-child(16), div#buy .tab.multi-column table.grid tr:nth-child(17), div#buy .tab.multi-column table.grid tr:nth-child(20), div#buy .tab.multi-column table.grid tr:nth-child(21), div#buy .tab.multi-column table.grid tr:nth-child(24), div#buy .tab.multi-column table.grid tr:nth-child(25), div#buy .tab.multi-column table.grid tr:nth-child(28), div#buy .tab.multi-column table.grid tr:nth-child(29) {
    background-color: #f6f6f6!important;
}
}@media screen and (max-width:600px) {
    div#buy .tab.multi-column table.grid tr: nth-child(2) {
    display: none;
}
div#buy .tab.multi-column table.grid tr, div#buy .tab.multi-column ul.preview li {
    width: 100%}
div#buy .tab.multi-column table.grid th.tag-description, div#buy .tab.multi-column table.grid td.tag-description {
    width: 65%}
div#buy .tab.multi-column table.grid th.tag-select, div#buy .tab.multi-column table.grid td.tag-select {
    width: 35%}
div#buy .tab.multi-column table.grid tr:nth-child(odd) {
    background-color: white!important;
}
div#buy .tab.multi-column table.grid tr:nth-child(even) {
    background-color: #f6f6f6!important;
}
}ul.lista-attributi {
    color: #666;
    font-size: .85em;
}
div.align-left-right:after {
    width: 100%;
    content: "";
    clear: both;
    display: table;
}
div.align-left-right a {
    margin: 10px 0;
}
div.align-left-right a:FIRST-CHILD {
    float: right;
}
nav#step {
    float: left;
    width: 180px;
    font-size: .9em;
    text-align: center;
}
nav#step li {
    position: relative;
    text-align: center;
    padding: 0;
    color: #4d4d4d;
    margin-bottom: 3%;
    width: 180px;
    height: 80px;
    background: #f3f3f3;
    opacity: .6;
    transform: scale(.9);
    transition: all 300ms;
}
nav#step li div.img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    left: 16px;
    display: inline-block;
    min-width: 48px;
    min-height: 48px;
    width: 48px;
    height: 48px;
    vertical-align: top;
}
nav#step li div.txt {
    display: inline-block;
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-20%, -50%);
}
nav#step li div.img img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%}
nav#step li.active {
    background: #e2e2e2;
    font-weight: 700;
    opacity: 1;
    transform: scale(1);
}
div#checkout {
    display: flex;
    width: 100%;
    margin-bottom: 2%}
div#checkout:after {
    content: "";
    clear: both;
    display: table;
}
div#checkout>.contents {
    float: left;
    width: 52%;
    padding: 3%;
    background-color: #e2e2e2;
    min-height: 250px;
    height: auto!important;
    height: 250px;
}
div#checkout>.contents>p.shipping {
    text-align: right;
    font-size: .8em;
    margin-top: 0;
    margin-bottom: 6px;
}
div#checkout>.contents>p.shipping a {
    color: var(--bg-color);
}
div#checkout>.cart {
    float: left;
    padding-left: 3%;
    width: 30%}
div#checkout>.cart>p {
    text-align: right;
    font-size: .75em;
}
div#checkout>.contents li {
    margin-bottom: 3%;
    padding-bottom: 3%;
    border-bottom: 1px dotted #C4C4C4;
}
div#checkout>.contents li:LAST-CHILD {
    border: 0;
}
div#checkout>.contents li textarea {
    width: 100%;
    height: 180px;
}
@media screen and (max-width:1024px) {
    nav#step {
    display: none;
}
div#checkout>.contents {
    width: 70%;
    padding: 2%}
}@media screen and (max-width:768px) {
    div.align-left-right a, div.align-left-right a: FIRST-CHILD {
    float: left;
    clear: both;
}
div#checkout {
    flex-wrap: wrap;
}
div#checkout>.contents {
    float: none;
    width: 100%;
    padding: 2%;
    min-height: 0;
}
div#checkout>.cart {
    float: none;
    padding-left: 0;
    width: 100%;
    margin-top: 10%}
}ul.shipping-fees>li {
    font-size: 1.4em;
    margin-bottom: 3%}
ul.shipping-fees>li li {
    font-size: .6em;
    padding: 1%}
ul.shipping-fees>li li:nth-child(odd) {
    background-color: #f0f0f0;
}
ul.shipping-fees>li li:nth-child(even) {
    background-color: #f8f8f8;
}
ul.shipping-fees>li li>span {
    float: right;
    font-size: 1.4em;
}
@media screen and (max-width:768px) {
    ul.shipping-fees>li li {
    height: 50px;
    padding-top: 4px;
    color: #777;
}
ul.shipping-fees>li li>span {
    float: left;
    width: 100%;
    padding-top: 4px;
    color: #000;
}
}ul.address>li {
    padding: 10px;
    margin: 10px 0;
    position: relative;
}
ul.address>li:nth-child(odd) {
    background: #f6f6f6;
}
ul.address>li>div.buttons {
    position: absolute;
    top: 10px;
    right: 10px;
}
@media screen and (max-width:768px) {
    ul.address>li>div.buttons {
    position: static;
    bottom: 0;
    margin: 5px 0;
}
ul.address>li>div.buttons a {
    margin: 5px 0;
}
}section#prod-suggested {
    width: 100%;
    background-color: #f0f0f0;
    padding: 2% 0;
}
section#prod-suggested ul {
    display: block;
    overflow: hidden;
    margin-left: -1%}
section#prod-suggested li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15.66%;
    height: auto;
    margin-left: 1%;
    margin-bottom: 1%;
    padding: 1% 0;
    vertical-align: top;
    text-align: center;
}
section#prod-suggested li div.imgcont {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
}
section#prod-suggested li img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
section#prod-suggested li img {
    max-width: 100%;
    max-height: 100%}
section#prod-suggested li h4 {
    font-weight: 700;
    color: #444;
    font-size: 1em;
    margin: .5em 0;
}
section#prod-suggested li p {
    width: 100%;
    font-size: .95em;
    text-align: center;
    color: #666;
    margin: 0;
    padding: 0;
}
@media screen and (max-width:1024px) {
    section#prod-suggested li {
    width: 24%}
}@media screen and (max-width:768px) {
    section#prod-suggested li {
    width: 32.33%}
}@media screen and (max-width:480px) {
    section#prod-suggested li {
    width: 49%}
}section#main #insert-coupon {
    padding: 1em 0;
    height: 64px;
    background-image: url(../../img/frontend/coupon.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 70px;
}
section#main #insert-coupon>a.button {
    padding: .1em .8em;
    line-height: normal;
}
table tr:nth-child(even).valid, table tr:nth-child(odd).valid {
    background-color: #BDEFC1;
}
table tr:nth-child(even).invalid, table tr:nth-child(odd).invalid {
    background-color: #FFC1C1;
}
table tr.invalid td {
    color: #CE0000;
}
div#cart-widget {
    position: absolute;
    top: -52px;
    right: 50%;
    margin-right: -608px;
    padding: 0;
    z-index: 1001;
    font-size: 16px;
    transition: opacity 300ms, visibility 300ms;
}
.minimized div#cart-widget {
    opacity: 0;
    visibility: hidden;
}
div#cart-widget>div.content>a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 36px;
    padding: 6px 10px;
    margin: 0;
    border: 0;
    cursor: pointer;
    background: #ececec;
}
div#cart-widget>div.content>a img {
    float: left;
    width: 24px;
    height: 24px;
}
div#cart-widget>div.content>a p {
    float: left;
    margin: 3px 0 0 0;
    text-align: center;
    line-height: 20px;
    margin-left: 10px;
    color: #888;
    font-size: .9em;
    font-weight: 700;
}
div#cart-widget>div.full>a p {
    color: #333;
}
div#cart-widget>div.content>a p.qt {
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    padding: 0 5px;
    font-weight: 400;
    background: #b0b0b0;
}
div#cart-widget>div.full>a p.qt {
    background: #8b8b8b;
    background-color: var(--bg-color);
}
div#cart-widget>div.content>a img.arrow {
    float: right;
    display: none;
    width: 22px;
    height: 16px;
    margin: 4px 0 0 8px;
    padding-left: 6px;
    border-left: 1px solid #c8c8c8;
}
div#cart-widget>div.full>a img.arrow {
    display: block;
}
@media screen and (max-width:1280px) {
    div#cart-widget {
    right: 20px;
    margin-right: 0;
}
}@media screen and (max-width:1024px) {
    div#cart-widget>div.full>a img.arrow {
    display: none;
}
}@media screen and (max-width:768px) {
    header #cart-toggle {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}
.cart-collapsed {
    display: none;
}
.cart-expanded {
    display: block;
}
#cart-toggle p.qt {
    position: absolute;
    top: 5px;
    right: 5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #000;
    padding: 0 6px;
    margin: 0;
    font-size: 14px;
    background: #e0e0e0;
}
#cart-toggle>div.full p.qt {
    color: #fff;
    background: #8b8b8b;
    background-color: var(--bg-color);
}
}div#cart-widget .item-list {
    display: none;
    position: absolute;
    width: 280px;
    margin-top: -5px;
    right: -20px;
    padding: 10px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    background: #fff;
}
div#cart-widget .item-list:before {
    bottom: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    border: solid rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: 74px;
}
div#cart-widget>div.full:hover .item-list {
    display: block;
}
div#cart-widget .item-list>ul>li {
    float: left;
    width: 260px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e8e8e8;
}
div#cart-widget .item-list>ul>li:LAST-CHILD {
    border-bottom: 0;
}
div#cart-widget .item-list>ul>li .col1 {
    float: left;
    width: 22%;
    position: relative;
    height: 0;
    padding: 22% 0 0 0;
    overflow: hidden;
}
div#cart-widget .item-list>ul>li img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
}
div#cart-widget .item-list>ul>li .col2 {
    float: left;
    width: 78%;
    padding-left: 6px;
}
div#cart-widget .item-list>ul>li p {
    float: none;
    text-align: left;
    overflow: hidden;
    line-height: 16px;
    margin-left: 10px;
    font-size: .75em;
    font-weight: 400;
}
div#cart-widget .item-list>ul>li p.desc>a:hover {
    text-decoration: underline;
}
div#cart-widget .item-list>ul>li p.price {
    color: #333;
    font-size: .9em;
    font-weight: 700;
}
div#cart-widget .item-list a.button {
    width: 100%;
    text-align: center;
    padding: 12px 0;
    height: auto;
}
@media screen and (max-width:1024px) {
    div#cart-widget>div.full: hover .item-list {
    display: none;
}
}div#cart-widget ul.extra>li>p {
    margin: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
div#cart-widget ul.extra>li>p.desc {
    font-size: .72em;
    color: #666;
    width: 75%}
div#cart-widget ul.extra>li>p.price {
    font-size: .72em;
    width: 25%;
    text-align: right;
    font-weight: 400;
}
div#search-grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
div#search-grid>div.grid-container {
    width: 70%}
div#search-grid>div.search {
    width: 27.5%;
    padding: 2%;
    border: 1px #f0f0f0 solid;
    background-color: #f6f6f6;
    font-size: .85em;
    z-index: 1;
}
div#search-grid>div.search form {
    margin-top: 25px;
}
div#search-grid>div.search ul>li {
    width: 100%;
    margin-bottom: 35px;
}
div#search-grid>div.search ul>li label {
    line-height: 26px;
    height: 26px;
    top: 0;
}
div#search-grid>div.search ul>li label.active {
    transform: translateY(-20px);
    font-size: 11px;
}
div#search-grid>div.search ul>li div.field {
    width: 100%}
div#search-grid>div.search ul>li div.field input {
    width: 100%;
    outline: none;
    border: 0;
    background-color: transparent;
    border-bottom: #7a7a7a 1px solid;
    line-height: 26px;
    height: 26px;
    z-index: 1;
}
@media screen and (max-width:1024px) {
    div#search-grid>div.grid-container {
    width: 100%;
    padding-bottom: 10%}
div#search-grid>div.search {
    width: 100%;
    margin-left: 0;
    padding: 2%;
    position: static;
    margin-top: 0;
}
}.grid-container>.datagrid {
    position: relative;
}
ul.item-list {
    width: 100%;
    font-size: 0;
    position: relative;
    margin-top: 5px;
}
ul.item-list>li {
    position: relative;
    border-style: solid;
    border-color: #ddd;
    cursor: pointer;
    overflow: hidden;
}
ul.item-list>li.order {
    overflow: visible;
}
ul.item-list>li a {
    color: #333;
}
ul.item-list>li.selected, ul.item-list>li.selected:hover {
    background: var(--bg-color);
    border-color: var(--bg-color);
    -webkit-box-shadow: 0 15px 21px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 15px 21px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 15px 21px 0 rgba(0, 0, 0, .4);
    z-index: 999;
}
ul.item-list.order>li.selected>div.tracking_link>a.tracking_link, ul.item-list-style-1>li.selected>a>div.txtcont>div.payment>p, ul.item-list-style-1>li.selected>a>div.txtcont>div.payment>span, ul.item-list-style-1>li.selected>a>div.txtcont>p.tot>span, ul.item-list-style-1>li.selected>a>div.txtcont>h4, ul.item-list-style-2>li.selected>a>div.txtcont>div.payment>p, ul.item-list-style-2>li.selected>a>div.txtcont>div.payment>span, ul.item-list-style-2>li.selected>a>div.txtcont>p.tot>span, ul.item-list-style-2>li.selected>a>div.txtcont>h4 {
    color: #fff;
}
ul.item-list-style-1>li.selected>a>div.txtcont>p, ul.item-list-style-2>li.selected>a>div.txtcont>p {
    color: #fff;
}
ul.item-list-style-1>li.selected>a>div.txtcont>p.payment, ul.item-list-style-2>li.selected>a>div.txtcont>p.payment {
    color: lightgrey;
}
ul.item-list>li:hover * {
    text-decoration: none;
}
ul.item-list>li div.txtcont>h4 {
    display: inline-block;
    width: 100%;
    font-weight: 400;
    text-align: center;
}
ul.item-list>li div.txtcont>p {
    font-size: 13px;
    color: #888;
    margin-bottom: 0;
    height: 1.25em;
    text-align: center;
}
ul.item-list>li>a {
    display: block;
}
ul.item-list-style-1>li, ul.item-list-style-2>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    padding: 1% 1% 22px 1%;
    margin: .5%;
    border-width: 1px;
    box-shadow: 0 0 3px #ddd;
    text-align: center;
}
ul.item-list-style-1>li {
    width: 32.33%;
    transition: all 300ms;
}
ul.item-list-style-2>li {
    width: 49%;
    transition: all 300ms;
}
ul.item-list-style-1>li:hover, ul.item-list-style-2>li:hover {
    background: var(--bg-color_2);
    border-color: var(--bg-color);
    -webkit-box-shadow: 0 15px 21px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 15px 21px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 15px 21px 0 rgba(0, 0, 0, .4);
    z-index: 999;
}
ul.item-list>li:hover>a>div.txtcont>p, ul.item-list.order>li:hover>a>div.txtcont>p, ul.item-list-style-1>li:hover>a>div.txtcont>div.payment>p, ul.item-list-style-1>li:hover>a>div.txtcont>div.payment>span, ul.item-list-style-1>li:hover>a>div.txtcont>p.tot>span, ul.item-list-style-1>li:hover>a>div.txtcont>h4, ul.item-list-style-1>li:hover>a>div.txtcont>p, ul.item-list-style-2>li:hover>a>div.txtcont>div.payment>p, ul.item-list-style-2>li:hover>a>div.txtcont>div.payment>span, ul.item-list-style-2>li:hover>a>div.txtcont>p.tot>span, ul.item-list-style-2>li:hover>a>div.txtcont>h4, ul.item-list-style-2>li:hover>a>div.txtcont>p {
    color: #fff;
}
ul.item-list.order>li:hover>div.tracking_link {
    border-color: #000;
}
ul.item-list.order>li:hover>div.tracking_link>a.tracking_link {
    color: #000;
}
ul.item-list.order>li:hover>div.tracking_link>svg {
    fill: #000;
}
ul.item-list.order>li:hover>a>div.txtcont>p.payment, ul.item-list.order>li:hover>a>div.txtcont>p.payment {
    color: lightgrey;
}
ul.item-list-style-1>li>a>div.imgcont, ul.item-list-style-2>li>a>div.imgcont {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
}
ul.item-list-style-1>li>a>div.imgcont>img, ul.item-list-style-2>li>a>div.imgcont>img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
ul.item-list-style-1>li>a>div.iconcont, ul.item-list-style-2>li>a>div.iconcont {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
}
ul.item-list-style-1>li>a>div.iconcont>img, ul.item-list-style-2>li>a>div.iconcont>img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
ul.item-list-style-1>li>a>div.txtcont, ul.item-list-style-2>li>a>div.txtcont {
    display: block;
}
ul.item-list-style-1>li div.txtcont>h4, ul.item-list-style-2>li div.txtcont>h4 {
    font-size: 14px;
    line-height: 1.05em;
    height: 2em;
    overflow: hidden;
    margin: .25em 0 0 0;
}
ul.item-list-style-1>li button, ul.item-list-style-2>li button {
    left: 2px;
    bottom: 2px;
}
ul.item-list-style-3>li {
    display: block;
    border-width: 0 0 1px 0;
    padding: 1% 1% 22px 1%;
    text-align: left;
}
ul.item-list-style-3>li:FIRST-CHILD {
    border-width: 1px 0 1px 0;
}
ul.item-list-style-3>li.selected {
    border-color: var(--bg-color);
    background-color: var(--bg-color);
}
ul.item-list-style-3>li:hover {
    border-color: var(--bg-color);
    background-color: var(--bg-color_2);
}
ul.item-list-style-3>li.selected>a>div.txtcont>p {
    color: #fff;
}
ul.item-list-style-3>li>a>div.imgcont {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 7.5%;
    margin-right: 3.5%}
ul.item-list-style-3>li>a>div.imgcont>img {
    max-width: 100%;
    max-height: 100%}
ul.item-list-style-3>li>a>div.iconcont {
    float: right;
    margin-right: 50px;
}
ul.item-list-style-3>li>a>div.iconcont>img {
    max-width: 100%;
    max-height: 100%}
ul.item-list-style-3>li>a>div.txtcont {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
ul.item-list-style-3>li div.txtcont>h4 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: .5em;
    text-align: left;
}
ul.item-list-style-3>li div.txtcont>p {
    margin: 0;
    text-align: left;
}
ul.item-list-style-3>li button {
    top: 2px;
    right: 2px;
}
ul.item-list-style-4>li {
    display: block;
    border-width: 0 0 1px 0;
    padding: 7px 5px;
    text-align: left;
}
ul.item-list-style-4>li.selected {
    border-color: #ddd;
    background-color: #e1fde1;
    background-position: center right;
}
ul.item-list-style-4>li:FIRST-CHILD {
    border-width: 1px 0 1px 0;
}
ul.item-list-style-4>li.selected {
    border-color: var(--bg-color);
    background-color: var(--bg-color);
}
ul.item-list-style-4>li:hover {
    border-color: var(--bg-color);
    background-color: var(--bg-color_2);
}
ul.item-list-style-4>li.selected>a>div.txtcont>p {
    color: #fff;
}
ul.item-list-style-4>li>a>div.imgcont {
    display: none;
}
ul.item-list-style-4>li>a>div.iconcont {
    float: right;
    margin-right: 50px;
}
ul.item-list-style-4>li>a>div.iconcont>img {
    max-width: 100%;
    max-height: 100%}
ul.item-list-style-4>li>a>div.txtcont {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 0 0 30px;
}
ul.item-list-style-4>li div.txtcont>h4 {
    font-size: 14px;
    margin: 0;
    text-align: left;
}
ul.item-list-style-4>li div.txtcont>p {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 1em 0 0;
    vertical-align: top;
    text-align: left;
}
ul.item-list-style-4>li button {
    top: 5px;
    left: 5px;
}
ul.item-list.item-list-style-2.order>li {
    padding: 10px 10px 10px 10px;
}
ul.item-list.order>li>a>div.txtcont {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.item-list.order>li>a>div.txtcont>p {
    width: 49%;
    text-align: left;
}
ul.item-list.order>li>a>div.txtcont>h4 {
    width: 49%;
    text-align: right;
    transition: all 300ms;
}
ul.item-list.order>li>a>div.txtcont>p.tot {
    width: 24%;
    line-height: 30px;
    transition: all 300ms;
}
ul.item-list.order>li>a>div.txtcont>p.payment {
    width: 100%;
    text-align: right;
    margin-bottom: 15px;
    transition: all 300ms;
}
ul.item-list.order>li>a div.payment {
    display: inline-flex;
    width: 74%;
    text-align: right;
    line-height: 30px;
    height: 30px;
    font-size: 16px;
    transition: all 12000ms;
    position: relative;
    top: 0;
    right: 0;
}
ul.item-list.order>li>a div.payment>p {
    transition: all 300ms;
    position: absolute;
    right: 120px;
    top: 3px;
    color: #888;
}
ul.item-list.order>li>a div.payment>span {
    transition: all 300ms;
    position: absolute;
    right: 0;
}
ul.item-list.order>li>div.tracking_link {
    display: inline-block;
    width: auto;
    left: 10px;
    top: 37px;
    font-size: 13px;
    color: #555;
    position: absolute;
    border: lightgrey 1px solid;
    border-radius: 3px;
    padding: 3px 5px;
    transition: all 300ms;
    padding-left: 35px;
}
ul.item-list.order>li>div.tracking_link>svg {
    display: inline-block;
    width: auto;
    left: 0;
    top: 0;
    position: absolute;
    padding: 3px 7px;
    transition: all 300ms;
    fill: grey;
}
ul.item-list.order>li>div.tracking_link:hover {
    background-color: var(--bg-color_3);
    color: #000;
}
ul.item-list.order>li>div.tracking_link:hover svg {
    fill: #000;
}
ul.item-list>li.item-list-status-2 a {
    color: #bbb;
}
ul.item-list>li.item-list-status-2>a>div.imgcont>img {
    opacity: .3;
}
ul.item-list>li.item-list-status-2 button {
    opacity: .3;
}
@media screen and (max-width:1024px) {
    ul.item-list-style-1>li, ul.item-list-style-2>li, ul.item-list-style-3>li, ul.item-list-style-4>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    padding: 1% 1% 22px 1%;
    margin: .5%;
    border-width: 1px;
    box-shadow: 0 0 3px #ddd;
    text-align: center;
    width: 49%}
ul.item-list-style-3>li:hover, ul.item-list-style-4>li:hover {
    border: 1px #bbb solid;
    box-shadow: 0 0 3px #bbb;
    color: #000;
}
ul.item-list-style-3>li.selected:hover, ul.item-list-style-4>li.selected:hover {
    border-color: #15CB16;
}
ul.item-list-style-1>li button, ul.item-list-style-2>li button, ul.item-list-style-3>li button, ul.item-list-style-4>li button {
    left: 2px;
    bottom: 2px;
    border: 1px solid silver;
    border-radius: 3px;
}
ul.item-list-style-1>li>a>div.imgcont, ul.item-list-style-2>li>a>div.imgcont, ul.item-list-style-3>li>a>div.imgcont, ul.item-list-style-4>li>a>div.imgcont {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
}
ul.item-list-style-1>li>a>div.imgcont>img, ul.item-list-style-2>li>a>div.imgcont>img, ul.item-list-style-3>li>a>div.imgcont>img, ul.item-list-style-4>li>a>div.imgcont>img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
ul.item-list-style-1>li>a>div.iconcont, ul.item-list-style-2>li>a>div.iconcont, ul.item-list-style-3>li>a>div.iconcont, ul.item-list-style-4>li>a>div.iconcont {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
}
ul.item-list-style-1>li>a>div.iconcont>img, ul.item-list-style-2>li>a>div.iconcont>img, ul.item-list-style-3>li>a>div.iconcont>img, ul.item-list-style-4>li>a>div.iconcont>img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
ul.item-list-style-1>li>a>div.txtcont, ul.item-list-style-2>li>a>div.txtcont, ul.item-list-style-3>li>a>div.txtcont, ul.item-list-style-4>li>a>div.txtcont {
    display: block;
}
ul.item-list-style-1>li div.txtcont>h4, ul.item-list-style-2>li div.txtcont>h4, ul.item-list-style-3>li div.txtcont>h4, ul.item-list-style-4>li div.txtcont>h4 {
    font-size: 14px;
    line-height: 1.05em;
    height: 2em;
    overflow: hidden;
    margin: .25em 0 0 0;
    text-align: center;
}
ul.item-list-style-1>li div.txtcont>p, ul.item-list-style-2>li div.txtcont>p, ul.item-list-style-3>li div.txtcont>p, ul.item-list-style-4>li div.txtcont>p {
    text-align: center;
}
}@media screen and (max-width:768px) {
    ul.item-list.order>li>a div.payment>p {
    font-size: 13px;
    top: 5px;
}
}@media screen and (max-width:630px) {
    ul.item-list.order>li>a div.payment>p {
    font-size: 16px;
    top: 3px;
}
}@media screen and (max-width:630px) {
    ul.item-list-style-1>li, ul.item-list-style-2>li, ul.item-list-style-3>li, ul.item-list-style-4>li {
    width: 99%;
    transition: all 100ms;
}
ul.item-list-style-1>li:hover, ul.item-list-style-2>li:hover {
    background: #fff;
    border-color: #ddd;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .4);
    z-index: 0;
}
ul.item-list>li:hover>a>div.txtcont>p, ul.item-list.order>li:hover>a>div.txtcont>p, ul.item-list-style-1>li:hover>a>div.txtcont>div.payment>p, ul.item-list-style-1>li:hover>a>div.txtcont>div.payment>span, ul.item-list-style-1>li:hover>a>div.txtcont>p.tot>span, ul.item-list-style-1>li:hover>a>div.txtcont>h4, ul.item-list-style-2>li:hover>a>div.txtcont>p, ul.item-list-style-2>li:hover>a>div.txtcont>div.payment>p, ul.item-list-style-2>li:hover>a>div.txtcont>div.payment>span, ul.item-list-style-2>li:hover>a>div.txtcont>p.tot>span, ul.item-list-style-2>li:hover>a>div.txtcont>h4, ul.item-list-style-2>li:hover>a>div.txtcont>p {
    color: #000;
}
ul.item-list.order>li.selected>div.tracking_link>a.tracking_link, ul.item-list-style-1>li.selected:hover>a>div.txtcont>p ul.item-list-style-1>li.selected:hover>a>div.txtcont>div.payment>p, ul.item-list-style-1>li.selected:hover>a>div.txtcont>div.payment>span, ul.item-list-style-1>li.selected:hover>a>div.txtcont>p.tot>span, ul.item-list-style-1>li.selected:hover>a>div.txtcont>h4, ul.item-list-style-2>li.selected:hover>a>div.txtcont>p ul.item-list-style-2>li.selected:hover>a>div.txtcont>div.payment>p, ul.item-list-style-2>li.selected:hover>a>div.txtcont>div.payment>span, ul.item-list-style-2>li.selected:hover>a>div.txtcont>p.tot>span, ul.item-list-style-2>li.selected:hover>a>div.txtcont>h4 {
    color: #fff;
}
}@media screen and (max-width:420px) {
    ul.item-list.order>li>a div.payment>p {
    font-size: 13px;
    top: 5px;
}
}ul.item-list>li button {
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: transparent;
    border: 0;
    background-image: url(../../img/frontend/more.png);
    background-position: center center;
    background-size: 50%;
    background-repeat: no-repeat;
}
ul.item-list>li button:hover {
    background-image: url(../../img/backend/preload.gif);
}
div.qv {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 1000;
    overflow-y: hidden;
}
div.qv-content-box {
    display: block;
    flex-direction: column;
    font-size: 14px;
    position: fixed;
    padding: 0;
    width: 40%;
    height: 90%;
    top: 5%;
    left: 55%;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0 0 3px #fff;
    text-align: left;
    overflow: auto;
}
div.qv>h3, div.qv-content-box>h3 {
    position: relative;
    display: inline-block;
    font-weight: 400;
    background-color: #f1f1f1;
    font-size: 23px;
    line-height: 30px;
    padding: 5px 64px 5px 20px;
    margin: 0;
    min-height: 40px;
    max-height: 40px;
    overflow: hidden;
}
div.qv>h3 span, div.qv-content-box>h3 span {
    position: absolute;
    right: 20px;
    top: 8px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(../../img/backend/close.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}
div.qv>ul, div.qv-content-box>ul {
    display: inline-block;
    padding: 20px 20px 10px 20px;
    background-color: #fff;
    overflow: auto;
    cursor: default;
    margin-bottom: 0;
    -webkit-backface-visibility: hidden;
}
div.qv>ul>li, div.qv-content-box>ul>li {
    margin-bottom: 15px;
    cursor: default;
}
div.qv>ul>li:last-child, div.qv-content-box>ul>li:last-child {
    margin-bottom: 0;
}
div.qv>ul>li>label, div.qv-content-box>ul>li>label {
    display: block;
    font-size: .9em;
    color: #8b8b8b;
    color: var(--bg-color);
}
p.tot-ordine {
    font-size: 1.75em;
    text-align: right;
    margin-bottom: 0;
}
div.qv .grid {
    width: 100%}
div.qv .grid th:not(:first-child) {
    text-align: right;
}
div.qv .grid th:first-child {
    width: 30%}
div.qv .grid th:nth-child(2) {
    width: 60px;
    min-width: 45px;
}
div.qv .grid th:nth-child(3), div.qv .grid th:nth-child(4) {
    min-width: 80px;
    width: 90px;
}
@media screen and (max-width:1440px) {
    div.qv-content-box {
    width: 60%;
    left: 30%}
}@media screen and (max-width:1024px) {
    ul.item-list>li button {
    border: 1px solid silver;
    border-radius: 3px;
}
ul.item-list>li button:hover {
    background-image: url(../../img/frontend/more.png);
}
div.qv-content-box {
    width: 80%;
    left: 10%}
div.qv>h3.fix_title {
    width: 90%;
    padding: 10px;
    position: fixed;
    top: 5%;
    left: 5%;
    line-height: 30px;
    margin: 0;
    background: silver;
}
div.qv>h3.fix_title span {
    margin: 0;
    z-index: 99999999;
    display: inline-block;
}
}@media screen and (max-width:768px) {
    div.qv-content-box {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
}@media screen and (max-width:480px) {
    div.qv {
    font-size: 12px;
}
}div#data-grid-helper {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    font-size: .95em;
    padding: 0 .5%;
    height: 20px;
    line-height: 20px;
    position: relative;
}
div#data-grid-helper>div:first-child {
    position: absolute;
    left: 0;
    top: 0;
}
div#data-grid-helper div.limited {
    margin-left: 20px;
    display: inline-block;
    line-height: 20px;
    position: relative;
    z-index: 1;
}
div#data-grid-helper div.limited>a {
    color: #F48703;
}
div#data-grid-helper div.limited>img {
    float: left;
    max-width: 18px;
    margin-top: -2px;
    margin-right: 3px;
}
div#data-grid-helper div.limited>.limited-panel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
    border: 1px #ccc solid;
    padding: 20px;
    color: #666;
    background-color: #fff;
    line-height: 15px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
div#data-grid-helper div.limited>.limited-panel>a {
    text-decoration: underline;
}
div#data-grid-helper>.select-all {
    color: #777;
    margin-left: 15px;
    line-height: 20px;
    vertical-align: bottom;
}
div#data-grid-helper>.select-all>input {
    margin-left: 5px;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}
div#data-grid-helper>.select-all>label {
    display: inline-block;
    line-height: 20px;
    vertical-align: bottom;
}
div#data-grid-helper>.change-style {
    float: right;
    font-size: 0;
    height: 20px;
    margin-left: 15px;
}
div#data-grid-helper>.change-style>a {
    margin-left: 10px;
}
@media screen and (max-width:1024px) {
    div#data-grid-helper>.change-style {
    display: none;
}
}.datagrid>.sort-link {
    position: absolute;
    top: 0;
    left: 100px;
    width: auto;
    text-align: center;
    height: 20px;
    line-height: 20px;
}
.datagrid>.sort-link>a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    color: #a1a09c;
    color: var(--bg-color_2);
    position: relative;
    height: 20px;
    line-height: 20px;
}
.datagrid>.sort-link>a.ord-asc, .datagrid>.sort-link>a.ord-desc {
    padding-right: 1em;
    color: #8b8b8b;
    color: var(--bg-color);
}
.datagrid>.sort-link>a.ord-asc:after, .datagrid>.sort-link>a.ord-desc:after {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .8em;
}
.datagrid>.sort-link>a.ord-asc:after {
    content: "\25b2"}
.datagrid>.sort-link>a.ord-desc:after {
    content: "\25bc"}
ul.faq-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    text-align: center;
}
ul.faq-list li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 31.666%;
    height: auto;
    vertical-align: top;
    text-align: center;
    padding: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    transition: all 300ms;
    border: 1px solid whitesmoke;
    border-radius: 10px;
}
ul.faq-list li:hover {
    -webkit-box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, .13);
    -moz-box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, .13);
    box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, .13);
}
ul.faq-list li:nth-child(3n+0) {
    margin-right: 0;
}
ul.faq-list li div.image {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 64px 0 0 0;
    overflow: hidden;
}
ul.faq-list li div.image div.imgcont picture, ul.faq-list li div.image div.imgcont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
ul.faq-list li div.image img {
    display: block;
    width: auto;
    height: 100%;
    object-fit: cover;
}
ul.faq-list li div.text {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
    height: 100px;
}
ul.faq-list li h4 {
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    color: #8b8b8b;
    color: var(--bg-color);
    font-size: 1.2em;
    line-height: 1.1em;
    margin: 0 0 5% 0;
    padding: 0 0 5% 0;
}
ul.faq-list li h4:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 2px solid #ddd;
    width: 40px;
    content: '';
    transition: all 300ms;
}
ul.faq-list li:hover h4:after {
    border-bottom: 2px solid #bbb;
    width: 80px;
}
ul.faq-list li:hover h4 {
    color: #000;
}
ul.faq-list li p {
    width: 100%;
    font-size: .9em;
    line-height: 1.25em;
    text-align: center;
    color: #666;
    margin: 0;
    padding: 0;
    height: 2.5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
ul.faq-list li:hover p {
    color: #000;
}
@media screen and (max-width:1280px) {
    ul.faq-list li div.text {
    height: 135px;
}
ul.faq-list li h4 {
    height: 2.2em;
    margin-bottom: 1.1em;
    padding: 0;
}
ul.faq-list li h4:after {
    bottom: -.55em;
}
ul.faq-list li p {
    height: 3.75em;
    -webkit-line-clamp: 3;
}
}@media screen and (max-width:1024px) {
    ul.faq-list li {
    width: 31.66666666%}
ul.faq-list li:nth-child(4n+0) {
    margin-right: 2.5%}
ul.faq-list li:nth-child(3n+0) {
    margin-right: 0;
}
}@media screen and (max-width:768px) {
    ul.faq-list li {
    width: 48.75%}
ul.faq-list li:nth-child(4n+0) {
    margin-right: 2.5%}
ul.faq-list li:nth-child(3n+0) {
    margin-right: 2.5%}
ul.faq-list li:nth-child(2n+0) {
    margin-right: 0%}
}@media screen and (max-width:480px) {
    ul.faq-list {
    margin-left: 0%}
ul.faq-list li {
    display: block;
    width: 100%;
    margin: 0 0 5% 0;
    text-align: center;
}
ul.faq-list li:nth-child(4n+0) {
    margin-right: 0;
}
ul.faq-list li:nth-child(3n+0) {
    margin-right: 0;
}
ul.faq-list li div.text {
    height: auto;
}
ul.faq-list li p {
    height: auto;
    -webkit-line-clamp: 6;
}
}div.faq-container {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
div.faq-container>div.categories {
    width: 20%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
div.faq-container.no_cat>div.categories {
    display: none;
    width: 0;
}
div.faq-container>div.list {
    width: 80%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
div.faq-container.no_cat>div.list {
    width: 100%}
div.faq-categories-select {
    display: none;
}
ul.faq-categories-list {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    text-align: center;
    width: 95%}
ul.faq-categories-list li {
    width: 100%}
ul.faq-categories-list>li>a {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5%;
    width: 100%;
    background-color: #fff;
    color: #000;
    transition: all 300ms;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 5px;
    border: 1px solid whitesmoke;
}
ul.faq-categories-list>li.active a {
    border: 1px solid #2d80b2;
    border: 1px solid var(--bg-color);
    background-color: #2d80b2;
    background-color: var(--bg-color);
    color: #fff;
}
ul.faq-categories-list>li:hover a {
    border: 1px solid #4ea9e3;
    border: 1px solid var(--bg-color_2);
    background-color: #4ea9e3;
    background-color: var(--bg-color_2);
    color: #fff;
}
ul.faq-categories-list li img {
    width: 40px;
    height: 40px;
    transition: all 300ms;
}
ul.faq-categories-list li.active img, ul.faq-categories-list li:hover img {
    filter: invert(1);
}
ul.faq-categories-list li h4 {
    width: calc(100% - 64px);
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
}
ul.faq-list-detail {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    text-align: center;
    width: 100%}
ul.faq-list-detail li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%;
    height: auto;
    vertical-align: top;
    text-align: center;
    transition: all 300ms;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid whitesmoke;
}
ul.faq-list-detail.advanced {
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.faq-list-detail.advanced li {
    width: 48.75%;
    margin-bottom: 2.5%;
    cursor: default;
    border-radius: 5px;
    overflow: hidden;
}
ul.faq-list-detail li.active, ul.faq-list-detail li:hover {
    background-color: whitesmoke;
}
ul.faq-list-detail.advanced li:hover {
    background-color: #fff;
}
ul.faq-list-detail li div.row {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 300ms;
    padding: 1% 2.5%}
ul.faq-list-detail.advanced>li>div.row:first-child {
    padding: 3% 5%;
    background-color: rgb(87, 152, 187);
    color: #fff;
    transition: all 300ms;
}
ul.faq-list-detail.advanced>li:hover>div.row:first-child {
    background-color: #2d80b2;
}
ul.faq-list-detail li div.row:before {
    position: absolute;
    bottom: 0;
    left: 2.5%;
    content: '';
    width: 0;
    border-bottom: 1px solid #999;
    transition: all 1500ms;
}
ul.faq-list-detail li.active div.row:before {
    width: 95%}
ul.faq-list-detail.advanced li div.inner-row {
    padding-left: 5%}
ul.faq-list-detail li div.row picture {
    display: flex;
    justify-content: center;
    align-items: center;
}
ul.faq-list-detail li div.row img {
    width: 64px;
    height: 64px;
    margin-right: 16px;
}
ul.faq-list-detail.advanced>li>div.row:first-child img {
    filter: invert(1);
}
ul.faq-list-detail.advanced li div.row img {
    width: 40px;
    height: 40px;
    margin-right: 8px;
}
ul.faq-list-detail.advanced>li>div.row:first-child img {
    width: 56px;
    height: 56px;
    margin-right: 16px;
}
ul.faq-list-detail.advanced li div.inner-row img {
    width: 28px;
    height: 28px;
    margin-right: 12px;
}
ul.faq-list-detail.advanced li div.list {
    background-color: #fff;
    transition: all 300ms;
    position: relative;
    cursor: pointer;
}
ul.faq-list-detail.advanced li div.list div.inner-row:before {
    position: absolute;
    bottom: 0;
    left: 2.5%;
    content: '';
    width: 0;
    border-bottom: 1px solid #999;
    transition: all 1500ms;
}
ul.faq-list-detail.advanced li div.list.active div.inner-row:before {
    width: 95%}
ul.faq-list-detail.advanced li div.list.active, ul.faq-list-detail.advanced li div.list:hover {
    background-color: whitesmoke;
}
ul.faq-list-detail li div.row h4 {
    width: calc(100% - 80px);
    text-align: left;
    margin: 0;
    width: 100%;
    padding: 5px 0;
    position: relative;
    padding-right: 24px;
}
ul.faq-list-detail.advanced li div.row>h4 {
    font-size: 22px;
}
ul.faq-list-detail.advanced li div.inner-row.row>h4 {
    font-size: 17px;
    line-height: 18px;
    font-weight: 500;
    padding-right: 15px;
}
ul.faq-list-detail li div.row h4:after {
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    content: '\e5cf';
    color: #222;
    font-size: 24px;
    font-family: 'Material Icons';
    transition: all 300ms;
}
ul.faq-list-detail.advanced>li>div.row>h4:after {
    display: none;
}
ul.faq-list-detail li.active div.row h4:after {
    transform: translateY(-50%) rotateX(180deg);
}
ul.faq-list-detail.advanced li div.list.active h4:after {
    transform: translateY(-50%) rotateX(180deg);
}
ul.faq-list-detail li div.value {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    transition: all 1000ms;
    overflow: hidden;
    max-height: 0;
}
ul.faq-list-detail li.active div.value {
    max-height: 200px;
    position: relative;
    padding: 1% 0;
}
ul.faq-list-detail li div.list.active div.value {
    max-height: 200px;
    position: relative;
    padding: 1% 0;
}
ul.faq-list-detail.advanced li div.list.active div.value {
    padding: 2.5% 0;
}
ul.faq-list-detail.advanced li div.value p {
    font-size: 16px;
    line-height: 18px;
}
ul.faq-list-detail li div.value p.absolute {
    text-align: left;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 2.5%;
    width: 95%;
    transform: translateY(-50%);
}
ul.faq-list-detail.advanced li div.value p.absolute {
    left: 7.5%;
    width: 87.5%}
ul.faq-list-detail li div.value p.hidden {
    margin: 0;
    opacity: 0;
    visibility: hidden;
    padding-left: 2.5%;
    width: 95%}
ul.faq-list-detail.advanced li div.value p.hidden {
    padding-left: 7.5%;
    width: 87.5%}
@media screen and (max-width:1024px) {
    div.faq-container>div.categories {
    width: 25%}
div.faq-container>div.list {
    width: 75%}
ul.faq-categories-list li h4 {
    width: 100%}
}@media screen and (max-width:768px) {
    div.faq-container {
    flex-flow: column;
}
div.faq-container>div.categories, div.faq-container>div.list {
    width: 100%}
ul.faq-list-detail.advanced {
    flex-flow: column;
}
ul.faq-list-detail.advanced li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.5%}
ul.faq-list-detail.advanced>li>div.row:first-child {
    padding: 10px;
}
ul.faq-list-detail.advanced>li>div.row:first-child img {
    width: 36px;
    height: 36px;
    margin-right: 12px;
}
ul.faq-list-detail li div.row>h4 {
    padding: 0 24px 0 0;
}
ul.faq-list-detail.advanced li div.inner-row, ul.faq-list-detail li div.row {
    padding: 1% 5px;
}
ul.faq-list-detail.advanced li div.inner-row {
    min-height: 40px;
}
ul.faq-list-detail.advanced li div.list.active div.value {
    padding: 1.5% 1%}
ul.faq-list-detail.advanced li div.value p.absolute {
    left: 2.5%;
    width: 95%}
ul.faq-list-detail.advanced li div.value p.hidden {
    padding-left: 2.5%;
    width: 95%}
ul.faq-list-detail li div.row h4:after {
    right: 0;
}
ul.faq-categories-list {
    display: none;
}
}@media screen and (max-width:480px) {
    ul.faq-list-detail.advanced li div.inner-row, ul.faq-list-detail li div.row {
    padding: 2.5%}
ul.faq-list-detail li div.row img {
    width: 48px;
    height: 48px;
    margin-right: 12px;
}
}.faq-categories-select .custom-select {
    position: relative;
    font-family: Arial;
    pointer-events: none;
    width: 250px;
}
.faq-categories-select .custom-select select {
    display: none;
}
.faq-categories-select .select-selected {
    background-color: #333;
    background-color: var(--bg-color);
    border-radius: 5px;
}
.faq-categories-select .select-selected:after {
    position: absolute;
    content: "";
    top: 22px;
    right: 14px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #333 transparent transparent transparent;
    border-color: var(--bg-color) transparent transparent transparent;
}
.faq-categories-select .select-selected.select-arrow-active:after {
    border-color: transparent transparent #333 transparent;
    border-color: transparent transparent var(--bg-color) transparent;
    top: 15px;
}
.faq-categories-select .select-items div, .faq-categories-select .select-selected {
    color: #fff;
    padding: 10px;
    border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
    cursor: pointer;
    height: 48px;
    transition: all 300ms;
    font-size: 17px;
    color: #333;
    background-color: whitesmoke;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.faq-categories-select .select-selected {
    color: #333;
    color: var(--bg-color);
    font-weight: 600;
}
.faq-categories-select .select-items {
    position: absolute;
    background-color: whitesmoke;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1001;
    transition: all 300ms;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
}
.faq-categories-select .select-items:nth-child(2n) {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1001;
    transition: all 300ms;
}
.faq-categories-select .select-hide {
    display: none;
}
.faq-categories-select .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, .05);
}
@media screen and (max-width:768px) {
    div.faq-categories-select {
    display: block;
    width: 100%;
    justify-content: flex-start;
    margin: 15px 0;
}
.faq-categories-select .custom-select {
    width: 100%}
}@media screen and (max-width:480px) {
    div.faq-categories-select {
    flex-flow: column;
}
.faq-categories-select .custom-select {
    width: 100%}
.faq-categories-select .select-selected:after {
    right: 17px;
}
}@media screen and (max-width:400px) {
    div.faq-categories-select {
    flex-flow: column;
}
}aside#news.fair {
    background-color: #f7f7f7;
    padding: 80px 0;
    text-align: center;
}
aside#news.fair h3 {
    font-size: 2em;
    font-weight: 700;
    letter-spacing: 3px;
    color: #000;
    margin-bottom: 40px;
}
ul.news.fair {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.inner-page ul.news.fair {
    justify-content: flex-start;
}
ul.news.fair li {
    position: relative;
    width: 31.666666%;
    background-color: #fff;
    padding: 10px 10px 60px 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    font-size: .9em;
    line-height: 2em;
    -webkit-box-shadow: 0 0 20px -15px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 20px -15px rgba(0, 0, 0, .75);
    box-shadow: 0 0 20px -15px rgba(0, 0, 0, .75);
}
.inner-page ul.news.fair li {
    margin-bottom: 2.5%;
    margin-right: 2.5%}
.inner-page ul.news.fair li:nth-child(3n+0) {
    margin-right: 0;
}
ul.news.fair li.year {
    width: 100%!important;
    height: 40px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-right: 0!important;
}
ul.news.fair li.filler {
    width: 0!important;
    margin: 0!important;
    padding: 0!important;
}
ul.news.fair li.year h4 {
    color: #1a1a1a;
    font-size: 26px;
    text-align: left!important;
    width: 100%;
    border-bottom: 1px solid #000;
}
ul.news.fair li>a>div:first-child {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 75% 0 0 0;
    overflow: hidden;
}
ul.news.fair li div.imgcont {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%}
ul.news.fair li div.imgcont img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.news.fair li div.namecont {
    position: relative;
    width: 100%;
    height: 4.9em;
}
ul.news.fair li h4 {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    line-height: normal;
    margin: 0;
    color: #666;
    font-weight: 700;
    font-size: 1.4em;
    text-align: center!important;
    padding: 10px 10px;
    transition: all 300ms;
}
ul.news.fair li:hover h4 {
    color: #000;
}
ul.news.fair li p {
    margin: 0;
    text-align: center!important;
    width: 100%;
    color: #666;
    transition: all 300ms;
    padding: 0 10px;
}
ul.news.fair li:hover p {
    color: #000;
}
ul.news.fair li div.time {
    position: absolute;
    left: 0;
    bottom: 20px;
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    color: #666;
    font-size: 18px;
    line-height: 30px;
    transition: all 300ms;
}
ul.news.fair li time {
    text-align: center;
    color: #666;
    font-size: 18px;
    line-height: 30px;
    transition: all 300ms;
}
ul.news.fair li:hover div.time, ul.news.fair li:hover time {
    color: #000;
}
ul.news.fair li div.time div.sep {
    margin: 0 6px;
}
ul.news.fair li time i {
    display: inline-block;
    vertical-align: bottom;
    font-size: 25px;
    line-height: 30px;
}
@media screen and (max-width:1280px) {
    .inner-page ul.news.fair li {
    height: auto;
}
}@media screen and (max-width:1024px) {
    ul.news.fair li {
    padding: 0 0 60px 0;
    font-size: .8em;
    line-height: 2em;
}
.inner-page ul.news.fair li {
    width: 48.75%}
.inner-page ul.news.fair li {
    margin-bottom: 2.5%;
    margin-right: 2.5%}
.inner-page ul.news.fair li:nth-child(3n+0) {
    margin-right: 2.5%}
.inner-page ul.news.fair li:nth-child(2n+0) {
    margin-right: 0;
}
}@media screen and (max-width:768px) {
    ul.news.fair li {
    width: 100%;
    margin-bottom: 5%;
    font-size: 1em;
    -webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 20px -10px rgba(0, 0, 0, .75);
    box-shadow: 0 0 20px -10px rgba(0, 0, 0, .75);
}
.inner-page ul.news.fair li {
    width: 100%;
    font-size: 1em;
    margin-bottom: 5%}
.inner-page ul.news.fair li {
    margin-right: 0;
}
.inner-page ul.news.fair li:nth-child(3n+0) {
    margin-right: 0;
}
}@media screen and (max-width:480px) {
    .inner-page ul.news.fair li {
    font-size: .9em;
}
}div#news-info.fair {
    width: 100%}
div#news-info.fair:after {
    content: "";
    clear: both;
    display: table;
}
div#news-info.fair>ul {
    float: left;
    width: 30%}
div#news-info.fair>ul img {
    display: inline-block;
    width: 100%}
div#news-info.fair>div.description {
    float: left;
    width: 70%;
    padding: 30px;
}
div#news-info.fair div.time {
    float: left;
    width: 100%;
    font-size: 1em;
    color: #444;
    padding-bottom: 20px;
    clear: both;
    display: flex;
    justify-content: flex-start;
}
div#news-info.fair time {
    font-size: 1em;
    color: #444;
    clear: both;
    width: auto;
}
div#news-info.fair div.time div.sep {
    margin: 0 6px;
}
@media screen and (max-width:768px) {
    div#news-info.fair>ul {
    float: none;
    width: 100%}
div#news-info.fair>img {
    float: none;
    width: 100%}
div#news-info.fair>div.description {
    float: none;
    width: 100%;
    padding: 5%}
}ul {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
ul.pointed-list li {
    list-style: inside;
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-size: 100%;
    font-family: 'Muli', sans-serif;
    color: #222;
}
.wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
main {
    margin-top: 95px;
    width: 100%;
    grid-area: main;
    align-self: stretch;
    min-height: 450px;
}
.home-page main {
    margin-top: 40px;
    margin-top: 0;
}
.ecommerce main {
    margin-top: 250px;
}
section#main {
    padding: 40px 0;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.6;
}
section#main>div.content {
    display: inline-flex;
    position: relative;
    flex-direction: row;
    margin: 2% 5%;
    width: 90%}
section#main>div.content>div.testo {
    margin-bottom: 0;
    width: 70%;
    margin-right: 2.5%;
    z-index: 2;
}
section#main>div.content>div.img {
    margin-bottom: 0;
    width: 27.5%;
    position: absolute;
    top: 50%;
    left: 72.5%;
    transform: translateY(-50%);
}
section#main>div.content>div.img img {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
section#main.paragraphs {
    padding: 0;
}
section.attachment {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    border-top: #e4e4e4 1px solid;
}
section.attachment h3 {
    color: #8b8b8b;
    color: var(--bg-color);
    font-weight: 800;
    letter-spacing: 1px;
}
@media screen and (max-width:1280px) {
    .wrapper {
    width: 95%}
section#main>div.content {
    width: 95%;
    margin: 2% 2.5%}
}@media screen and (max-width:1024px) {
    body {
    grid-template-rows: 150px 1fr auto;
}
main {
    margin-top: 80px;
}
.ecommerce main {
    margin-top: 190px;
}
.home-page section#main {
    font-size: 1em;
    line-height: normal;
}
section#main {
    padding: 25px 0 40px 0;
}
section#main h1 {
    font-size: 1.8em;
    line-height: normal;
}
section#main>div.content {
    margin-right: 0;
    display: block;
}
section#main>div.content>div.testo {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2.5%}
section#main>div.content>div.img {
    width: 100%;
    top: 0;
    left: 0;
    position: relative;
    transform: translateY(0);
}
section#main>div.content>div.img div.shadow {
    width: 0;
}
}@media screen and (max-width:768px) {
    body {
    grid-template-rows: 120px 1fr auto;
}
main {
    margin-top: 70px;
}
.ecommerce main {
    margin-top: 160px;
}
section#main {
    font-size: 1em;
    line-height: 1.6;
}
}@media screen and (max-width:480px) {
    main {
    margin-top: 60px;
}
section#main {
    line-height: normal;
}
}@media screen and (max-width:400px) {
    main {
    margin-top: 55px;
}
}section#slideshow {
    padding-top: 50%}
section#slideshow .slick-dots {
    bottom: 20px;
}
section#slideshow .slick-dots li button:hover, section#slideshow .slick-dots li.slick-active button {
    background-color: #0D80FE;
}
section#slideshow .slick-prev:before, section#slideshow .slick-next:before {
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    font-size: 40px;
    top: 30%}
section#slideshow .slick-prev:before {
    content: '←';
    left: 45%}
section#slideshow .slick-next:before {
    content: '→';
    left: 55%}
section#slideshow div.text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    margin: 0;
    padding: 3%;
    color: #fff;
    font-size: 2em;
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    z-index: 999;
}
section#slideshow div.text>.wrapper {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%}
section#slideshow div.text h4 {
    position: relative;
    text-align: left;
    font-size: 1em;
    line-height: 1em;
    color: #fff;
    text-transform: capitalize;
    font-weight:900;
    margin: 0 0 25px 0;
    width: 45%;
    bottom: -8rem;
    left: 0rem;
}
section#slideshow div.text p {
    position: relative;
    text-align: left;
    font-size: .9em;
    line-height: 1.3em;
    margin: 25px 0 12% 0;
    width: 80%;
    font-weight: 300;
}
section#slideshow div.text a span {
    position: relative;
    width: 300px;
    padding: 10px 30px;
    /*border: #fff 2px solid;*/
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: none;
    transition: all 300ms;
    border-radius: 4px;
    background-color: transparent;
}
section#slideshow div.text a:hover span {
    /*background-color: #0D80FE;*/
    /*border: 2px solid #0D80FE;*/
}
@media screen and (max-width:1280px) {
    section#slideshow {
    padding-top: 50%}
section#slideshow div.text {
    font-size: 1.6em;
}
section#slideshow .slick-prev, section#slideshow .slick-next {
    transform: none;
    top: 92%}
section#slideshow .slick-prev {
    left: 5px;
}
section#slideshow .slick-next {
    right: 5px;
}
}@media screen and (max-width:1024px) {
    section#slideshow {
    padding-top: 80%}
section#slideshow div.text {
    font-size: 1.8em;
}
section#slideshow div.text>.wrapper {
    padding-bottom: 10%}
}@media screen and (max-width:768px) {
    section#slideshow {
    padding-top: 130%}
section#slideshow div.text {
    font-size: 1.6em;
}
section#slideshow div.text>.wrapper {
    justify-content: flex-start;
    padding-bottom: 0;
    padding-top: 30%;
    align-items: center;
}
section#slideshow div.text h4 {
    margin-bottom: 5%;
    width: 100%;
    text-align: center;
}
section#slideshow div.text p {
    width: 100%;
    text-align: center;
}
}@media screen and (max-width:480px) {
    section#slideshow div.text {
    font-size: 1.35em;
}
section#slideshow div.text h4 {
    margin-bottom: 10%}
section#slideshow div.text p {
    margin-top: 10%}
}@media screen and (max-width:400px) {
    section#slideshow div.text {
    font-size: 1.15em;
}
}ul.img-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
}
ul.img-list li {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 19.2%;
    height: auto;
    padding: 0;
    margin-right: 1%;
    margin-bottom: 1%;
    vertical-align: top;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}
#main.prod-info ul.img-list li {
    width: 30%;
    margin-right: 2%;
    margin-bottom: 2%}
#main.prod-info ul.img-list.no-thumb li:nth-child(3n+0) {
    margin-right: 0;
}
ul.img-list.thumb li:nth-child(5n+1) {
    margin-right: 0;
}
ul.img-list.no-thumb li:nth-child(5n+0) {
    margin-right: 0;
}
.cont-360 {
    box-shadow: 0 0 10px -6px #999;
    position: relative;
}
.img-360 {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 50px;
    height: auto;
}
ul.img-list li>a {
    display: inline-block;
    width: 100%;
    height: 100%}
ul.img-list li>a>div {
    position: relative;
    width: 100%;
    height: 0;
    padding: 75% 0 0 0;
}
#main.prod-info ul.img-list li>a>div {
    padding-top: 60%}
ul.img-list li>a>div>div.imgcont {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
}
ul.img-list li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 300ms ease-in-out;
}
ul.img-list li:hover img {
    transform: scale(1.1);
}
ul.img-list li p {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    background-color: rgba(0, 0, 0, .59);
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #efefef;
    margin: 0;
    padding: 0 4px;
    transition: all 300ms ease-in-out;
}
div.imgcont.compat-object-fit {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}
div.imgcont.compat-object-fit>img {
    display: none;
    opacity: 0;
    width: 120px;
    height: 120px;
    object-fit: cover;
}
.pswp {
    height: calc(100% - 120px);
}
div.ps-thumbnails {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 1000000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    opacity: 0;
    visibility: hidden;
    transition-delay: 100ms;
    transition: all 300ms;
    padding: 0 5%}
div.ps-thumbnails div.container::-webkit-scrollbar {
    display: none;
}
div.ps-thumbnails div.container {
    height: 100px;
    overflow: scroll;
    display: flex;
    flex-flow: row;
    scrollbar-width: none;
}
div.ps-thumbnails.active {
    opacity: 1;
    visibility: visible;
    bottom: 0;
}
div.ps-thumbnails:before {
    background-color: #000;
    opacity: .86;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}
div.ps-thumbnails img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    cursor: pointer;
    transition: all 300ms;
    filter: grayscale(.8);
}
div.ps-thumbnails img:hover, div.ps-thumbnails img.active {
    filter: grayscale(0);
}
div.ps-thumbnails div.container img {
    margin-right: 10px;
}
div.ps-thumbnails div.container img:last-child {
    margin-right: 0;
}
@media screen and (max-width:1024px) {
    ul.img-list li {
    width: 24.25%}
ul.img-list.thumb li:nth-child(5n+1) {
    margin-right: 1%}
ul.img-list.no-thumb li:nth-child(5n+0) {
    margin-right: 1%}
ul.img-list.thumb li:nth-child(4n+1) {
    margin-right: 0;
}
ul.img-list.no-thumb li:nth-child(4n+0) {
    margin-right: 0;
}
ul.img-list li:hover img {
    transform: scale(1);
}
ul.img-list li p {
    bottom: 0;
    padding: 0 4px;
}
#main.prod-info ul.img-list li {
    width: 49%}
#main.prod-info ul.img-list.thumb li:nth-child(3n+1) {
    margin-right: 2%}
#main.prod-info ul.img-list.no-thumb li:nth-child(3n+0) {
    margin-right: 2%}
#main.prod-info ul.img-list.thumb li:nth-child(2n+1) {
    margin-right: 0;
}
#main.prod-info ul.img-list.no-thumb li:nth-child(2n+0) {
    margin-right: 0;
}
}@media screen and (max-width:768px) {
    ul.img-list li {
    width: 32.666666666%}
ul.img-list.thumb li:nth-child(5n+1) {
    margin-right: 1%}
ul.img-list.no-thumb li:nth-child(5n+0) {
    margin-right: 1%}
ul.img-list.thumb li:nth-child(4n+1) {
    margin-right: 1%}
ul.img-list.no-thumb li:nth-child(4n+0) {
    margin-right: 1%}
ul.img-list.thumb li:nth-child(3n+1) {
    margin-right: 0;
}
ul.img-list.no-thumb li:nth-child(3n+0) {
    margin-right: 0;
}
ul.img-list li p {
    font-size: 14px;
}
}@media screen and (max-width:480px) {
    ul.img-list li {
    width: 49.5%}
ul.img-list.thumb li:nth-child(5n+1) {
    margin-right: 1%}
ul.img-list.no-thumb li:nth-child(5n+0) {
    margin-right: 1%}
ul.img-list.thumb li:nth-child(4n+1) {
    margin-right: 1%}
ul.img-list.no-thumb li:nth-child(4n+0) {
    margin-right: 1%}
ul.img-list.thumb li:nth-child(3n+1) {
    margin-right: 1%}
ul.img-list.no-thumb li:nth-child(3n+0) {
    margin-right: 1%}
ul.img-list.thumb li:nth-child(2n+1) {
    margin-right: 0;
}
ul.img-list.no-thumb li:nth-child(2n+0) {
    margin-right: 0;
}
ul.img-list li p {
    font-size: 13px;
}
#main.prod-info ul.img-list li>a>div {
    padding-top: 75%}
}ul.doc-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
}
ul.doc-list li {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 32%;
    height: auto;
    margin-right: 2%;
    margin-bottom: 2%;
    vertical-align: top;
    font-size: 0;
    text-align: center;
    background-color: #f9f9f9;
    overflow: hidden;
    transition: all 300ms ease-in-out;
}
ul.doc-list li:hover {
    background-color: #f0f0f0;
}
ul.doc-list li:nth-child(3n+0) {
    margin-right: 0;
}
ul.doc-list li>a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 20px;
}
ul.doc-list li>a:after {
    position: absolute;
    display: inline-block;
    width: 30px;
    bottom: -40px;
    right: 15px;
    font-size: 15px;
    line-height: 30px;
    color: #696969;
    font-family: "Material Icons";
    font-weight: 900;
    content: "\e315";
    border-radius: 15px;
    background-color: #b5b5b5;
    margin: 0;
    transition: all 300ms ease-in-out;
}
ul.doc-list li>a:hover:after {
    bottom: 15px;
}
ul.doc-list li>a>div:first-child {
    position: relative;
    width: 30%;
    padding-top: 42.43%}
ul.doc-list li>a>div>div.imgcont {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 75% 0 0 0;
}
ul.doc-list li>a>div>div.imgcont {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
}
ul.doc-list li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.doc-list li>a>div.textcont {
    position: relative;
    width: 70%;
    padding-left: 10px;
}
ul.doc-list li p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    color: #5c5c5c;
    margin: 0;
    max-height: 90px;
    overflow: hidden;
}
@media screen and (max-width:1280px) {
    ul.doc-list li p {
    font-size: 14px;
    max-height: 72px;
}
}@media screen and (max-width:1024px) {
    ul.doc-list li {
    width: 49%;
    background-color: #f0f0f0;
}
ul.doc-list li:nth-child(3n+0) {
    margin-right: 2%}
ul.doc-list li:nth-child(2n+0) {
    margin-right: 0;
}
ul.doc-list li>a:after {
    bottom: 15px;
}
ul.doc-list li p {
    max-height: 90px;
}
}@media screen and (max-width:768px) {
    ul.doc-list li>a {
    flex-flow: column;
    justify-content: center;
}
ul.doc-list li>a {
    justify-content: flex-start;
    padding-bottom: 60px;
}
ul.doc-list li>a:after {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 15px;
}
ul.doc-list li>a>div:first-child {
    margin: 0 auto;
    width: 50%;
    padding-top: 70.71%}
ul.doc-list li>a>div.textcont {
    width: 100%;
    padding-left: 0;
}
ul.doc-list li p {
    position: static;
    top: auto;
    transform: translateY(0);
    text-align: center;
    padding-top: 10px;
    max-height: 100px;
}
}@media screen and (max-width:480px) {
    ul.doc-list li>a {
    padding: 10px 10px 50px;
}
ul.doc-list li p {
    font-size: 13px;
}
}ul.vid-list {
    display: block;
    overflow: hidden;
    margin-left: -1%}
ul.vid-list li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 48%;
    height: auto;
    margin-left: 1%;
    margin-bottom: 1%;
    vertical-align: top;
}
ul.vid-list li div.player {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 75%;
    border: 1px #ccc solid;
    background-color: #fff;
}
ul.vid-list li div.player iframe {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%}
ul.vid-list li video {
    float: left;
    width: 100%!important;
    height: auto!important;
    border: 1px #ccc solid;
    background-color: #000;
}
ul.vid-list li p {
    font-size: .725em;
    text-align: center;
    color: #666;
    padding-top: .1em;
    margin: 0;
}
@media screen and (max-width:768px) {
    ul.vid-list {
    margin-left: 0;
}
ul.vid-list li {
    width: 100%;
    margin: 0 0 3%}
}ul.search-result {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
ul.search-result {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: center;
}
ul.search-result li {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 23.125%;
    height: auto;
    vertical-align: top;
    text-align: center;
    border: #dadada solid 1px;
    margin-bottom: 2.5%;
    margin-right: 2.5%}
ul.search-result li.ecommerce a {
    padding-bottom: 45px;
}
ul.search-result li:nth-child(4n+0) {
    margin-right: 0;
}
ul.search-result li a {
    display: inline-block;
    width: 100%;
    z-index: 9;
    padding: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul.search-result li a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
ul.search-result li a>div:first-child {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 75% 0 0 0;
    overflow: visible;
}
ul.search-result li a>div:first-child>div.imgcont {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
ul.search-result li img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
ul.search-result li div.namecont-showroom {
    position: relative;
    height: 4.9em;
    width: 100%;
    overflow: hidden;
}
ul.search-result li h4 {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-weight: 400;
    color: #8b8b8b;
    color: var(--bg-color);
    font-size: 1.2em;
    line-height: 1.3;
    padding: 0;
    margin: 0;
    transition: all 300ms;
}
ul.search-result li:hover h4 {
    color: #000;
}
ul.search-result li div.info {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    margin-top: -15px;
    z-index: 10;
    height: 30px;
}
ul.search-result li span.type {
    display: inline-block;
    color: #000;
    font-size: 14px;
    padding: 0 10px;
    line-height: 28px;
    background-color: #fff;
    border-bottom: rgba(0, 0, 0, .5) 1px solid;
    border-radius: 300px;
    z-index: 9;
    -webkit-box-shadow: 0 0 5px -1px #888;
    box-shadow: 0 0 5px -1px #888;
}
ul.search-result li div.more {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 300px;
    border-bottom: rgba(0, 0, 0, .5) 1px solid;
    width: 30px;
    height: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px -1px #888;
    box-shadow: 0 0 5px -1px #888;
}
ul.search-result li div.more.hidden {
    display: none;
}
ul.search-result li div.more img {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    padding: 7px;
}
ul.search-result li div.more span {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    display: none;
    width: 230px;
    color: #000;
    background-color: #fff;
    opacity: 0;
    z-index: 10;
    border: transparent 1px solid;
    transition: all 300ms;
    padding: 15px;
}
ul.search-result li div.more span:after {
    display: inline-block;
    width: 100%;
    height: 15px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 100%}
ul.search-result li div.more:hover span {
    border: silver 1px solid;
    display: block;
    opacity: 1;
}
ul.highlight li p {
    margin: 0;
    padding: 0 10px;
    color: #999;
    font-size: 1em;
    text-align: center;
    transition: all 300ms ease-in-out;
}
ul.search-result li p.price {
    position: absolute;
    display: inline-block;
    text-align: center;
    color: #353535;
    margin: 0;
    width: 100%;
    bottom: 15px;
    left: 0;
    font-weight: 700;
}
@media screen and (max-width:1280px) {
    ul.search-result li {
    width: 31.6666%}
ul.search-result li:nth-child(4n+0) {
    margin-right: 2.5%}
ul.search-result li:nth-child(3n+0) {
    margin-right: 0;
}
}@media screen and (max-width:1024px) {
    ul.search-result li {
    width: 48.75%}
ul.search-result li:nth-child(4n+0) {
    margin-right: 2.5%}
ul.search-result li:nth-child(3n+0) {
    margin-right: 2.5%}
ul.search-result li:nth-child(2n+0) {
    margin-right: 0;
}
ul.search-result li div.more:hover span {
    border: silver 1px solid;
    display: block;
    opacity: 1;
}
ul.search-result li div.more:hover span.collapsed, ul.search-result li div.more span.collapsed {
    border: transparent 1px solid;
    display: none;
    opacity: 0;
}
ul.search-result li div.more:hover span.expanded, ul.search-result li div.more span.expanded {
    border: silver 1px solid;
    display: block;
    opacity: 1;
}
}@media screen and (max-width:550px) {
    ul.search-result li {
    display: block;
    width: 100%;
    text-align: center;
    margin-right: 0;
}
ul.search-result li:nth-child(4n+0) {
    margin-right: 0;
}
ul.search-result li:nth-child(3n+0) {
    margin-right: 0;
}
ul.search-result li div.namecont-showroom {
    position: static;
    height: auto;
    padding: .5em 0;
}
ul.search-result li h4 {
    position: static;
    display: inline-block;
    top: auto;
    left: auto;
    transform: translateY(0);
}
}div.toolbar {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 2%}
div.toolbar div.left {
    text-align: left;
}
div.toolbar div.center {
    text-align: center;
}
div.toolbar div.right {
    text-align: right;
}
div.toolbar a {
    margin-left: 1%}
div.toolbar a:first-child {
    margin-left: 0;
}
nav#tree {
    width: 100%;
    margin-bottom: 1%;
    text-align: right;
    font-size: .9em;
    color: #666;
}
nav#tree li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
}
nav#tree li a {
    line-height: 18px;
}
nav#tree li i {
    font-size: .7em;
    color: #4e4e4e;
    line-height: 18px;
    vertical-align: center;
}
nav#tree li:last-child {
    padding-right: 0;
}
nav#tree li:last-child i {
    display: none;
}
div.share {
    width: 100%;
    text-align: right;
}
div.share>a {
    display: block;
    padding-right: 26px;
    height: 24px;
    line-height: 24px;
    background: url(../../img/frontend/facebook.png) no-repeat top right;
    color: #325397;
    text-decoration: none;
    font-size: .8em;
}
div.share>a:hover {
    color: #b1b0ad;
    color: var(--bg-color_3);
    text-decoration: none;
}
.captcha img {
    float: left;
    margin-right: 15px;
}
form .captcha div.field .size1 {
    width: 120px;
    height: 30px;
}
section#error_404 {
    background-color: #fff;
    padding: 50px 0;
}
section#error_404 img {
    display: block;
    height: 130px;
    width: auto;
}
section#error_404 h2 {
    display: block;
    font-size: 70px;
    color: #000;
}
section#error_404 h3 {
    display: block;
    color: #000;
    letter-spacing: 1px;
}
section#error_404 p {
    display: block;
    color: #3a3a3a;
}
section#error_404 a {
    display: inline-block;
    color: #000;
    border: #000 1px solid;
    padding: 15px 25px;
    margin-top: 30px;
    margin-right: 25px;
    text-transform: uppercase;
    transition: all 300ms;
}
section#error_404 a:hover {
    background-color: #000;
    color: #fff;
}
@media screen and (max-width:768px) {
    section#error_404 {
    text-align: center;
}
section#error_404 img {
    margin: auto;
}
section#error_404 p {
    text-align: center;
}
section#error_404 a {
    margin-right: 10px;
    margin-left: 10px;
}
}.buttons-popup {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.buttons-popup .button-popup {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 .5em;
    padding: .8em 1.4em;
    color: #000;
    border: 1px solid #000;
    background: transparent;
    transition: 300ms ease;
}
.buttons-popup .button-popup:hover {
    color: #000;
    background: #c5c5c5;
}
@media screen and (max-width:600px) {
    .buttons-popup {
    flex-direction: column;
}
.buttons-popup .button-popup {
    display: block;
    margin: .5em 0em;
    transition: none;
}
}#contact-form {
    text-align: center;
    padding: 50px 0 40px 0;
}
#contact-form p {
    text-align: center;
    font-size: 18px;
}
#contact {
    color: #fff;
    text-shadow: 0 0 8px rgba(0, 0, 0, .85);
    text-align: center;
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0;
    overflow: hidden;
    clip-path: inset(0);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
    background-size: cover;
}
/*!*}
*!*/
 #contact>div {
    padding: 160px 0;
}
#contact>div:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, .38);
    z-index: -1;
}
#contact span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 40px;
    color: #fff;
    padding: 0 0;
    letter-spacing: 2px;
    word-spacing: .1em;
    line-height: 1.30556;
    font-weight: 700;
    margin: 0 auto;
}
#contact a {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 45px;
    border: var(--bg-color) 1px solid;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none;
    transition: all 300ms;
}
#contact a:hover {
    background-color: var(--bg-color);
    color: #fff;
}
@media screen and (max-width:1280px) {
    #contact span {
    font-size: 35px;
}
}@media screen and (max-width:1024px) {
    #contact span {
    font-size: 32px;
}
#contact a {
    background-color: var(--bg-color);
    color: #fff;
}
}@media screen and (max-width:768px) {
    #contact {
    background-attachment: scroll;
}
#contact span {
    font-size: 30px;
    letter-spacing: normal;
    word-spacing: normal;
}
#contact a {
    padding: 15px 35px;
    font-size: 24px;
}
}@media screen and (max-width:480px) {
    #contact span {
    font-size: 26px;
    letter-spacing: normal;
    word-spacing: normal;
}
#contact a {
    padding: 10px 30px;
    font-size: 20px;
}
}.moduleL, .moduleR, .moduleC, .moduleT, .moduleB {
    opacity: 0;
    visibility: hidden;
}
.come-in {
    animation: come-in 1.5s ease forwards;
    animation-duration: 1.5s;
}
.come-in-top {
    transform: translateY(-150px);
    animation: come-in-top 1.5s ease forwards;
    animation-duration: 1.5s;
}
.come-in-bottom {
    transform: translateY(150px);
    animation: come-in-bottom 1.5s ease forwards;
    animation-duration: 1.5s;
}
.come-in-left {
    transform: translateX(-450px);
    animation: come-in-left 2.2s ease forwards;
}
.come-in-right {
    transform: translateX(450px);
    animation: come-in-right 2.2s ease forwards;
    animation-duration: 2.2s;
}
.come-in-faq {
    transform: translateX(250px);
    animation: come-in-right 0.7s ease forwards;
    animation-duration: 0.7s;
}
.come-in-faq:nth-child(2n) {
    animation-delay: 100ms;
}
.come-in-faq:nth-child(3n) {
    animation-delay: 200ms;
}
.come-in-faq:nth-child(4n) {
    animation-delay: 300ms;
}
.come-in-faq:nth-child(5n) {
    animation-delay: 400ms;
}
.come-in-faq:nth-child(6n) {
    animation-delay: 500ms;
}
.come-in-faq:nth-child(7n) {
    animation-delay: 600ms;
}
.come-in-faq:nth-child(8n) {
    animation-delay: 700s;
}
.answer.come-in-faq {
    animation-delay: 0s!important;
}
.come-in-right:nth-child(2n), .come-in-left:nth-child(2n), .come-in:nth-child(2n), .come-in-top:nth-child(2n), .come-in-bottom:nth-child(2n) {
    animation-delay: 300ms;
}
.come-in-right:nth-child(3n), .come-in-left:nth-child(3n), .come-in:nth-child(3n), .come-in-top:nth-child(3n), .come-in-bottom:nth-child(3n) {
    animation-delay: 600ms;
}
.come-in-right:nth-child(4n), .come-in-left:nth-child(4n), .come-in:nth-child(4n), .come-in-top:nth-child(4n), .come-in-bottom:nth-child(4n) {
    animation-delay: 900ms;
}
.come-in-right:nth-child(5n), .come-in-left:nth-child(5n), .come-in:nth-child(5n), .come-in-top:nth-child(5n), .come-in-bottom:nth-child(5n) {
    animation-delay: 1200ms;
}
@keyframes come-in-left {
    to {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
}@keyframes come-in-right {
    to {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}
}@keyframes come-in {
    to {
    opacity: 1;
    visibility: visible;
}
}@keyframes come-in-top {
    to {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
}@keyframes come-in-bottom {
    to {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
}@media screen and (max-width:660px) {
    .come-in-left, .come-in-right, .come-in-top, .come-in-bottom {
    transform: translate(0, 0);
    animation: come-in 2.0s ease forwards;
}
.come-in-right:nth-child(2n), .come-in-left:nth-child(2n), .come-in:nth-child(2n), .come-in-top:nth-child(2n), .come-in-bottom:nth-child(2n), .come-in-right:nth-child(3n), .come-in-left:nth-child(3n), .come-in:nth-child(3n), .come-in-top:nth-child(3n), .come-in-bottom:nth-child(3n), .come-in-right:nth-child(4n), .come-in-left:nth-child(4n), .come-in:nth-child(4n), .come-in-top:nth-child(4n), .come-in-bottom:nth-child(4n), .come-in-right:nth-child(5n), .come-in-left:nth-child(5n), .come-in:nth-child(5n), .come-in-top:nth-child(5n), .come-in-bottom:nth-child(5n) {
    animation-delay: 150ms;
}
}#whatsapp_chat {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 1001;
}
#whatsapp_chat.fb {
    left: 96px;
}
#whatsapp_chat.fb.contact {
    left: 24px;
    bottom: 168px;
}
#whatsapp_chat>.wa-toggle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 2px 3px 8px 0 rgba(0, 0, 0, .3);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 300ms;
    background-color: #00E676;
}
#whatsapp_chat>.wa-toggle:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 2px 3px 8px 0 rgba(0, 0, 0, .55);
}
#whatsapp_chat>.wa-toggle img {
    width: 65%;
    height: auto;
    margin: 0 auto;
    display: block;
}
#whatsapp_chat>.wa-box {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 400px;
    border-radius: 20px;
    background-color: #fff;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    transition: all 300ms;
    opacity: 0;
    transform: scale(0, 0);
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 2px 3px 8px 0 rgba(0, 0, 0, .3);
}
#whatsapp_chat>.wa-box.close {
    animation-duration: 300ms;
    animation-name: bounce-out-from-left;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}
#whatsapp_chat>.wa-box.open {
    animation-duration: 300ms;
    animation-name: bounce-in-from-left;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}
@keyframes bounce-in-from-left {
    0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom left;
}
50% {
    transform: scale(1.03, 1.03);
    transform-origin: bottom left;
}
100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom left;
}
}@keyframes bounce-out-from-left {
    0% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom left;
}
100% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom left;
}
}#whatsapp_chat>.wa-box .head {
    position: relative;
    width: 100%;
    height: 120px;
    background-color: #00E676;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
#whatsapp_chat>.wa-box .head .image {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
#whatsapp_chat>.wa-box .head .image img {
    width: 100%;
    height: auto;
    display: block;
}
#whatsapp_chat>.wa-box .head .text {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 80%;
    height: 100%;
    padding-right: 20px;
}
#whatsapp_chat>.wa-box .head .text h4 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    margin: 0 0 8px 0;
    text-align: left;
}
#whatsapp_chat>.wa-box .head .text p {
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    margin: 0;
    text-align: left;
}
#whatsapp_chat>.wa-box .content {
    display: flex;
    flex-flow: column;
    padding: 15px 20px;
}
#whatsapp_chat>.wa-box .content p {
    color: #000;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;
}
#whatsapp_chat>.wa-box .content ul {
    display: flex;
    flex-flow: column;
}
#whatsapp_chat>.wa-box .content ul li {
    display: flex;
    flex-flow: row;
    width: 100%;
    height: 80px;
    background-color: #fafafa;
    border-bottom: 2px solid #00E676;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 15px;
    transition: all 300ms;
}
#whatsapp_chat>.wa-box .content ul li:last-child {
    margin-bottom: 5px;
}
#whatsapp_chat>.wa-box .content ul li:hover {
    background-color: #f5f5f5;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 2px 3px 8px 0 rgba(0, 0, 0, .3);
}
#whatsapp_chat>.wa-box .content ul li>a {
    width: 100%;
    height: 100%}
#whatsapp_chat>.wa-box .content ul li .wa-chat {
    display: flex;
    flex-flow: row;
    width: 100%;
    height: 100%}
#whatsapp_chat>.wa-box .content ul li .wa-chat .image {
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#whatsapp_chat>.wa-box .content ul li .wa-chat .image picture {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#whatsapp_chat>.wa-box .content ul li .wa-chat .image img {
    width: 70%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: all 300ms;
    opacity: .5;
}
#whatsapp_chat>.wa-box .content ul li:hover .wa-chat .image img {
    opacity: 1;
}
#whatsapp_chat>.wa-box .content ul li .wa-chat .text {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 75%;
    height: 100%;
    padding-right: 20px;
}
#whatsapp_chat>.wa-box .content ul li .wa-chat .text h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0 0 4px 0;
    text-align: left;
}
#whatsapp_chat>.wa-box .content ul li .wa-chat .text p {
    font-size: 13px;
    line-height: 12px;
    color: #333;
    margin: 0;
    text-align: left;
}
@media screen and (max-width:480px) {
    #whatsapp_chat {
    width: calc(100% - 40px);
}
#whatsapp_chat.contact, #whatsapp_chat.fb {
    left: 24px;
    bottom: 96px;
}
#whatsapp_chat>.wa-box {
    width: 100%;
    bottom: 74px;
}
#whatsapp_chat>.wa-box .head {
    height: 110px;
}
#whatsapp_chat>.wa-box .head .image {
    width: 65px;
    padding: 10px 15px;
}
#whatsapp_chat>.wa-box .head .text {
    width: calc(100% - 65px);
    padding-right: 15px;
}
#whatsapp_chat>.wa-box .content {
    padding: 15px;
}
}@media screen and (max-width:400px) {
    #whatsapp_chat>.wa-box .head .text h4 {
    font-size: 15px;
}
#whatsapp_chat>.wa-box .head .text p {
    font-size: 12px;
    line-height: 11px;
}
#whatsapp_chat>.wa-box .content p {
    font-size: 13px;
}
}#contact_popup {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 1001;
}
#contact_popup.wa, #contact_popup.fb {
    left: 96px;
}
#contact_popup.fb.wa {
    left: 24px;
    bottom: 96px;
}
#contact_popup>.contact-toggle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 2px 3px 8px 0 rgba(0, 0, 0, .3);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 300ms;
    background-color: #aaa;
}
#contact_popup>.contact-toggle:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 2px 3px 8px 0 rgba(0, 0, 0, .55);
}
#contact_popup>.contact-toggle img {
    width: 65%;
    height: auto;
    margin: 0 auto;
    display: block;
    transform: translateX(-5%);
}
#contact_popup>.contact-box {
    position: absolute;
    bottom: 80px;
    left: 0;
    width: 400px;
    border-radius: 20px;
    background-color: #fff;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    transition: all 300ms;
    opacity: 0;
    transform: scale(0, 0);
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 2px 3px 8px 0 rgba(0, 0, 0, .3);
}
#contact_popup>.contact-box.close {
    animation-duration: 300ms;
    animation-name: bounce-out-from-left;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}
#contact_popup>.contact-box.open {
    animation-duration: 300ms;
    animation-name: bounce-in-from-left;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}
@keyframes bounce-in-from-left {
    0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom left;
}
50% {
    transform: scale(1.03, 1.03);
    transform-origin: bottom left;
}
100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom left;
}
}@keyframes bounce-out-from-left {
    0% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom left;
}
100% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom left;
}
}#contact_popup>.contact-box .head {
    position: relative;
    width: 100%;
    height: 80px;
    background: #2e80b2;
    background: var(--bg-color);
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
#contact_popup>.contact-box .head .image {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
#contact_popup>.contact-box .head .image img {
    width: 100%;
    height: auto;
    display: block;
}
#contact_popup>.contact-box .head .text {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 80%;
    height: 100%;
    padding-right: 20px;
}
#contact_popup>.contact-box .head .text h4 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    margin: 0 0 8px 0;
    text-align: left;
}
#contact_popup>.contact-box .head .text p {
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    margin: 0;
    text-align: left;
}
#contact_popup>.contact-box .content {
    display: flex;
    flex-flow: column;
    padding: 15px 20px;
}
#contact_popup>.contact-box .content form {
    margin-top: 5px;
}
#contact_popup>.contact-box .content form li {
    margin-bottom: 20px;
    position: relative;
}
#contact_popup>.contact-box .content form li.text {
    height: 100px;
}
#contact_popup>.contact-box .content form li.privacy div.field {
    font-size: 11px;
    line-height: 12px;
}
#contact_popup>.contact-box .content form li:last-child {
    margin-bottom: 5px;
}
@media screen and (max-width:480px) {
    #contact_popup {
    width: calc(100% - 40px);
}
#contact_popup.wa, #contact_popup.fb {
    left: 24px;
    bottom: 24px;
}
#contact_popup.wa.fb {
    left: 24px;
    bottom: 96px;
}
#contact_popup>.contact-box {
    width: 100%;
    bottom: 74px;
}
#contact_popup>.contact-box .head {
    height: 90px;
}
#contact_popup>.contact-box .head .image {
    width: 65px;
    padding: 10px 15px;
}
#contact_popup>.contact-box .head .text {
    width: calc(100% - 65px);
    padding-right: 15px;
}
#contact_popup>.contact-box .content {
    padding: 10px 15px 2px 15px;
}
}@media screen and (max-width:400px) {
    #contact_popup>.contact-box .head .text h4 {
    font-size: 15px;
}
#contact_popup>.contact-box .head .text p {
    font-size: 12px;
    line-height: 13px;
}
}#faq_popup {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1001;
    transition: all 300ms;
}
.goToTop #faq_popup {
    bottom: 86px;
}
#faq_popup>.faq-toggle {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 2px 3px 8px 0 rgba(0, 0, 0, .3);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 300ms;
    background-color: #5b5b5b;
}
#faq_popup>.faq-toggle:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .2), 2px 3px 8px 0 rgba(0, 0, 0, .55);
}
#faq_popup>.faq-toggle img {
    width: 65%;
    height: auto;
    margin: 0 auto;
    display: block;
}
#faq_popup>.faq-box {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 400px;
    border-radius: 20px;
    background-color: #fff;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    transition: all 300ms;
    opacity: 0;
    transform: scale(0, 0);
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 2px 3px 8px 0 rgba(0, 0, 0, .3);
}
#faq_popup>.faq-box.close {
    animation-duration: 300ms;
    animation-name: bounce-out-from-right;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}
#faq_popup>.faq-box.open {
    animation-duration: 300ms;
    animation-name: bounce-in-from-right;
    transition-timing-function: ease-in;
    animation-fill-mode: forwards;
}
@keyframes bounce-in-from-right {
    0% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom right;
}
50% {
    transform: scale(1.03, 1.03);
    transform-origin: bottom right;
}
100% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom right;
}
}@keyframes bounce-out-from-right {
    0% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: bottom right;
}
100% {
    opacity: 0;
    transform: scale(0, 0);
    transform-origin: bottom right;
}
}#faq_popup>.faq-box .head {
    position: relative;
    width: 100%;
    height: 120px;
    background-color: #5b5b5b;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
#faq_popup>.faq-box .head .image {
    width: 20%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
#faq_popup>.faq-box .head .image img {
    width: 100%;
    height: auto;
    display: block;
}
#faq_popup>.faq-box .head .text {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 80%;
    height: 100%;
    padding-right: 20px;
}
#faq_popup>.faq-box .head .text h4 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    margin: 0 0 8px 0;
    text-align: left;
}
#faq_popup>.faq-box .head .text p {
    font-size: 15px;
    line-height: 15px;
    color: #fff;
    margin: 0;
    text-align: left;
}
#faq_popup>.faq-box .content {
    display: flex;
    flex-flow: column;
    padding: 15px;
    position: relative;
    overflow: hidden;
}
#faq_popup>.faq-box .content #faq-back {
    position: absolute;
    bottom: -40px;
    opacity: 0;
    visibility: hidden;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 40%;
    background-color: #fff;
    transition: all 300ms;
    width: fit-content;
    width: -moz-fit-content;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    border-radius: 0;
    border-top-right-radius: 15px;
    cursor: pointer;
}
#faq_popup>.faq-box .content #faq-back.show {
    bottom: 0;
    opacity: 1;
    visibility: visible;
    z-index: 100;
    -webkit-box-shadow: 2px -4px 16px 1.4px rgba(45, 45, 45, .12);
    -moz-box-shadow: 2px -4px 16px 1.4px rgba(45, 45, 45, .12);
    box-shadow: 2px -4px 16px 1.4px rgba(45, 45, 45, .12);
}
#faq_popup>.faq-box .content #faq-back.show:hover {
    -webkit-box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, .13);
    -moz-box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, .13);
    box-shadow: 2px 4px 20px 1.4px rgba(45, 45, 45, .13);
}
#faq_popup>.faq-box .content #faq-back>span {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    color: #444;
    transition: all 300ms;
    width: 45px;
}
#faq_popup>.faq-box .content #faq-back>span:hover {
    color: #000;
}
#faq_popup>.faq-box .content #faq-back>h3 {
    color: #1a1a1a;
    font-size: 17px;
    margin: 0;
    padding-right: 5px;
    text-transform: none;
    font-weight: 600;
}
#faq_popup>.faq-box .content p {
    color: #000;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;
}
#faq_popup>.faq-box .content ul {
    display: flex;
    flex-flow: column;
    border-radius: 10px;
    background-color: whitesmoke;
    height: 285px;
    padding: 2.5%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 10%}
#faq_popup>.faq-box .content ul.no_cat {
    padding-bottom: 2.5%}
#faq_popup>.faq-box .content ul li {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    background-color: #fff;
    margin-bottom: 8px;
    border-radius: 15px;
    transition: all 300ms;
    cursor: pointer;
    padding: 4px 2.5%;
    opacity: .8;
    width: fit-content;
    width: -moz-fit-content;
    flex-shrink: 0;
}
#faq_popup>.faq-box .content ul li:hover {
    opacity: 1;
}
#faq_popup>.faq-box .content ul li#faq-sep {
    width: 100%;
    height: 0;
    border-bottom: 1px solid #34343466;
    padding: 0;
}
#faq_popup>.faq-box .content ul li.answer {
    cursor: unset;
    opacity: 1;
    margin-left: 16px;
    height: auto;
    max-height: 0;
    transition: all 300ms;
    padding: 0;
    margin-bottom: 0;
}
#faq_popup>.faq-box .content ul li.answer.grow {
    max-height: 1000px;
    margin-bottom: 8px;
    padding: 4px 2.5%}
#faq_popup>.faq-box .content ul li.answer div {
    font-size: 14px;
    font-style: italic;
}
#faq_popup>.faq-box .content ul li picture {
    width: 30px;
    height: 30px;
    margin-right: 6px;
}
#faq_popup>.faq-box .content ul li img {
    width: 30px;
    height: 30px;
    margin-right: 6px;
}
#faq_popup>.faq-box .content ul li div, #faq_popup>.faq-box .content ul li p {
    margin: 0 0 0 0;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    min-height: 28px;
    display: flex;
    align-items: center;
}
#faq_popup>.faq-box .content ul li.thumb p {
    max-width: calc(100% - 36px);
}
#faq_popup>.faq-box .content ul li div {
    display: inline-block;
}
#faq_popup>.faq-box .content ul li p.image {
    width: calc(100% - 36px);
}
@media screen and (max-width:480px) {
    #faq_popup {
    width: calc(100% - 40px);
}
#faq_popup>.faq-box {
    width: 100%;
    bottom: 74px;
}
#faq_popup>.faq-box .head {
    height: 110px;
}
#faq_popup>.faq-box .head .image {
    width: 65px;
    padding: 10px 15px;
}
#faq_popup>.faq-box .head .text {
    width: calc(100% - 65px);
    padding-right: 15px;
}
#faq_popup>.faq-box .content {
    padding: 15px;
}
}@media screen and (max-width:400px) {
    #faq_popup>.faq-box .head .text h4 {
    font-size: 15px;
}
#faq_popup>.faq-box .head .text p {
    font-size: 12px;
    line-height: 11px;
}
}#loader {
    background-image: url(../../img/frontend/loader.png);
    background-size: contain;
    width: 25px;
    height: 25px;
    animation: spinner 2s linear infinite;
}
@-webkit-keyframes spinner {
    0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
}
}@keyframes spinner {
    0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}:root {
    --bg-color: #000;
    --bg-color_2: #222;
    --bg-color_3: #444;
    --bg-color_s: #0D80FE;
}
#map-container {
    position: relative;
    width: 100%;
    margin: 0 0 -30px 0;
    height: 690px;
    border: 1px solid #ccc;
}
#map {
    width: 100%;
    height: 100%;
    position: absolute;
}
section#highlight {
    width: 100%;
    padding: 0;
    overflow: hidden;
}
ul.highlight {
    padding: 30px 10% 0 10%;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    height: 630px;
    position: relative;
}
ul.highlight li {
    position: relative;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background-color: #fff;
    margin-bottom: 15px;
}
section#highlight>ul.highlight>li:last-child {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 58%;
    height: 100%;
    margin-bottom: 0;
    padding-right: 10%;
    padding-top: 40px;
}
ul.highlight li div.left {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 35%}
#highlight div.mobile h4, ul.highlight li div.left h4 {
    margin: 12px 0 24px 0;
    padding: 0;
    text-align: center;
    font-size: 2.5em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    display: none;
}
#highlight div.mobile p, ul.highlight li div.left p {
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center;
    font-size: 1em;
    line-height: 1.3em;
    color: #666;
    display: none;
}
ul.highlight li:first-child div.left h4, ul.highlight li:first-child div.left p {
    display: block;
}
ul.highlight li:first-child {
    margin-top: 5%}
ul.highlight li div.left a {
    font-size: 1.15em;
    color: #000;
    border: 1px solid #EB212E;
    color: #EB212E;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: all 300ms;
    width: 100%;
    text-align: center;
}
ul.highlight li div.left a:hover {
    color: white!important;
    background-color: #EB212E;
}
ul.highlight li:nth-child(2) div.left a {
    border: 1px solid #3AB24F;
    color: #3AB24F;
}
ul.highlight li:nth-child(2) div.left a:hover {
    background-color: #3AB24F;
}
ul.highlight li:nth-child(3) div.left a {
    border: 1px solid #D38934;
    color: #D38934;
}
ul.highlight li:nth-child(3) div.left a:hover {
    background-color: #D38934;
}
ul.highlight li:nth-child(4) div.left a {
    border: 1px solid #00afec;
    color: #00afec;
}
ul.highlight li:nth-child(4) div.left a:hover {
    background-color: #00afec;
}
ul.highlight li div.right {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%}
ul.highlight li:last-child div.left {
    display: none;
}
section#highlight>ul.highlight>li>div.right>h4, section#highlight>ul.highlight>li>div.right>div.imgcont {
    display: none;
}
section#highlight>ul.highlight>li>div.right>ul li>div.left {
    display: none;
}
section#highlight>ul.highlight>li>div.right>ul, section#highlight>ul.highlight>li>div.right>ul li, section#highlight>ul.highlight>li>div.right>ul li>div.right, section#highlight>ul.highlight>li>div.right>ul li>div.right div.imgcont {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}
section#highlight>ul.highlight>li>div.right>ul li>div.right div.imgcont img {
    width: 75%;
    height: auto;
    object-fit: contain;
    width: 60%;
    padding-top: 6.5%}
section#highlight>ul.highlight>li>div.right>ul li>div.right h4 {
    margin: 25px 0 0 0;
    padding: 0;
    text-align: center;
    font-size: 1.8em;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    width: 100%;
    font-size: 1.4em;
    margin-top: 40px;
}
ul.highlight .owl-nav {
    margin: 0;
}
ul.highlight .owl-nav>button {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background: none!important;
}
ul.highlight .owl-nav>button.owl-prev {
    left: -25px;
}
ul.highlight .owl-nav>button.owl-next {
    right: -25px;
}
ul.highlight .owl-nav>button span {
    font-size: 5em;
    font-weight: 100;
    color: #666;
    transition: all 300ms;
    font-family: 'Lato', sans-serif;
}
ul.highlight .owl-nav>button span:hover {
    color: #1a1a1a;
}
ul.highlight li:hover * {
    text-decoration: none;
}
@media screen and (max-width:1440px) {
    ul.highlight {
    padding: 30px 5% 0 5%}
}@media screen and (max-width:1280px) {
    ul.highlight {
    height: 560px;
    padding: 2.5%;
    justify-content: center;
}
ul.highlight li:first-child {
    margin-top: 1.5%}
#highlight div.mobile h4, ul.highlight li div.left h4 {
    font-size: 2.2em;
    margin: 0 0 16px 0;
}
ul.highlight li div.left {
    width: 45%}
section#highlight>ul.highlight>li:last-child {
    width: 50%;
    padding-right: 5%}
section#highlight>ul.highlight>li>div.right>ul li>div.right div.imgcont img {
    width: 70%}
}@media screen and (max-width:1024px) {
    ul.highlight {
    height: 440px;
}
#highlight div.mobile h4, ul.highlight li div.left h4 {
    font-size: 1.8em;
}
ul.highlight li div.left a {
    padding: 8px 24px;
    font-size: 1em;
}
}@media screen and (max-width:768px) {
    #highlight div.mobile {
    padding-top: 5%}
#highlight div.mobile h4, #highlight div.mobile p {
    display: block;
}
#highlight div.mobile p {
    margin-bottom: 0;
}
ul.highlight li:first-child div.left h4, ul.highlight li:first-child div.left p {
    display: none;
}
ul.highlight {
    height: auto;
    padding: 2.5% 2.5% 5% 2.5%}
ul.highlight li {
    justify-content: center;
}
ul.highlight li div.left {
    width: 100%}
section#highlight>ul.highlight>li:nth-child(1) {
    order: 2;
}
section#highlight>ul.highlight>li:nth-child(2) {
    order: 3;
}
section#highlight>ul.highlight>li:nth-child(3) {
    order: 4;
}
section#highlight>ul.highlight>li:nth-child(4) {
    order: 5;
}
section#highlight>ul.highlight>li:nth-child(5) {
    order: 1;
    padding-bottom: 5%!important;
}
section#highlight>ul.highlight>li:last-child {
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
    padding: 0;
}
ul.highlight .owl-nav>button.owl-prev {
    left: -5px;
}
ul.highlight .owl-nav>button.owl-next {
    right: -5px;
}
section#highlight>ul.highlight>li>div.right>ul li>div.right h4 {
    margin-top: 8px;
}
}@media screen and (max-width:480px) {
    ul.highlight {
    height: auto;
    padding: 7.5% 2.5% 7.5% 2.5%}
}section#showroom {
    width: 100%;
    padding: 0;
    background-color: whitesmoke;
    height: 800px;
    display: flex;
    align-items: center;
}
section#showroom>div.wrapper>h2 {
    text-align: center;
    margin-bottom: 65px;
    text-transform: uppercase;
    font-size: 2.5em;
    color: #262626;
    font-weight: 900;
   
}
ul.showroom {
    padding: 30px 10% 0 50%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
ul.showroom li {
    position: relative;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 48.75%;
    margin-bottom: 20px;
    flex-flow: row-reverse;
}
section#showroom>ul.showroom>li:last-child {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 45%;
    height: 100%;
    margin-bottom: 0;
    padding-left: 10%;
    padding-top: 40px;
}
ul.showroom li div.left {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 90%}
ul.showroom li div.left h4 {
    margin: 12px 0 45px 0;
    padding: 0;
    text-align: center;
    font-size: 2.5em;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    display: none;
}
ul.showroom li div.left p {
    margin: 0 0 30px 0;
    padding: 0;
    text-align: center;
    font-size: 1em;
    line-height: 1.3em;
    color: #666;
    display: none;
}
ul.showroom li:first-child div.left h4, ul.showroom li:first-child div.left p {
    display: block;
}
ul.showroom li:first-child {
    margin-top: 16px;
    width: 100%}
ul.showroom li div.left a {
    font-size: 1em;
    color: #000;
    border: 1px solid #000;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 8px 30px;
    text-transform: uppercase;
    transition: all 300ms;
    width: 100%;
    text-align: center;
}
ul.showroom li div.left a:hover {
    color: white!important;
    background-color: #000;
}
ul.showroom li div.right {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%}
ul.showroom li:last-child div.left {
    display: none;
}
section#showroom>ul.showroom>li>div.right>h4, section#showroom>ul.showroom>li>div.right, section#showroom>ul.showroom>li>div.right>div.imgcont {
    display: none;
}
section#showroom>ul.showroom>li:last-child>div.right {
    display: block;
}
section#showroom>ul.showroom>li>div.right>ul li>div.left {
    display: none;
}
section#showroom>ul.showroom>li>div.right>ul, section#showroom>ul.showroom>li>div.right>ul li, section#showroom>ul.showroom>li>div.right>ul li>div.right, section#showroom>ul.showroom>li>div.right>ul li>div.right div.imgcont {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}
section#showroom>ul.showroom>li>div.right>ul li>div.right div.imgcont img {
    width: 75%;
    height: auto;
    object-fit: contain;
    width: 60%;
    padding-top: 6.5%}
section#showroom>ul.showroom>li>div.right>ul li>div.right h4 {
    margin: 25px 0 0 0;
    padding: 0;
    text-align: center;
    font-size: 1.8em;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    width: 100%;
    font-size: 1.4em;
    margin-top: 40px;
}
ul.showroom .owl-nav {
    margin: 0;
}
ul.showroom .owl-nav>button {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background: none!important;
}
ul.showroom .owl-nav>button.owl-prev {
    left: -25px;
}
ul.showroom .owl-nav>button.owl-next {
    right: -25px;
}
ul.showroom .owl-nav>button span {
    font-size: 5em;
    font-weight: 100;
    color: #666;
    transition: all 300ms;
}
ul.showroom .owl-nav>button span:hover {
    color: #1a1a1a;
}
ul.showroom li:hover * {
    text-decoration: none;
}
@media screen and (max-width:1280px) {
    section#showroom {
    height: 440px;
    display: flex;
    align-items: center;
}
ul.showroom {
    padding: 0 5% 0 40%;
    justify-content: center;
}
ul.showroom li {
    margin-bottom: 8px;
}
ul.showroom li:first-child {
    margin-top: 0;
}
ul.showroom li:first-child div.left {
    width: 93%}
ul.showroom li div.left a {
    font-size: .85em;
}
ul.showroom li:first-child {
    margin-top: 1.5%}
ul.showroom li div.left h4 {
    font-size: 2.2em;
    margin: 0 0 16px 0;
}
section#showroom>ul.showroom>li:last-child {
    width: 40%;
    padding: 12px 0 0 2.5%}
section#showroom>ul.showroom>li>div.right>ul li>div.right div.imgcont img {
    width: 55%}
section#showroom>ul.showroom>li>div.right>ul li>div.right h4 {
    margin-top: 25px;
}
}@media screen and (max-width:1024px) {
    ul.showroom {
    padding-right: 2.5%}
ul.showroom li div.left h4 {
    font-size: 1.8em;
}
ul.showroom .owl-nav>button.owl-prev {
    left: -15px;
}
ul.showroom .owl-nav>button.owl-next {
    right: -15px;
}
}@media screen and (max-width:768px) {
    section#showroom {
    height: auto;
}
ul.showroom {
    justify-content: space-between;
    padding: 5% 2.5% 5% 2.5%}
ul.showroom li {
    justify-content: center;
}
ul.showroom li:first-child div.left {
    width: 100%}
ul.showroom li div.left {
    width: 100%}
section#showroom>ul.showroom>li:last-child {
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
    padding: 0;
}
section#showroom>ul.showroom>li>div.right>ul li>div.right h4 {
    margin-top: 8px;
}
ul.showroom .owl-nav>button.owl-prev {
    left: 5px;
}
ul.showroom .owl-nav>button.owl-next {
    right: 5px;
}
section#showroom>ul.showroom>li>div.right>ul li>div.right div.imgcont img {
    width: 30%}
}@media screen and (max-width:480px) {
    ul.showroom {
    padding: 7.5% 2.5% 7.5% 2.5%}
ul.showroom li div.left a {
    font-size: .85em;
}
}@media screen and (max-width:400px) {
    ul.showroom li {
    width: 100%}
ul.showroom li div.left a {
    font-size: .8em;
}
}
/*!*********************************************************************************************************/
 
/*!*-----------------------------------------------------------------*/
 
/*!*-----------------------------------------------------------------*/
 
/*!*-----------------------------------------------------------------*/
 .home-page #main {
    position: relative;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
}
div#banner-video {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-top: 630px;
    margin-top: 0;
}
div#banner-video video {
    position: absolute;
    top: -165px;
    left: 0;
    width: 100%;
    margin-top: 0;
}
div#banner-video>a {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    display: none;
}
div#banner-video>a span {
    display: inline-block;
    font-size: 20px;
    border: 1px solid #000;
    color: #000;
    padding: 10px 20px;
    transition: all 300ms;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
}
div#banner-video a span:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
}
@keyframes delayedShow {
    from {
    visibility: hidden;
    opacity: 0;
    margin-left: 10%}
to {
    visibility: visible;
    opacity: 1;
    margin-left: 20%}
}div#banner-video div.scroll {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 20px;
    z-index: 2;
}
div#banner-video i {
    color: #dfdfdf;
    font-size: 4.5em;
    transition: all 600ms;
    animation-name: delayedShowArrow, show, bounce;
    animation-duration: 2s, 1s, 1800ms;
    animation-delay: 2s, 4s, 5s;
    animation-timing-function: ease-in, ease-in, ease-out;
    animation-iteration-count: 1, 1, infinite;
    visibility: hidden;
    opacity: 0;
    margin-bottom: 0;
    cursor: pointer;
}
div#banner-video i:hover {
    font-size: 5.5em;
    color: #fff;
}
@keyframes delayedShowArrow {
    0% {
    visibility: hidden;
    opacity: 0;
    margin-bottom: 20%}
30% {
    visibility: visible;
    opacity: .5;
}
60% {
    visibility: visible;
    opacity: 1;
}
100% {
    visibility: visible;
    opacity: 1;
    margin-bottom: 0;
}
}@keyframes show {
    0% {
    visibility: visible;
    opacity: 1;
    margin-bottom: 0;
}
100% {
    visibility: visible;
    opacity: 1;
    margin-bottom: 0;
}
}@keyframes bounce {
    0% {
    visibility: visible;
    opacity: 1;
    margin-bottom: 0;
}
50% {
    visibility: visible;
    opacity: 1;
    margin-bottom: 20px;
}
100% {
    visibility: visible;
    opacity: 1;
    margin-bottom: 0;
}
}@media screen and (max-width:1600px) {
    div#banner-video .dark h4 {
    margin-top: 14%}
div#banner-video .dark h2 {
    font-size: 45px;
}
div#banner-video video {
    top: 0;
}
}@media screen and (max-width:1366px) {
    div#banner-video video {
    margin-top: 0;
}
div#banner-video div.scroll {
    top: calc(100% - 75px);
}
}@media screen and (max-width:1280px) {
    div#banner-video .dark h2, div#banner-video .dark h4 {
    width: 95%}
div#banner-video {
    padding-top: 55%}
}@media screen and (max-width:1024px) {
    div#banner-video video {
    margin-top: 0;
}
div#banner-video .dark h2, div#banner-video .dark h4 {
    width: 90%}
div#banner-video .dark h4 {
    font-size: 50px;
    margin-top: 10%}
div#banner-video>a {
    bottom: 25px;
}
}@media screen and (max-width:768px) {
    div#banner-video div.scroll {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    top: auto;
    bottom: 0;
}
div#banner-video>a {
    bottom: 16px;
}
div#banner-video a span {
    font-size: 18px;
    padding: 8px 16px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
}
div#banner-video i {
    color: #fff;
    font-size: 4em;
    visibility: hidden;
    opacity: 0;
    margin-left: 0;
    animation: delayedShowArrow 3000ms;
    animation-delay: 7000ms;
    animation-fill-mode: forwards;
}
div#banner-video i:hover {
    color: #fff;
    font-size: 4em;
}
div#banner-video video {
    margin-top: 0;
}
div#banner-video .dark {
    text-align: center;
}
div#banner-video .dark h4 {
    font-size: 40px;
    margin: 2% 0 0 0;
    width: 100%}
div#banner-video .dark h2 {
    font-size: 30px;
    margin: 5% 0 0 0;
    width: 100%}
div#banner-video .dark h4 {
    animation: come-from-left-center 2000ms ease forwards;
    animation-delay: 2000ms;
}
div#banner-video .dark h2 {
    animation: come-from-right-center 2000ms ease forwards;
    animation-delay: 4000ms;
}
@keyframes come-from-left-center {
    0% {
    left: -120px;
    opacity: 0;
    visibility: hidden;
}
100% {
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    visibility: visible;
}
}@keyframes come-from-right-center {
    0% {
    left: 180px;
    opacity: 0;
    visibility: hidden;
}
100% {
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    visibility: visible;
}
}}@media screen and (max-width:600px) {
    div#banner-video .dark h2 {
    font-size: 28px;
    margin: 4% 0 0 0;
}
}@media screen and (max-width:480px) {
    div#banner-video video {
    margin-top: 0;
}
div#banner-video .dark h4 {
    font-size: 25px;
}
div#banner-video .dark h2 {
    font-size: 20px;
}
div#banner-video i, div#banner-video i:hover {
    font-size: 3em;
}
}
/*!*-----------------------------------------------------------------*/
 #map_dove_siamo {
    height: 550px;
}
#map_dove_siamo div.map-info {
    padding: 10px;
}
#map_dove_siamo div.map-info h3 {
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: 700;
    font-size: 16px;
    color: #000;
}
#map_dove_siamo div.map-info p {
    font-size: 15px;
    line-height: 14px;
    margin: 0;
    padding: 0;
}
@media screen and (max-width:480px) {
    #map_dove_siamo {
    height: 400px;
}
}section#company-numbers {
    width: 100%;
    padding: 60px 0;
    background-color: #231F20ee;
    margin-top: 80px;
    overflow: hidden;
    background-color: whitesmoke;
    padding: 40px 0;
    position: relative;
    bottom: 0;
    margin-top: 0;
}
section#company-numbers ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
    padding: 0 40px;
}
section#company-numbers ul>li {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 25%;
    padding: 0 5%;
    filter: invert(.9);
    border-right: 1px solid #222;
}
section#company-numbers ul>li:last-child {
    border-right: 0;
}
section#company-numbers ul>li div.image {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding: 0 10%;
    transform: scale(.8);
    transform: none;
    height: 64px;
    width: auto;
    display: none;
}
section#company-numbers ul>li div.image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    height: 100%}
section#company-numbers ul>li div.text p {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin: 0 0 8px 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
section#company-numbers ul>li div.text h4 {
    font-weight: 300;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    margin: 0;
    color: #fff;
    text-transform: unset;
}
@media screen and (max-width:1024px) {
    section#company-numbers {
    padding: 20px 0;
}
section#company-numbers ul {
    padding: 0;
}
section#company-numbers ul>li {
    padding: 0 16px;
}
section#company-numbers ul>li div.text p {
    font-size: 24px;
}
section#company-numbers ul>li div.text h4 {
    font-size: 16px;
}
}@media screen and (max-width:768px) {
    section#company-numbers {
    padding-top: 28px;
}
section#company-numbers ul {
    padding: 0;
    justify-content: space-between;
}
section#company-numbers ul>li {
    width: calc(50% - 8px);
    padding: 12px;
}
section#company-numbers ul>li div.text h4 {
    font-size: 20px;
}
section#company-numbers ul>li {
    border-right: none!important;
}
section#company-numbers ul>li:nth-child(1), section#company-numbers ul>li:nth-child(2) {
    border-bottom: 1px solid #222;
    margin-bottom: 8px;
    padding-bottom: 24px;
}
section#company-numbers ul>li:nth-child(1):before, section#company-numbers ul>li:nth-child(3):before {
    position: absolute;
    right: -10px;
    content: '';
    height: 100%;
    border-right: 1px solid #222;
}
}@media screen and (max-width:600px) {
    section#company-numbers ul>li div.text p {
    font-size: 20px;
}
}@media screen and (max-width:400px) {
    section#company-numbers ul>li {
    width: 100%}
section#company-numbers ul>li div.text p {
    font-size: 18px;
}
section#company-numbers ul>li:nth-child(1):before, section#company-numbers ul>li:nth-child(3):before {
    display: none;
}
section#company-numbers ul>li {
    border-bottom: 1px solid #222;
    margin-bottom: 8px;
    padding-bottom: 24px;
}
section#company-numbers ul>li:last-child {
    border-bottom: none;
    padding-bottom: 12px;
}
section#company-numbers {
    padding: 8px 0;
}
}#home-contact {
    color: #fff;
    text-align: center;
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
    background-color: #231F20;
    padding: 60px 0;
    display: none;
}
#home-contact img#home-contact {
    position: absolute;
    right: 10%;
    height: 100%;
    width: auto;
    top: 50%;
    z-index: 0;
    transform: translateY(-50%) scale(2);
}
#home-contact>.wrapper {
    z-index: 1;
    position: relative;
}
#home-contact h4 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 2.5em;
    color: #fff;
    padding: 0;
    margin: 0 0 25px 0;
    font-weight: 700;
}
#home-contact p {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.25em;
    color: #eee;
    padding: 0;
    margin: 0 0 25px 0;
    font-weight: 300;
}
#home-contact a {
    display: inline-block;
    margin-top: 30px;
    padding: 12px 36px;
    border: #fff 1px solid;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: none;
    transition: all 300ms;
}
#home-contact a:hover {
    background-color: #fff;
    color: #000;
}
@media screen and (max-width:1280px) {
    #home-contact span {
    font-size: 35px;
}
}@media screen and (max-width:1024px) {
    #home-contact span {
    font-size: 32px;
}
#home-contact a {
    background-color: var(--bg-color);
    color: #fff;
}
}@media screen and (max-width:768px) {
    #home-contact {
    background-attachment: scroll;
}
#home-contact span {
    font-size: 30px;
    letter-spacing: normal;
    word-spacing: normal;
}
#home-contact a {
    padding: 15px 35px;
    font-size: 24px;
}
}@media screen and (max-width:480px) {
    #home-contact span {
    font-size: 26px;
    letter-spacing: normal;
    word-spacing: normal;
}
#home-contact a {
    padding: 10px 30px;
    font-size: 20px;
}
}form {
    width: 100%;
    margin: 0;
    padding: 0;
}
form.contact, form.workwithus, form.signup, form.newsletter, form.pass_retrive {
    margin-top: 45px;
}
form ::-webkit-input-placeholder {
    color: #9c9c9c;
}
form ::-moz-placeholder {
    color: #9c9c9c;
}
form :-ms-input-placeholder {
    color: #9c9c9c;
    !important;
}
form : -moz-placeholder {
    color: #9c9c9c;
}
form>ul.input-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
form>ul.input-list>li.size_25 {
    display: inline-block;
    width: 23.125%;
    margin-bottom: 45px;
    position: relative;
}
form>ul.input-list>li.size_50 {
    width: 48.75%;
    margin-bottom: 45px;
    position: relative;
}
form>ul.input-list>li.size_50.minimal {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
form>ul.input-list>li.size_100 {
    width: 100%;
    margin-bottom: 45px;
}
form>ul.input-list>li.address {
    width: 48.75%}
form>ul.input-list li>div.field {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 100%}
form>ul.input-list li>div#prov-text input, form>ul.input-list li>div.field input {
    display: inline-block;
    outline: none;
    width: 100%;
    height: 36px;
    border: 0;
    background-color: transparent;
    border-bottom: #6e6e6e 1px solid;
    line-height: 35px;
    box-shadow: 0 0 0 0 #6e6e6e;
    transition: all 300ms;
}
form>ul.input-list li div.field select:focus, form>ul.input-list li>div#prov-text input:focus, form>ul.input-list li>div.field input:focus {
    border-bottom: #8b8b8b 1px solid;
    box-shadow: 0 1px 0 0 #8b8b8b;
    border-bottom: var(--bg-color) 1px solid;
    box-shadow: 0 1px 0 0 var(--bg-color);
}
form>ul.input-list li div.field {
    position: relative;
}
form>ul.input-list li div.field.size_50 {
    width: 48.75%;
    margin-bottom: 45px;
}
form>ul.input-list li div#prov-select {
    position: relative;
}
form>ul.input-list li div.required {
    position: absolute;
    top: 5px;
    right: 3.5px;
    color: red;
    font-size: 25px;
}
form>ul.input-list li div.select-box-required {
    position: absolute;
    top: 75px;
    right: 3.5px;
    color: red;
    font-size: 25px;
}
form>ul.input-list li div.select-required {
    position: absolute;
    top: -10px;
    right: 3.5px;
    color: red;
    font-size: 25px;
}
form>ul.input-list li div.field label {
    position: absolute;
    top: 12px;
    left: 0;
    line-height: 11px;
    color: #9c9c9c;
    z-index: -1;
    transition: all .2s ease-out;
}
form>ul.input-list li div.field label.active.select {
    color: #9c9c9c;
}
form>ul.input-list li div.field label.active.select.compiled {
    color: #8b8b8b;
    color: var(--bg-color);
}
form>ul.input-list li div.field label.active {
    line-height: 11px;
    z-index: 1;
    color: #8b8b8b;
    color: var(--bg-color);
    font-size: 11px;
    transform: translateY(-23px);
}
form>ul.input-list li div.field select {
    display: inline-block;
    width: 100%;
    outline: none;
    line-height: 38px;
    height: 38px;
    border: 0;
    border-bottom: #6e6e6e 1px solid;
    background-color: transparent;
    color: #9c9c9c;
    transition: all 300ms;
}
form>ul.input-list li div.field select option {
    color: #000;
}
form>ul.input-list li.select_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
form>ul.input-list li.select_box>div:first-child {
    margin-bottom: 45px;
}
form>ul.input-list>li.text {
    height: 120px;
    margin-bottom: 45px;
}
form>ul.input-list>li.text .field {
    height: 100%}
form>ul.input-list li>div.field textarea {
    display: inline-block;
    min-width: 100%;
    max-width: 100%;
    padding: 25px 15px;
    min-height: 100%;
    max-height: 100%;
    outline: none;
    line-height: 1.2;
    border: #6e6e6e 1px solid;
    background-color: transparent;
    transition: all 300ms;
}
form>ul.input-list li>div.field textarea:focus {
    border: #8b8b8b 1px solid;
    box-shadow: 0 0 0 1px #8b8b8b;
    border: var(--bg-color) 1px solid;
    box-shadow: 0 0 0 1px var(--bg-color);
}
form>ul.input-list li.text div.field label {
    position: absolute;
    top: 25px;
    left: 15px;
    z-index: -1;
}
form>ul.input-list li.text div.field label.active {
    width: calc(100% - 18px);
    top: 1px;
    left: 1px;
    padding: 0 15px;
    line-height: 26px;
    font-size: 12px;
    background-color: #fff;
    z-index: 1;
    color: #8b8b8b;
    columns: var(--bg-color);
    transform: scale(1) translateY(0) translateX(0);
}
form>ul.input-list>li.captcha {
    margin-bottom: 2%}
form>ul.input-list>li.captcha .field {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
form>ul.input-list>li.captcha .field img {
    display: block;
    float: none;
}
form>ul.input-list>li.captcha .field svg {
    margin-top: 9px;
    margin-left: 9px;
    transition: all 450ms;
    cursor: pointer;
    fill: grey;
}
form>ul.input-list>li.captcha .field svg:hover {
    fill: #0D80FE;
}
form>ul.input-list li.captcha>div.field input {
    display: block;
    margin-left: 2%;
    width: 220px;
    text-align: center;
}
div#prod-info li.captcha.popup.size_100 {
    margin-bottom: 10px;
}
form>ul.input-list>li.captcha.popup .field {
    flex-direction: column;
}
form>ul.input-list li.captcha.popup>div.field input {
    margin: 15px auto 0 auto;
}
form>ul.input-list li.privacy {
    margin-top: 0;
    margin-bottom: 45px;
}
form>ul.input-list li.privacy>div.field {
    position: relative;
    padding-left: 30px;
    font-size: 13px;
    line-height: 20px;
}
form>ul.input-list li.privacy>div.field input {
    text-align: left;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
form>ul.input-list li.email_copy {
    margin-top: 0;
    margin-bottom: 10px;
}
form>ul.input-list li.email_copy>div.field {
    position: relative;
    padding-left: 30px;
    font-size: 13px;
    line-height: 20px;
}
form>ul.input-list li.email_copy>div.field input, form>ul.input-list li.email_copy>div.field input {
    text-align: left;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
form>ul.input-list li.email_copy>div.field input:focus, form>ul.input-list li.privacy>div.field input:focus {
    border: 0;
    box-shadow: none;
}
form>ul.input-list li.prod>div.field input {
    border-bottom: 1px solid #8b8b8b;
    border-bottom: 1px solid var(--bg-color);
    font-weight: 700;
}
section#main.workwithus form>ul.input-list li.privacy {
    margin-top: 0;
    margin-bottom: 2%}
form.support>ul.input-list li.select_box.no_file>div#prov-select, form.support>ul.input-list li.select_box.no_file>div:first-child {
    width: 48.75%;
    margin-bottom: 0;
}
form.support>ul.input-list li.select_box.no_file {
    flex-direction: row;
    justify-content: space-between;
}
@media screen and (max-width:1024px) {
    form>ul.input-list>li.size_25 {
    width: 48.7%}
form>ul.input-list>li.address {
    width: 100%}
form.support>ul.input-list>li.size_50.addr {
    width: 100%;
    margin-bottom: 45px;
}
}@media screen and (max-width:768px) {
    form>ul.input-list>li.empty {
    display: none;
}
form>ul.input-list>li.size_25 {
    width: 100%}
form>ul.input-list>li.size_50 {
    width: 100%}
form>ul.input-list>li.size_25 {
    margin-bottom: 35px;
}
form>ul.input-list>li.size_50 {
    margin-bottom: 35px;
}
form>ul.input-list>li.size_100 {
    margin-bottom: 35px;
}
form>ul.input-list li.select_box>div:first-child {
    margin-bottom: 35px;
}
form>ul.input-list>li.text {
    margin-bottom: 35px;
    height: 320px;
}
form>ul.input-list li.privacy {
    margin-bottom: 35px;
}
form>ul.input-list li div.select-box-required {
    top: 65px;
}
form>ul.input-list li div.field.size_50 {
    width: 100%;
    margin-bottom: 35px;
}
form.support>ul.input-list li.select_box.no_file>div#prov-select, form.support>ul.input-list li.select_box.no_file>div:first-child {
    width: 100%}
form.support>ul.input-list li.select_box.no_file {
    flex-wrap: wrap;
}
form.support>ul.input-list li.select_box.no_file>div:first-child {
    margin-bottom: 35px;
}
}@media screen and (max-width:420px) {
    form>ul.input-list>li.captcha .field {
    flex-direction: column;
}
form>ul.input-list li.captcha>div.field input {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
}
}.box {
    margin: 0;
}
section#main.workwithus form>ul.input-list li.select_box.file_box {
    justify-content: center;
}
form>ul.input-list li.select_box.file_box>div:first-child {
    margin-bottom: 33px;
}
div.file-field {
    position: relative;
    margin: 0 0;
    cursor: pointer;
    display: flex;
}
div.file-field>.btn {
    display: flex;
    float: left;
    height: auto;
    line-height: 42px;
    text-decoration: none;
    color: #fff;
    background-color: #8b8b8b;
    background-color: var(--bg-color);
    text-align: center;
    letter-spacing: .5px;
    transition: all .2s ease-out;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 400;
    outline: 0;
    border: none;
    border-radius: 2px;
    vertical-align: bottom;
    text-transform: uppercase;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
}
div.file-field>.btn:hover {
    background-color: #a1a09c;
    background-color: var(--bg-color_2);
    cursor: pointer;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
}
.file-field span {
    cursor: pointer;
}
.file-field span:hover {
    cursor: pointer;
}
.file-field input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 42px 100% 0 0;
    outline: 0;
    font-size: 0;
    cursor: pointer;
    overflow: visible;
    line-height: 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}
.file-field .file-path-wrapper {
    overflow: visible;
    padding-left: 10px;
    box-sizing: inherit;
    margin: 0;
    display: inline-block;
    width: 100%}
.file-field span.file-path {
    width: 100%;
    background-color: #fff;
    border: none;
    border-bottom: #6e6e6e 1px solid;
    border-radius: 0;
    outline: none;
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 0;
    -webkit-box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: visible;
    display: inline-block;
    vertical-align: bottom;
    line-height: 42px;
    height: 42px;
    color: #9c9c9c;
    cursor: pointer;
    box-shadow: 0 0 0 0 #8b8b8b;
    box-shadow: 0 0 0 0 var(--bg-color);
    transition: all 300ms;
}
.file-field span.file-path.has-focus {
    border-bottom: #8b8b8b 1px solid;
    box-shadow: 0 1px 0 0 #8b8b8b;
    border-bottom: var(--bg-color) 1px solid;
    box-shadow: 0 1px 0 0 var(--bg-color);
}
 a {
    
  text-decoration: none;
    
}
.home-page main
 {
    
    margin-top:  5.8rem;
    
}
body.home-page header,  body.inner-page header
 {
    
    background-color: #0000008f;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    
}
body>header>div#head-contacts>.wrapper>div span,  body>header>div#head-contacts>.wrapper>div a
 {
    
    color:  #ffffff !important;
    
}
nav#menu-main>ul>li>a
 {
    
    color: #ffffff !important;
    
}
@media screen and (max-width:768px) {
    nav#menu-main>ul>li>a
 {
    
    color: #000000!important;
    
}
}

.floating_btn  {
    
  position:  fixed;
    
  bottom:  60px;
    
  right:  5px;
    
  width:  100px;
    
  height:  100px;
    
  display:  flex;
    
  flex-direction:  column;
    
  align-items: center;
    
  justify-content: center;
    
  z-index:  1000;
    
}
.minimized nav#menu-main>ul>li>a
 {
    
    color: #ffffff;
    
}

@keyframes pulsing  {
    
  to  {
    
    box-shadow:  0 0 0 30px rgba(232,  76,  61,  0);
    
  }
}

.contact_icon  {
    
  background-color:  #42db87;
    
  color:  #fff;
    
  width:  60px;
    
  height:  60px;
    
  font-size: 30px;
    
  border-radius:  50px;
    
  text-align:  center;
    
  box-shadow:  2px 2px 3px #999;
    
  display:  flex;
    
  align-items:  center;
    
  justify-content:  center;
    
  transform:  translatey(0px);
    
  animation:  pulse 1.5s infinite;
    
  box-shadow:  0 0 0 0 #42db87;
    
  -webkit-animation:  pulsing 1.25s infinite cubic-bezier(0.66,  0,  0,  1);
    
  -moz-animation:  pulsing 1.25s infinite cubic-bezier(0.66,  0,  0,  1);
    
  -ms-animation:  pulsing 1.25s infinite cubic-bezier(0.66,  0,  0,  1);
    
  animation:  pulsing 1.25s infinite cubic-bezier(0.66,  0,  0,  1);
    
  font-weight:  normal;
    
  font-family:  sans-serif;
    
  text-decoration:  none !important;
    
  transition:  all 300ms ease-in-out;
    
}
.flipCls {
    
    width: 100%;
    
    height: 800px;
    
}
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 10px !important;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    color: #ffffff !important;
    background-color: #6250f3;
    letter-spacing:2px !important;
    margin:3px !important;
}


.containerrrr {
            display: flex;
            gap: 20px;
            padding: 20px;
            max-width: 1250px;
            margin: 0 auto;
        }
        
        .image-column {
            flex: 1 1 40%;
            max-width: 40%;
        }

        .details-column {
            flex: 1 1 60%;
            max-width: 60%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
        }
        


        .image-column img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        
        /*.image-column img {*/
        /*    width: 100%;*/
        /*    height: auto;*/
        /*}*/

.details-column {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }






/* The Modal (background) */
.modal  {
  display:  none;
  position:  fixed;
  z-index:  1;
  left: 0;
  top:  0;
  width: 100%;
  height:  auto;
  overflow:  auto;
backdrop-filter: blur(10px);
  background-color:  rgb(225 224 224 / 40%);
}

/* Modal Content */
.modal-content  {
    left:40%;
    top:0;
  background-color:  #fefefe;
  margin:  10% auto;
  padding:  20px;
  border:  1px solid #888;
  width:  500px;
}

/* The Close Button */
.close  {
  color:  #aaa;
  float:  right;
  font-size:  28px;
  font-weight:  bold;
}
.close: hover, 
.close:focus  {
  color:  black;
  text-decoration:  none;
  cursor:  pointer;
}

.close2  {
  color:  #aaa;
  float:  right;
  font-size:  28px;
  font-weight:  bold;
}
.close2: hover, 
.close2:focus  {
  color:  black;
  text-decoration:  none;
  cursor:  pointer;
}

/* Form styles */
form  {
  display:  flex;
  flex-direction:  column;
}

.form-row  {
  display:  flex;
  flex-wrap:  wrap;
  gap:  10px;
}

.form-group  {
  display:  flex;
  flex-direction:  column;
  flex:  1;
}

form label  {
  margin-top:  10px;
}

form input[type="text"], 
form input[type="email"], 
form input[type="number"], 
form textarea, form select {
  margin-top:  5px;
  padding:  8px;
  border:  1px solid #ccc;
  border-radius:  4px;
  width: 100%;
}

form input[type="submit"]  {
  margin-top:  15px;
  padding:  10px;
  background-color:  #6250f3;
  color:  white;
  border:  none;
  border-radius:  4px;
  cursor:  pointer;
}

form input[type="submit"]: hover  {

  background-color:  #45a049;
}
.featureCls
{
    padding: 2rem;
    background: #d0ccef52;
    border-radius: 10px;
}
.featureCls div
{
    margin:10px;
}
.highlightCls
{
    display: inline-block;
    padding: .50em .8em;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    color: #ffffff !important;
    background-color: #6250f3;
    letter-spacing: 2px !important;
    margin: 10px !important;
}
.downloadBtn
{
    margin-top:1rem;
    border: 1px solid;
    color: #ffffff !important;
    padding: 0.5rem 1rem;
    background: #8A2387;
    background: -webkit-linear-gradient(to right, #F27121, #E94057, #8A2387);
    background: linear-gradient(to right, #F27121, #E94057, #8A2387);
    box-shadow:0 10px 19px rgba(0.5, 0.5, 0.5, 0.5);
}
.contactThankyou{
   padding:15rem !important; 
}
.footerContactDetails
{
    padding:0.5rem 0;
}
.upcomingHighlight
{
    font-size: 10px;
    background: #fe0c62;
    padding: 5px 11px;
    color: white;
    border-radius: 5px;
}
.eventName
{
    font-size:20px;
    font-weight:700;
    padding:5px 0px;
}
.eventDate
{
    font-size:17px;
    font-weight:600;
    padding:5px 0px;
}
.certified
{
    height: 600px !important;
}
.columnClass
{
    align-items:flex-start !important;
    border:1px solid #000000;
    box-shadow:0 21px 21px rgba(0, 0, 0, 0.1);
    padding:2rem !important;
    box-shadow:0 21px 21px rgba(0, 0, 0, 0.1);
}
.eventPlace{
    background: #6250f3;
    padding: .25em .8em;
    color: #fff;
    letter-spacing: 1px;
    font-size: 12px !important;
    border-radius: 6px;
}
 .row {
            display: flex;
            justify-content: space-around; /* Distributes space evenly between columns */
            flex-wrap: wrap; /* Wraps columns if the viewport is too small */
            padding: 10px;
        }

        .column {
            flex: 1;
            max-width: 25%; /* Adjust the max-width to ensure 4 columns */
            padding: 10px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .column img {
            max-width: 100%;
            height: auto;
        }

        .column h4 {
            margin-top: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add box shadow to h4 */
            padding: 5px 10px; /* Add some padding for better visual effect */
        }

        @media screen and (max-width: 768px) {
            .row
            {
                flex-direction: column;
            }
            
            .column {
                max-width: 100%; /* Adjust for two columns on smaller screens */
            }
        }

        @media screen and (max-width: 480px) {
            .column {
                max-width: 100%; /* Still 2 columns on very small screens */
            }
        }




/* Dropdown container */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown button */
.dropbtn {
  background-color: transparent;
  color: white;
  padding: 16px;
  font-size: 1.05em;
  border: none;
  cursor: pointer;
  font-family:'Muli', sans-serif;
  text-transform:uppercase;
  font-weight:700;
  opacity: .85;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-transform:uppercase;
  
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: transparent;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: transparent;
}




.blog-slider {
    margin-top:8rem !important;
      margin-bottom:8rem !important;
  width: 95%;
  position: relative;
  max-width: 900px;
  margin: auto;
  background: #fff;
  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
  padding: 25px;
  border-radius: 25px;
  height: 400px;
  transition: all 0.3s;
}
@media screen and (max-width: 992px) {
  .blog-slider {
    max-width: 680px;
    height: 400px;
  }
}
@media screen and (max-width: 768px) {
  .blog-slider {
    min-height: 500px;
    height: auto;
    margin: 180px auto 90px auto !important;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider {
    height: 350px;
  }
}
.blog-slider__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .blog-slider__item {
    flex-direction: column;
  }
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity: 1;
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {
  opacity: 1;
  transform: none;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
  transition-delay: 0.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
  transition-delay: 0.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
  transition-delay: 0.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
  transition-delay: 0.7s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
  transition-delay: 0.8s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
  transition-delay: 0.9s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
  transition-delay: 1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
  transition-delay: 1.1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
  transition-delay: 1.2s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
  transition-delay: 1.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
  transition-delay: 1.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
  transition-delay: 1.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
  transition-delay: 1.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
  transition-delay: 1.7s;
}
.blog-slider__img {
  width: 300px;
  flex-shrink: 0;
  height: 300px;
  background-image: linear-gradient(147deg, #f4f3ff 0%, #6250f3 74%);
  box-shadow: 4px 13px 30px 1px rgb(243 80 124 / 20%);
  border-radius: 20px;
  transform: translateX(-80px);
  overflow: hidden;
}
.blog-slider__img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(147deg, #f4f3ff 0%, #6250f3 84%);
  border-radius: 20px;
  opacity: 0.2;
}
.blog-slider__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  border-radius: 20px;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .blog-slider__img {
    transform: translateY(-50%);
    width: 90%;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__img {
    width: 95%;
  }
}
@media screen and (max-height: 500px) and (min-width: 992px) {
  .blog-slider__img {
    height: 270px;
  }
}
.blog-slider__content {
  padding-right: 25px;
}
@media screen and (max-width: 768px) {
  .blog-slider__content {
    margin-top: -80px;
    text-align: center;
    padding: 0 30px;
  }
}
@media screen and (max-width: 576px) {
  .blog-slider__content {
    padding: 0;
  }
}
.blog-slider__content > * {
  opacity: 0;
  transform: translateY(25px);
  transition: all 0.4s;
}
.blog-slider__code {
  color: #7b7992;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}
.blog-slider__title {
  font-size: 24px;
  font-weight: 700;
  color: #0d0925;
  margin-bottom: 20px;
}
.blog-slider__text {
  color: #4e4a67;
  margin-bottom: 30px;
  line-height: 1.5em;
}
.blog-slider__button {
  display: inline-flex;

  background: #8A2387;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F27121, #E94057, #8A2387);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F27121, #E94057, #8A2387); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  padding: 15px 35px;
  border-radius: 5px;
  color: #fff;
  box-shadow: 0px 14px 80px rgba(98, 80, 243, 0.4);
  text-decoration: none;
  font-weight: 500;
  justify-content: center;
  text-align: center;
  letter-spacing: 1px;
}
@media screen and (max-width: 576px) {
  .blog-slider__button {
    width: 100%;
  }
}
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.blog-slider__pagination {
  position: absolute;
  z-index: 21;
  right: 20px;
  width: 11px !important;
  text-align: center;
  left: auto !important;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination {
    transform: translateX(-50%);
    left: 50% !important;
    top: 205px;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
{
    margin:10px 5px !Important;  
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
}
.blog-slider__pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: #062744;
  opacity: 0.2;
  transition: all 0.3s;
}
.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #E94057;
  height: 30px;
  box-shadow: 0px 0px 20px rgba(98, 80, 243, 0.3);
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }
  .dropbtn
  {
      color:black;
      font-size:15px; 
  }
  .dropdown {
     width: 100%;
    background: gainsboro;
    padding: 16px;
}
}









@media only screen and (max-width:  768px) 
{
.containerrrr {
                flex-direction: column;
        }
    .image-column,
            .details-column {
                flex: 1 1 100%;
                max-width: 100%;
            }

        .modal  {
              top:10%; 
              height:100%;
        }
        .modal-content  {
         
         width:400px;   
        }
        .contactThankyou{
   padding:7rem 2rem !important; 
}
.certified
{
    height:300px !important;
}
.certifyH2
{
    margin-bottom:10px !important;
}
}

@media only screen and (max-width:  600px) 
 {
    
    #main-toggle
     {
    
        top:  -65px !important;
    
}

.home-page main
 {
    
    margin-top:  6rem;
    
}
    body.minimized>header img.logo,  body>header img.logo
     {
    
        max-height:  100px !important;
    
}

    .flipCls {
    
    width: 100%;
    
    height: 600px;
    
}
}
@media only screen and (max-width:  400px) 
 {
    
    body.minimized>header img.logo,  body>header img.logo
     {
    
        max-height:  80px !important;
    
}

}