@charset "utf-8";
@charset "utf-8";
div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//trycksaker.cicerotryck.se/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}#cookie-law-info-bar { font-size: 12pt;
margin: 0 auto;
padding: 13px 10px;
position: absolute;
text-align: center;
box-sizing: border-box;
width:100%;
z-index: 9999;
box-shadow:rgba(0,0,0,.5) 0px 5px 50px;
display: none;
left:0px;
font-weight:300;
}
#cookie-law-info-again {
font-size: 10pt;
margin: 0;
padding:5px 10px;
text-align: center;
z-index: 9999;
cursor: pointer;
box-shadow: #161616 2px 2px 5px 2px;
}
#cookie-law-info-bar span {
vertical-align: middle;
} .cli-plugin-button, .cli-plugin-button:visited {
display: inline-block;
padding:10px 16px 10px;
color: #fff;
text-decoration: none;
position: relative;
cursor: pointer;
margin-left: 0px;
text-decoration: none;
}
.cli-plugin-main-link {
margin-left:0px;
font-weight: 550; text-decoration: underline;
}
.cli-plugin-button:hover {
background-color: #111;
color: #fff;
text-decoration: none;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
background-color: #e22092;
}
.pink.cli-plugin-button:hover {
background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
background-color: #91bd09;
}
.green.cli-plugin-button:hover {
background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
background-color: #e62727;
}
.red.cli-plugin-button:hover {
background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
background-color: #fc9200;
}
.cli-plugin-button{ margin-top:5px; }
.cli-bar-popup{
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
border:20px solid rgba(0,0,0,0.5) !important;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
padding:20px;
}.gdpr-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.gdpr-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gdpr-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.gdpr-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.gdpr-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.gdpr-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.gdpr-px-0 {
padding-left: 0;
padding-right: 0;
}
.modal-backdrop.show {
opacity: .8;
}
.modal-open {
overflow: hidden
}
.modal-open .gdpr-modal {
overflow-x: hidden;
overflow-y: auto
}
.gdpr-modal.fade .gdpr-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.gdpr-modal.show .gdpr-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1039;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.gdpr-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.gdpr-modal a {
text-decoration: none;
}
.gdpr-modal .gdpr-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.gdpr-modal .gdpr-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2));		
}
}
@media (min-width: 992px) {
.gdpr-modal .gdpr-modal-dialog {
max-width: 900px;			
}
}
.gdpr-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.gdpr-modal .row {
margin: 0 -15px;
}
.gdpr-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.gdpr-modal .close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.gdpr-modal .close:focus {
outline: 0;
}
.gdpr-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.gdpr-switch input[type="checkbox"] {
display:none;
}
.gdpr-switch .gdpr-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.gdpr-switch .gdpr-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.gdpr-switch input:checked + .gdpr-slider {
background-color:rgb(99, 179, 95);
}
.gdpr-switch input:checked + .gdpr-slider:before {
transform: translateX(26px);
}
.gdpr-switch .gdpr-slider {
border-radius: 34px;
}
.gdpr-switch .gdpr-slider:before {
border-radius: 50%;
}
.gdpr-tab-content>.gdpr-tab-pane {
display: none;
}
.gdpr-tab-content>.active {
display: block;
}
.gdpr-fade {
transition: opacity .15s linear;
}
.gdpr-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column !important;
flex-direction: column !important;
align-items: stretch !important;
-ms-align-items: stretch !important;
}
.nav.gdpr-nav-pills, .gdpr-tab-content {
width: 100%;
padding: 30px;
}
.nav.gdpr-nav-pills {
background: #f3f3f3;
}
.nav.gdpr-nav-pills .gdpr-nav-link {
border: 1px solid #0070ad;
margin-bottom: 10px;
color: #0070ad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active, .nav.gdpr-nav-pills .show>.gdpr-nav-link {
background-color: #0070ad;
border: 1px solid #0070ad;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active {
color: #ffffff;
}
.gdpr-tab-content .gdpr-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.gdpr-tab-content .gdpr-button-wrapper .btn-gdpr {
background-color: #0070ad;
border-color: #0070ad;
color: #ffffff;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gdpr-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.gdpr-tab-content h4 {
font-size: 20px;
margin-bottom: .5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
.cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
display: none;
}
.cli-modal-backdrop.cli-fade {
opacity: 0
}
.cli-modal-backdrop.cli-show {
opacity: .5;
display: block;
}
.cli-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
display: none;
overflow: hidden;
outline: 0
}
.cli-modal.cli-show {
display: block;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 900px;
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.cli-switch input:checked + .cli-slider {
background-color: #00acad
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(26px);
}
.cli-switch .cli-slider {
border-radius: 34px;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-tab-content>.cli-tab-pane {
display: none;
}
.cli-tab-content>.cli-active {
display: block;
}
.cli-fade {
transition: opacity .15s linear;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding: 30px;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #f3f3f3;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #00acad;
margin-bottom: 10px;
color: #00acad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #00acad;
border: 1px solid #00acad;
}
.cli-nav-pills .cli-nav-link.cli-active {
color: #ffffff;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}.attachment img[src$=".svg"],.widget_media_image img[src$=".svg"]{width:100%}.attachment img[src$=".svg"],.widget_media_image img[src$=".svg"]{width:100%}.attachment svg,.widget_media_image svg{max-width:100%;height:auto}.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge,
.irs-slider {
background: url(//trycksaker.cicerotryck.se/wp-content/plugins/uni-woo-custom-product-options-premium/assets/images/sprite-skin-nice.png) repeat-x;
}
.irs {
height: 40px;
}
.irs-with-grid {
height: 60px;
}
.irs-line {
height: 8px; top: 25px;
}
.irs-line-left {
height: 8px;
background-position: 0 -30px;
}
.irs-line-mid {
height: 8px;
background-position: 0 0;
}
.irs-line-right {
height: 8px;
background-position: 100% -30px;
}
.irs-bar {
height: 8px; top: 25px;
background-position: 0 -60px;
}
.irs-bar-edge {
top: 25px;
height: 8px; width: 11px;
background-position: 0 -90px;
}
.irs-shadow {
height: 1px; top: 34px;
background: #000;
opacity: 0.15;
}
.lt-ie9 .irs-shadow {
filter: alpha(opacity=15);
}
.irs-slider {
width: 22px; height: 22px;
top: 17px;
background-position: 0 -120px;
}
.irs-slider.state_hover, .irs-slider:hover {
background-position: 0 -150px;
}
.irs-min, .irs-max {
color: #999;
font-size: 10px; line-height: 1.333;
text-shadow: none;
top: 0; padding: 1px 3px;
background: rgba(0,0,0,0.1);
-moz-border-radius: 3px;
border-radius: 3px;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
background: #ccc;
}
.irs-from, .irs-to, .irs-single {
color: #fff;
font-size: 10px; line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: rgba(0,0,0,0.3);
-moz-border-radius: 3px;
border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
background: #999;
}
.irs-grid-pol {
background: #99a4ac;
}
.irs-grid-text {
color: #99a4ac;
}
.irs-disabled {
}
  .wcps-container {
background:none repeat scroll 0 0 rgb(241, 241, 241);
overflow: hidden;
position: relative;
}
.wcps-container div.wcps-ribbon {
box-shadow: 0 2px 4px -1px rgb(51, 51, 51);
height: 24px;
left: -27px;
position: absolute;
top: 14px;
transform: rotate(-50deg);
width: 90px;
z-index: 10;
}
.wcps-container div.wcps-ribbon.wcps-ribbon-none{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/none.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display:none !important;
}
.wcps-container div.wcps-ribbon.wcps-ribbon-free{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/free.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-save{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/save.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-hot{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/hot.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-pro{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/pro.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-best{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/best.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-gift{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/gift.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-sale{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/sale.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-new{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/new.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-top{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/top.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-fresh{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/fresh.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-10{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-10.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-20{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-20.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-30{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-30.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-40{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-40.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-50{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-50.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-60{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-60.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-70{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-70.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-80{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-80.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-90{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-90.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container div.wcps-ribbon.wcps-ribbon-dis-100{
background:url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/ribbons/dis-100.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.wcps-container .owl-nav.middle {
left: 0;
position: absolute;
top: 40%;
width: 100%;
}
.wcps-container  .owl-nav.middle .owl-prev {
background: url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-prev.png) no-repeat scroll 10px 14px rgba(0, 0, 0, 0);
border: 1px solid rgb(221, 221, 221);
border-radius: 50%;
color: rgb(0, 0, 0);
height: 50px;
left: -100px;
padding: 0;
position: absolute;
top: 0;
width: 50px;
transition: all 0.6s ease 0s;
}
.wcps-container  .owl-nav.middle .owl-next {
background: url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-next.png) no-repeat scroll 10px 14px rgba(0, 0, 0, 0);
border: 1px solid rgb(221, 221, 221);
border-radius: 50%;
color: rgb(0, 0, 0);
height: 50px;
padding: 0;
position: absolute;
right: -100px;
top: 0;
width: 50px;
transition: all 0.6s ease 0s;
}
.wcps-container:hover  .owl-nav.middle .owl-prev,
.wcps-container:hover  .owl-nav.middle .owl-next {
box-shadow: 0 0 12px 3px rgba(183, 183, 183, 0.54);
}
.wcps-container:hover  .owl-nav.middle .owl-prev {
left: 30px;
}
.wcps-container:hover  .owl-nav.middle .owl-next {
right: 30px;
} .wcps-container .owl-nav.middle-fixed {
left: 0;
position: absolute;
top: 40%;
width: 100%;
}
.wcps-container  .owl-nav.middle-fixed .owl-prev {
background: url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-prev.png) no-repeat scroll 10px 14px rgba(0, 0, 0, 0);
border: 1px solid rgb(221, 221, 221);
border-radius: 50%;
color: rgb(0, 0, 0);
height: 50px;
left: -30px;
padding: 0;
position: absolute;
top: 0;
width: 50px;
transition: all 0.6s ease 0s;
}
.wcps-container  .owl-nav.middle-fixed .owl-next {
background: url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-next.png) no-repeat scroll 10px 14px rgba(0, 0, 0, 0);
border: 1px solid rgb(221, 221, 221);
border-radius: 50%;
color: rgb(0, 0, 0);
height: 50px;
padding: 0;
position: absolute;
right: -30px;
top: 0;
width: 50px;
transition: all 0.6s ease 0s;
}
.wcps-container:hover  .owl-nav.middle-fixed .owl-prev,
.wcps-container:hover  .owl-nav.middle-fixed .owl-next {
box-shadow: 0 0 12px 3px rgba(183, 183, 183, 0.54);
}
.wcps-container:hover  .owl-nav.middle-fixed .owl-prev {
left: -30px;
}
.wcps-container:hover  .owl-nav.middle-fixed .owl-next {
right: -30px;
} .wcps-container .owl-nav.topright  {
position: absolute;
right: 15px;
top: 15px;
}
.wcps-container .owl-nav.topright .owl-prev {
background: url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-prev.png) no-repeat scroll 0 0 rgb(255, 255, 255);
border: 1px solid rgba(221, 221, 221, 0.0);
border-radius: 3px;
color: rgb(0, 0, 0);
height: 30px;
padding: 0;
opacity: 1;
width: 50px;
display: inline-block;
background-position: 10px 5px;
margin: 0 5px;
}
.wcps-container  .owl-nav.topright .owl-next {
background: url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-next.png) no-repeat scroll 0 0 rgb(255, 255, 255);
border: 1px solid rgba(221, 221, 221, 0.0);
border-radius: 3px;
color: rgb(0, 0, 0);
padding: 0;
width: 50px;
opacity: 1;
height: 30px;
display: inline-block;
background-position: 10px 5px;
}
.wcps-container  .owl-nav.topright div.owl-prev:hover{
background-image: url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-prev.png) ;
background-color:rgba(185, 185, 185, 0.3);
border: 1px solid rgb(221, 221, 221);
}
.wcps-container  .owl-nav.topright div.owl-next:hover{
background-image: url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/arrow-next.png);
background-color:rgba(185, 185, 185, 0.3);
border: 1px solid rgb(221, 221, 221);}
.wcps-container .owl-dots {
margin: 30px 0 0;
text-align: center;
}
.wcps-container .owl-dots .owl-dot {
background: rgba(107, 107, 107, 0.37);
border-radius: 20px;
display: inline-block;
height: 15px;
margin: 5px 7px;
opacity: 0.5;
width: 15px;
}
.wcps-container .owl-dots .owl-dot:hover,
.wcps-container .owl-dots .owl-dot.active {
opacity: 1;
}
.wcps-container div.wcps-items-sale {
background: #fff url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/sale.png) no-repeat scroll 8px 8px;
border-radius: 50%;
box-shadow: 0 0 4px -2px #000;
height: 50px;
position: absolute;
right: 10px;
top: 10px;
width: 50px;
}
.wcps-container div.wcps-featured {
background: #fff url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/featured.png) no-repeat scroll 4px 4px;
border-radius: 50%;
box-shadow: 0 0 2px 0 #999;
color: rgb(255, 255, 255);
font-size: 12px;
height: 40px;
left: 10px;
padding: 0;
position: absolute;
top: 10px;
width: 40px;
}
.wcps-container div.wcps-sale {
background: url(//trycksaker.cicerotryck.se/wp-content/plugins/woocommerce-products-slider/assets/front/css/images/sale.png) no-repeat scroll 0 center rgb(241, 241, 241);
box-shadow: 0 1px 6px -3px rgb(153, 153, 153);
color: rgb(255, 255, 255);
font-size: 12px;
height: 30px;
padding: 0;
position: absolute;
right: -30px;
top: 0;
transform: rotate(45deg);
width: 90px;
}
.wcps-container .stars-list {
display: inline;
position: relative;
text-align: left;
}
.wcps-container .stars-list .stars {
left: 0;
overflow: hidden;
}
.wcps-container .stars-list .stars i {
display: inline-block;
margin-top: 3px;
vertical-align: top;
}
.wcps-container .stars-list .star-length {
float: left;
height: 33px;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
}
.wcps-container .stars-list .star-length i {
display: inline-block;
top: 0;
vertical-align: top;
}
.wcps-container .wcps-items-rating{
color:#ffe400;
}
.wcps-container .wcps-zoom {  left: 0;
opacity: 0;
position: absolute;
text-align: center;
top: 0;
transition: all 0.3s ease 0s;
width: 100%;
}
.wcps-container .wcps-items:hover .wcps-zoom {
opacity: 1;
}
.wcps-container .wcps-zoom .fa {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 0 4px 0 #333;
color: #99999980;
cursor: pointer;
font-size: 25px;
margin-top: 30%; width: 50px;
height: 50px;
line-height: 46px;
}
.wcps-container .wcps-zoom-thumb {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
display: none;
height: 100%;
left: 0;
overflow-y: scroll;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 2147483647;
}
.wcps-container .wcps-zoom-thumb img {
margin: 50px 0;
}
.wcps-container .wcps-zoom-thumb .wcps-zoom-colse {
background: #ff5028 none repeat scroll 0 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
height: 26px;
margin-top: 50px;
position: relative;
text-align: center;
vertical-align: top;
width: 28px;
}
.wcps-container .wcps-items {
background: rgb(255, 255, 255) none repeat scroll 0 0;
margin: 0 10px;
overflow: hidden;
padding: 0;
position: relative;
}
.wcps-container  div.wcps-items div.wcps-items-thumb {
line-height: 0;
overflow: hidden;
position: relative;
text-align: center;
}
.wcps-container  div.wcps-items div.wcps-items-thumb a {
color: rgb(255, 255, 255);
margin: 0;
padding: 0;
text-decoration: none;
width: 100%
}
.wcps-container  div.wcps-items div.wcps-items-thumb img {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0;
width: 100%
}
.wcps-container  .wcps-terms {
display: none;
padding: 2px 10px 2px 25px;
text-align: center
}
.wcps-container  .wcps-items-title {
padding: 10px 12px;
text-align: left;
}
.wcps-container  .wcps-items-title a {
font-size: 16px;
font-weight: bold;
line-height: normal;
text-decoration: none;
}
.wcps-container  .wcps-items-excerpt {
font-size: 14px;
padding: 10px 12px;
text-align: left;
}
.wcps-container  .wcps-items-category {
padding: 5px 12px;
}
.wcps-container  .wcps-items-category a {
text-decoration: none;
}
.wcps-container  .wcps-items-tag {
padding: 5px 12px;
}
.wcps-container  .wcps-items-tag a {
text-decoration: none;
}
.wcps-container  .wcps-items-rating {
padding: 5px 12px;
}
.wcps-container  .wcps-items-rating .star-rating{
font-size:1.5em;
}
.wcps-container  .wcps-items div.wcps-items-price {
padding: 5px 12px;
text-align: left;
}
.wcps-container  .wcps-items-price ins {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0)
}
.wcps-container  .wcps-items-cart {
padding: 10px 12px;
text-align: left;
}
.wcps-container .wcps-items div.wcps-items-cart p {
border: medium none !important;
margin: 0 !important;
padding: 0 !important
}
.wcps-container .wcps-items div.wcps-items-cart.custom span.amount {
font-size: 15px;
line-height: 15px
}
.wcps-container  .wcps-items div.wcps-items-cart .amount, .wcps-container  div.wcps-items div.wcps-items-cart del, .wcps-container  div.wcps-items .wcps-items-cart ins, .wcps-container  div.wcps-items div.wcps-items-cart .woocommerce-price-suffix {
display: none
}
.wcps-container  .wcps-items div.wcps-items-cart.custom a.add_to_cart_button {
background: none repeat scroll 0 0 rgb(13, 225, 133);
border: medium none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 12px;
line-height: 12px;
margin: 0;
padding: 10px 15px;
text-shadow: none
}
.wcps-container  .wcps-items div.wcps-items-cart.custom a.added_to_cart {
background: none repeat scroll 0 0 rgb(13, 225, 133);
border: medium none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: rgb(68, 68, 68);
font-size: 12px;
line-height: 12px;
margin-top: 15px;
padding: 10px 15px;
text-decoration: none;
text-shadow: none
}
.wcps-container  .wcps-items div.wcps-items-cart a.added {
display: none
}
  .skin.flat {
vertical-align: top;
}
.skin.flat .layer-media{}
.skin.flat .layer-content {
padding: 5px 10px;
}
.skin.flat .layer-hover {
display: none;
} .skin.flip-x {
overflow: hidden;
padding: 0;
perspective: 600px;
position: relative;
vertical-align: top;
width: 100%;
}
.skin.flip-x:hover .layer-media {
transform: rotateX(180deg);
z-index: 900;
}
.skin.flip-x .layer-media {
backface-visibility: hidden;
float: none;
height: inherit;
left: 0;
text-align: center;
top: 0;
transform: rotateX(0deg) rotateY(0deg);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 900;
}
.skin.flip-x:hover .layer-content  {
transform: rotateX(0deg) rotateY(0deg);
z-index: 1000;
}
.skin.flip-x .layer-content {
backface-visibility: hidden;
float: none;
height: inherit;
left: 0;
padding: 0;
position: absolute;
top: 0;
transform: rotateX(-179deg);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 800;
}
.skin.flip-x .layer-hover {
display: none;
} .skin.flip-y {
overflow: hidden;
padding: 0;
perspective: 600px;
position: relative;
vertical-align: top;
width: 100%;
}
.skin.flip-y:hover .layer-media {
transform: rotateY(180deg);
z-index: 900;
}
.skin.flip-y .layer-media {
backface-visibility: hidden;
float: none;
height: inherit;
left: 0;
text-align: center;
top: 0;
transform: rotateX(0deg) rotateY(0deg);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 900;
}
.skin.flip-y:hover .layer-content  {
transform: rotateX(0deg) rotateY(0deg);
z-index: 1000;
}
.skin.flip-y .layer-content {
backface-visibility: hidden;
float: none;
height: inherit;
left: 0;
position: absolute;
top: 0;
transform: rotateY(-179deg);
transform-style: preserve-3d;
transition: all 0.4s ease-in-out 0s;
width: inherit;
z-index: 800;
}
.skin.flip-y .layer-hover {
display: none;
} .skin.zoomin {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.zoomin:hover .layer-media {
transform: scale(1.5);
opacity: 0;
}
.skin.zoomin .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.zoomin:hover .layer-content{
opacity: 1;
}
.skin.zoomin .layer-content {
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.zoomin .layer-hover {
display: none;
} .skin.zoomout {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.zoomout:hover .layer-media {
transform: scale(0);
opacity: 0;
}
.skin.zoomout .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.zoomout:hover .layer-content{
opacity: 1;
}
.skin.zoomout .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.zoomout .layer-hover {
display: none;
} .skin.spinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinright:hover .layer-media {
transform: rotate(30deg);
opacity: 0;
}
.skin.spinright .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinright:hover .layer-content{
opacity: 1;
}
.skin.spinright .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinright .layer-hover {
display: none;
} .skin.spinrightzoom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinrightzoom:hover .layer-media {
opacity: 0.6;
transform: rotate(20deg) scale(1.5);
}
.skin.spinrightzoom .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinrightzoom:hover .layer-content{
opacity: 1;
}
.skin.spinrightzoom .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinrightzoom .layer-hover {
display: none;
} .skin.spinleft {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinleft:hover .layer-media {
transform: rotate(-30deg);
opacity: 0;
}
.skin.spinleft .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinleft:hover .layer-content{
opacity: 1;
}
.skin.spinleft .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinleft .layer-hover {
display: none;
} .skin.spinleftzoom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinleftzoom:hover .layer-media {
opacity: 0.7;
transform: rotate(-30deg) scale(1.5);
}
.skin.spinleftzoom .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinleftzoom:hover .layer-content{
opacity: 1;
}
.skin.spinleftzoom .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinleftzoom .layer-hover {
display: none;
} .skin.spinrightfast {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinrightfast:hover .layer-media {
transform: rotate(180deg);
opacity: 0;
}
.skin.spinrightfast .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinrightfast:hover .layer-content{
opacity: 1;
}
.skin.spinrightfast .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinrightfast .layer-hover {
display: none;
} .skin.spinleftfast {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.spinleftfast:hover .layer-media {
transform: rotate(-180deg);
opacity: 0;
}
.skin.spinleftfast .layer-media {
transition: all 1s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.spinleftfast:hover .layer-content{
opacity: 1;
}
.skin.spinleftfast .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.spinleftfast .layer-hover {
display: none;
} .skin.thumbgoleft {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgoleft:hover .layer-media {
opacity: 0;
transform: scale(0.5) translateX(-100%);
}
.skin.thumbgoleft .layer-media {
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgoleft:hover .layer-content{
opacity: 1;
}
.skin.thumbgoleft .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 1s ease 0s;
}
.skin.thumbgoleft .layer-hover {
display: none;
} .skin.thumbgoright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgoright:hover .layer-media {
opacity: 0;
transform: scale(0.5) translateX(100%);
}
.skin.thumbgoright .layer-media {
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgoright:hover .layer-content{
opacity: 1;
}
.skin.thumbgoright .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 1s ease 0s;
}
.skin.thumbgoright .layer-hover {
display: none;
} .skin.thumbgotop {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgotop:hover .layer-media {
opacity: 0;
top: -100%;
transform: translateY(-100%) scale(0.6);
}
.skin.thumbgotop .layer-media {
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgotop:hover .layer-content{
opacity: 1;
}
.skin.thumbgotop .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 1s ease 0s;
}
.skin.thumbgotop .layer-hover {
display: none;
} .skin.thumbgobottom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgobottom:hover .layer-media {
bottom: -100%;
opacity: 0;
transform: scale(0.5) translateY(100%);
}
.skin.thumbgobottom .layer-media {
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbgobottom:hover .layer-content{
opacity: 1;
}
.skin.thumbgobottom .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
transition: all 1s ease 0s;
}
.skin.thumbgobottom .layer-hover {
display: none;
} .skin.thumbmiddle {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbmiddle:hover .layer-media {
transform: scale(0.9);
opacity: 0.3;
z-index:9;
}
.skin.thumbmiddle .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbmiddle:hover .layer-content{
opacity: 1;
z-index:10;
transform: scale(0.9);
padding:5px;
}
.skin.thumbmiddle .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbmiddle .layer-hover {
display: none;
} .skin.thumbskew {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbskew:hover .layer-media {
transform: scale(0.9) skew(5deg);
opacity: 0.3;
z-index:9;
}
.skin.thumbskew .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbskew:hover .layer-content{
opacity: 1;
z-index:10;
transform: scale(0.9) ;
padding:5px;
}
.skin.thumbskew .layer-content {
left: 0;
opacity: 0;
position: absolute;
top: 0;
transition: all 1s ease 0s;
width: 100%;
}
.skin.thumbskew .layer-hover {
display: none;
} .skin.contentbottom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentbottom:hover .layer-media {
z-index:9;
}
.skin.contentbottom .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentbottom:hover .layer-content{
}
.skin.contentbottom .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 0;
color: rgb(255, 255, 255);
left: 0;
position: absolute;
transition: all 1s ease 0s;
width: 100%;
}
.skin.contentbottom .layer-hover {
display: none;
} .skin.contentmiddle {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentmiddle:hover .layer-media {
z-index:9;
}
.skin.contentmiddle .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentmiddle:hover .layer-content{
}
.skin.contentmiddle .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: 50%;
color: rgb(255, 255, 255);
left: 0;
position: absolute;
transform: translate(0px, 50%);
width: 100%;
}
.skin.contentmiddle .layer-hover {
display: none;
} .skin.contentinbottom {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentinbottom:hover .layer-media {
z-index:9;
}
.skin.contentinbottom .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentinbottom:hover .layer-content {
bottom: 0;
}
.skin.contentinbottom .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
bottom: -100%;
color: rgb(255, 255, 255);
left: 0;
position: absolute;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.contentinbottom .layer-hover {
display: none;
} .skin.contentinleft {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentinleft:hover .layer-media {
z-index:9;
}
.skin.contentinleft .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentinleft:hover .layer-content {
left: 0;
}
.skin.contentinleft .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
color: rgb(255, 255, 255);
height: 100%;
left: -100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.contentinleft .layer-hover {
display: none;
} .skin.contentinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.contentinright:hover .layer-media {
z-index:9;
}
.skin.contentinright .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.contentinright:hover .layer-content {
left: 0;
}
.skin.contentinright .layer-content {
background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
color: rgb(255, 255, 255);
height: 100%;
left: 100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.contentinright .layer-hover {
display: none;
} .skin.thumbgoleftconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgoleftconetntinright:hover .layer-media {
transform: translateX(-100%);
}
.skin.thumbgoleftconetntinright .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgoleftconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgoleftconetntinright .layer-content {
height: 100%;
left: 100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgoleftconetntinright .layer-hover {
display: none;
} .skin.thumbgobottomconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgobottomconetntinright:hover .layer-media {
transform: translateY(100%);
}
.skin.thumbgobottomconetntinright .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgobottomconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgobottomconetntinright .layer-content {
height: 100%;
left: 100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgobottomconetntinright .layer-hover {
display: none;
} .skin.thumbgotopconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgotopconetntinright:hover .layer-media {
transform: translateY(-100%);
}
.skin.thumbgotopconetntinright .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgotopconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgotopconetntinright .layer-content {
height: 100%;
left: 100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgotopconetntinright .layer-hover {
display: none;
} .skin.thumbgorightconetntinright {
overflow: hidden;
position: relative;
vertical-align: top;
}
.skin.thumbgorightconetntinright:hover .layer-media {
transform: translateX(100%);
}
.skin.thumbgorightconetntinright .layer-media {
transition: all 0.4s ease 0s;
left: 0;
top: 0;
width: 100%;
}
.skin.thumbgorightconetntinright:hover .layer-content {
left: 0;
}
.skin.thumbgorightconetntinright .layer-content {
height: 100%;
left: 100%;
position: absolute;
top: 0;
transition: all 0.5s ease 0s;
width: 100%;
}
.skin.thumbgorightconetntinright .layer-hover {
display: none;
} .skin.halfthumbleft {
overflow: hidden;
vertical-align: top;
}
.skin.halfthumbleft .layer-media {
display: inline-block;
float: left;
vertical-align: top;
width: 49%;
}
.skin.halfthumbleft .layer-content {
display: inline-block;
float: right;
width: 49%;
}
.skin.halfthumbleft .layer-hover {
display: none;
} .skin.halfthumbright {
overflow: hidden;
vertical-align: top;
}
.skin.halfthumbright .layer-media {
display: inline-block;
float: right;
vertical-align: top;
width: 49%;
}
.skin.halfthumbright .layer-content {
display: inline-block;
width: 49%;
}
.skin.halfthumbright .layer-hover {
display: none;
} .skin.thumbright{}
.skin.thumbright .layer-media{}
.skin.thumbright .layer-content{}
.skin.thumbright .layer-hover{} .skin.thumbrounded{}
.skin.thumbrounded .layer-media {
border-radius: 50%;
overflow: hidden;
}
.skin.thumbrounded .layer-media .thumb {
height:240px;
}
.skin.thumbrounded .layer-content{}
.skin.thumbrounded .layer-hover {
display: none;
}