@charset "UTF-8";
.panel-grid.panel-has-style>.panel-row-style,.panel-grid.panel-no-style{display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;-ms-justify-content:space-between;justify-content:space-between}.panel-grid .so-parallax{position:relative}.panel-grid .so-parallax>:not(.simpleParallax){position:relative;z-index:1}.panel-grid .so-parallax .simpleParallax{overflow:hidden}.panel-grid .so-parallax .simpleParallax,.panel-grid .so-parallax img[data-siteorigin-parallax]{bottom:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,.panel-layout.panel-is-rtl .panel-grid.panel-no-style{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.panel-grid-cell{-ms-box-sizing:border-box;box-sizing:border-box}.panel-grid-cell .panel-cell-style{height:100%}.panel-grid-cell .so-panel{zoom:1}.panel-grid-cell .so-panel:before{content:"";display:block}.panel-grid-cell .so-panel:after{content:"";display:table;clear:both}.panel-grid-cell .panel-last-child{margin-bottom:0}.panel-grid-cell .widget-title{margin-top:0}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container){overflow-x:hidden}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch{margin-right:-1000px!important;margin-left:-1000px!important;padding-right:1000px!important;padding-left:1000px!important}@font-face{font-family:'so-slider-pointers';src:url(//www.mpi.be/wp-content/plugins/so-widgets-bundle/css/slider/fonts/slider.eot);src:url(//www.mpi.be/wp-content/plugins/so-widgets-bundle/css/slider/fonts/slider.eot) format('embedded-opentype'),url(//www.mpi.be/wp-content/plugins/so-widgets-bundle/css/slider/fonts/slider.woff) format('woff'),url(//www.mpi.be/wp-content/plugins/so-widgets-bundle/css/slider/fonts/slider.ttf) format('truetype'),url(//www.mpi.be/wp-content/plugins/so-widgets-bundle/css/slider/fonts/slider.svg) format('svg');font-weight:normal;font-style:normal;font-display:block}.sow-slider-base{position:relative;overflow:hidden}.sow-slider-base ul.sow-slider-images{list-style:none;margin:0;overflow:hidden}.sow-slider-base ul.sow-slider-images li.sow-slider-image{width:100%;margin:0;list-style:none;position:relative;overflow:hidden}.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover{background-position:center center;background-size:cover}.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover{background-repeat:repeat}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container{position:absolute;top:0;left:0;width:100%;z-index:2}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper{margin:0 auto;z-index:2;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper>*:first-child{margin-top:0}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-container .sow-slider-image-wrapper>*:last-child{margin-bottom:0}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-overlay{position:absolute;top:0;left:0;bottom:0;right:0}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-overlay.sow-slider-image-cover{background-position:center center;background-size:cover}.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-overlay.sow-slider-image-cover{background-repeat:repeat}.sow-slider-base ul.sow-slider-images li.sow-slider-image>img,.sow-slider-base ul.sow-slider-images li.sow-slider-image>a>img,.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-wrapper>img,.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-wrapper>a>img{display:block;width:100%;height:auto;border:none}.sow-slider-base ul.sow-slider-images li.sow-slider-image video.sow-background-element{position:absolute;top:50%;left:50%;width:auto;height:auto;z-index:1;overflow:hidden}.sow-slider-base ul.sow-slider-images li.sow-slider-image video.sow-full-element{display:block;width:100%;height:auto}.sow-slider-base .sow-slider-pagination{bottom:20px;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;list-style:none;left:0;line-height:11px;margin:0;padding-right:30px;position:absolute;text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:1001}.sow-slider-base .sow-slider-pagination li{display:inline-block;font-size:1em;text-align:left;margin:0 4px 0 0}.sow-slider-base .sow-slider-pagination li:last-of-type{margin-right:0}.sow-slider-base .sow-slider-pagination li a{background:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;display:block;height:11px;opacity:.45;text-indent:-9999px;width:11px}.sow-slider-base .sow-slider-pagination li.sow-active a{opacity:.85}.sow-slider-base .sow-slide-nav{list-style:none;z-index:1001;position:absolute;top:50%;transform:translateY(-50%);opacity:.75;font-size:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sow-slider-base .sow-slide-nav a{display:block;padding:15px;text-align:center;text-decoration:none;color:#FFFFFF}.sow-slider-base .sow-slide-nav a em{display:block}.sow-slider-base .sow-slide-nav.sow-slide-nav-next{right:5px}.sow-slider-base .sow-slide-nav.sow-slide-nav-next a{background-position:top right}.sow-slider-base .sow-slide-nav.sow-slide-nav-prev{left:5px}.sow-slider-base .sow-slide-nav.sow-slide-nav-prev a{background-position:top left}.sow-slider-base .cycle-sentinal{overflow:hidden}.sow-slider-base.sow-slider-is-mobile video.sow-background-element:not(.sow-mobile-video_enabled){visibility:hidden}.sow-slider-base [class^="sow-sld-icon-"],.sow-slider-base [class*=" sow-sld-icon-"]{font-family:'so-slider-pointers';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sow-slider-base .sow-sld-icon-ultra-thin-rounded-left:before{content:"\e600"}.sow-slider-base .sow-sld-icon-ultra-thin-rounded-right:before{content:"\e601"}.sow-slider-base .sow-sld-icon-thin-rounded-left:before{content:"\e602"}.sow-slider-base .sow-sld-icon-thin-rounded-right:before{content:"\e603"}.sow-slider-base .sow-sld-icon-medium-rounded-left:before{content:"\e604"}.sow-slider-base .sow-sld-icon-medium-rounded-right:before{content:"\e605"}.sow-slider-base .sow-sld-icon-thick-rounded-left:before{content:"\e606"}.sow-slider-base .sow-sld-icon-thick-rounded-right:before{content:"\e607"}.sow-slider-base .sow-sld-icon-ultra-thin-left:before{content:"\e608"}.sow-slider-base .sow-sld-icon-ultra-thin-right:before{content:"\e609"}.sow-slider-base .sow-sld-icon-thin-left:before{content:"\e60a"}.sow-slider-base .sow-sld-icon-thin-right:before{content:"\e60b"}.sow-slider-base .sow-sld-icon-medium-left:before{content:"\e60c"}.sow-slider-base .sow-sld-icon-medium-right:before{content:"\e60d"}.sow-slider-base .sow-sld-icon-thick-left:before{content:"\e60e"}.sow-slider-base .sow-sld-icon-thick-right:before{content:"\e60f"}.so-widget-sow-slider-default-93bb95857ee5-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
display: flex;
align-items: center;
}
.so-widget-sow-slider-default-93bb95857ee5-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper .sow-slider-image-foreground-wrapper {
line-height: 0;
margin-left: auto;
margin-right: auto;
}
.so-widget-sow-slider-default-93bb95857ee5-6694 .sow-slider-base .sow-slider-pagination li a {
background: #444444;
}
.so-widget-sow-slider-default-93bb95857ee5-6694 .sow-slider-base .sow-slide-nav {
font-size: 25px;
}
.so-widget-sow-slider-default-93bb95857ee5-6694 .sow-slider-base .sow-slide-nav a {
color: #444444;
}.so-widget-sow-image-default-17bc2272b535-6694 .sow-image-container {
display: flex;
align-items: flex-start;
justify-content: center;
}
.so-widget-sow-image-default-17bc2272b535-6694 .sow-image-container > a {
display: inline-block;
max-width: 100%;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.so-widget-sow-image-default-17bc2272b535-6694 .sow-image-container > a {
display: flex;
}
}
.so-widget-sow-image-default-17bc2272b535-6694 .sow-image-container .so-widget-image {
display: block;
max-width: 100%;
height: auto;
}@media (max-width: 780px) {
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images {
min-height: 0 !important;
}
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
padding: calc( 50px + 0px ) 20px 50px 20px;
max-width: 1280px;
}
@media (max-width: 780px) {
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h1,
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h2,
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h3,
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h4,
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h5,
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h6 {
line-height: 1.375em;
color: #ffffff;
margin: 0.1em 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: 400;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h1 {
font-size: 38px;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h2 {
font-size: 32.3px;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h3 {
font-size: 26.6px;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h4 {
font-size: 22.8px;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h5 {
font-size: 19px;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper h6 {
font-size: 15.2px;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper a:hover {
color: #3a79a3;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper p {
color: #ffffff;
margin: 1em 0;
font-size: 25px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight: 500;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper .sow-hero-buttons {
margin-top: 3em;
padding-bottom: 0.2em;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper .sow-hero-buttons .so-widget-sow-button {
display: inline-block;
margin: 3px 6px 0;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base .sow-slider-pagination li a {
background: #ffffff;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base .sow-slide-nav {
font-size: 25px;
}
.so-widget-sow-hero-default-b0fb83f4183a-6694 .sow-slider-base .sow-slide-nav a {
color: #ffffff;
}.upcp-clear {
clear:both;
}
.jquery-hidden {
display:none;
}
.Hide-Item {
display:none !important;
}
.upcp-Hide-Item {
display:none;
}
.No-Clear {
clear:none !important;
padding: 0 !important;
}
.hidden-field {
display:none !important;
opacity: 0;
}
.upcp-no-pointer {
cursor:default;
}
.no-underline {
text-decoration:none;
}
.no-underline:hover {
text-decoration:none;
}
.upcp-social-links {
margin: 15px 0;
}
.upcp-social-links ul {
margin: 0;
}
#wpadminbar #wp-admin-bar-upcp_edit_product>.ab-item:before {
content: "\f464";
top: 2px;
} .Blue-prod-cat-header-div {
border-bottom:3px solid #80bee1;
}
.Black-prod-cat-header-div {
border-bottom:3px solid #000000;
}
.Grey-prod-cat-header-div {
border-bottom:3px solid #666666;
}
.Blue-thumb-icon {
background:url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/thumb_icon.png);
}
.Black-thumb-icon {
background:url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/thumb_icon-black.png);
}
.Grey-thumb-icon {
background:url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/thumb_icon-grey.png);
}
.Blue-list-icon {
background:url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/list_icon.png);
}
.Black-list-icon {
background:url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/list_icon-black.png);
}
.Grey-list-icon {
background:url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/list_icon-grey.png);
}
.Blue-details-icon {
background: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/details_tab_icon.png);
}
.Black-details-icon {
background: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/details_tab_icon-black.png);
}
.Grey-details-icon {
background: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/details_tab_icon-grey.png);
} .prod-cat-container {
position: relative;
}
.prod-cat-container *, .prod-cat-container *:after,
.prod-cat-container *:before{
box-sizing: border-box;
}
.prod-cat-header-div {
width:100%;
margin-bottom:15px;
}
.prod-cat-information {
margin-bottom: 12px;
}
.prod-cat-inner {
position: relative;
float:left;
width:74%;
}
.prod-cat-inner > .prod-cat {
width: 100%;
}
.prod-cat-back-link,
.upcp-product-page-breadcrumbs {
font-size: 1.2em;
padding-bottom: 8px;
}
.prod-cat-item {
}
.prod-cat-category {
margin:30px auto;
clear: both;
}
.prod-cat-category-label {
font-size: 1.3em;
font-weight: 600;
margin: 20px 10px;
}
.prod-cat-title {
}
.prod-cat-thumb-image-div {
overflow:hidden;
position:relative;
}
.prod-cat-thumb-image {
width: auto !important;
position: relative;
}
.prod-cat-price {
}
.upcp-details-text {
display: table-cell;
vertical-align: middle;
}  .ewd-upcp-filtering-toggle {
display: none;
width: 100px;
min-width: 120px;
background: #353535;
color: #fff;
padding: 4px 10px 4px;
margin: 32px auto;
text-align: center;
text-transform: uppercase;
cursor: pointer;
z-index: 2;
}
.ewd-upcp-filtering-toggle:hover {
background: #555;
}
.ewd-upcp-filtering-toggle-downcaret:after {
font-size: .8em;
content: " ▼";
}
.ewd-upcp-filtering-toggle-upcaret:after {
font-size: .8em;
content: " ▲";
}
@media screen and (max-width: 715px) {
.ewd-upcp-filtering-toggle {
display: block;
}
}
.prod-cat-sidebar {
display: block;
position:relative;
float:left;
width:25%;
margin-bottom:20px;
}
@media screen and (max-width: 715px) {
.prod-cat-sidebar.prod-cat-sidebar-hidden {
display: none;
}
}
.prod-cat-sidebar > form > div {
margin: 3px;
}
.prod-cat-sidebar-category,
.prod-cat-sidebar-subcategory,
.prod-cat-sidebar-tag,
.prod-cat-sidebar-cf-value-div{
padding: 5px;
}
.prod-cat-sidebar-cf-title {
margin:5px 0;
}
.prod-cat-cf-sidebar-title {
}
.prod-cat-sidebar-content{
margin: 10px 0;
}
.prod-cat-sidebar-cf-content{
width:100%;
} .upcp-filtering-clear-all {
text-align: center;
font-weight: 600;
cursor: pointer;
position: relative;
float: left;
width: calc(75% - 16px);
margin-right: calc(25% + 5px) !important;
margin-bottom: 20px !important;
background: #ddd;
padding: 8px 0;
color: #444;
}
.upcp-filtering-clear-all:hover {
background: #eee;
color: #444;
} #prod-cat-sort-by, #prod-cat-text-search {
}
.prod-cat-sidebar .styled-input {
width: 75%;
margin-top:5px;
}
.prod-cat-sidebar .styled-select {
}
#upcp-sort-by {
width:100%;
height:35px;
padding: 5px;
border: solid 1px #c9c9c9;
box-shadow: none;
background-image: none;
}
#upcp-sort-by option {
width:100%;
}
.prod-cat-sidebar .styled-select select:focus {
outline: none;
}
select:active {
border: 1px solid #000;
}
#upcp-name-search {
padding: 5px !important;
border: solid 1px #c9c9c9;
transition: border 1s ease;
width:100%;
font-size: 0.8em;
height:35px;
}
.prod-cat-sidebar .styled-input input[type="text"]:hover,
.prod-cat-sidebar .styled-input input[type="text"]:focus{
border: solid 1px rgba(59, 59, 59, 0.75);
background: none;
}  .prod-cat-sidebar-hover-underline h3,
.prod-cat-sidebar-hover-underline span {
cursor: pointer;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
padding-bottom:5px;
margin:15px 0 5px;
}
.prod-cat-sidebar-hover-underline h3:before,
.prod-cat-sidebar-hover-underline span:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: rgba(59, 59, 59, 0.5);
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.prod-cat-sidebar-hover-underline h3:hover:before,
.prod-cat-sidebar-hover-underline h3:focus:before,
.prod-cat-sidebar-hover-underline h3:active:before {
left: 0;
right: 0;
}
.prod-cat-sidebar-hover-underline span:hover:before,
.prod-cat-sidebar-hover-underline span:focus:before,
.prod-cat-sidebar-hover-underline span:active:before {
left: 0;
right: 0;
} .upcp-label {
display: inline;
}
.upcp-label span {
padding: 2px;
}
.upcp-margin-left-6 {
padding-left:16px;
}
.upcp-margin-top-minus-2 {
}
.prod-cat-sidebar-cat-title {
margin: 10px 0;
}
#upcp-price-score-filter,
.prod-cat-sidebar-category-content div,
.prod-cat-sidebar-subcategory-content div,
.prod-cat-sidebar-content-tag div,
.prod-cat-sidebar-cf-content div{
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
max-width: 75%;
}
.upcp-hidden-text-field {
border: none !important;
background: transparent !important;
}
.upcp-custom-field-slider div{
max-width:100%;
}
.upcp-custom-field-slider,
#upcp-price-score-filter {
margin-top:6px;
}
.subcat-collapsible .prod-cat-sidebar-subcategory {
max-width: 100%;
}
.checkbox-color-Blue:hover
{
background-color: rgba( 128, 190, 225, 0.65) ;
color: white;
}
.checkbox-color-Grey:hover,
.checkbox-color-Black:hover
{
background-color: #BDBDBD;
color: white;
}
.prod-sidebar-checkbox-minimalist.highlightBlue {
background:rgba( 128, 190, 225, 0.4);
}
.prod-sidebar-checkbox-minimalist.highlightBlack,
.prod-sidebar-checkbox-minimalist.highlightGrey {
background:rgba(225,225,225, 0.75);
} .prod-sidebar-checkbox-square [type="checkbox"]:not(:checked),
.prod-sidebar-checkbox-square [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
.prod-sidebar-checkbox-square [type="checkbox"]:not(:checked) + label,
.prod-sidebar-checkbox-square [type="checkbox"]:checked + label {
position: relative;
padding-left: 25px;
cursor: pointer;
} .prod-sidebar-checkbox-square [type="checkbox"]:not(:checked) + label:before,
.prod-sidebar-checkbox-square [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left:0; top: 2px;
width: 15px; height: 15px;
} .prod-sidebar-checkbox-square [type="checkbox"]:not(:checked) + label:after,
.prod-sidebar-checkbox-square [type="checkbox"]:checked + label:after {
content: '✔';
position: absolute;
top: 0; left: 2px;
font-size: 14px;
color:#3B3B3B;
transition: all .2s;
} [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
.prod-sidebar-checkbox-minimalist [type="checkbox"]:not(:checked),
.prod-sidebar-checkbox-minimalist [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
.prod-sidebar-checkbox-minimalist [type="checkbox"]:not(:checked) + label,
.prod-sidebar-checkbox-minimalist [type="checkbox"]:checked + label {
position: relative;
padding-left: 2px;
cursor: pointer;
}
.prod-sidebar-checkbox-block {
border-top: 1px solid gray;
}
.prod-sidebar-checkbox-block [type="checkbox"]:not(:checked),
.prod-sidebar-checkbox-block [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
.prod-sidebar-checkbox-block.highlightBlue {
background:rgba( 128, 190, 225, 0.4);
}
.prod-sidebar-checkbox-block.highlightBlack,
.prod-sidebar-checkbox-block.highlightGrey {
background:rgba(225,225,225, 0.75);
}
.prod-sidebar-checkbox-block [type="checkbox"]:not(:checked) + label,
.prod-sidebar-checkbox-block [type="checkbox"]:checked + label {
position: relative;
padding-left: 2px;
cursor: pointer;
}
.cat-collapsible {
float: right;
font-weight: 800;
font-size: 25px;
}
.cat-collapsible:hover {
cursor: pointer;
} .thumb-display {
margin: 0;
}
.upcp-thumb-toggle-icon {
width:40px;
height:29px;
float:left;
margin-right:8px;
}
.upcp-thumb-item {
border: 1px solid #e0e0e0;
border-radius: 2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px; float: left;
margin: 10px;
width: 200px;
min-height: 306px;
max-height:325px; margin-bottom:32px;
}
.upcp-thumb-item.upcp-thumb-adjust-height {
min-height: 0;
max-height: none;
}
.upcp-thumb-title {
min-height:43px;
padding: 3px 8px 0;
margin: 0px;
color: #777;
}
.upcp-thumb-price {
float: left;
min-height: 40px;
line-height: 40px;
width: 81px;
padding: 1px 0 0 8px;
margin: 0px;
color: #2e8f9a;
}
.upcp-thumb-details-link {
background: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/details_icon.png);
background-repeat: no-repeat !important;
background-position: center right !important;
color: #80bee1 !important;
height: 40px;
float: right;
line-height: 1;
width: auto;
margin-right: 6px;
display: table;
}
.upcp-thumb-title a{
color:#1b8be0 !important;
}
.upcp-thumb-title a:hover,
.upcp-thumb-title a:focus,
.upcp-thumb-title a:active{
text-decoration: none;
color:#404040;
}
.upcp-thumb-details-link{
color:#4DB7DF;
}
.upcp-thumb-details-link:hover,
.upcp-thumb-details-link:focus,
.upcp-thumb-details-link:active{
text-decoration:none;
color:#80bee1;
} .upcp-thumb-image-div {
width: 180px;
height: 180px;
margin: 10px;
text-align: center;
background: #fafafa; display: block;
}
.upcp-thumb-image-div a {
width: 180px;
height: 180px;
text-align: center;
display:table-cell;
vertical-align:middle;
}
div.upcp-thumb-image-div img {
max-width: 180px;
max-height: 180px;
display: table-cell !important;
margin: 0 auto;
} .list-display {
margin: 0;
}
.upcp-list-toggle-icon {
width:40px;
height:29px;
float:left;
margin-right:8px;
}
.upcp-list-item {
margin: 5px;
}
.upcp-list-title {
width:80%;
float:left;
cursor:pointer;
}
.upcp-list-price {
width:20%;
min-width:40px;
float:right;
color: #2e8f9a;
cursor: pointer;
text-align: right;
}
.upcp-list-details {
min-height:240px;
width: 100%;
display:flex;
flex-flow:row wrap;
float:left;
padding-top:15px;
}
.upcp-list-desc {
float:left;
overflow: auto;
width:65%;
max-height:200px;
padding: 10px 5px;
flex: 1 1 auto;
}
.upcp-list-details-link {
background: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/details_icon.png);
background-repeat: no-repeat;
background-position:  bottom   right;
color: #50a3d1;
min-width: 200px;
height: 30px;
}
.upcp-list-details .upcp-catalogue-link{
}
.upcp-prod-desc-custom-fields.upcp-custom-field-list{
min-height: 40px;
width:50%;
padding: 5px 15px;
} .upcp-list-image-div {
width: 35%;
height: 200px;
text-align: center;
float:left;
flex-grow:1;
}
.upcp-list-image-div a {
width: inherit;
height: 200px;
line-height: 0;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.upcp-list-image-div img {
width: auto;
max-height:180px;
max-width: 180px !important;
margin:0 auto;
} .detail-display {
margin: 0;
}
.upcp-details-toggle-icon {
width:40px;
height:29px;
float:left;
margin-right:8px;
}
.upcp-detail-item {
display:flex;
width:100%;
border: 1px solid #e0e0e0;
margin:15px auto;
min-height:13.5em;
}
.upcp-mid-detail-div{
float:left;
width: 50%;
min-height: 13.5em;
padding: 10px;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}
.upcp-detail-title {
font-size: 1.2em;
color:#1b8be0;
font-weight:400;
}
.upcp-end-detail-div {
float:left;
width:15%;
padding:10px;
}
.upcp-detail-price {
color: #039cb7;
float: left;
font-size: 1.2em;
width:100%;
margin-top: 10px;
}
.upcp-detail-details-link {
clear:both;
background: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/details_icon.png);
background-repeat: no-repeat;
background-position:  bottom   left;
color: #4DB7DF;
height: 70px;
line-height: 40px;
width: 100%;
}
.upcp-detail-desc{
margin-top: 10px;
}
.upcp-detail-item a:hover,
.upcp-detail-item a:focus,
.upcp-detail-item a:active{
text-decoration:none;
color:#404040;
}
.upcp-detail-item a div:hover,
.upcp-detail-item a div:focus,
.upcp-detail-item a div:active{
text-decoration:none;
color:#80bee1;
} .upcp-detail-image-div {
display:table;
width: 35%;
height: 100%;
}
.upcp-detail-image-div a {
width:100%;
height: 200px;
line-height: 0;
text-align: center;
display: table-cell;
vertical-align: middle;
}
div.upcp-detail-image-div img {
max-width: 180px;
max-height:180px;
} .prod-cat-addt-details {
width: 100%;
}
.prod-cat-addt-details-thumbs-div {
width: 120px;
height: 480px;
overflow-x: hidden;
overflow-y: hidden;
float: left;
}
.prod-cat-addt-details-thumbs-div:hover {
overflow-y: auto;
}
.prod-cat-addt-details-thumb {
max-width: 100px;
max-height: 100px;
margin: 10px;
cursor: pointer;
}
.entry.clearfix h2.prod-cat-addt-details-title {
margin: 15px 5px 40px;
}
.upcp-standard-product-page .prod-cat-addt-details-price {
padding:0px 0px 10px 40px;
}
.upcp-product-url-icon {
margin-left:20px;
}
.upcp-standard-product-page .prod-cat-addt-details-main-image-div{
height: 420px;
}
.upcp-standard-product-page .prod-cat-addt-details-main-div {
height: 420px;
line-height: 0;
margin-left: 120px;
text-align: center;
vertical-align: middle;
width: 100%;
}
.prod-cat-addt-details-main-div a {
width: 370px;
height: 340px;
line-height: 0;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.prod-cat-addt-details-main {
max-width: 100%;
max-height: 100%;
}
.upcp-standard-product-page .prod-cat-addt-details-main-div img{
min-width: 200px;
max-height: 420px;
}
.upcp-standard-product-page .prod-cat-addt-details-desc-div {
padding: 20px;
}
.upcp-standard-product-page .prod-cat-addt-details-right-div {
padding: 0 10px;
}
.upcp-minimal-catalogue {
width: 100%;
} .upcp-related-products{
margin-left: -200px;
}
.upcp-related-products-title {
font-size: 1.2em;
padding-bottom: 8px;
}
.upcp-next-product-title, .upcp-previous-product-title {
font-size: 1.1em;
padding-bottom: 8px;
}
.upcp-minimal-product-listing {
width: 115px;
float: left;
padding-right: 10px;
margin: 5px;
}
.upcp-minimal-img-div {
height: 115px;
text-align: center;
width:100%;
}
.upcp-minimal-img {
max-width: 115px;
max-height: 115px;
}
.upcp-minimal-title, .upcp-minimal-price {
text-align: center;
}
.upcp-standard-product-page .upcp-product-side-container {
clear:both;
}
.upcp-standard-product-page .default-pp-related {
float: none;
width: 100%;
padding: 5px 20px;
margin: 0;
max-width: 100%;
} .upcp-standard-product-page-mobile .prod-cat-addt-details-thumbs-div {
overflow: visible;
width: 100%;
height: auto;
} .upcp-standard-product-page-mobile {
display: none;
}
.upcp-standard-product-page,
.upcp-custom-large-product-page {
width: 100%;
}
.upcp-standard-product-page *{
box-sizing: border-box;
}
.prod-details-right{
max-width: 300px;
float: left;
padding-left: 15px;
margin-top: 10px;
}
.upcp-product-side-container {
clear: both;
}
.upcp-side-title {
float: left;
padding-right: 10px;
font-weight: 600;
}
.upcp-product-video {
margin-top:12px;
margin-bottom: 6px;
} .prod-cat-addt-details-title .upcp-product-url-icon {
display: none;
}
.prod-cat-addt-details-title-and-price {
position: relative;
float: right;
width: calc(100% - 160px);
}
.prod-cat-addt-details-title, .prod-cat-addt-details-price {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
text-align: center;
}
.prod-cat-addt-details-title {
padding-top: 40px !important;
}
.prod-cat-addt-details-price {
padding: 20px 0 40px !important;
}
.prod-cat-addt-details-thumbs-div {
width: 120px;
height: 480px;
overflow-y: scroll;
}
.prod-cat-addt-details-thumb {
width: 95%;
max-width: none;
max-height: none;
margin: 0 0 10px;
cursor: pointer;
}
@media screen and (max-width: 670px) {
.prod-cat-addt-details-thumb {
width: 30%;
margin-top: 16px;
}
}
.upcp-standard-product-page .prod-cat-addt-details-main-image-div {
height: auto;
}
.upcp-standard-product-page .prod-cat-addt-details-main-div {
position: relative;
float: right;
width: calc(100% - 160px);
height: auto;
margin-left: 0;
text-align: center;
}
.upcp-standard-product-page .prod-cat-addt-details-main-div img {
height: auto;
width: auto;
min-width: auto;
min-height: auto;
max-height: 480px;
max-width: 100%;
}
.upcp-standard-product-page .prod-cat-addt-details-desc-div {
position: relative;
float: right;
width: calc(100% - 160px);
padding: 20px 0 40px;
} .gridster ul li {
list-style-type:none !important;
}
.gridster-mobile ul li{
list-style-type:none !important;
}
.prod-page-div {
list-style-type:none !important;
}
.upcp-cpp-title {
margin:0;
padding:0;
} body {
font-family: inherit;
}
.upcp-tabbed-product-page,
.upcp-tabbed-similar-products-div {
margin:15px;
} .prod-cat-back-link,
.upcp-product-page-breadcrumbs {
font-size: 0.80em;
padding-bottom: 8px;
width: 100%;
}
.upcp-catalogue-link {
text-decoration: none;
} .upcp-tabbed-images-container {
float: left;
width: 50%;
margin-top: 4em;
margin-bottom: 4em;
}
.upcp-tabbed-main-image-div {
overflow: hidden;
border: solid 1px #cac9c9;
box-shadow: none;
transition: box-shadow 0.5s;
margin: 15px auto;
}
.upcp-tabbed-main-image-div:before {
}
.upcp-tabbed-main-image-div:hover {
-webkit-box-shadow: 0 0 3px #515151;
-moz-box-shadow: 0 0 3px #515151;
box-shadow: 0 0 3px #515151;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.upcp-tabbed-main-image-inner {
display:table;
text-align: center;
width:100%;
height:400px;
}
.upcp-tabbed-main-image-inner a{
display: table-cell;
}
.prod-cat-addt-details-link-a{
line-height: 0;
text-align: center;
vertical-align: middle;
max-height:100%;
width:100%;
cursor: default;
}
.prod-cat-addt-details-link-a.ewd-ulb-open-lightbox,
.prod-cat-addt-details-link-a.ewd-ulb-lightbox,
.prod-cat-addt-details-link-a.ewd-ulb-lightbox-noclick-image {
cursor: pointer;
}
.upcp-tabbed-main-image-inner img {
max-width:400px !important;
width:auto;
height:auto;
max-height:400px !important;
vertical-align: top;
}
.upcp-tabbed-image-container,
.upcp-tabbed-video-container {
display: table;
text-align: center;
width: 100%;
height: 400px;
}
.upcp-tabbed-video-container.upcp-Hide-Item,
.upcp-tabbed-image-container.upcp-Hide-Item {
display: none;
}
.upcp-scroll-content {
visibility: visible;
overflow: hidden;
position: relative;
z-index: 0;
width: 85%;
float: left;
} .upcp-scroll-list {
margin: 2px;
position: relative;
z-index: 1;
text-align:center;
}
.upcp-tabbed-image-thumbs-div {
width: 100%;
white-space: nowrap;
display: block;
margin: 0 auto;
}
.upcp-tabbed-addt-img-thumbs {
width:100px;
height:100px;
border: solid 1px #cac9c9;
margin: 8px;
display: inline-block;
box-shadow: none;
transition: box-shadow 0.5s;
}
.upcp-tabbed-addt-img-thumbs:hover {
-webkit-box-shadow: 0 0 3px #515151;
-moz-box-shadow: 0 0 3px #515151;
box-shadow: 0 0 3px #515151;
}
.upcp-tabbed-addt-img-thumbs a{
display: table-cell;
height: 100px;
line-height: 0;
text-align: center;
vertical-align: middle;
width: 100px;
}
.upcp-tabbed-addt-img-thumbs img {
cursor: pointer;
max-width:100px !important;
width:auto;
height:auto;
max-height:100px !important;
vertical-align: top;
}
.upcp-tabbed-button-div {
width:5%;
float:left;
}
.upcp-tabbed-button-left {
right: 5px;
}
.upcp-tabbed-button-right {
left: 5px;
}
.upcp-tabbed-button-left,
.upcp-tabbed-button-right {
float: left;
height: auto;
width: auto;
border: 1px;
border-radius: 20px;
position: relative;
z-index: 2;
background-color: #C0C0C0;
color: white;
top: 50px;
}
.upcp-tabbed-button-left:hover,
.upcp-tabbed-button-right:hover {
background-color: #cac9c9;
-webkit-transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
.upcp-tabbed-scrollbar-container {
margin: 0 auto;
} .upcp-tabbed-main-product-container {
float: right;
width: 47%;
padding-left: 0.5em;
margin-bottom: 4em;
}
.upcp-tabbed-main-product-details {
}
.upcp-tabbed-product-name {
font-size: 1.5em;
text-transform: uppercase;
border-bottom: solid 2px;
}
.upcp-tabbed-product-price {
font-size: 1em;
text-align: right;
} .upcp-tab-break {
display:block;
}
ul#upcp-tabs {
margin: 15px 0 0 !important;
padding: 0px;
overflow: hidden;
margin: 0 0 0 0;
}
.upcp-tabbed-layout-tab {
float: left;
list-style: none;
padding: 10px;
background-color: #C0C0C0;
margin-right: 1.5px;
cursor: pointer;
min-height: 70px;
}
.upcp-tabbed-layout-tab a {
color: white;
font-family: Helvetica;
text-decoration: none;
}
.upcp-tab-slide {
display: inline-block;
position: relative;
margin-bottom: -1.5px;
text-decoration: none;
}
.upcp-tab-slide:hover {
text-decoration: none;
}
.upcp-tab-slide:after {
content: '';
display:block;
margin: auto;
height: 1.5px;
width: 0px;
background: transparent;
transition: width .5s ease, background-color .5s ease;
}
.upcp-tab-slide:hover:after {
width: 100%;
background: white;
}
.upcp-tab-layout-tab-unclicked {
background-color: #cac9c9;
}
#content_wrapper {
font-family: Helvetica;
width:50%;
height:300px;
background-color: #FFFFFF;
margin:0px;
padding:6px;
overflow:hidden;
border-top: 0.25em solid rgba(0, 44, 105, 1) ;
}
.upcp-tabbed-tab {
padding: 1em 1em 1em 1em;
max-width: 100%;
max-height: 100%;
border: solid 1px #C0C0C0;
}
.upcp-tabbed-description {
height: 450px;
overflow-y: auto;
}
.upcp-tabbed-addtl-info {
height: 450px;
overflow-y: auto;
}
.upcp-tabbed-contact-form {
min-height: 450px;
}
.upcp-tabbed-reviews {
height: 450px;
overflow-y: auto;
}
div#upcp-tabbed-content div.ewd-urp-review-form label {
width: auto;
}
@keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-moz-keyframes fadein { from {
opacity:0;
}
to {
opacity:1;
}
}
@-webkit-keyframes fadein { from {
opacity:0;
}
to {
opacity:1;
}
}
@-o-keyframes fadein { from {
opacity:0;
}
to {
opacity: 1;
}
}
.upcp-hidden {
display: none;
}
.upcp-tab-contact-labels {
font-weight: bold;
width: 25%;
display: inline-block;
margin-bottom: 1em;
}
.upcp-tab-contact-name {
text-align: right;
}
.upcp-contact-name {
border: 0.25em solid rgba(0, 44, 105, 1);
border-radius: 5px;
height: 2em;
}
.upcp-contact-email {
border: 0.25em solid rgba(0, 44, 105, 1);
border-radius: 5px;
height: 2em;
}
.upcp-contact-message {
border: 0.25em solid rgba(0, 44, 105, 1);
border-radius: 5px;
width: 50%;
height: 10em;
}
input[type="text"]:focus {
background-color: rgba(0, 44, 105, 0.25);
}
.upcp-tabbed-details {
}
.upcp-tabbed-description::-webkit-scrollbar {
width: 10px;
border-radius: 10px;
background-color: rgba(192,192,192,0.5);
}
.upcp-tabbed-description::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #555;
} .upcp-tab-title {
font-weight: bold;
text-transform: uppercase;
} .wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="textarea"] {
width: 85%;
display: block;
position: relative;
margin:5px 0;
}
.wpcf7-form textarea {
resize: none;
width:85% !important;
height:70px !important;
margin:5px 0;
} .upcp-related-products-title {
border-bottom: solid 2px;
margin-bottom: 1em;
text-transform: uppercase;
font-family: inherit;
}
.upcp-related-products {
width: 100%;
margin-left: 0 !important;
display: inline-block;
}
.upcp-tabbed-similar-products-div {
clear:both;
}
.upcp-minimal-product-listing {
text-align: inherit !important; padding-right: 0px !important;
display: inline-block;
}
.upcp-minimal-img-div {
height: 100px;
width: 100px;
border: solid 1px rgba(192,192,192,0.5);
text-align: inherit;
margin: 0 auto;
}
.upcp-minimal-img {
max-height: 100% !important;
max-width: 100% !important;
padding: 2px;
}
.upcp-minimal-title{
width: 100%;
margin-top: 1em;
} @media screen and (min-width: 1000px) {
.upcp-minimal-product-listing {width:180px;}
}
@media screen and (max-width: 700px) {
.upcp-tabbed-images-container {width:100%; margin:1em 0;}
.upcp-tabbed-main-image-inner img{width:100% !important;}
.upcp-tabbed-main-product-container {width:100%;}
.upcp-tabbed-description {height: 250px;}
.upcp-tabbed-addtl-info {height: 250px;}
.upcp-tabbed-image-thumbs-div {margin: 0 auto;}
}
@media screen and (max-width: 550px) {
}
@media screen and (max-width: 275px) {
.upcp-scroll-content {width: 50%;}
}
@media only screen and (max-device-width: 720px) {
} .catalogue-nav {
margin: 6px 6px 18px 12px;
font-family:sans-serif;
}
.catalogue-nav a {
font-size: 16px;
font-weight: 400;
margin-left: 3px;
margin-right: 3px;
padding: 0 10px 3px;
text-decoration: none;
}
.paging-input,
.pagination-links {
margin:0 5px;
} .upcp-cat-nav-bg-light a{
background:#fafafa  none repeat scroll 0 0;
}
.upcp-cat-nav-bg-light a:hover {
background: #eeeeee;
font-weight:bold;
}
.upcp-cat-nav-bg-light.upcp-cat-nav-gradient a:hover {
background: #fafafa;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#ffffff));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #fafafa);
}
.upcp-cat-nav-bg-dark a{
background: #474747 none repeat scroll 0 0;
}
.upcp-cat-nav-bg-dark a:hover {
background:rgba(71, 71, 71, 0.65);
font-weight:bold;
}
.upcp-cat-nav-bg-dark.upcp-cat-nav-gradient a:hover {
background: #474747;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#474747), to(#8f8f8f));
background: -moz-linear-gradient(0% 0% 270deg,#474747, #8f8f8f);
} .upcp-cat-nav-border-black a{
border: solid 1px #000000;
border-radius:2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
}
.upcp-cat-nav-border-blue a{
border: solid 1px #80bee1;
border-radius:2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
}
.upcp-cat-nav-border-grey a{
border: solid 1px #c0c0c0;
border-radius:2px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
}
.upcp-cat-nav-shadow a{
box-shadow: inset 0px 0.5px 0px rgba(255,255,255, 1), 1px 1px 3px rgba(0,0,0, .3);
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
} .upcp-cat-nav-font-black a, .cat-nav-font-black:link a, .cat-nav-font-black:visited a{
color: #000000;
text-decoration: none;
}
.upcp-cat-nav-font-blue a, .cat-nav-font-blue:link a, .cat-nav-font-blue:visited a {
color: #38b3fa;
text-decoration: none;
}
.upcp-cat-nav-font-grey a, .cat-nav-font-grey:link a, .cat-nav-font-grey:visited a{
color: #999999;
text-decoration: none;
}
.catalogue-nav a.disabled {
color: #aaaaaa;
} .upcp-overview-mode-item {
position: relative;
float: left;
width: 240px;
height: 295px;
margin-right: 32px;
margin-top: 40px;
}
.upcp-overview-mode-image {
position: relative;
float: left;
width: 240px;
height: 240px;
text-align: center;
}
.upcp-overview-mode-image img {
position: relative; width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.upcp-overview-mode-title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
padding: 14px 0;
background: #111;
background: rgba(0,0,0,.65);
color: #fff;
text-align: center;
transition: background .35s;
}
.upcp-overview-mode-item:hover .upcp-overview-mode-title {
background: #111;
background: rgba(0,0,0,1);
} .prod-cat-category-label {
clear: both;
position: relative;
float: none;
display: block;
width: 100%;
height: auto;
margin: 20px 0;
overflow: hidden;
}
.prod-cat-category-label .upcp-category-main-img {
clear: both;
position: relative;
float: none;
display: block;
width: 240px;
height: auto;
margin-left: 50%;
right: 120px;
}
.prod-cat-category-label .prod-cat-category-name {
clear: both;
position: relative;
float: none;
width: 100%;
height: auto;
margin-top: 16px;
padding: 14px 0;
text-align: center;
}
.prod-cat-category-label .prod-cat-category-name.blockCatHeading {
background: #111;
background: rgba(0,0,0,.75);
color: #fff;
} .upcp-subcategory-img-div, .upcp-category-img-div {
clear: both;
position: relative;
float: none;
display: block;
width: 100%;
height: auto;
}
.upcp-subcategory-img-div img, .upcp-category-img-div img {
position: relative;
float: none;
width: 50%;
height: auto;
margin: 0 0 8px;
} .upcp-product-comparison-button,
.upcp-sale-flag {
position: absolute;
right: -50px;
top: -50px;
width: 100px;
height: 100px;
background: green;
color: #fff;
z-index: 5;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.detail-display .upcp-product-comparison-button, .detail-display .upcp-sale-flag, .list-display .upcp-product-comparison-button, .list-display .upcp-sale-flag {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
right: auto;
left: -50px;
}
.upcp-product-comparison-button {
cursor: pointer;
}
.upcp-product-comparison-button.comparisonClicked {
background: blue;
}
.upcp-product-comparison-button span.compareSpan,
.upcp-sale-flag span.saleSpan {
position: absolute;
bottom: 8px;
left: 0;
text-align: center;
width: 100%;
font-size: 12px;
}
.upcp-prod-comp-submit-instructions {
margin: 20px 0 40px;
padding: 16px;
border: 1px solid #888;
}
.upcp-prod-comp-submit-instructions input[type="submit"] {
background: #292929;
color: #fff;
border-radius: 0;
padding: 12px 22px;
font-weight: bold;
font-size: 1em;
margin-left: 16px;
}
.upcp-prod-comp-submit-instructions input[type="submit"]:hover {
background: #555;
color: #fff;
}
.upcp-product-comparison-container {
position: relative;
float: left;
width: 100%;
overflow-x: auto;
}
.upcp-product-comparison-inner {
position: relative;
float: left;
width: 100%;
}
.upcp-product-comparison-div {
margin-top: 32px;
text-align: center;
}
.upcp-product-comparison-div a {
box-shadow: none !important;
}
.upcp-pc-half {
position: relative;
float: left;
width: 40%;
margin: 32px 5%;
}
.upcp-pc-third {
position: relative;
float: left;
width: 27.333333%;
margin: 32px 3%;
}
.upcp-pc-fourth {
position: relative;
float: left;
width: 21%;
margin: 32px 2%;
}
.upcp-product-comparison-image {
clear: both;
position: relative;
float: left;
width: 100%;
height: 220px;
margin: 20px 0 20px;
overflow: hidden;
}
.upcp-product-comparison-image img {
position: relative;
float: none !important;
width: auto !important;
height: auto !important;
max-height: 100% !important;
max-width: 100% !important;
}
.upcp-product-comparison-title {
height: 64px;
font-weight: bold;
font-size: 30px;
line-height: 1.2;
}
.upcp-pc-field {
clear: both;
position: relative;
float: left;
width: 100%;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
}
.upcp-pc-label, .upcp-pc-value {
padding: 10px 0;
}
.upcp-pc-value {
height: 54px;
color: #333;
font-size: 0.9em;
padding-bottom: 16px;
}
.upcp-product-comparison-subcategory-value.upcp-pc-value, .upcp-product-comparison-category-value.upcp-pc-value {
height: 54px;
}
.upcp-product-comparison-price {
background: #444;
color: #fff;
font-size: 1.35em;
padding: 20px 0;
}
.upcp-pc-label {
background: #c2c2c2;
background: transparent;
color: #fff;
color: #333;
font-weight: bold;
padding-bottom: 0;
}
@media screen and (max-width: 1280px) {
.upcp-pc-third .upcp-product-comparison-image, .upcp-pc-fourth .upcp-product-comparison-image {
height: 150px;
}
}
@media screen and (max-width: 1000px) {
.upcp-pc-fourth {
position: relative;
float: left;
width: 27.333333%;
margin: 32px 3%;
}
}
@media screen and (max-width: 900px) {
.upcp-pc-third .upcp-product-comparison-image, .upcp-pc-fourth .upcp-product-comparison-image {
height: 100px;
}
.upcp-pc-half .upcp-product-comparison-image {
height: 150px;
}
}
@media screen and (max-width: 768px) {
.upcp-pc-third, .upcp-pc-fourth {
width: 40%;
margin: 32px 5%;
}
.upcp-product-comparison-image {
height: 150px;
}
}
@media screen and (max-width: 600px) {
.upcp-product-comparison-image {
height: 100px !important;
}
.upcp-product-comparison-image {
height: 150px !important;
}
} .price ins {
padding: 0;
text-decoration: none;
}
span.amount {
display: block;
line-height: 1.1em;
}
del span.amount {
opacity: 0.5;
} #upcp-lightbox-background-div,
#upcp-lightbox-div {
display: none;
}
#upcp-lightbox-background-div {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%;
opacity: 0.85;
background: #333;
}
#upcp-lightbox-div {
position: fixed;
left: 0;
top: 0;
width: 80%;
height: 70%;
margin: 8% 10%;
opacity: 1;
z-index: 1001;
overflow: hidden;
}
#upcp-lightbox-div-img-contatiner {
position: relative;
float: left;
width: 100%;
height: auto;
overflow: hidden;
}
#upcp-lightbox-div-img {
position: relative;
float: left;
width: 100%;
}
#upcp-lightbox-text-div {
position: absolute;
bottom: 0;
left: 0;
min-height: 100px;
width: 100%;
padding: 14px 0;
background: #111;
background: rgba(1,1,1,.8);
}
#upcp-lightbox-text-div-inner {
position: relative;
float: left;
padding: 0 16px;
color: #fff;
}
#upcp-lightbox-title-div {
font-size: 1.5em;
}
#upcp-lightbox-price-div {
font-size: 1em;
}
#upcp-lightbox-description-div {
font-size: 1em;
}
#upcp-lightbox-link-container-div a {
font-size: 1.1em;
}
.upcp-lightbox-mode {
cursor: pointer;
} .disableLink {
cursor: default;
pointer-events: none;
}
#upcp-lightbox-div {
height: 80vh;
margin: 10vh 10%;
}
#upcp-lightbox-div-img-contatiner {
height: 100%;
}
#upcp-lightbox-div-img {
position: relative;
float: none;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
margin: 0 auto;
} .upcp-urp-review-score {
clear: both;
display: block;
position: relative;
width: auto;
min-width: 100px;
margin-bottom: 16px;
}
.thumb-display .upcp-urp-review-score {
margin-left: 50%;
right: 50px;
} .upcp-inquire-button,
.upcp-wc-cart-button {
cursor: pointer;
}
.upcp-inquire-div,
.upcp-wc-cart-div {
position: fixed;
top: 0px;
right: 0px;
background: #FFFFFF;
border: 1px #ccc solid;
border-top: none;
border-right: none;
border-radius: 0;
padding: 40px 40px 32px;
text-align: center;
box-shadow: 0 0 4px #ccc;
z-index: 100;
}
.upcp-clear-cart {
cursor: pointer;
font-size: 0.8em;
position: relative;
float: left;
width: 100%;
margin-top: 14px;
}
.upcp-cart-item-count-html {
font-size: 1em;
position: relative;
float: left;
width: 100%;
margin-bottom: 12px;
font-weight: bold;
}
.upcp-submit-wc-cart input[name="Submit_Inquiry"] {
background: #292929;
color: #fff;
border-radius: 0;
padding: 12px 22px;
font-weight: bold;
font-size: 1.2em;
}
.upcp-submit-wc-cart input[name="Submit_Inquiry"]:hover {
background: #555;
color: #fff;
} .prod-cat-display-categories-tags {
position: relative;
float: left;
width: 100%;
margin: 4px 0;
}
.prod-cat-display-categories-tags:first-of-type {
margin-top: 8px;
} .upcp-thumb-image-div, .upcp-thumb-image-div a {
width: calc(100% - 20px);
}
.upcp-thumb-image-div {
display: table;
}
div.upcp-thumb-image-div img {
max-width: calc(100% - 20px);
} #upcp-price-slider-min-span, #upcp-price-slider-max-span, .upcp-custom-field-slider-min-span, .upcp-custom-field-slider-max-span {
position: relative;
float: left;
}
.upcp-price-slider-currency-symbol {
display: block;
position: relative;
float: left;
margin-right: 6px;
margin-top: 5px;
}
.upcp-price-slider-divider {
display: block;
position: relative;
float: left;
margin: 4px 10px 0;
}
input[type="text"].upcp-price-slider-min, input[type="text"].upcp-price-slider-max, input[type="text"].upcp-custom-field-slider-min, input[type="text"].upcp-custom-field-slider-max {
display: block;
position: relative;
float: left;
width: 80px;
height: 32px;
padding: 8px;
}
span#upcp-price-range, span.upcp-custom-field-range {
clear: both;
position: relative;
float: left;
width: 100%;
}
.upcp-custom-field-slider, #upcp-price-score-filter {
clear: both;
position: relative;
float: left;
width: 100%;
margin: 7px 0 12px;
}
.upcp-custom-field-slider-container {
clear: both;
position: relative;
float: left;
width: 100%;
}
.prod-cat-sidebar-cf-content {
clear: both;
position: relative;
float: left;
width: 100%;
}
@media screen and (min-width: 716px) and (max-width: 1120px) {
#upcp-price-slider-min-span, #upcp-price-slider-max-span {
clear: both;
width: 100%;
}
} @font-face { font-family: 'ewd-details';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-details.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-details.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-details.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-details.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-details.svg#ewd-details) format("svg");
font-weight: normal;
font-style: normal;
}
.upcp-details-icon {
font-family: 'ewd-details';
font-size: 1.3em;
color: #1b8be0;
width: 32px;
text-align: right;
display: table-cell;
vertical-align: middle;
}@media only screen and (max-width: 670px) {
.upcp-standard-product-page,
.upcp-custom-large-product-page {
display: none;
}
.upcp-standard-product-page-mobile {
display: inline;
width: 100%;
}
} @media only screen and (max-width:715px) {
.prod-cat-inner {
position:relative;
width:100%;
}
.prod-cat-sidebar {
clear:both;
width:100%;
max-height:auto;
max-width: none;
z-index: 99999;
right:0;
}
.prod-cat-sidebar > form > div {
margin: 5px 15px;
}        
.prod-cat-sidebar-category-content div, .prod-cat-sidebar-subcategory-content div, .prod-cat-sidebar-content-tag div, .prod-cat-cf-sidebar-option div {
max-width: 100%;
}
.prod-cat-sidebar-category-title,
.prod-cat-sidebar-subcategory-title,
.prod-cat-tag-sidebar-title, .prod-cat-cf-sidebar-title  {
padding: 5px;
}
.prod-cat-sidebar-cat-title{
clear:both;
width:100%;
}
.prod-cat-sidebar-content{
width:100%;
}
.prod-cat-sidebar-content div{
padding: 5px;
display: inline-block;
}
.prod-cat-sidebar-content div.ui-slider {
display: block;
}
.prod-cat-cf-sidebar-title {
}
.prod-cat-sidebar-cf{
width:100%;
}
.prod-cat-cf-sidebar-option div{
float:left;
margin:5px 5px 0;
}
.prod-cat-sidebar-category,
.prod-cat-sidebar-subcategory,
.prod-cat-sidebar-tag,
.prod-cat-sidebar-cf-value-div{
padding: 0 4px;
}
.prod-cat-sort-by, 
.prod-cat-text-search{
margin-left:5px;
}.
.styled-input {
width: 85%;
min-width:140px;
}
.styled-select select {
width:auto;
}
.styled-input input[type="text"] {
width:90%;
}
.displaying-num {
display: inline-block;
}
.prod-cat-sidebar .styled-input {
width: 100%;    
}
.upcp-filtering-clear-all {
width: calc(100% - 22px);
}
.prod-cat-sidebar-content .subcat-collapsible {
width:100%;
padding: 0;
}
.prod-cat-sidebar-content .prod-sidebar-checkbox-block {
display: block;
width: 100%;
}
.prod-cat-subcat-collapsible .prod-cat-sidebar-category,
.prod-cat-subcat-collapsible  .prod-cat-sidebar-subcategory{
display: block;
width: 100%;
}
} @media only screen and (max-width: 1050px) and (min-width:520px) {
.upcp-detail-item {
width: 100%;
}
.upcp-detail-image-div {
width: 35% !important;
height:200px !important;
}
.upcp-detail-image-div a {
width:100%;
height:200px;
line-height: 0;
}
div.upcp-detail-image-div img {
width:100%;
height:auto;
}
.upcp-detail-image {
}
.upcp-mid-detail-div{    
}
.upcp-end-detail-div {
width:15%;
}
} @media only screen and (max-width: 1200px) and (min-width:481px) {
.upcp-list-item {
width:100%;
margin-left:5%;
margin-top:10px;
}
.upcp-list-details {
}
.upcp-list-image-div {
margin-top:10px;
width: 30%;
}
.upcp-list-desc {
margin:0 5px;
float:left;
min-height:150px;   
width:55%;
max-width:none;
overflow:auto;
}
.upcp-list-details-link {
background: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/details_icon.png);
background-repeat: no-repeat;
background-position: center right;
color: #50a3d1;
height: 40px;
float: left;
padding:0 15px;
}
} @media only screen and (max-width: 480px){
.upcp-thumb-item {
float:none;
margin:15px auto !important;
min-height:300px;
min-width:80px;
width:100% !important;
}
.upcp-thumb-image-div{
width:100%;
margin: 0;
}
.upcp-thumb-image-div a {
display: table-cell;
width:97%;
margin: 0 auto;
}
div.upcp-thumb-image-div img {
max-width: 180px !important;
margin: 0 auto;
}
.upcp-thumb-price {
width:45%;
min-width:81px;
}
.upcp-thumb-details-link {
float:left;
width:42%;
margin-left:6px;
min-width:80px;
}
} @media only screen and (max-width: 480px){
.upcp-list-item {
width:100%;
margin: 0 15px;
}
.upcp-list-category {
margin: 15px;
}
.upcp-list-details {
max-width:100%;
}
.upcp-list-image-div {
width: 100%;
}
.upcp-list-image-div a {
width:75%;
display:table;
position:relative;
margin:0 auto;
}
.upcp-list-image-div img {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height:160px;
}
.upcp-list-desc {
margin-top:10px;
padding:0;
float:left;
overflow: hidden;
width:100%;
max-width:none;
min-height:0;
overflow:auto;
}
.upcp-list-details-link {
background: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/details_icon.png);
background-repeat: no-repeat;
background-position: center right;
color: #50a3d1;
height: 40px;
width:100%;
float: left;
padding:0 15px;
}
.upcp-prod-desc-custom-fields.upcp-custom-field-list{
width:100%;
}
} @media only screen and (max-width: 519px) {
.detail-display {
min-width:210px;
}
.upcp-detail-item {
width: 95%;
min-width:200px;
overflow:hidden;
flex-flow:column nowrap;
}
.upcp-detail-image-div {
width: 100%;
height:150px;
margin: 0;
}
.upcp-detail-image-div a {
line-height: 0;
text-align: center;
display: table-cell;
vertical-align: middle;
}
div.upcp-detail-image-div img {
}
.upcp-mid-detail-div{
width:100% !important;
float:left;
overflow:hidden;
height:auto;
margin: 0;
padding-right: 5px;
border:none;
border-top:1px solid #e0e0e0;
min-height:0;
}
.upcp-detail-title{
padding-left:5px;
padding-right:5px;
}
.upcp-detail-desc{
padding: 0 5px;
}  
.upcp-end-detail-div {
float: none;
max-width: none;
min-height: 0;
width: 100%;
padding: 0;
}
.prod-cat-end-detail-div a.upcp-catalogue-link {
height:40px;
float:right;
margin:0 20px;
}
.prod-cat-end-detail-div .upcp-detail-price{
width: auto !important;
margin:10px;
}
.upcp-detail-details-link {
height:40px;
background:none;
font-size: 1.2em;
}
}.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-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,
.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: bold;
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 {
overflow: hidden;
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: 20px;
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: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
.ui-menu .ui-state-disabled {
font-weight: normal;
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: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.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 black;
}
.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 .ui-tabs-anchor {
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 .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
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: Trebuchet MS,Tahoma,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: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #dddddd;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #e78f08;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
} .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #cccccc;
font-weight: bold;
color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #1c94c4;
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 #fbcb09;
font-weight: bold;
color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #c77405;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #fbd850;
font-weight: bold;
color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #eb8f00;
text-decoration: none;
} .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fed22f;
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;
color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.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-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 {
opacity: .5;
filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
margin: -5px 0 0 -5px;
padding: 5px;
opacity: .2;
filter: Alpha(Opacity=20);
border-radius: 5px;
}.gridster {
position:relative;
}
.gridster > * {
margin: 0 auto;
-webkit-transition: height .4s, width .4s;
-moz-transition: height .4s, width .4s;
-o-transition: height .4s, width .4s;
-ms-transition: height .4s, width .4s;
transition: height .4s, width .4s;
}
.gridster .gs-w {
z-index: 2;
position: absolute;
}
.ready .gs-w:not(.preview-holder) {
-webkit-transition: opacity .3s, left .3s, top .3s;
-moz-transition: opacity .3s, left .3s, top .3s;
-o-transition: opacity .3s, left .3s, top .3s;
transition: opacity .3s, left .3s, top .3s;
}
.ready .gs-w:not(.preview-holder),
.ready .resize-preview-holder {
-webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
-moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
-o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
background: #CCCCCC;
}
.ready .gs-w:not(.preview-holder).prod-page-front-end {
background:none;
text-indent: 0;
} .gridster .preview-holder {
z-index: 1;
position: absolute;
background-color: #BBB;
border-color: #BBB;
opacity: 0.3;
}
.gridster .player-revert {
z-index: 10!important;
-webkit-transition: left .3s, top .3s!important;
-moz-transition: left .3s, top .3s!important;
-o-transition: left .3s, top .3s!important;
transition:  left .3s, top .3s!important;
}
.gridster .dragging,
.gridster .resizing {
z-index: 10!important;
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.gs-resize-handle {
position: absolute;
z-index: 1;
}
.gs-resize-handle-both {
width: 20px;
height: 20px;
bottom: -8px;
right: -8px;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
background-position: top left;
background-repeat: no-repeat;
cursor: se-resize;
z-index: 20;
}
.gs-resize-handle-x {
top: 0;
bottom: 13px;
right: -5px;
width: 10px;
cursor: e-resize;
}
.gs-resize-handle-y {
left: 0;
right: 13px;
bottom: -5px;
height: 10px;
cursor: s-resize;
}
.gs-w:hover .gs-resize-handle,
.resizing .gs-resize-handle {
opacity: 1;
}
.gs-resize-handle,
.gs-w.dragging .gs-resize-handle {
opacity: 0;
}
.gs-resize-disabled .gs-resize-handle {
display: none!important;
}
[data-max-sizex="1"] .gs-resize-handle-x,
[data-max-sizey="1"] .gs-resize-handle-y,
[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle {
display: none !important;
}
.gs-delete-handle {
height:16px;
width:16px;
margin-top: -15px;
margin-left: 3px;
cursor: pointer;
z-index:20;
position:absolute;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAMtJREFUeNqkkzsOgzAQRAdzEyRyEyoabkELJ4GWQ9DZFMBFWAtuYm2ayHIS/FGykst58s7MZsyMf0YAgL5oVpsyqSK1KaMvmi2ATt0suxTjNES/M04DL7sUdOrGAuqqzsviAX0RQpBxGlhfhLJ4oK7q3AIAoGv7LARxxV3bZ28exCA+MQBkdym4gpfJt2IvwIUA8Iq/Vvi5B6EVYumImNuxdERKVCGISIkqBBFOt4Nuf0Ls7TAz6DxmuUrDzEh5cpWGzmNmZn8PUuc5AOwf11e1UulfAAAAAElFTkSuQmCC);
}
.prod-page-div {
text-indent: 20px;
}
     .ewd-ulb-background {
z-index: 9000;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
background: #222;
background: rgba(0,0,0,.83);
} .ewd-ulb-lightbox-container {
z-index: 9001;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
height: 100vh;
}
.ewd-ulb-slide-container {
position: relative;
float: left;
width: calc(100% - 160px);
padding: 0 10px;
height: calc(100% - 116px);
height: calc(100vh - 116px);
margin: 58px 80px 0;
}
.ewd-ulb-thumbnails-top .ewd-ulb-slide-container, .ewd-ulb-thumbnails-bottom .ewd-ulb-slide-container {
height: calc(100% - 222px);
height: calc(100vh - 222px);
}
@media screen and (max-width: 640px) {
.ewd-ulb-slide-container {
width: 96%;
margin: 58px 2% 0;
}
}
.ewd-ulb-thumbnails-top .ewd-ulb-slide-container {
margin-top: 164px;
}
.ewd-ulb-slide {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
}
.ewd-ulb-active-slide {
display: block;
}
.ewd-ulb-old-active-slide.ewd-ulb-transition-next.ewd-ulb-no-transition,
.ewd-ulb-old-active-slide.ewd-ulb-transition-previous.ewd-ulb-no-transition {
display: none;
}
.ewd-ulb-active-slide.ewd-ulb-transition-next.ewd-ulb-horizontal-slide {
left: 100%;
-webkit-animation: 0.5s linear 0s slidein forwards;
-moz-animation: 0.5s linear 0s slidein forwards;
-o-animation: 0.5s linear 0s slidein forwards;
animation: 0.5s linear 0s slidein forwards;
}
@-webkit-keyframes slidein {
100% {
left: 0px;
opacity: 1;
}
}
@-moz-keyframes slidein {
100% {
left: 0px;
opacity: 1;
}
}
@-o-keyframes slidein {
100% {
left: 0px;
opacity: 1;
}
}
@keyframes slidein {
100% {
left: 0px;
opacity: 1;
}
}
.ewd-ulb-old-active-slide.ewd-ulb-transition-next.ewd-ulb-horizontal-slide {
left: 0px;
-webkit-animation: 0.5s linear 0s slideout forwards;
-moz-animation: 0.5s linear 0s slideout forwards;
-o-animation: 0.5s linear 0s slideout forwards;
animation: 0.5s linear 0s slideout forwards;
}
@-webkit-keyframes slideout {
100% {
left: -100%;
opacity: 1;
}
}
@-moz-keyframes slideout {
100% {
left: -100%;
opacity: 1;
}
}
@-o-keyframes slideout {
100% {
left: -100%;
opacity: 1;
}
}
@keyframes slideout {
100% {
left: -100%;
opacity: 1;
}
}
.ewd-ulb-active-slide.ewd-ulb-transition-previous.ewd-ulb-horizontal-slide {
left: -100%;
-webkit-animation: 0.5s linear 0s prevSlidein forwards;
-moz-animation: 0.5s linear 0s prevSlidein forwards;
-o-animation: 0.5s linear 0s prevSlidein forwards;
animation: 0.5s linear 0s prevSlidein forwards;
}
@-webkit-keyframes prevSlidein {
100% {
left: 0px;
opacity: 1;
}
}
@-moz-keyframes prevSlidein {
100% {
left: 0px;
opacity: 1;
}
}
@-o-keyframes prevSlidein {
100% {
left: 0px;
opacity: 1;
}
}
@keyframes prevSlidein {
100% {
left: 0px;
opacity: 1;
}
}
.ewd-ulb-old-active-slide.ewd-ulb-transition-previous.ewd-ulb-horizontal-slide {
left: 0px;
-webkit-animation: 0.5s linear 0s prevSlideout forwards;
-moz-animation: 0.5s linear 0s prevSlideout forwards;
-o-animation: 0.5s linear 0s prevSlideout forwards;
animation: 0.5s linear 0s prevSlideout forwards;
}
@-webkit-keyframes prevSlideout {
100% {
left: 100%;
opacity: 1;
}
}
@-moz-keyframes prevSlideout {
100% {
left: 100%;
opacity: 1;
}
}
@-o-keyframes prevSlideout {
100% {
left: 100%;
opacity: 1;
}
}
@keyframes prevSlideout {
100% {
left: 100%;
opacity: 1;
}
}
.ewd-ulb-active-slide.ewd-ulb-zoom-one .ewd-ulb-slide-img img {
-moz-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
.ewd-ulb-active-slide.ewd-ulb-zoom-two .ewd-ulb-slide-img img {
-moz-transform: scale(1.8);
-webkit-transform: scale(1.8);
transform: scale(1.8);
}
.ewd-ulb-slide-img {
position: relative;
float: left;
width: 100%;
height: 100%;
display: inline-block;
text-align: center;
}
.ewd-ulb-slide-img img {
display: inline-block;
position: relative;
float: none;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.ewd-ulb-slide-img:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
} .ewd-ulb-slide .ewd-ulb-slide-overlay {
display: block;
position: absolute;
bottom: 0;
min-height: 48px;
width: 100%;
padding: 14px 16px;
background: #111;
background: rgba(0,0,0,.6);
color: #fff;
margin: 0 auto;
box-sizing: border-box;
}
.ewd-ulb-slide-title {
clear: both;
position: relative;
float: left;
width: 100%;
margin-bottom: 8px;
font-size: 1.5em;
text-align: center;
}
.ewd-ulb-slide-description {
clear: both;
position: relative;
float: left;
width: 100%;
font-size: .9em;
text-align: center;
} .ewd-ulb-top-toolbar, .ewd-ulb-bottom-toolbar {
position: absolute;
left: 0;
width: 100%;
height: 48px;
z-index: 2;
background: #111;
background: rgba(0,0,0,.5);
color: #fff;
}
.ewd-ulb-top-toolbar {
top: 0;
}
.ewd-ulb-bottom-toolbar {
bottom: 0;
background: #111;
background: rgba(0,0,0,.625);
}
.ewd-ulb-left-top-toolbar, .ewd-ulb-right-top-toolbar, .ewd-ulb-left-bottom-toolbar, .ewd-ulb-right-bottom-toolbar {
position: relative;
width: auto;
height: 100%;
padding: 8px 16px;
}
.ewd-ulb-left-top-toolbar, .ewd-ulb-left-bottom-toolbar {
float: left;
}
.ewd-ulb-right-top-toolbar, .ewd-ulb-right-bottom-toolbar {
float: right;
}
.ewd-ulb-control {
position: relative;
float: left;
margin: 0 4px;
cursor: pointer;
font-size: 1.4em;
}
.ewd-ulb-slide-counter {
font-size: 1em;
} .ewd-ulb-slide-control {
position: absolute;
width: 80px;
height: 80px;
top: calc(50% - 40px);
top: calc(50vh - 40px);
font-size: 1.4em;
background: #111;
background: rgba(0,0,0,.4);
text-align: center;
padding-top: 20px;
color: #fff;
z-index: 3;
cursor: pointer;
}
.ewd-ulb-slide-control:hover {
background: #111;
background: rgba(0,0,0,.7);
}
.ewd-ulb-slide-control-previous {
left: 0;
}
.ewd-ulb-slide-control-next {
right: 0;
} .ewd-ulb-thumbnail-hidden {
display: none;
}
.ewd-ulb-bottom-thumbnail-bar, .ewd-ulb-top-thumbnail-bar {
position: absolute;
left: 0;
width: 100%;
height: 106px;
background: #111;
background: rgba(0,0,0,.25);
display: none;
}
.ewd-ulb-bottom-thumbnail-bar {
bottom: 48px;
}
.ewd-ulb-top-thumbnail-bar {
top: 48px;
}
.ewd-ulb-thumbnails-bottom .ewd-ulb-bottom-thumbnail-bar {
display: block;
}
.ewd-ulb-thumbnails-bottom .ewd-ulb-top-thumbnail-bar {
display: none;
}
.ewd-ulb-thumbnails-top .ewd-ulb-top-thumbnail-bar {
display: block;
}
.ewd-ulb-thumbnails-top .ewd-ulb-bottom-thumbnail-bar {
display: none;
}
.ewd-ulb-bottom-thumbnails, .ewd-ulb-top-thumbnails {
position: relative;
float: left;
width: 864px;
height: 100%;
margin-left: 50%;
right: 432px;
overflow: hidden;
}
@media screen and (max-width: 960px) {
.ewd-ulb-bottom-thumbnails, .ewd-ulb-top-thumbnails {
width: 720px;
right: 360px;
}
}
@media screen and (max-width: 800px) {
.ewd-ulb-bottom-thumbnails, .ewd-ulb-top-thumbnails {
width: 576px;
right: 288px;
}
}
@media screen and (max-width: 640px) {
.ewd-ulb-bottom-thumbnails, .ewd-ulb-top-thumbnails {
width: 432px;
right: 216px;
}
}
@media screen and (max-width: 480px) {
.ewd-ulb-bottom-thumbnails, .ewd-ulb-top-thumbnails {
width: 288px;
right: 144px;
}
}
.ewd-ulb-thumbnails-inside {
position: relative;
float: left;
width: 300000000000%;
}
.ewd-ulb-slide-thumbnail {
position: relative;
float: left;
width: 128px;
height: 106px;
margin: 0 8px;
cursor: pointer;
text-align: center;
}
.ewd-ulb-slide-thumbnail img {
position: relative;
margin-top: 10px;
width: auto;
height: auto;
max-width: 128px;
max-height: 86px;
}
.ewd-ulb-active-thumbnail img {
border: 3px solid #fff;
}
.ewd-thumbnail-scroll-button {
position: absolute;
top: 40px;
width: 24px;
height: 24px;
background: transparent;
cursor: pointer;
z-index: 2;
font-family: 'untitled-font-7';
font-size: 18px;
color: #fff;
}
.ewd-thumbnail-scroll-button-left {
left: 48px;
}
.ewd-thumbnail-scroll-button-right {
right: 48px;
}
@media screen and (max-width: 716px) {
.ewd-thumbnail-scroll-button-left {
left: 24px;
}
.ewd-thumbnail-scroll-button-right {
right: 24px;
}
}
@media screen and (max-width: 480px) {
.ewd-ulb-mobile-hide {
display: none !important;
}
} .ewd-ulb-iframe-parent {
position: relative;
}
.ewd-ulb-overlay {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
width: 100%;
height: 100%;
}
.ewd-ulb-slide-img iframe {
display: block;
margin: 0 auto;
max-height: 100%;
max-width: 100%;
} @font-face { font-family: 'untitled-font-7';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-arrow/untitled-font-7.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-arrow/untitled-font-7.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-arrow/untitled-font-7.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-arrow/untitled-font-7.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-arrow/untitled-font-7.svg#untitled-font-7) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-arrow {
font-family: 'untitled-font-7';
}
@font-face { font-family: 'ewd-lightbox-autoplay';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-autoplay/ewd-lightbox-autoplay.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-autoplay/ewd-lightbox-autoplay.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-autoplay/ewd-lightbox-autoplay.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-autoplay/ewd-lightbox-autoplay.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-autoplay/ewd-lightbox-autoplay.svg#ewd-lightbox-autoplay) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-autoplay {
font-family: 'ewd-lightbox-autoplay';
}
@font-face { font-family: 'ewd-lightbox-close';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-close/ewd-lightbox-close.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-close/ewd-lightbox-close.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-close/ewd-lightbox-close.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-close/ewd-lightbox-close.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-close/ewd-lightbox-close.svg#ewd-lightbox-close) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-exit {
font-family: 'ewd-lightbox-close';
}
@font-face { font-family: 'ewd-lightbox-download';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-download/ewd-lightbox-download.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-download/ewd-lightbox-download.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-download/ewd-lightbox-download.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-download/ewd-lightbox-download.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-download/ewd-lightbox-download.svg#ewd-lightbox-download) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-download {
font-family: 'ewd-lightbox-download';
}
@font-face { font-family: 'ewd-lightbox-exit-fullscreen';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-exit-fullscreen/ewd-lightbox-exit-fullscreen.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-exit-fullscreen/ewd-lightbox-exit-fullscreen.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-exit-fullscreen/ewd-lightbox-exit-fullscreen.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-exit-fullscreen/ewd-lightbox-exit-fullscreen.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-exit-fullscreen/ewd-lightbox-exit-fullscreen.svg#ewd-lightbox-exit-fullscreen) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-regular_screen {
font-family: 'ewd-lightbox-exit-fullscreen';
}
@font-face { font-family: 'ewd-lightbox-fullscreen';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-fullscreen/ewd-lightbox-fullscreen.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-fullscreen/ewd-lightbox-fullscreen.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-fullscreen/ewd-lightbox-fullscreen.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-fullscreen/ewd-lightbox-fullscreen.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-fullscreen/ewd-lightbox-fullscreen.svg#ewd-lightbox-fullscreen) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-fullscreen {
font-family: 'ewd-lightbox-fullscreen';
}
@font-face { font-family: 'ewd-lightbox-original';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-original/ewd-lightbox-original.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-original/ewd-lightbox-original.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-original/ewd-lightbox-original.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-original/ewd-lightbox-original.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-original/ewd-lightbox-original.svg#ewd-lightbox-original) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-fullsize {
font-family: 'ewd-lightbox-original';
}
@font-face { font-family: 'ewd-lightbox-share';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-share/ewd-lightbox-share.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-share/ewd-lightbox-share.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-share/ewd-lightbox-share.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-share/ewd-lightbox-share.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-share/ewd-lightbox-share.svg#ewd-lightbox-share) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-share {
font-family: 'ewd-lightbox-share';
}
@font-face { font-family: 'ewd-lightbox-thumbnail';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-thumbnail/ewd-lightbox-thumbnail.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-thumbnail/ewd-lightbox-thumbnail.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-thumbnail/ewd-lightbox-thumbnail.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-thumbnail/ewd-lightbox-thumbnail.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-thumbnail/ewd-lightbox-thumbnail.svg#ewd-lightbox-thumbnail) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-thumbnail {
font-family: 'ewd-lightbox-thumbnail';
}
@font-face { font-family: 'ewd-lightbox-unzoom';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-unzoom/ewd-lightbox-unzoom.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-unzoom/ewd-lightbox-unzoom.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-unzoom/ewd-lightbox-unzoom.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-unzoom/ewd-lightbox-unzoom.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-unzoom/ewd-lightbox-unzoom.svg#ewd-lightbox-unzoom) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-zoom_out {
font-family: 'ewd-lightbox-unzoom';
}
@font-face { font-family: 'ewd-lightbox-zoom';
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-zoom/ewd-lightbox-zoom.eot);
src: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-zoom/ewd-lightbox-zoom.woff2) format('woff2'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-zoom/ewd-lightbox-zoom.woff) format('woff'),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-zoom/ewd-lightbox-zoom.ttf) format("truetype"),
url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/css/fonts/ewd-lightbox-zoom/ewd-lightbox-zoom.svg#ewd-lightbox-zoom) format("svg");
font-weight: normal;
font-style: normal;
}
.ewd-ulb-zoom {
font-family: 'ewd-lightbox-zoom';
}.rrssb-buttons{box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons:after{clear:both}.rrssb-buttons:after,.rrssb-buttons:before{content:' ';display:table}.rrssb-buttons li{box-sizing:border-box;float:left;height:100%;line-height:13px;list-style:none;margin:0;padding:0 2px}.rrssb-buttons li.rrssb-email a{background-color:#0a88ff}.rrssb-buttons li.rrssb-email a:hover{background-color:#006ed6}.rrssb-buttons li.rrssb-facebook a{background-color:#306199}.rrssb-buttons li.rrssb-facebook a:hover{background-color:#244872}.rrssb-buttons li.rrssb-tumblr a{background-color:#32506d}.rrssb-buttons li.rrssb-tumblr a:hover{background-color:#22364a}.rrssb-buttons li.rrssb-linkedin a{background-color:#007bb6}.rrssb-buttons li.rrssb-linkedin a:hover{background-color:#005983}.rrssb-buttons li.rrssb-twitter a{background-color:#26c4f1}.rrssb-buttons li.rrssb-twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.rrssb-googleplus a{background-color:#e93f2e}.rrssb-buttons li.rrssb-googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.rrssb-youtube a{background-color:#df1c31}.rrssb-buttons li.rrssb-youtube a:hover{background-color:#b21627}.rrssb-buttons li.rrssb-reddit a{background-color:#8bbbe3}.rrssb-buttons li.rrssb-reddit a:hover{background-color:#62a3d9}.rrssb-buttons li.rrssb-pinterest a{background-color:#b81621}.rrssb-buttons li.rrssb-pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.rrssb-pocket a{background-color:#ed4054}.rrssb-buttons li.rrssb-pocket a:hover{background-color:#e4162d}.rrssb-buttons li.rrssb-github a{background-color:#444}.rrssb-buttons li.rrssb-github a:hover{background-color:#2b2b2b}.rrssb-buttons li.rrssb-instagram a{background-color:#517fa4}.rrssb-buttons li.rrssb-instagram a:hover{background-color:#406582}.rrssb-buttons li.rrssb-delicious a{background-color:#0B79E5}.rrssb-buttons li.rrssb-delicious a:hover{background-color:#095fb4}.rrssb-buttons li.rrssb-vk a{background-color:#4d71a9}.rrssb-buttons li.rrssb-vk a:hover{background-color:#3d5a86}.rrssb-buttons li.rrssb-hackernews a{background-color:#f60}.rrssb-buttons li.rrssb-hackernews a:hover{background-color:#cc5200}.rrssb-buttons li a{background-color:#ccc;border-radius:2px;box-sizing:border-box;display:block;font-size:11px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-weight:700;height:100%;padding:11px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;width:100%}.rrssb-buttons li a .rrssb-icon{display:block;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .rrssb-icon svg{height:17px;width:17px}.rrssb-buttons li a .rrssb-icon svg path,.rrssb-buttons li a .rrssb-icon svg polygon{fill:#fff}.rrssb-buttons li a .rrssb-text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,.25)}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .rrssb-icon{left:auto;margin:0 auto;overflow:hidden;position:relative;top:auto;width:100%}.rrssb-buttons li.small a .rrssb-text{visibility:hidden}.rrssb-buttons.large-format,.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li:first-child:nth-last-child(1) a{font-size:20px;font-size:4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(2) a,.rrssb-buttons.large-format li:first-child:nth-last-child(2)~li a{font-size:16px;font-size:2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(3) a,.rrssb-buttons.large-format li:first-child:nth-last-child(3)~li a{font-size:14px;font-size:1.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(4) a,.rrssb-buttons.large-format li:first-child:nth-last-child(4)~li a{font-size:13px;font-size:1.4vw}.rrssb-buttons.large-format li:first-child:nth-last-child(5) a,.rrssb-buttons.large-format li:first-child:nth-last-child(5)~li a{font-size:13px;font-size:1.2vw}.rrssb-buttons.large-format li:first-child:nth-last-child(6) a,.rrssb-buttons.large-format li:first-child:nth-last-child(6)~li a{font-size:12px;font-size:1.05vw}.rrssb-buttons.large-format li:first-child:nth-last-child(7) a,.rrssb-buttons.large-format li:first-child:nth-last-child(7)~li a{font-size:11px;font-size:.9vw}.rrssb-buttons.large-format li:first-child:nth-last-child(8) a,.rrssb-buttons.large-format li:first-child:nth-last-child(8)~li a{font-size:11px;font-size:.8vw}.rrssb-buttons.large-format li:first-child:nth-last-child(9) a,.rrssb-buttons.large-format li:first-child:nth-last-child(9)~li a{font-size:11px;font-size:.7vw}.rrssb-buttons.large-format li:first-child:nth-last-child(10) a,.rrssb-buttons.large-format li:first-child:nth-last-child(10)~li a{font-size:11px;font-size:.6vw}.rrssb-buttons.large-format li:first-child:nth-last-child(11) a,.rrssb-buttons.large-format li:first-child:nth-last-child(11)~li a{font-size:11px;font-size:.5vw}.rrssb-buttons.large-format li a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:.2em;padding:8.5% 0 8.5% 12%}.rrssb-buttons.large-format li a .rrssb-icon{height:100%;left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .rrssb-icon svg{height:100%;position:absolute;top:0;width:100%}.rrssb-buttons.large-format li a .rrssb-text{-webkit-backface-visibility:hidden;backface-visibility:hidden}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1px}.rrssb-buttons.small-format li a .rrssb-icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .rrssb-icon svg{height:48%;position:relative;top:6px;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .rrssb-icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:active,.rrssb-buttons.tiny-format li a:hover{background-color:transparent}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon svg polygon{fill:#0a88ff}.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-email a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0054a3}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon svg polygon{fill:#306199}.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-facebook a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#18304b}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon svg polygon{fill:#32506d}.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-tumblr a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#121d27}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon svg polygon{fill:#007bb6}.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-linkedin a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#003650}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon svg polygon{fill:#26c4f1}.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-twitter a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#0b84a6}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon svg polygon{fill:#e93f2e}.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-googleplus a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#a01e11}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon svg polygon{fill:#df1c31}.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-youtube a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#84111d}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon svg polygon{fill:#8bbbe3}.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-reddit a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#398bcf}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon svg polygon{fill:#b81621}.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pinterest a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#5d0b11}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon svg polygon{fill:#ed4054}.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-pocket a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#b61124}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon svg polygon{fill:#444}.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-github a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#111}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon svg polygon{fill:#517fa4}.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-instagram a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#2f4a60}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon svg polygon{fill:#0B79E5}.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-delicious a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#064684}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon svg polygon{fill:#4d71a9}.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-vk a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#2d4263}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon svg polygon{fill:#f60}.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg path,.rrssb-buttons.tiny-format li.rrssb-hackernews a .rrssb-icon:hover .rrssb-icon svg polygon{fill:#993d00}.prod-cat-details-link {display:none;}
a.upcp-catalogue-link.no-underline {display: block; width:100%; text-align:center;}
.upcp-thumb-item {border:none;}
.upcp-thumb-title {border:none;}
.upcp-thumb-price {
width:100%;
display: block;
text-align: center;
}
input#upcp-name-search {
}
.prod-cat-end-detail-div a.upcp-catalogue-link,
.prod-cat-details-link {display:none;}
a.upcp-catalogue-link.no-underline {display: block; width:100%; text-align:center;}
.upcp-thumb-item {border:none;}
.upcp-thumb-title {border:none;}
.upcp-thumb-price {
width:100%;
padding:0;
margin:0;
}
.upcp-thumb-item, .upcp-detail-item{
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.upcp-thumb-item:hover .upcp-thumb-image, .upcp-detail-item:hover .upcp-thumb-image{
opacity:0.5;
}
.upcp-thumb-title {
min-height: 25px;
}
.upcp-thumb-image-div {background:none;}
.upcp-custom-field-thumbs {
text-align: center;
}
a.upcp-catalogue-link.no-underline {
line-height: 18px;
}
.upcp-prod-desc-custom-fields.upcp-custom-fields-thumbs {
line-height: 24px;
padding-top: 3px;
}
.upcp-mid-detail-div {border:none;}
.upcp-detail-item {border:none;}
.upcp-detail-price {
padding:none;
float:right;
margin:0 20px 5px;
}
.upcp-detail-image-div {background:none;} .prod-cat-information-name h3{
text-align:center;
}
.upcp-hover-visible { 
opacity:1 !important;
}
.upcp-thumb-title a, .upcp-list-title a, .upcp-detail-title a{
font-size: 16px;
color: #4E5152 !important;
}
.upcp-thumb-item {
overflow:visible;
min-height: 0;
z-index: 0;
margin:10px;
}
.upcp-thumb-item:hover, .upcp-detail-item:hover { }
.upcp-thumb-title{
background-color: #fff;
border-bottom: none;
opacity: 0.5;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
z-index:5;
}
.upcp-thumb-image-div:hover {
background: #fff !important;
}
.upcp-thumb-image {
max-height: 100%;
}
.upcp-thumb-image-div:hover { 
background: none;
;}
.upcp-thumb-title {
padding-top: 15px;
}
.upcp-thumb-price {
color: #ffffff !important;
font-size: x-large;
line-height: 30px;
margin: 0 auto;
float: none;
padding: 0;
}
.upcp-thumb-details-link {
height: auto;
width: 100%;
background: none;
margin: 0;
padding: 10px;
line-height: initial;
}
.upcp-thumb-details-link:after {
content: url(//www.mpi.be/wp-content/plugins/ultimate-product-catalogue/images/upcp-arrow-white.png);
display: block; 
float:right;
}
.upcp-thumb-image-div {
margin: 0 !important;
width: 100%;
background:none !important;
}
.upcp-thumb-image-div a{
width: 100%;
}
.upcp-thumb-item:hover .upcp-thumb-image, .upcp-detail-item:hover .upcp-thumb-image{
opacity:1 !important;
}
.prod-cat-addt-details-price {
margin: -10px -10px 0 0;
} .upcp-detail-item {
}
.upcp-detail-title {
color: #4E5152;
}
.upcp-detail-image-div {
margin: 0;
background:#fff;
}
.upcp-mid-detail-div {
background-color: #ffffff;
border: medium none !important;
}
.upcp-detail-price {
font-size: x-large;
color: #fff;
margin:10px auto !important;
float:none;
}
.upcp-end-detail-div { }
.upcp-detail-details-link{
}
.upcp-detail-desc a{
color: #e0e0e0;
} .upcp-product-thumbnail .upcp-minimal-img-div {
background: #eeeeee repeat scroll 0 0;
display: block;
height: 175px;
overflow: hidden;
position: relative;
width: 100%;
z-index: 1;
}
.upcp-product-thumbnail .upcp-minimal-img {
height: auto;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.upcp-thumb-item .upcp-prod-desc-custom-fields, .upcp-minimal-img-div .upcp-prod-desc-custom-fields {
background: rgba(0, 0, 0, 0.78) none repeat scroll 0 0;
display: table;
height: 180px;
left: 0;
padding-top: 30px;
position: absolute;
text-align: center;
top: 0;
vertical-align: middle;
width: 100%;
z-index: 5;
opacity:0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
color:white;
}
.upcp-list-item .upcp-prod-desc-custom-fields {
background: rgba(0, 0, 0, 0.78) none repeat scroll 0 0;
display: table;
height: 200px;
left: 0;
padding-top: 35px;
position: absolute;
text-align: center;
top: 0;
vertical-align: middle;
width: 100%;
z-index: 5;
opacity:0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
color:white;
}
.upcp-detail-item .upcp-prod-desc-custom-fields {
background: rgba(0, 0, 0, 0.78) none repeat scroll 0 0;
display: table;
height: 200px;
left: 0;
padding: 30px 0;
position: absolute;
text-align: center;
top: 0;
vertical-align: middle;
width: 100%;
z-index: 5;
opacity:0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
color:white;
}
.upcp-mid-detail-div {
width: 65%;
}
@media only screen and (max-width: 519px) {
.upcp-detail-item .upcp-prod-desc-custom-fields {
width:100%;
height:200px;
}
div.upcp-detail-image-div img {
max-height: 200px;
max-width: 200px;
}
.upcp-catalogue-thumbnail, .upcp-minimal-product-listing {
display: table-cell;
margin: 10px;
max-width: 200px;
padding: 0;
position: relative;
width: 200px;
}
.upcp-catalogue-thumbnail {
float: left;
}
.upcp-catalogue-thumbnail a, .upcp-minimal-product-listing a {
color: #ffffff;
display: inherit;
}
a.upcp-catalogue-link {
z-index: 0;
}
.upcp-catalogue-thumbnail a:hover, .upcp-minimal-product-listing a:hover {
color: #d81e05;
}
.upcp-minimal-img {
display: block;
height: auto;
margin: 0 auto;
max-height: none;
max-width: none;
vertical-align: middle;
width: 100%;
z-index: 1;
}