@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.7}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}.woof_redraw_zone label.woof_section_tab_label {
display: block;
padding: 6px 12px;
margin-right: 0.2rem;
cursor: pointer;
background: #fff;
border: 2px solid #ccc;
margin-bottom: 2px;
font-weight: normal;
transition: background ease 0.2s;
width: 100%;
float: left;
}
.woof_redraw_zone .woof_section_tab {
width: 100%;
padding: 3px;
background: #fff;
height: 1px;
overflow: hidden;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.woof_redraw_zone input[name="woof_section_tabs"] {
display: none;
}
.woof_redraw_zone input[name="woof_section_tabs"]:checked + label.woof_section_tab_label {
font-weight: bold;
}
label.woof_section_tab_label span{
transition: transform .5s ease-in-out;
display: inline-block;
float: right;
font-weight: bolder;
}
.woof_redraw_zone input[name="woof_section_tabs"]:checked + label.woof_section_tab_label span{
transform: rotate(45deg);
}
.woof_redraw_zone input[name="woof_section_tabs"]:checked + label.woof_section_tab_label + .woof_section_tab {
height: auto;
opacity: 1;
transition: all 0.5s ease-in-out;
overflow: inherit;
}.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}.tooltipster-sidetip.tooltipster-noir .tooltipster-box{border-radius:0;border:3px solid #000;background:#fff}.tooltipster-sidetip.tooltipster-noir .tooltipster-content{color:#000}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow{height:11px;margin-left:-11px;width:22px}.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow{height:22px;margin-left:0;margin-top:-11px;width:11px}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background{border:11px solid transparent}.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#fff;top:4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background{border-left-color:#fff;left:-4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background{border-right-color:#fff;left:4px}.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background{border-top-color:#fff;top:-4px}.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border{border-width:11px}.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped{top:-11px}.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped{left:-11px}.irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px;
font-family: Arial, sans-serif;
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important;
}
.irs-bar {
position: absolute;
display: block;
left: 0;
width: 0;
}
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0;
}
.irs-handle {
position: absolute;
display: block;
box-sizing: border-box;
cursor: default;
z-index: 1;
}
.irs-handle.type_last {
z-index: 2;
}
.irs-min,
.irs-max {
position: absolute;
display: block;
cursor: default;
}
.irs-min {
left: 0;
}
.irs-max {
right: 0;
}
.irs-from,
.irs-to,
.irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2;
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
.irs-disabled {
opacity: 0.4;
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.irs--flat {
height: 40px;
}
.irs--flat.irs-with-grid {
height: 60px;
}
.irs--flat .irs-line {
top: 25px;
height: 12px;
background-color: #e1e4e9;
border-radius: 4px;
}
.irs--flat .irs-bar {
top: 25px;
height: 12px;
background-color: #ed5565;
}
.irs--flat .irs-bar--single {
border-radius: 4px 0 0 4px;
}
.irs--flat .irs-shadow {
height: 1px;
bottom: 16px;
background-color: #e1e4e9;
}
.irs--flat .irs-handle {
top: 22px;
width: 16px;
height: 18px;
background-color: transparent;
}
.irs--flat .irs-handle > i:first-child {
position: absolute;
display: block;
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
background-color: #da4453;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
background-color: #a43540;
}
.irs--flat .irs-min,
.irs--flat .irs-max {
top: 0;
padding: 1px 3px;
color: #999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
background-color: #e1e4e9;
border-radius: 4px;
}
.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
color: white;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #ed5565;
border-radius: 4px;
}
.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #ed5565;
}
.irs--flat .irs-grid-pol {
background-color: #e1e4e9;
}
.irs--flat .irs-grid-text {
color: #999;
}
.irs--big {
height: 55px;
}
.irs--big.irs-with-grid {
height: 70px;
}
.irs--big .irs-line {
top: 33px;
height: 12px;
background-color: white;
background: linear-gradient(to bottom, #ddd -50%, white 150%);
border: 1px solid #ccc;
border-radius: 12px;
}
.irs--big .irs-bar {
top: 33px;
height: 12px;
background-color: #92bce0;
border: 1px solid #428bca;
background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}
.irs--big .irs-bar--single {
border-radius: 12px 0 0 12px;
}
.irs--big .irs-shadow {
height: 1px;
bottom: 16px;
background-color: rgba(66, 139, 202, 0.5);
}
.irs--big .irs-handle {
top: 25px;
width: 30px;
height: 30px;
border: 1px solid rgba(0, 0, 0, 0.3);
background-color: #cbcfd5;
background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
border-radius: 30px;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
border-color: rgba(0, 0, 0, 0.45);
background-color: #939ba7;
background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}
.irs--big .irs-min,
.irs--big .irs-max {
top: 0;
padding: 1px 5px;
color: white;
text-shadow: none;
background-color: #9f9f9f;
border-radius: 3px;
}
.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
color: white;
text-shadow: none;
padding: 1px 5px;
background-color: #428bca;
background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
border-radius: 3px;
}
.irs--big .irs-grid-pol {
background-color: #428bca;
}
.irs--big .irs-grid-text {
color: #428bca;
}
.irs--modern {
height: 55px;
}
.irs--modern.irs-with-grid {
height: 55px;
}
.irs--modern .irs-line {
top: 25px;
height: 5px;
background-color: #d1d6e0;
background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
border: 1px solid #a3adc1;
border-bottom-width: 0;
border-radius: 5px;
}
.irs--modern .irs-bar {
top: 25px;
height: 5px;
background: #20b426;
background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}
.irs--modern .irs-bar--single {
border-radius: 5px 0 0 5px;
}
.irs--modern .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(209, 214, 224, 0.5);
}
.irs--modern .irs-handle {
top: 37px;
width: 12px;
height: 13px;
border: 1px solid #a3adc1;
border-top-width: 0;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(1) {
position: absolute;
display: block;
top: -4px;
left: 1px;
width: 6px;
height: 6px;
border: 1px solid #a3adc1;
background: white;
transform: rotate(45deg);
}
.irs--modern .irs-handle > i:nth-child(2) {
position: absolute;
display: block;
box-sizing: border-box;
top: 0;
left: 0;
width: 10px;
height: 12px;
background: #e9e6e6;
background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
border-radius: 0 0 3px 3px;
}
.irs--modern .irs-handle > i:nth-child(3) {
position: absolute;
display: block;
box-sizing: border-box;
top: 3px;
left: 3px;
width: 4px;
height: 5px;
border-left: 1px solid #a3adc1;
border-right: 1px solid #a3adc1;
}
.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
border-color: #7685a2;
background: #c3c7cd;
background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}
.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
border-color: #7685a2;
}
.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
border-color: #48536a;
}
.irs--modern .irs-min,
.irs--modern .irs-max {
top: 0;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
color: white;
background-color: #d1d6e0;
border-radius: 5px;
}
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #20b426;
color: white;
border-radius: 5px;
}
.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #20b426;
}
.irs--modern .irs-grid {
height: 25px;
}
.irs--modern .irs-grid-pol {
background-color: #dedede;
}
.irs--modern .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--sharp {
height: 50px;
font-size: 12px;
line-height: 1;
}
.irs--sharp.irs-with-grid {
height: 57px;
}
.irs--sharp .irs-line {
top: 30px;
height: 2px;
background-color: black;
border-radius: 2px;
}
.irs--sharp .irs-bar {
top: 30px;
height: 2px;
background-color: #ee22fa;
}
.irs--sharp .irs-bar--single {
border-radius: 2px 0 0 2px;
}
.irs--sharp .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(0, 0, 0, 0.5);
}
.irs--sharp .irs-handle {
top: 25px;
width: 10px;
height: 10px;
background-color: #a804b2;
}
.irs--sharp .irs-handle > i:first-child {
position: absolute;
display: block;
top: 100%;
left: 0;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #a804b2;
}
.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
background-color: black;
}
.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
border-top-color: black;
}
.irs--sharp .irs-min,
.irs--sharp .irs-max {
color: white;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 4px;
opacity: 0.4;
background-color: #a804b2;
border-radius: 2px;
}
.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 4px;
background-color: #a804b2;
color: white;
border-radius: 2px;
}
.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #a804b2;
}
.irs--sharp .irs-grid {
height: 25px;
}
.irs--sharp .irs-grid-pol {
background-color: #dedede;
}
.irs--sharp .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--round {
height: 50px;
}
.irs--round.irs-with-grid {
height: 65px;
}
.irs--round .irs-line {
top: 36px;
height: 4px;
background-color: #dee4ec;
border-radius: 4px;
}
.irs--round .irs-bar {
top: 36px;
height: 4px;
background-color: #006cfa;
}
.irs--round .irs-bar--single {
border-radius: 4px 0 0 4px;
}
.irs--round .irs-shadow {
height: 4px;
bottom: 21px;
background-color: rgba(222, 228, 236, 0.5);
}
.irs--round .irs-handle {
top: 26px;
width: 24px;
height: 24px;
border: 4px solid #006cfa;
background-color: white;
border-radius: 24px;
box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
background-color: #f0f6ff;
}
.irs--round .irs-min,
.irs--round .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: #006cfa;
color: white;
border-radius: 4px;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #006cfa;
}
.irs--round .irs-grid {
height: 25px;
}
.irs--round .irs-grid-pol {
background-color: #dedede;
}
.irs--round .irs-grid-text {
color: silver;
font-size: 13px;
}
.irs--square {
height: 50px;
}
.irs--square.irs-with-grid {
height: 60px;
}
.irs--square .irs-line {
top: 31px;
height: 4px;
background-color: #dedede;
}
.irs--square .irs-bar {
top: 31px;
height: 4px;
background-color: black;
}
.irs--square .irs-shadow {
height: 2px;
bottom: 21px;
background-color: #dedede;
}
.irs--square .irs-handle {
top: 25px;
width: 16px;
height: 16px;
border: 3px solid black;
background-color: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
background-color: #f0f6ff;
}
.irs--square .irs-min,
.irs--square .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, 0.1);
}
.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: black;
color: white;
}
.irs--square .irs-grid {
height: 25px;
}
.irs--square .irs-grid-pol {
background-color: #dedede;
}
.irs--square .irs-grid-text {
color: silver;
font-size: 11px;
}.thegem-fullscreen-search {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1001;
display: flex;
flex-direction: column;
transition: opacity 0.3s ease 0.3s,transform 0.3s ease;
transform: translate3d(0,100%,0);
opacity: 0;
}
.thegem-fullscreen-search:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
box-shadow: 0px 5px 5px -5px rgb(0 0 0 / 15%) inset;
}
.thegem-fullscreen-search.active {
transform: none;
opacity: 1;
transition: opacity 0s,transform 0.3s ease;
}
.thegem-fullscreen-search .search-scroll {
flex: auto;
overflow: hidden auto;
}
.thegem-fullscreen-search .search-scroll::-webkit-scrollbar-track {
background-color: transparent;
}
.thegem-fullscreen-search .search-scroll::-webkit-scrollbar {
width: 4px;
background-color: transparent;
}
.thegem-fullscreen-search .search-scroll::-webkit-scrollbar-thumb {
background-color: #dfe5e8;
border-radius: 2px;
}
body.fullscreen-search-opened {
overflow: hidden;
}
.thegem-fullscreen-search form {
position: relative;
}
input.thegem-fullscreen-searchform-input {
width: 100%;
border: none;
text-align: center;
background: transparent;
padding: 5px 45px;
}
@media (min-width: 768px) {
input.thegem-fullscreen-searchform-input {
padding: 25px 70px;
}
}
input.thegem-fullscreen-searchform-input::-webkit-input-placeholder { color: inherit;
}
input.thegem-fullscreen-searchform-input::-moz-placeholder { color: inherit;
}
input.thegem-fullscreen-searchform-input:-ms-input-placeholder { color: inherit;
}
input.thegem-fullscreen-searchform-input:-moz-placeholder { color: inherit;
}
.thegem-fullscreen-search .sf-close {
position: absolute;
right: 21px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
@media (min-width: 768px) {
.thegem-fullscreen-search .sf-close {
right: 30px;
}
}
.thegem-fullscreen-search .sf-close:before {
content: "\e619";
display: block;
font-family: "thegem-icons";
font-style: normal;
font-size: 24px;
font-weight: normal;
color: inherit;
text-align: center;
vertical-align: top;
width: 100%;
}
@media (min-width: 992px) {
.thegem-fullscreen-search .sf-close:before {
font-size: 48px;
}
}
.thegem-fullscreen-search .top-searches {
padding: 18px 0 12px 0;
}
@media (min-width: 768px) {
.thegem-fullscreen-search .top-searches {
padding: 40px 0 33px 0;
}
}
.thegem-fullscreen-search .top-searches .container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.thegem-fullscreen-search .top-searches .top-search-text {
margin-right: 8px;
}
.thegem-fullscreen-search .top-searches .top-search-item {
font-size: 14px;
line-height: 1;
color: inherit;
padding: 5px 17px 6px 17px;
border-radius: 13px;
margin: 0 5px 10px 5px;
cursor: pointer;
}
.thegem-fullscreen-search .top-searches .top-search-item:hover {
color: #ffffff;
}
.thegem-fullscreen-search .sf-result {
position: relative;
}
.thegem-fullscreen-search  .result-sections .search-results-section {
padding: 40px 0 50px 0;
}
@media (min-width: 768px) {
.thegem-fullscreen-search  .result-sections .search-results-section {
padding: 60px 0 70px 0;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search  .result-sections .search-results-section {
padding: 70px 0 90px 0;
}
}
.thegem-fullscreen-search  .result-sections .search-results-section:not(.search-results-nothing) h2 {
text-align: center;
}
@media (min-width: 768px) {
.thegem-fullscreen-search  .result-sections .search-results-section  h2 {
margin: 0 0 50px 0;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search  .result-sections .search-results-section  h2 {
margin: 0 0 60px 0;
}
}
.thegem-fullscreen-search  .result-sections .search-results-section.search-results-nothing h2 {
margin-bottom: 25px;
}
@media (min-width: 992px) {
.thegem-fullscreen-search  .result-sections .search-results-section:nth-child(even) .search-results-bottom .container:before,
.thegem-fullscreen-search  .result-sections .search-results-section:nth-child(even) .search-results-bottom .container:after {
content: '';
width: 50%;
height: 1px;
background-color: #dfe5e8;
}
}
.thegem-fullscreen-search  .result-sections .search-results-section .search-results-bottom {
margin-top: 50px;
}
@media (min-width: 768px) {
.thegem-fullscreen-search  .result-sections .search-results-section .search-results-bottom {
margin-top: 60px;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search  .result-sections .search-results-section .search-results-bottom {
margin-top: 70px;
}
}
.thegem-fullscreen-search  .result-sections .search-results-section .search-results-bottom .container {
display: flex;
align-items: center;
justify-content: center;
}
.thegem-fullscreen-search  .result-sections .search-results-section .search-results-bottom a {
display: inline-block;
flex: none;
border-radius: 20px;
margin: 0 20px;
}
.thegem-fullscreen-search .top-searches + .sf-result .search-results-section:first-child {
padding-top: 0;
}
.thegem-fullscreen-search  .result-sections .search-results-section.search-results-product .portfolio-set {
justify-content: center;
}
@media (max-width: 767px) {
.thegem-fullscreen-search  .result-sections .search-results-product .portfolio-item:nth-child(n+7) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.thegem-fullscreen-search  .result-sections .search-results-product .portfolio-item:nth-child(n+9) {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1599px) {
.thegem-fullscreen-search  .result-sections .search-results-product .portfolio-item:nth-child(n+13) {
display: none;
}
}
@media (min-width: 1600px) {
.thegem-fullscreen-search  .result-sections .search-results-product .portfolio-item {
width: 12.5%;
}
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-row,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-row {
margin: -12px 0;
padding: 0 12px;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-set,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-set {
justify-content: center;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item {
padding: 12px;
}
@media (max-width: 767px) {
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item  {
max-width: 302px;
}
}
@media (min-width: 768px) {
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-row,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-row {
margin: -12px 0;
padding: 0 12px;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item {
width: 33.333%;
padding: 12px;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-row,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-row {
margin: -14px 0;
padding: 0 14px;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item {
width: 25%;
}
}
@media (min-width: 1400px) {
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item {
width: 16.666%;
}
}
@media (max-width: 767px) {
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item:nth-child(n+4),
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item:nth-child(n+4) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item:nth-child(n+5),
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item:nth-child(n+5) {
display: none;
}
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item:hover .wrap {
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.12);
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item .wrap > .caption,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item .wrap,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item .wrap > .caption {
border: none !important;
}
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item .wrap > .caption {
cursor: initial;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item .wrap {
height: 100%;
display: flex;
flex-direction: column;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item .wrap > .caption {
flex: auto;
padding: 30px;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item:hover .wrap > .caption {
background-color: #ffffff;
}
.thegem-fullscreen-search .top-searches + .sf-result .search-results-section.search-results-page:first-child {
padding-top: 0;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item .wrap,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item .wrap  {
width: 100%;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item .image,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item .image {
width: 100%;
padding-top: 100%;
position: relative;
z-index: 1;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item.post_format-post-format-quote .image {
height: 100%;
padding-top: 0;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item .image .image-inner,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item .image .image-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.thegem-fullscreen-search  .result-sections .search-results-post .portfolio-item .image-inner picture img,
.thegem-fullscreen-search  .result-sections .search-results-thegem_pf_item .portfolio-item .image-inner picture img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
left: 0 !important;
width: 100%;
max-width: 100% !important;
}
.preloader-new {
position: absolute;
width: 100%;
height: 100%;
z-index: 4;
}
.preloader-new .preloader-spin {
top: 100px;
left: initial;
right: 50%;
}
.thegem-fullscreen-search .preloader-new + .result-sections {
opacity: 0.6;
}
.thegem-fullscreen-search .preloader-new ~ * .portfolio-row  {
opacity: 1;
}
.thegem-fullscreen-search  .result-sections .search-results-nothing {
text-align: center;
}
.thegem-fullscreen-search  .result-sections .search-results-nothing svg {
width: 166px;
fill: #dfe5e8;
}
.thegem-fullscreen-search .pages-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -12px 0;
padding: 0 12px;
}
@media (min-width: 768px) {
.thegem-fullscreen-search .pages-list {
margin: -12px 0;
padding: 0 12px;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search .pages-list {
margin: -14px 0;
padding: 0 14px;
}
}
.thegem-fullscreen-search .pages-list .page-item {
padding: 12px;
}
@media (max-width: 767px) {
.thegem-fullscreen-search .pages-list .page-item {
max-width: 302px;
}
}
@media (min-width: 768px) {
.thegem-fullscreen-search .pages-list .page-item {
padding: 12px;
}
}
@media (min-width: 992px) {
.thegem-fullscreen-search .pages-list .page-item {
padding: 14px;
}
}
@media (min-width: 1400px) {
.thegem-fullscreen-search .pages-list .page-item {
width: 16.667%;
}
}
@media (max-width: 767px) {
.thegem-fullscreen-search .pages-list .page-item:nth-child(n+4) {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.thegem-fullscreen-search .pages-list .page-item:nth-child(n+7) {
display: none;
}
}
.thegem-fullscreen-search .pages-list .page-item article {
height: 122px;
}
.thegem-fullscreen-search .pages-list .page-item article a {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #3c3950;
background-color: #f6f6f8;
border-top: 5px solid transparent;
text-align: center;
text-decoration: none;
padding: 10px 25px;
transition: all 0.3s;
}
.thegem-fullscreen-search .pages-list .page-item article a .title {
text-transform: initial;
margin: 0;
overflow: hidden;
}
.thegem-fullscreen-search .pages-list .page-item article a:before {
content: '\e670';
font-family: "thegem-icons";
font-style: normal;
font-size: 27px;
line-height: 1;
font-weight: normal;
color: #b6c6c9;
margin-bottom: 7px;
}
.thegem-fullscreen-search .pages-list .page-item article:hover a {
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.12);
}
.vertical-minisearch.menu-item-ajax-search .vertical-minisearch-shadow {
position: relative;
z-index: 11;
}
.ajax-minisearch-results {
overflow: auto;
max-height: 40vh;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.07);
}
.ajax-minisearch-results::-webkit-scrollbar-track {
background-color: transparent;
}
.ajax-minisearch-results::-webkit-scrollbar {
width: 4px;
background-color: transparent;
}
.ajax-minisearch-results::-webkit-scrollbar-thumb {
background-color: #dfe5e8;
border-radius: 2px;
}
.ajax-minisearch-results .scroll-block {
padding: 2px;
}
.ajax-minisearch-results .search-results-section {
padding: 14px 0;
}
.ajax-minisearch-results .search-results-section:first-child {
padding-top: 0;
}
.ajax-minisearch-results .search-results-section:last-child {
padding-bottom: 0;
border-bottom: none;
}
.ajax-minisearch-results .ajax-search-item {
margin-bottom: 2px;
}
.ajax-minisearch-results .ajax-search-item {
font-size: 14px;
line-height: 20px;
white-space: initial;
}
.ajax-minisearch-results .ajax-search-item a {
display: flex;
align-items: center;
color: inherit;
}
.ajax-minisearch-results .ajax-search-item .thumbnail {
flex: none;
margin-right: 9px;
}
.ajax-minisearch-results .search-results-section.search-results-nothing {
padding: 20px;
}
.ajax-minisearch-results .search-results-section.search-results-nothing .ajax-search-item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.ajax-minisearch-results .search-results-section.search-results-nothing svg {
width: 50px;
fill: #dfe5e8;
}
.menu-item-ajax-search .sf-submit {
display: none;
}
.minisearch form, .vertical-minisearch form {
position: relative;
}
.vertical-minisearch.menu-item-ajax-search .sf-input {
border: none;
}
#primary-menu.no-responsive .vertical-minisearch.menu-item-ajax-search .sf-input::placeholder,
#primary-menu.no-responsive .vertical-minisearch.menu-item-ajax-search .sf-input::-webkit-input-placeholder,
.vertical-menu-item-widgets .vertical-minisearch.menu-item-ajax-search .sf-input::placeholder,
.vertical-menu-item-widgets .vertical-minisearch.menu-item-ajax-search .sf-input::-webkit-input-placeholder {
color: inherit;
}
#primary-menu.no-responsive .vertical-minisearch.menu-item-ajax-search .sf-submit-icon:after,
.vertical-menu-item-widgets .vertical-minisearch.menu-item-ajax-search .sf-submit-icon:after {
background: transparent;
}
#primary-menu.no-responsive .vertical-minisearch.menu-item-ajax-search .sf-submit-icon.clear:after,
.vertical-menu-item-widgets .vertical-minisearch.menu-item-ajax-search .sf-submit-icon.clear:after {
content: "\e619";
cursor: pointer;
}
.menu-item-ajax-search #searchform.ajax-loading:before {
content: '';
display: block;
position: absolute;
top: 50%;
right: 50px;
border: 2px solid #5f727f;
border-top: 2px solid transparent;
border-radius: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}.portfolio.extended-products-grid .portfolio-item .caption .product-bottom {
padding: 0 0 0 0;
display: block; }
.portfolio.extended-products-grid .portfolio-item .caption .product-rating {
margin-top: 0; }
.portfolio.extended-products-grid .portfolio-item .caption .product-rating .empty-rating:before {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear; }
.portfolio.extended-products-grid .portfolio-item:hover .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid .portfolio-item.hover-effect .caption .product-rating .empty-rating:before {
width: 90px; }
.portfolio.extended-products-grid.hover-title .portfolio-item.product .product-labels,
.portfolio.extended-products-grid.hover-gradient .portfolio-item.product .product-labels,
.portfolio.extended-products-grid.hover-circular .portfolio-item.product .product-labels {
-o-transition: opacity 0.25s ease-out 0.2s;
-webkit-transition: opacity 0.25s ease-out 0.2s;
transition: opacity 0.25s ease-out 0.2s; }
.portfolio.extended-products-grid.hover-title:not(.hover-disabled) .portfolio-item.product:hover .product-labels,
.portfolio.extended-products-grid.hover-title:not(.hover-disabled) .portfolio-item.product.hover-effect .product-labels,
.portfolio.extended-products-grid.hover-gradient:not(.hover-disabled) .portfolio-item.product:hover .product-labels,
.portfolio.extended-products-grid.hover-gradient:not(.hover-disabled) .portfolio-item.product.hover-effect .product-labels,
.portfolio.extended-products-grid.hover-circular:not(.hover-disabled) .portfolio-item.product:hover .product-labels,
.portfolio.extended-products-grid.hover-circular:not(.hover-disabled) .portfolio-item.product.hover-effect .product-labels {
opacity: 0;
-o-transition: opacity 0.25s ease-out;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
z-index: 2; }
.portfolio.extended-products-grid .portfolio-item .image-inner picture img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
left: 0;
width: 100%;
max-width: 100% !important; }
.portfolio.extended-products-grid.disable-isotope .image .image-inner picture img {
position: absolute;
top: 0; }
.portfolio.extended-products-grid .portfolio-item.product.image-hover .image-inner img.image-hover {
position: absolute;
left: 100%;
top: 0;
-o-transition: all 0.25s ease-out;
-webkit-transition: all 0.25s ease-out;
transition: all 0.25s ease-out; }
.portfolio.extended-products-grid.hover-horizontal-sliding .portfolio-item:hover .image-inner picture img,
.portfolio.extended-products-grid.hover-horizontal-sliding .portfolio-item.hover-effect .image-inner picture img {
webkit-transform: translate(0, 0) scale(1.12);
transform: translate(0, 0) scale(1.12);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s; }
.portfolio.extended-products-grid .portfolio-item.product.image-hover .image-inner picture img.image-hover {
display: none; }
.portfolio.extended-products-grid .portfolio-item.product.image-hover .image-inner picture img.image-hover.hover-fade {
position: absolute;
left: 0 !important;
top: 0;
opacity: 0;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
.portfolio.products.extended-products-grid:not(.list-style) .portfolio-item.product.image-hover:hover .image-inner picture img.image-hover,
.portfolio.products.extended-products-grid:not(.list-style) .portfolio-item.product.image-hover.hover-effect .image-inner picture img.image-hover,
.portfolio.products.extended-products-grid.list-style .portfolio-item.product.image-hover .image:hover .image-inner picture img.image-hover {
left: 0 !important;
opacity: 1; }
.portfolio.extended-products-grid.hover-horizontal-sliding:not(.list-style) .portfolio-item.image-hover:hover .image .image-inner picture img,
.portfolio.extended-products-grid.hover-horizontal-sliding:not(.list-style) .portfolio-item.image-hover.hover-effect .image .image-inner picture img,
.portfolio.extended-products-grid.hover-horizontal-sliding.list-style .portfolio-item.image-hover .image:hover .image-inner picture img {
-webkit-transform: none;
transform: none; }
.portfolio.extended-products-grid .portfolio-item .overlay .caption .product-rating {
display: inline-block;
margin: 18px 0 0 0; }
.portfolio.extended-products-grid .portfolio-item .overlay .caption .product-rating.product-rating-empty {
display: none; }
.portfolio.extended-products-grid .portfolio-item.product .overlay > a {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
.portfolio.extended-products-grid.title-on-page .portfolio-item.product .overlay .links-wrapper {
display: none; }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom .clear {
display: none; }
.portfolio.extended-products-grid .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart,
.portfolio.extended-products-grid .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart:before,
.portfolio.extended-products-grid .portfolio-item .image .overlay .portfolio-icons.product-bottom .yith-wcwl-wishlistaddedbrowse a,
.portfolio.extended-products-grid .portfolio-item .image .overlay .portfolio-icons.product-bottom .yith-wcwl-wishlistaddedbrowse a:before {
font-size: 120%; }
.portfolio.extended-products-grid .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart:before,
.portfolio.extended-products-grid .portfolio-item .image .overlay .portfolio-icons.product-bottom .yith-wcwl-wishlistaddedbrowse a:before {
vertical-align: top; }
.portfolio.extended-products-grid .portfolio-item .image .overlay .portfolio-icons.product-bottom .yith-wcwl-wishlistaddedbrowse a:before {
line-height: 90%; }
.portfolio.extended-products-grid .portfolio-item .wrap .caption .product-bottom .gem-button-container.bottom-product-link:before {
display: none; }
.portfolio.extended-products-grid .portfolio-item .wrap .caption .product-bottom .gem-button-container.bottom-product-link a {
color: inherit;
margin: 0;
width: auto;
margin-left: -4px;
line-height: inherit; }
.portfolio.extended-products-grid .portfolio-item .wrap .caption .product-bottom .gem-button-container.bottom-product-link a {
margin-left: 0; }
.portfolio.extended-products-grid .portfolio-item .portfolio-icons.product-bottom .icon {
vertical-align: middle;
margin-left: 0; }
.portfolio.extended-products-grid .portfolio-item .image .overlay .portfolio-icons.product-bottom .yith-wcwl-add-to-wishlist {
margin: 0; }
.portfolio.extended-products-grid .portfolio-item .overlay .caption .description {
margin-bottom: 18px; }
.portfolio.extended-products-grid .portfolio-item .overlay .caption .subtitle p {
max-height: 50px;
overflow: hidden;
text-overflow: ellipsis; }
.portfolio.extended-products-grid .portfolio-item .overlay .product-rating .star-rating > span:before {
color: #ffffff; }
.portfolio.extended-products-grid.hover-gradient .portfolio-item .overlay .product-rating .star-rating:before {
color: #ffffff; }
.portfolio.extended-products-grid.hover-gradient .portfolio-item .overlay .product-rating .star-rating > span:before {
color: #ffc107; }
.portfolio.extended-products-grid .portfolio-item .image .overlay .links .caption {
padding-top: 23px; }
.portfolio.extended-products-grid.columns-4 .portfolio-item .overlay .caption .product-rating {
margin: 11px 0 0 0; }
.portfolio.extended-products-grid.columns-4 .portfolio-item .overlay .caption .description {
margin-bottom: 5px; }
.portfolio.extended-products-grid.columns-4 .portfolio-item .image .overlay .links .caption {
padding-top: 13px; }
.portfolio.extended-products-grid.hover-default.columns-4 .portfolio-item .image .overlay .links .portfolio-sharing-pane.active,
.portfolio.extended-products-grid.hover-default.fullwidth-columns-5 .portfolio-item .image .overlay .links .portfolio-sharing-pane.active,
.portfolio.extended-products-grid.hover-default.fullwidth-columns-6 .portfolio-item .image .overlay .links .portfolio-sharing-pane.active {
margin-bottom: 22px; }
.portfolio.extended-products-grid.hover-zooming-blur.columns-4 .portfolio-item .image .overlay .links .portfolio-sharing-pane.active,
.portfolio.extended-products-grid.hover-zooming-blur.fullwidth-columns-5 .portfolio-item .image .overlay .links .portfolio-sharing-pane.active,
.portfolio.extended-products-grid.hover-zooming-blur.fullwidth-columns-6 .portfolio-item .image .overlay .links .portfolio-sharing-pane.active {
margin-bottom: 13px; }
.portfolio.extended-products-grid.fullwidth-columns-5 .portfolio-item .overlay .caption .product-rating {
margin: 11px 0 0 0; }
.portfolio.extended-products-grid.fullwidth-columns-5 .portfolio-item .overlay .caption .description {
margin-bottom: 5px; }
.portfolio.extended-products-grid.fullwidth-columns-5 .portfolio-item .image .overlay .links .caption {
padding-top: 13px; }
.portfolio.extended-products-grid.fullwidth-columns-6 .portfolio-item .overlay .caption .product-rating {
margin: 11px 0 0 0; }
.portfolio.extended-products-grid.fullwidth-columns-6 .portfolio-item .overlay .caption .description {
margin-bottom: 5px; }
.portfolio.extended-products-grid.fullwidth-columns-6 .portfolio-item .image .overlay .links .caption {
padding-top: 13px; }
.portfolio.extended-products-grid.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links,
.portfolio.extended-products-grid.hover-horizontal-sliding .portfolio-item:not(.double-item-squared) .overlay .links,
.portfolio.extended-products-grid.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links,
.portfolio.extended-products-grid.hover-vertical-sliding .portfolio-item:not(.double-item-squared) .overlay .links {
padding: 0; }
.portfolio.extended-products-grid.columns-4.hover-gradient .portfolio-item .overlay .links .portfolio-icons {
padding-left: 15px;
padding-right: 15px; }
.portfolio.extended-products-grid.hover-vertical-sliding .portfolio-item .overlay .links .caption .description {
padding-left: 30px;
padding-bottom: 25px; }
.portfolio.extended-products-grid.columns-4.hover-gradient .portfolio-item .overlay .links .caption {
padding-left: 15px; }
.portfolio.extended-products-grid.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption,
.portfolio.extended-products-grid.hover-horizontal-sliding .portfolio-item:not(.double-item-squared) .overlay .links .caption,
.portfolio.extended-products-grid.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption,
.portfolio.extended-products-grid.hover-vertical-sliding .portfolio-item:not(.double-item-squared) .overlay .links .caption {
padding-top: 5px; }
.portfolio.extended-products-grid.fullwidth-columns-6.hover-circular .overlay .overlay-line {
margin: 5px 0; }
.portfolio.extended-products-grid.hover-gradient .portfolio-item .image .overlay .links .description,
.portfolio.extended-products-grid.hover-circular .portfolio-item .image .overlay .links .description {
display: block !important;
height: 0;
overflow: hidden;
position: relative;
margin: 0; }
.portfolio.extended-products-grid.title-on-page.hover-zooming-blur .portfolio-item.image-hover .image .image-inner img,
.portfolio.extended-products-grid.title-on-page.hover-gradient .portfolio-item.image-hover .image .image-inner img,
.portfolio.extended-products-grid.title-on-page.hover-vertical-sliding .portfolio-item.image-hover .image .image-inner img {
-webkit-transform: scale(1);
transform: scale(1); }
@media only screen and (min-width: 800px) and (max-width: 1150px) {
.portfolio.extended-products-grid.columns-3.hover-vertical-sliding .portfolio-item .overlay .caption .description,
.portfolio.extended-products-grid.columns-4.hover-vertical-sliding .portfolio-item .overlay .caption .description {
display: none; } }
@media only screen and (max-width: 1100px) {
.portfolio.extended-products-grid .portfolio-item .overlay .caption .product-rating {
margin: 11px 0 0 0; }
.portfolio.extended-products-grid .portfolio-item .overlay .caption .description {
margin-bottom: 5px; }
.portfolio.extended-products-grid .portfolio-item .image .overlay .links .caption {
padding-top: 17px; }
.portfolio.extended-products-grid.columns-3 .portfolio-item .overlay .caption .description {
display: none; }
.portfolio.extended-products-grid.hover-horizontal-sliding .overlay .overlay-line {
margin: 15px 0; }
.portfolio.extended-products-grid.hover-default .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active,
.portfolio.extended-products-grid.hover-default .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active {
margin-bottom: 20px; }
.portfolio.extended-products-grid.hover-zooming-blur .portfolio-item:hover .image .overlay .links .portfolio-sharing-pane.active,
.portfolio.extended-products-grid.hover-zooming-blur .portfolio-item.hover-effect .image .overlay .links .portfolio-sharing-pane.active {
margin-bottom: 13px; } }
@media only screen and (max-width: 700px) {
.portfolio.extended-products-grid .portfolio-item .overlay .caption .description {
display: none; } }
@media only screen and (max-width: 550px) {
.portfolio.extended-products-grid .portfolio-item .overlay .caption .description,
.portfolio.extended-products-grid.columns-3 .portfolio-item .overlay .caption .description,
.portfolio.extended-products-grid.columns-4 .portfolio-item .overlay .caption .description {
display: block; } }
@media (min-width: 1170px) and (max-width: 1250px) {
.portfolio.extended-products-grid .fullwidth-block .portfolio-item .overlay .links .caption .description {
display: none; } }
@media (min-width: 1280px) and (max-width: 1550px), (max-width: 1170px) {
.portfolio.extended-products-grid .fullwidth-block .portfolio-item .overlay .caption .product-rating {
margin: 11px 0 0 0; }
.portfolio.extended-products-grid .fullwidth-block .portfolio-item .overlay .caption .description {
margin-bottom: 5px; }
.portfolio.extended-products-grid .fullwidth-block .portfolio-item .image .overlay .links .caption {
padding-top: 13px; }
.portfolio.extended-products-grid .fullwidth-block .portfolio-item .overlay .caption .description {
display: none; }
.portfolio.extended-products-grid.hover-horizontal-sliding .overlay .overlay-line {
margin: 15px 0; } }
@media only screen and (min-width: 550px) and (max-width: 1200px) {
.portfolio.extended-products-grid.hover-horizontal-sliding.columns-3 .portfolio-item .overlay .caption .description {
display: none; } }
.portfolio.extended-products-grid .portfolio-item.item-small-size .overlay .caption .description {
display: none !important; }
.portfolio.extended-products-grid.portfolio-disable-socials .portfolio-item .image .overlay .links .portfolio-icons.product-bottom .yith-wcwl-add-to-wishlist > div {
margin-right: 0; }
.portfolio.extended-products-grid.extended-products-grid .portfolio-item .wrap > .caption .product-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
width: fit-content;
width: -webkit-fit-content;
margin: 6px auto; }
.portfolio.extended-products-grid.extended-products-grid .product-bottom a.icon,
.portfolio.extended-products-grid.extended-products-grid .product-bottom .icon a,
.portfolio.extended-products-grid.extended-products-grid .product-bottom a.add_to_wishlist {
display: block;
height: auto;
vertical-align: middle;
line-height: 1; }
.portfolio.extended-products-grid.extended-products-grid .yith-wcwl-wishlistaddedbrowse,
.portfolio.extended-products-grid.extended-products-grid .yith-wcwl-wishlistexistsbrowse {
line-height: 1; }
.portfolio.extended-products-grid.extended-products-grid .yith-wcwl-wishlistaddedbrowse a,
.portfolio.extended-products-grid.extended-products-grid .yith-wcwl-wishlistexistsbrowse a {
display: block; }
.portfolio.extended-products-grid.extended-products-grid .product-bottom a.icon svg,
.portfolio.extended-products-grid.extended-products-grid .product-bottom .icon a svg,
.portfolio.extended-products-grid .portfolio-item .image .overlay .links a.icon svg,
.portfolio.extended-products-grid .portfolio-item .image .overlay .links .icon a svg {
fill: currentColor;
width: 16px;
height: 16px; }
.portfolio.extended-products-grid.extended-products-grid .product-bottom a.icon i,
.portfolio.extended-products-grid.extended-products-grid .product-bottom .icon a i {
font-size: 16px;
vertical-align: top;
line-height: inherit; }
.portfolio.extended-products-grid.extended-products-grid .product-bottom a.icon i.default,
.portfolio.extended-products-grid.extended-products-grid .product-bottom .icon a i.default,
.portfolio.extended-products-grid.extended-products-grid .cart.type_button i.default {
font-style: normal;
font-family: 'thegem-icons';
font-weight: normal;
-webkit-font-smoothing: initial; }
.portfolio.extended-products-grid.extended-products-grid .product-bottom .bottom-product-link:before,
.portfolio.extended-products-grid.extended-products-grid .product-bottom .cart .button:before,
.portfolio.extended-products-grid.extended-products-grid .product-bottom .add_to_wishlist:before,
.extended-products-grid.extended-products-grid .product-bottom .yith-wcwl-wishlistexistsbrowse a:before {
content: none !important; }
.portfolio.extended-products-grid .product-bottom .bottom-product-link i.default:before {
content: '\e628'; }
.portfolio.extended-products-grid .product-bottom .cart i.default:before {
content: '\e660'; }
.portfolio.extended-products-grid .product-bottom a.add_to_wishlist i.default:before {
content: '\e65e'; }
.portfolio.extended-products-grid .product-bottom .yith-wcwl-add-to-wishlist {
opacity: 1 !important; }
.portfolio.extended-products-grid .product-bottom a.add_to_wishlist .blockUI, .portfolio.extended-products-grid .product-bottom a.delete_item .blockUI, .portfolio.extended-products-grid .product-bottom .yith-icon .blockUI {
display: none !important; }
.portfolio.extended-products-grid .product .product-labels {
width: auto;
right: 0;
transform: translateX(35%); }
.portfolio.extended-products-grid .product .product-labels .text {
display: block; }
.portfolio.extended-products-grid .portfolio-item .image .overlay .links .portfolio-icons.product-bottom a.icon i,
.portfolio.extended-products-grid .portfolio-item .image .overlay .links .portfolio-icons.product-bottom .icon a i {
color: inherit; }
.portfolio.extended-products-grid.hover-gradient .portfolio-item .image .overlay .links a.icon:before,
.portfolio.extended-products-grid.hover-gradient .portfolio-item .image .overlay .links .icon a:before {
background-color: transparent; }
.portfolio.extended-products-grid.background-style-transparent:not(.columns-1) .portfolio-item .wrap > .caption {
background-color: transparent; }
.portfolio.extended-products-grid.background-style-transparent:not(.columns-1) .portfolio-item .wrap > .caption.left, .portfolio.extended-products-grid.background-style-transparent:not(.columns-1) .portfolio-item .wrap > .caption.right {
padding-left: 0;
padding-right: 0; }
.empty-price {
opacity: 0; }
.portfolio-row, .portfolio-item {
border-width: 0; }
.yith-icon > i {
display: none !important; }
.portfolio.extended-products-grid .portfolio-set {
margin-top: 0;
margin-bottom: 0; }
.portfolio.extended-products-grid .portfolio-row-outer {
position: relative; }
.portfolio.extended-products-grid .portfolio-item.product .loading + * {
opacity: 1; }
@media (min-width: 992px) {
.portfolio.extended-products-grid .portfolio-item.product.columns-desktop-5 {
width: 20%; }
.portfolio.extended-products-grid .portfolio-item.product.columns-desktop-5:is(.double-item-squared, .double-item-horizontal) {
width: 40%; } }
.portfolio.extended-products-grid .portfolio-item.product.inline-column {
float: left;
margin-bottom: 0; }
.portfolio.extended-products-grid .portfolio-item.product .reviews + .actions > *:first-child {
margin-top: 5px; }
.portfolio.extended-products-grid .portfolio-item.product .actions {
width: -moz-available;
width: -webkit-fill-available;
margin: 0 -2px;
line-height: 1.2; }
.portfolio.extended-products-grid .portfolio-item.product .actions > * {
display: inline-block;
margin: 0 2px 5px 2px; }
.portfolio.extended-products-grid .portfolio-item.product .actions .button {
color: #5f727f;
font-size: 14px;
line-height: 1.2;
text-align: left;
background: #dfe5e8;
border: 1px solid #dfe5e8;
padding: 5px 9px 6px 9px;
border-radius: 30px; }
.portfolio.extended-products-grid .portfolio-item.product .actions .button:hover {
color: #ffff;
background-color: #00bcd4;
border-color: #00bcd4;
transition: all 0.3s; }
.portfolio.extended-products-grid .portfolio-item.product .image {
width: 100%;
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
overflow: visible; }
.portfolio.extended-products-grid .portfolio-item.product .image .image-inner {
height: 100%;
z-index: 1; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .product-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links-wrapper {
table-layout: fixed; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons {
line-height: 1;
z-index: 1; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .portfolio-icons-inner {
margin-right: -10px; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon {
margin: 0 10px 0 0; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .icon a {
position: relative;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 0;
letter-spacing: 0;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex: none; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons a.icon:before, .portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .icon a:before {
content: none !important; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .icon a i {
font-size: 20px;
line-height: initial;
transition: none; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .icon a svg {
width: 20px;
height: 20px; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons a.added_to_cart {
display: none !important; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active {
margin: 10px 0; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .portfolio-sharing-pane .socials-item {
margin: 0 4px; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .portfolio-sharing-pane .socials-item:first-child {
margin-left: 0 !important; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .portfolio-sharing-pane .socials-item:last-child {
margin-right: 0 !important; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .portfolio-sharing-pane .socials-item .socials-item-icon {
font-size: 14px; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons a.added_to_cart, .portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .yith-wcwl-wishlistaddedbrowse a {
font-size: 0;
letter-spacing: 0; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .delete_item:before, .portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .yith-wcwl-wishlistaddedbrowse a:before {
content: none; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .yith-wcwl-add-button, .portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .portfolio-icons .yith-wcwl-wishlistexistsbrowse {
margin-right: 0 !important;
font-size: 0;
letter-spacing: 0; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption {
position: relative;
padding: 10px 20px 0 20px;
z-index: 1; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption .product-info {
display: block; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption .product-price {
margin-bottom: 5px; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption .product-price .price {
display: inline-block; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption .categories {
color: #FFFFFF;
padding-left: 3px;
padding-right: 3px;
margin-left: -3px;
margin-right: -3px; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption > .categories {
margin: 0 0 5px 0; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption a.added_to_cart {
display: none !important; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption .cart.type_button .button {
width: fit-content;
width: -webkit-fit-content;
height: auto;
font-size: 14px;
line-height: 1;
padding: 6px 15px;
margin: 5px auto 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
transform: none;
transition: all 0.3s; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption .cart.type_button .button i {
color: currentColor;
margin-right: 5px;
font-size: 16px; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption .cart.type_button .button.loading {
position: initial; }
.portfolio.extended-products-grid .portfolio-item.product .image .overlay .links .caption .actions > * {
margin: 5px 2px 0 2px; }
.portfolio.extended-products-grid .portfolio-item.product .image .preloader-spin-new {
width: 30px;
height: 30px;
margin: -15px 0 0 -15px; }
.portfolio.extended-products-grid .portfolio-item.product .image .preloader-spin-new + .image-inner {
opacity: 0.6; }
.portfolio.extended-products-grid .portfolio-item.product .wrap {
position: relative;
width: 100%;
border: none; }
.portfolio.extended-products-grid .portfolio-item.product .wrap > .caption {
position: initial;
min-height: initial;
padding: 18px 5px 13px 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
cursor: default;
border-width: 0;
z-index: 4; }
@media (min-width: 768px) {
.portfolio.extended-products-grid .portfolio-item.product .wrap > .caption {
padding: 18px 10px 13px 10px; } }
@media (min-width: 992px) {
.portfolio.extended-products-grid .portfolio-item.product .wrap > .caption {
padding: 18px 20px 13px 20px; } }
.portfolio.extended-products-grid .portfolio-item.product .wrap > .caption .product-rating {
margin-top: 0; }
.portfolio.extended-products-grid .portfolio-item.product .wrap > .caption .categories {
margin-bottom: 5px; }
.portfolio.extended-products-grid .portfolio-item.product .wrap > .caption .categories a {
transition: all 0.3s; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption {
margin: 11px auto 5px auto; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption.empty {
margin: 0; }
@media (max-width: 991px) {
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption.empty-mobile {
margin: 0; } }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption > * {
margin: 0; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .yith-wcwl-add-to-wishlist, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .post-footer-sharing {
margin: 0; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption a.icon, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icon a {
width: 39px;
height: 39px;
line-height: initial;
font-size: 0;
letter-spacing: 0;
margin: 0 5px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption a.icon:hover, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icon a:hover {
transition: all 0.3s; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption a.icon .icon, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icon a .icon {
margin: 0; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption a.icon i, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icon a i {
display: inline-block;
font-size: 16px;
color: inherit; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption a.icon svg, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icon a svg {
width: 16px;
height: 16px; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption a.icon.delete_item ~ *, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icon a.delete_item ~ * {
display: none; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption > *:first-child, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption > *:first-child a.icon, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption > *:first-child .icon a {
margin-left: 0 !important; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption > *:last-child, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption > *:last-child a.icon, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption > *:last-child .icon a {
margin-right: 0 !important; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption a.added_to_cart {
display: none !important; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .cart.type_button .button {
width: auto !important;
height: auto !important;
font-size: 14px;
line-height: 1.2;
text-align: left;
padding: 5px 9px 6px 9px;
margin: 4px 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
transition: all 0.3s; }
@media (min-width: 992px) {
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .cart.type_button .button {
padding: 5px 15px 6px 15px; } }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .cart.type_button .button i {
color: currentColor;
font-size: 16px;
line-height: 1; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .cart.type_button .button .space {
display: inline-block;
width: 7px; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .delete_item:before, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .yith-wcwl-wishlistaddedbrowse a:before {
content: none; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .cart i.default.variable:before,
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .cart.variable-type-button i.default:before {
content: "\e661"; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .added_to_cart:before {
content: none; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icons-top {
position: absolute;
right: 4px;
top: 4px;
z-index: 99; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icons-top > * {
display: block;
margin: 0 0 3px 0; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icons-top .icon {
margin: 0; }
.portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icons-top a.icon, .portfolio.extended-products-grid .portfolio-item.product .wrap .product-bottom.on-page-caption .icons-top .icon a {
width: 32px;
height: 32px; }
@media (min-width: 992px) {
.portfolio.extended-products-grid .portfolio-item.product.col-md-12 .wrap > .caption {
padding: 27px 20px 19px 20px; } }
.portfolio.extended-products-grid .portfolio-item.product .caption .title {
display: block;
margin-bottom: 5px;
white-space: initial;
overflow: hidden; }
.portfolio.extended-products-grid .portfolio-item.product .caption .title a {
margin: 0;
color: inherit; }
.portfolio.extended-products-grid .portfolio-item.product .caption .title a.default {
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-price {
margin-bottom: 5px; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-price .price {
display: inline-block; }
.portfolio.extended-products-grid .portfolio-item.product .caption .categories {
width: fit-content;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left: auto;
margin-right: auto; }
.portfolio.extended-products-grid .portfolio-item.product .caption .categories a {
color: currentColor;
text-decoration: none; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-info {
max-width: 100%;
padding: 0 0 0 0;
line-height: 0; }
.portfolio.extended-products-grid .portfolio-item.product .caption .list-right {
line-height: 0; }
.portfolio.extended-products-grid .portfolio-item.product .caption .price-wrap {
margin: 0; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-price .price {
transition: all 0.3s; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-price .price p {
margin: 0; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-price .price ins, .portfolio.extended-products-grid .portfolio-item.product .caption .product-price .price .amount {
font-size: 1em;
line-height: inherit;
color: inherit !important;
font-family: inherit;
text-decoration: none; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-price .price del {
display: inline; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-price .price del .amount {
font-size: 0.89em;
opacity: 0.5;
line-height: 1; }
.portfolio.extended-products-grid .portfolio-item.product .caption .hide-separator .empty-rating, .portfolio.extended-products-grid .portfolio-item.product .caption .hide-separator .product-rating-empty {
display: none; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-rating {
margin-top: 5px; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-rating .star-rating {
font-size: 14px;
height: 14px;
line-height: 14px;
width: 70px; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-rating .star-rating span {
padding-top: 1em; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-rating .empty-rating {
padding-top: 7px;
padding-bottom: 6px; }
.portfolio.extended-products-grid .portfolio-item.product .caption .product-rating .reviews-count {
display: none; }
.portfolio.extended-products-grid .portfolio-item.product .caption .reviews.show-count .product-rating {
display: flex;
justify-content: center;
align-items: center;
gap: 5px; }
.portfolio.extended-products-grid .portfolio-item.product .caption .reviews.show-count .product-rating .star-rating {
margin: 0; }
.portfolio.extended-products-grid .portfolio-item.product .caption .reviews.show-count .product-rating .reviews-count {
display: block; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels {
right: initial;
left: 4px;
top: 4px;
transform: none;
z-index: 10; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels .label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-1 .label {
width: 46px;
height: 46px;
padding: 4px; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-1 .out-of-stock-label + .onsale, .portfolio.extended-products-grid .portfolio-item.product .product-labels.style-1 .out-of-stock-label + .new-label {
margin-top: -15%; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-1 .onsale .text {
font-size: 1.3em; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-1 .onsale + .new-label {
margin-top: -15%; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-1 .new-label {
width: 32px;
height: 32px; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-2 {
left: -6px; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-2 .label {
position: relative;
width: fit-content;
width: -webkit-fit-content;
height: auto;
padding: 5px 7px 4px 7px;
margin: 3px 0 0 0;
border-radius: 3px 3px 3px 0;
z-index: 1; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-2 .label .text {
font-size: 1.4em; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-2 .label:after {
content: '';
position: absolute;
left: 0;
bottom: -6px;
border-right-width: 6px;
border-right-style: solid;
border-bottom: 6px solid transparent;
filter: brightness(80%); }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-3 {
left: 4px;
top: 4px; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-3 .label {
position: relative;
width: fit-content;
width: -webkit-fit-content;
height: auto;
padding: 4px 7px 4px 7px;
margin: 0 0 4px 0;
border-radius: 10px;
z-index: 1; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-3 .onsale .text {
font-size: 1.3em; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-4 {
left: 0;
top: 0; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-4 .label {
position: relative;
width: fit-content;
width: -webkit-fit-content;
height: auto;
padding: 5px 7px 4px 7px;
margin: 0 0 2px 0;
border-radius: 0;
z-index: 1; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-4 .label .text {
font-size: 1.4em; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-4 .label svg {
position: absolute;
left: 100%;
top: 0; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-5 .label {
width: 46px;
height: 46px;
line-height: 1.2;
padding: 4px;
transform: rotate(20deg);
-webkit-transform: rotate(20deg);
border-radius: 70px 40px 70px 40px;
border-style: dotted;
margin: 6px 0px 0px 8px !important; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-5 .label .rotate-back {
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg); }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-5 .label .text {
transform: rotate(-25deg);
-webkit-transform: rotate(-25deg); }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-5 .out-of-stock-label + .onsale, .portfolio.extended-products-grid .portfolio-item.product .product-labels.style-5 .out-of-stock-label + .new-label {
margin-top: -15%; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-5 .onsale {
border-color: #F0F3F2; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-5 .onsale .text {
font-size: 1.5em; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-5 .onsale + .new-label {
margin-top: -15%; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-5 .new-label {
width: 38px;
height: 38px;
border-color: #F0F3F2; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-5 .new-label .text {
font-size: 1.3em; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-6 .label {
padding: 4px; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-6 .out-of-stock-label {
width: 40px;
height: 40px;
transform: rotate(340deg);
-webkit-transform: rotate(340deg);
border-radius: 3px 3px 3px 3px;
margin: 10px 10px 10px 10px; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-6 .onsale {
width: 36px;
height: 36px;
transform: rotate(10deg);
-webkit-transform: rotate(10deg);
border-radius: 3px 3px 3px 3px;
margin: 10px 10px 10px 10px; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-6 .onsale .text {
font-size: 1.7em;
line-height: 1.1; }
.portfolio.extended-products-grid .portfolio-item.product .product-labels.style-6 .new-label {
width: 26px;
height: 26px;
transform: rotate(355deg);
-webkit-transform: rotate(355deg);
border-radius: 3px 3px 3px 3px;
margin: 10px 10px 10px 10px; }
@media (min-width: 992px) {
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .portfolio-icons .icon a {
width: 45px;
height: 45px;
line-height: 45px;
margin: 0 30px 0 0; }
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .portfolio-icons .icon a i {
font-size: 45px; }
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .portfolio-icons .icon a svg {
width: 45px;
height: 45px; }
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active {
margin: 20px 0; }
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .portfolio-icons .portfolio-sharing-pane .socials-item {
margin: 0 10px; }
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .portfolio-icons .portfolio-sharing-pane .socials-item .socials-item-icon {
font-size: 16px; }
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .portfolio-icons .yith-wcwl-wishlistaddedbrowse a {
font-size: 16px; }
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .caption {
padding: 20px 40px 0 40px; }
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .caption .title {
margin-bottom: 15px; }
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .caption .description {
display: block;
height: auto;
margin-bottom: 15px; }
.portfolio.extended-products-grid .portfolio-item.product.bigger .image .overlay .links .caption .description .subtitle {
display: block !important;
position: initial;
max-width: inherit; } }
.portfolio.extended-products-grid .portfolio-item.product .quick-view-button {
line-height: 1;
font-size: 12px; }
@media (min-width: 768px) {
.portfolio.extended-products-grid .portfolio-item.product .quick-view-button {
font-size: 16px; } }
.portfolio.extended-products-grid .portfolio-item.product:hover .quick-view-button, .portfolio.extended-products-grid .portfolio-item.product.hover-effect .quick-view-button {
opacity: 1;
visibility: visible; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay {
display: block; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .links-wrapper {
display: flex !important; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
margin-top: auto; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .links .portfolio-icons {
position: absolute !important;
right: 0;
top: 0;
padding: 4px; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .links .portfolio-icons .portfolio-icons-inner {
justify-content: flex-end; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .links .portfolio-icons .portfolio-sharing-pane {
text-align: right;
padding-right: 4px; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .links .caption {
text-align: left;
padding: 8px 10px; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .links .caption > * {
transform-origin: left; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .links .caption .categories {
position: initial;
transform: none;
opacity: 1; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .links .caption .title {
position: initial;
transform: none;
opacity: 1; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .product-rating .star-rating:before {
color: #b6c6c9; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay .product-rating .star-rating > span:before {
color: #ffc107; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .image .overlay:after {
content: none !important; }
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product .product-labels.style-2 {
top: 5px;
bottom: initial; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-image .portfolio-item.product.col-md-12 .image .overlay .links .caption {
padding: 20px 15px; } }
.portfolio.extended-products-grid.caption-container-preset-dark .portfolio-item .image .overlay .links-wrapper {
display: flex !important; }
.portfolio.extended-products-grid.caption-container-preset-dark .portfolio-item .image .overlay .links-wrapper .links {
height: 50%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
display: flex;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
margin-top: auto; }
.portfolio.extended-products-grid.caption-container-preset-dark .portfolio-item .image .overlay .links-wrapper .links .caption .categories {
width: fit-content;
width: -webkit-fit-content;
max-width: 100%;
font-size: 12px;
line-height: 1.2;
padding: 2px 5px;
background-color: #ffffff;
color: #212227; }
.portfolio.extended-products-grid.caption-container-preset-dark .portfolio-item .image .overlay .links-wrapper .links .caption .product-price .price {
color: #ffffff; }
.portfolio.extended-products-grid.caption-container-preset-dark .portfolio-item .image .overlay .links-wrapper .links .caption .cart.type_button .button {
color: #ffffff;
border-color: #ffffff;
background-color: transparent; }
.portfolio.extended-products-grid.caption-container-preset-dark.hover-slide .portfolio-item .image .overlay .links-wrapper .links .portfolio-sharing-pane .socials-item, .portfolio.extended-products-grid.caption-container-preset-dark.hover-fade .portfolio-item .image .overlay .links-wrapper .links .portfolio-sharing-pane .socials-item {
color: #212227; }
.portfolio.extended-products-grid.caption-container-preset-dark .portfolio-item.product .actions .button {
color: #ffffff;
background: transparent;
border-color: #ffffff; }
.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .image .overlay .links-wrapper {
display: flex !important; }
.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .image .overlay .links-wrapper .links {
height: 50%;
background: linear-gradient(180deg, rgba(246, 246, 248, 0) 0%, #f6f6f8 100%);
display: flex;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
margin-top: auto; }
.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item .image .overlay .links-wrapper .links .caption .categories {
width: fit-content;
width: -webkit-fit-content;
max-width: 100%;
font-size: 12px;
line-height: 1.2;
padding: 2px 5px;
color: #ffffff; }
.portfolio.extended-products-grid.caption-container-preset-light.hover-slide .portfolio-item .image .overlay .links-wrapper .links .portfolio-sharing-pane .socials-item, .portfolio.extended-products-grid.caption-container-preset-light.hover-fade .portfolio-item .image .overlay .links-wrapper .links .portfolio-sharing-pane .socials-item {
color: #212227; }
.portfolio.extended-products-grid.caption-container-preset-light .portfolio-item.product .actions .button {
color: #212227;
background: transparent;
border-color: #212227; }
.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .image .overlay .links-wrapper {
display: flex !important; }
.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .image .overlay .links-wrapper .links {
display: flex;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
margin-top: auto; }
.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item .image .overlay .links-wrapper .links .caption .categories {
width: fit-content;
width: -webkit-fit-content;
max-width: 100%;
font-size: 12px;
line-height: 1.2;
padding: 2px 5px;
color: #ffffff; }
.portfolio.extended-products-grid.caption-container-preset-transparent.hover-slide .portfolio-item .image .overlay .links-wrapper .links .portfolio-sharing-pane .socials-item, .portfolio.extended-products-grid.caption-container-preset-transparent.hover-fade .portfolio-item .image .overlay .links-wrapper .links .portfolio-sharing-pane .socials-item {
color: #212227; }
.portfolio.extended-products-grid.caption-container-preset-transparent .portfolio-item.product .actions .button {
color: #212227;
background: transparent;
border-color: #212227; }
.portfolio.extended-products-grid.caption-container-preset-solid.caption-position-hover .portfolio-item .image .overlay:after, .portfolio.extended-products-grid.caption-container-preset-solid.caption-position-image .portfolio-item .image .overlay:after {
content: none; }
.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .image .overlay .links-wrapper {
display: flex !important; }
.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .image .overlay .links-wrapper .links {
background: rgba(240, 243, 242, 0.8);
height: fit-content;
display: flex;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
margin-top: auto; }
.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item .image .overlay .links-wrapper .links .caption .categories {
width: fit-content;
width: -webkit-fit-content;
max-width: 100%;
font-size: 12px;
line-height: 1.2;
padding: 2px 5px;
color: #ffffff; }
.portfolio.extended-products-grid.caption-container-preset-solid.hover-slide .portfolio-item .image .overlay .links-wrapper .links .portfolio-sharing-pane .socials-item, .portfolio.extended-products-grid.caption-container-preset-solid.hover-fade .portfolio-item .image .overlay .links-wrapper .links .portfolio-sharing-pane .socials-item {
color: #212227; }
.portfolio.extended-products-grid.caption-container-preset-solid .portfolio-item.product .actions .button {
color: #212227;
background: transparent;
border-color: #212227; }
.portfolio.extended-products-grid.caption-position-hover .portfolio-item .image .overlay .links {
opacity: 0;
-webkit-transition: opacity 0.5s 0.2s;
transition: opacity 0.5s 0.2s; }
.portfolio.extended-products-grid.caption-position-hover .portfolio-item:hover .image .overlay .links {
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item.product .actions .button {
color: #212227;
background: transparent;
border-color: #212227; }
.portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.product .image .overlay .links .caption .cart.type_button .button:not(:hover), .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.product .image .overlay .links .caption .cart.type_button .button:not(:hover), .portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.product .image .overlay .links .caption .cart.type_button .button:not(:hover), .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.product .image .overlay .links .caption .cart.type_button .button:not(:hover), .portfolio.extended-products-grid.caption-position-hover.hover-default .portfolio-item.product .image .overlay .links .caption .cart.type_button .button:not(:hover) {
color: #ffffff;
border-color: #ffffff; }
.portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.product .actions .button, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.product .actions .button, .portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.product .actions .button, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.product .actions .button, .portfolio.extended-products-grid.caption-position-hover.hover-default .portfolio-item.product .actions .button {
color: #ffffff;
background: transparent;
border-color: #ffffff; }
.portfolio.extended-products-grid.caption-position-hover:not(.hover-zooming-blur):not(.hover-slide):not(.hover-fade) .portfolio-item .image .links .caption .product-price .price {
color: #ffffff; }
.portfolio.extended-products-grid.caption-position-hover:not(.hover-zooming-blur):not(.hover-slide):not(.hover-fade) .portfolio-item .image .links .caption .cart.type_button .button:not(:hover) {
background-color: transparent; }
.portfolio.extended-products-grid.caption-position-hover.hover-default .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-default .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-default .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-default .portfolio-item .image .overlay .links .portfolio-icons .icon a {
color: #ffffff;
background: initial; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .overlay-line, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .overlay-line, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .overlay-line, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .overlay-line {
display: none; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links {
vertical-align: bottom;
padding: 0;
text-align: left; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons {
position: absolute;
right: 0;
top: 0;
padding: 4px; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner {
margin-right: -4px;
justify-content: flex-end; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon {
margin: 0 4px 0 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .icon a {
width: 32px !important;
height: 32px !important;
line-height: 32px !important;
margin: 0;
font-size: 0;
letter-spacing: 0;
padding: 0;
visibility: visible;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .icon a i {
font-size: 16px !important;
line-height: initial; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .icon a svg {
width: 16px;
height: 16px; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons a.added_to_cart, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons a.added_to_cart, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons a.added_to_cart, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons a.added_to_cart {
display: none !important; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .cart.type_button .button, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .cart.type_button .button, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .cart.type_button .button, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .cart.type_button .button {
width: auto;
height: auto;
color: #212227;
font-size: 14px;
line-height: 1;
background: #dfe5e8;
padding: 7px 15px;
margin: 4px auto;
border-radius: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .cart.type_button .button i, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .cart.type_button .button i, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .cart.type_button .button i, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .cart.type_button .button i {
margin-right: 5px; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane {
background: #dfe5e8;
padding: 5px 10px;
border-radius: 15px;
height: auto; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active {
margin: 6px 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .caption {
width: 100%;
text-align: left;
padding: 8px 10px; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .caption .categories, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .caption .categories, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .caption .categories, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .caption .categories {
margin: 0 0 5px 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .caption .product-info, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .caption .product-info, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .caption .product-info, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .caption .product-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .caption .product-info .product-price, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .caption .product-info .product-price, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .caption .product-info .product-price, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .caption .product-info .product-price {
margin-right: auto;
width: 100%; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .links .caption .product-info.with-button .product-price, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .links .caption .product-info.with-button .product-price, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .links .caption .product-info.with-button .product-price, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .links .caption .product-info.with-button .product-price {
width: 100%; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .product-rating .star-rating:before, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .product-rating .star-rating:before, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .product-rating .star-rating:before, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .product-rating .star-rating:before {
color: #b6c6c9; }
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item .image .overlay .product-rating .star-rating > span:before, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item .image .overlay .product-rating .star-rating > span:before, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item .image .overlay .product-rating .star-rating > span:before, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item .image .overlay .product-rating .star-rating > span:before {
color: #ffc107; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-slide .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-hover.hover-fade .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-slide .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-fade .portfolio-item.col-md-12 .image .overlay .links .caption {
padding: 20px 15px; } }
.portfolio.extended-products-grid.caption-position-hover:not(.hover-slide):not(.hover-fade) .portfolio-item.product .caption .categories, .portfolio.extended-products-grid.caption-position-image:not(.hover-slide):not(.hover-fade) .portfolio-item.product .caption .categories {
padding-top: 2px;
padding-bottom: 2px; }
.portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.product .caption .categories, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.product .caption .categories, .portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.product .caption .categories, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.product .caption .categories, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.product .caption .categories, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.product .caption .categories, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.product .caption .categories, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.product .caption .categories {
margin-left: 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .overlay-line, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .overlay-line, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .overlay-line, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .overlay-line, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .overlay-line, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .overlay-line {
margin: 10px 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .overlay-line:after, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .overlay-line:after, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .overlay-line:after, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .overlay-line:after, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .overlay-line:after, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .overlay-line:after {
height: 1px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons {
padding: 10px 10px 0 10px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner {
margin-right: -10px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon {
margin: 0 10px 0 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .icon a {
position: initial;
width: 16px;
height: 16px;
color: #ffffff;
line-height: 16px;
background: initial;
padding: 0;
margin: 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .icon a i {
font-size: 16px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .icon a svg {
width: 16px;
height: 16px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active {
margin-bottom: 20px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .caption {
padding: 0 10px 10px 10px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item .image .overlay .links .caption .description, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .overlay .links .caption .description, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .caption .description, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item .image .overlay .links .caption .description, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item .image .overlay .links .caption .description, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .caption .description {
position: relative;
padding: 0; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.col-md-12 .image .overlay .links .caption {
padding: 0 15px 15px 15px; } }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links {
padding: 35px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .overlay-line, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .overlay-line, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links .overlay-line, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .overlay-line, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .overlay-line, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links .overlay-line {
margin: 20px 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .overlay-line:after, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .overlay-line:after, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links .overlay-line:after, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .overlay-line:after, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .overlay-line:after, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links .overlay-line:after {
height: 2px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a {
width: 35px;
height: 35px;
line-height: 35px;
margin: 0 14px 0 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i {
font-size: 35px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg {
width: 35px;
height: 35px; }
.portfolio.extended-products-grid.caption-position-hover.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-hover.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-image.hover-vertical-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-image.hover-horizontal-sliding .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-sharing-pane.active {
margin-bottom: 30px; } }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner {
margin-right: -4px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons .portfolio-icons-inner > .icon {
margin: 0 4px 0 0;
visibility: visible; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons .icon a {
width: 32px;
height: 32px;
line-height: 32px;
padding: 0;
margin: 0;
border-radius: 50%; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons .icon a i {
font-size: 16px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons .icon a svg {
width: 16px;
height: 16px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .caption .product-rating .star-rating:before, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .caption .product-rating .star-rating:before, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .caption .product-rating .star-rating:before, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .caption .product-rating .star-rating:before {
color: #FFFFFF; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner {
margin-right: -10px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a {
width: 65px;
height: 65px;
line-height: 65px;
margin: 0 10px 0 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i {
font-size: 30px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg {
width: 30px;
height: 30px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .caption .title, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.bigger .image .overlay .links .caption .title, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .caption .title, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.bigger .image .overlay .links .caption .title {
margin-bottom: 15px; } }
@media (max-width: 767px) {
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a {
width: 26px;
height: 26px;
line-height: 26px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a i {
font-size: 13px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg {
width: 13px;
height: 13px; } }
@media (max-width: 767px) and (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner {
margin-right: -8px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a {
width: 52px;
height: 52px;
line-height: 52px;
margin: 0 8px 0 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i {
font-size: 26px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-mobile-2x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg {
width: 26px;
height: 26px; } }
@media (min-width: 768px) and (max-width: 991px) {
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a {
width: 26px;
height: 26px;
line-height: 26px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a i {
font-size: 13px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg {
width: 13px;
height: 13px; } }
@media (min-width: 768px) and (max-width: 991px) and (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner {
margin-right: -8px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a {
width: 52px;
height: 52px;
line-height: 52px;
margin: 0 8px 0 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i {
font-size: 26px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-tablet-4x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg {
width: 26px;
height: 26px; } }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a {
width: 26px;
height: 26px;
line-height: 26px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a i {
font-size: 13px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item .image .overlay .links .portfolio-icons .icon a svg {
width: 13px;
height: 13px; } }
@media (min-width: 992px) and (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .portfolio-icons-inner {
margin-right: -8px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a {
width: 52px;
height: 52px;
line-height: 52px;
margin: 0 8px 0 0; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon i, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a i {
font-size: 26px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-hover.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6x .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-5 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons a.icon svg, .portfolio.extended-products-grid.caption-position-image.hover-gradient.columns-desktop-6 .portfolio-item.bigger .image .overlay .links .portfolio-icons .icon a svg {
width: 26px;
height: 26px; } }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .caption {
padding: 10px 10px 0 10px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .caption .title, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .caption .title {
margin-bottom: 5px; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .caption .cart.type_button .button, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .caption .cart.type_button .button {
margin-left: auto; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .caption .cart.type_button .button:not(:hover), .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .caption .cart.type_button .button:not(:hover) {
color: #212227;
background-color: transparent;
border-color: #212227; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .caption .product-price .price, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .caption .categories, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .caption .product-price .price, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .caption .categories {
color: #393d50; }
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item .image .overlay .links .icon a, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links a.icon, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item .image .overlay .links .icon a {
color: #ffffff;
background-color: #393d50; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-zooming-blur .portfolio-item.bigger .image .overlay .links .caption {
padding: 25px 25px 0 25px; } }
.portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-hover.hover-disabled .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-disabled .portfolio-item .image .overlay .links .portfolio-icons {
padding: 10px; }
.portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-hover.hover-disabled .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-disabled .portfolio-item .image .overlay .links .caption {
padding: 10px; }
.portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links a.icon:hover, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item .image .overlay .links .icon a:hover, .portfolio.extended-products-grid.caption-position-hover.hover-disabled .portfolio-item .image .overlay .links a.icon, .portfolio.extended-products-grid.caption-position-hover.hover-disabled .portfolio-item .image .overlay .links a.icon:hover, .portfolio.extended-products-grid.caption-position-hover.hover-disabled .portfolio-item .image .overlay .links .icon a, .portfolio.extended-products-grid.caption-position-hover.hover-disabled .portfolio-item .image .overlay .links .icon a:hover, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links a.icon, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links a.icon:hover, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .icon a, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item .image .overlay .links .icon a:hover, .portfolio.extended-products-grid.caption-position-image.hover-disabled .portfolio-item .image .overlay .links a.icon, .portfolio.extended-products-grid.caption-position-image.hover-disabled .portfolio-item .image .overlay .links a.icon:hover, .portfolio.extended-products-grid.caption-position-image.hover-disabled .portfolio-item .image .overlay .links .icon a, .portfolio.extended-products-grid.caption-position-image.hover-disabled .portfolio-item .image .overlay .links .icon a:hover {
background-color: rgba(255, 255, 255, 0.8);
color: #393d50; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-hover.hover-disabled .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.col-md-12 .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-disabled .portfolio-item.col-md-12 .image .overlay .links .caption {
padding: 15px; } }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-hover.hover-disabled .portfolio-item.bigger .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.bigger .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-disabled .portfolio-item.bigger .image .overlay .links .portfolio-icons {
padding: 35px; }
.portfolio.extended-products-grid.caption-position-hover.hover-gradient .portfolio-item.bigger .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-hover.hover-disabled .portfolio-item.bigger .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-gradient .portfolio-item.bigger .image .overlay .links .caption, .portfolio.extended-products-grid.caption-position-image.hover-disabled .portfolio-item.bigger .image .overlay .links .caption {
padding: 35px; } }
.portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item .image .overlay .links .portfolio-icons {
width: 100%;
padding: 10px; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-hover.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.caption-position-image.hover-circular .portfolio-item.bigger .image .overlay .links .portfolio-icons {
padding: 35px; } }
.portfolio.extended-products-grid.hover-default .portfolio-item .image .overlay .links .caption .cart.type_button .button {
margin-left: auto; }
.portfolio.extended-products-grid.hover-default .portfolio-item .caption .quick-view-button i.default:before, .portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom .quick-view-button i.default:before {
content: '\e677'; }
.portfolio.extended-products-grid.hover-default .portfolio-item .caption .cart i.default:before, .portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom .cart i.default:before {
content: '\e660'; }
.portfolio.extended-products-grid.hover-default .portfolio-item .caption .cart i.default.variable:before,
.portfolio.extended-products-grid.hover-default .portfolio-item .caption .cart.variable-type-button i.default:before, .portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom .cart i.default.variable:before,
.portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom .cart.variable-type-button i.default:before {
content: "\e661"; }
.portfolio.extended-products-grid.hover-default .portfolio-item .caption .bottom-product-link i.default:before, .portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom .bottom-product-link i.default:before {
content: '\e670'; }
.portfolio.extended-products-grid.hover-default .portfolio-item .caption .yith-wcwl-add-button i.default:before, .portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom .yith-wcwl-add-button i.default:before {
content: '\e66b'; }
.portfolio.extended-products-grid.hover-default .portfolio-item .caption .yith-wcwl-wishlistexistsbrowse i.default:before,
.portfolio.extended-products-grid.hover-default .portfolio-item .caption .yith-wcwl-wishlistaddedbrowse i.default:before,
.portfolio.extended-products-grid.hover-default .portfolio-item .caption .yith-wcwl-add-button .delete_item i.default:before, .portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom .yith-wcwl-wishlistexistsbrowse i.default:before,
.portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom .yith-wcwl-wishlistaddedbrowse i.default:before,
.portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom .yith-wcwl-add-button .delete_item i.default:before {
content: "\e641"; }
.portfolio.extended-products-grid.hover-default .portfolio-item .caption a.share i.default:before, .portfolio.extended-products-grid.hover-default .image .portfolio-icons.product-bottom a.share i.default:before {
content: '\e65c';
margin-left: -0.2em; }
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption .quick-view-button i.default:before, .portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .quick-view-button i.default:before {
content: '\e678'; }
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption .cart i.default:before, .portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .cart i.default:before {
content: '\e660'; }
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption .cart i.default.variable:before,
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption .cart.variable-type-button i.default:before, .portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .cart i.default.variable:before,
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .cart.variable-type-button i.default:before {
content: "\e661"; }
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption .bottom-product-link i.default:before, .portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .bottom-product-link i.default:before {
content: '\e628'; }
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption .yith-wcwl-add-button i.default:before, .portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .yith-wcwl-add-button i.default:before {
content: '\e65e'; }
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption .yith-wcwl-wishlistexistsbrowse i.default:before,
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption .yith-wcwl-wishlistaddedbrowse i.default:before,
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption .yith-wcwl-add-button .delete_item i.default:before, .portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .yith-wcwl-wishlistexistsbrowse i.default:before,
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .yith-wcwl-wishlistaddedbrowse i.default:before,
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom .yith-wcwl-add-button .delete_item i.default:before {
content: '\e679'; }
.portfolio.extended-products-grid:not(.hover-default) .portfolio-item .caption a.share i.default:before, .portfolio.extended-products-grid:not(.hover-default) .portfolio-item .image .portfolio-icons.product-bottom a.share i.default:before {
content: '\e65d';
margin-left: -0.2em; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-center .portfolio-item.product .image .overlay .links .caption {
text-align: center; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-center .portfolio-item.product .image .overlay .links .caption > * {
transform-origin: center; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-center .portfolio-item.product .image .overlay .links .caption .categories {
margin-left: auto;
margin-right: auto; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-center .portfolio-item.product .image .overlay .links .caption .product-info {
flex-direction: column; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-center .portfolio-item.product .image .overlay .links .caption .product-info .product-price, .portfolio.extended-products-grid:not(.hover-default).caption-alignment-center .portfolio-item.product .image .overlay .links .caption .product-info .cart.type_button .button {
margin-right: auto;
margin-left: auto; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-center.hover-circular .portfolio-item.product .image .overlay .links .caption .product-rating, .portfolio.extended-products-grid:not(.hover-default).caption-alignment-center.hover-gradient .portfolio-item.product .image .overlay .links .caption .product-rating {
margin-left: -35px; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .image .overlay .links .portfolio-icons {
left: 0;
right: inherit; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .image .overlay .links .portfolio-icons .portfolio-icons-inner {
justify-content: flex-start; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .image .overlay .links .caption {
text-align: right; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .image .overlay .links .caption > * {
transform-origin: right; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .image .overlay .links .caption .categories {
margin-left: auto;
margin-right: 0; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .image .overlay .links .caption .product-info {
flex-direction: row-reverse; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .image .overlay .links .caption .product-info .product-price, .portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .image .overlay .links .caption .product-info .cart.type_button .button {
margin-right: 0;
margin-left: auto; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .product-labels {
right: 5px;
left: auto;
display: flex;
flex-direction: column;
align-items: flex-end; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .product-labels.style-2 {
right: 5px; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .product-labels.style-2 .label {
border-radius: 3px 3px 0 3px; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .product-labels.style-2 .label:after {
left: initial;
right: 0;
transform: rotateY(180deg); }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .product-labels.style-3 {
right: 4px; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .product-labels.style-4 {
right: 0; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right .portfolio-item.product .product-labels.style-4 .label:after {
right: initial;
left: -5px;
border-left: none;
border-right-width: 5px;
border-right-style: solid; }
.portfolio.extended-products-grid:not(.hover-default).caption-alignment-right.hover-circular .portfolio-item.product .image .overlay .links .caption .product-rating, .portfolio.extended-products-grid:not(.hover-default).caption-alignment-right.hover-gradient .portfolio-item.product .image .overlay .links .caption .product-rating {
right: 0; }
.portfolio.extended-products-grid.hover-default .portfolio-item.product .image .overlay .links .caption .categories, .portfolio.extended-products-grid.hover-zooming-blur .portfolio-item.product .image .overlay .links .caption .categories {
margin-left: auto;
margin-right: auto; }
.portfolio.extended-products-grid.title-on-page.hover-gradient .portfolio-item.has-rating .image .links .caption.center .product-info .product-rating, .portfolio.extended-products-grid.title-on-page.hover-circular .portfolio-item.has-rating .image .links .caption.center .product-info .product-rating {
transform: translateX(-50%); }
.portfolio.extended-products-grid.title-on-page.hover-gradient .portfolio-item.has-rating .image .links .caption.right .product-info .product-rating, .portfolio.extended-products-grid.title-on-page.hover-circular .portfolio-item.has-rating .image .links .caption.right .product-info .product-rating {
transform: translatex(-100%); }
.portfolio.extended-products-grid.title-on-page.hover-gradient .portfolio-item.has-rating:hover .image .links .caption .product-info, .portfolio.extended-products-grid.title-on-page.hover-gradient .portfolio-item.has-rating.hover-effect .image .links .caption .product-info, .portfolio.extended-products-grid.title-on-page.hover-circular .portfolio-item.has-rating:hover .image .links .caption .product-info, .portfolio.extended-products-grid.title-on-page.hover-circular .portfolio-item.has-rating.hover-effect .image .links .caption .product-info {
padding-bottom: 20px; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.caption-position-image.columns-desktop-2x .portfolio-item .image .product-labels.style-1 .label, .portfolio.extended-products-grid.caption-position-image.columns-desktop-3x .portfolio-item .image .product-labels.style-1 .label, .portfolio.extended-products-grid.caption-position-image.columns-desktop-4x .portfolio-item .image .product-labels.style-1 .label, .portfolio.extended-products-grid.caption-position-image.columns-desktop-5x .portfolio-item .image .product-labels.style-1 .label, .portfolio.extended-products-grid.caption-position-image.columns-desktop-6x .portfolio-item .image .product-labels.style-1 .label {
width: 48px;
height: 48px;
font-size: 8px; }
.portfolio.extended-products-grid.caption-position-image.columns-desktop-2x .portfolio-item .image .product-labels.style-1 .label.new-label, .portfolio.extended-products-grid.caption-position-image.columns-desktop-3x .portfolio-item .image .product-labels.style-1 .label.new-label, .portfolio.extended-products-grid.caption-position-image.columns-desktop-4x .portfolio-item .image .product-labels.style-1 .label.new-label, .portfolio.extended-products-grid.caption-position-image.columns-desktop-5x .portfolio-item .image .product-labels.style-1 .label.new-label, .portfolio.extended-products-grid.caption-position-image.columns-desktop-6x .portfolio-item .image .product-labels.style-1 .label.new-label {
width: 38px;
height: 38px; } }
@media (min-width: 992px) {
.portfolio.extended-products-grid.fullwidth-columns-desktop-4 .portfolio-set .portfolio-item,
.portfolio.extended-products-grid.fullwidth-columns-desktop-4 .portfolio-item-size-container .portfolio-item {
width: 25%; }
.portfolio.extended-products-grid.fullwidth-columns-desktop-4 .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {
width: 50%; }
.portfolio.extended-products-grid.fullwidth-columns-desktop-5 .portfolio-set .portfolio-item,
.portfolio.extended-products-grid.fullwidth-columns-desktop-5 .portfolio-item-size-container .portfolio-item {
width: 20%; }
.portfolio.extended-products-grid.fullwidth-columns-desktop-5 .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {
width: 40%; }
.portfolio.extended-products-grid.fullwidth-columns-desktop-6 .portfolio-set .portfolio-item,
.portfolio.extended-products-grid.fullwidth-columns-desktop-6 .portfolio-item-size-container .portfolio-item {
width: 16.665%; }
.portfolio.extended-products-grid.fullwidth-columns-desktop-6 .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {
width: 33.33%; } }
.portfolio.extended-products-grid.full-item-border .portfolio-item .wrap > .caption {
border-bottom-width: 0; }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup {
height: auto;
bottom: calc(100% + 15px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 10px;
z-index: 1; }
@media (min-width: 768px) {
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup {
padding: 15px; } }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup.right {
left: initial;
right: -5px;
-webkit-transform: none;
transform: none; }
@media (min-width: 768px) {
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup.right {
right: -8px; } }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup.right .sharing-styled-arrow {
right: 45px;
left: initial; }
@media (min-width: 768px) {
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup.right .sharing-styled-arrow {
right: 48px; } }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup.left {
left: -5px;
-webkit-transform: none;
transform: none; }
@media (min-width: 768px) {
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup.left {
left: -8px; } }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup.left .sharing-styled-arrow {
left: 30px; }
@media (min-width: 768px) {
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup.left .sharing-styled-arrow {
left: 32px; } }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup .sharing-styled-arrow {
left: 50%;
margin-left: -65px; }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup .socials {
margin-top: 0; }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup .socials a {
margin: 0 3px; }
@media (min-width: 768px) {
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .sharing-popup .socials a {
margin: 0 5px; } }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icons-top .sharing-popup {
background: #FFFFFF;
box-shadow: 0 10px 35px rgba(33, 34, 39, 0.13); }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icons-top .sharing-popup a {
color: #b6c6c9; }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icons-top .sharing-popup .sharing-styled-arrow {
fill: #FFFFFF; }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icons-top .sharing-popup.right {
right: -14px; }
@media (min-width: 768px) {
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icons-top .sharing-popup.right {
right: -17px; } }
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icons-top .sharing-popup.left {
left: -14px; }
@media (min-width: 768px) {
.portfolio.extended-products-grid .portfolio-item .wrap .product-bottom.on-page-caption .icons-top .sharing-popup.left {
left: -17px; } }
@media (min-width: 992px) {
.portfolio.extended-products-grid.columns-desktop-6x .portfolio-item.product .wrap > .caption .product-bottom .cart.type_button .button i, .portfolio.extended-products-grid.columns-desktop-6x .portfolio-item.product .wrap > .caption .product-bottom .cart.type_button .button .space {
display: none; } }
@media (min-width: 992px) and (max-width: 1300px) {
.portfolio.extended-products-grid.columns-desktop-6 .portfolio-item.product .wrap > .caption .product-bottom .cart.type_button .button i, .portfolio.extended-products-grid.columns-desktop-6 .portfolio-item.product .wrap > .caption .product-bottom .cart.type_button .button .space {
display: none; } }
.portfolio.extended-products-grid.disable-isotope .portfolio-set {
display: flex;
flex-wrap: wrap; }
.portfolio.extended-products-grid.disable-isotope.caption-position-page .wrap {
display: flex;
flex-direction: column;
height: 100%; }
.portfolio.extended-products-grid.disable-isotope.caption-position-page .wrap .caption {
flex: auto; }
.portfolio.extended-products-grid.disable-isotope.caption-position-page .not-found .found-wrap {
flex-direction: row !important; }
.portfolio.extended-products-grid.disable-isotope .image {
width: 100%;
position: relative;
overflow: visible; }
.portfolio.extended-products-grid.disable-isotope .image .image-inner {
width: 100%;
aspect-ratio: 1;
overflow: hidden; }
.portfolio.extended-products-grid.disable-isotope.aspect-ratio-portrait .image .image-inner {
aspect-ratio: 0.8; }
.portfolio.extended-products-grid.full-image .portfolio-item .image .image-inner {
aspect-ratio: initial; }
.portfolio.extended-products-grid.full-image .portfolio-item .image .image-inner picture img {
position: initial; }
.portfolio.extended-products-grid.portfolio.item-separator .portfolio-item:before, .portfolio.extended-products-grid.portfolio.item-separator .portfolio-item:after {
opacity: 1;
transform: translateX(-50%); }
.portfolio.extended-products-grid.portfolio.item-separator .portfolio-item:after {
transform: translateX(50%); }
.portfolio.extended-products-grid.portfolio.item-separator .portfolio-item .item-separator-box:before, .portfolio.extended-products-grid.portfolio.item-separator .portfolio-item .item-separator-box:after {
opacity: 1;
transform: translateY(-50%); }
.portfolio.extended-products-grid.portfolio.item-separator .portfolio-item .item-separator-box:after {
transform: translateY(50%); }
.portfolio.extended-products-grid.hover-default .portfolio-item.product .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.hover-zooming-blur .portfolio-item.product .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.hover-vertical-sliding .portfolio-item.product .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.hover-horizontal-sliding .portfolio-item.product .image .overlay .links .portfolio-icons {
position: relative; }
.portfolio.extended-products-grid.fullwidth-columns .portfolio-filters-list.style-sidebar .portfolio-filters-outer {
padding-right: 0; }
.thegem-popup-notification {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 200px;
text-align: center;
font-size: 16px;
line-height: 2;
background: linear-gradient(180deg, rgba(33, 34, 39, 0) 0%, rgba(33, 34, 39, 0.3) 100%);
margin: 0 !important;
z-index: 10000;
-webkit-transform: translateY(50px);
transform: translateY(50px);
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition-property: opacity, visibility, -webkit-transform;
transition-property: opacity, visibility, -webkit-transform;
transition-property: opacity, visibility, transform;
transition-property: opacity, visibility, transform, -webkit-transform;
display: flex;
justify-content: center; }
.thegem-popup-notification.visible {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
pointer-events: auto; }
@supports (-webkit-touch-callout: none) {
.thegem-popup-notification {
top: 0;
bottom: initial;
background: linear-gradient(0deg, rgba(33, 34, 39, 0) 0%, rgba(33, 34, 39, 0.3) 100%);
-webkit-transform: translateY(-50px);
transform: translateY(-50px); } }
.thegem-popup-notification .notification-message {
max-width: 95%;
position: absolute;
bottom: 30px;
color: inherit;
padding: 12px 18px; }
@supports (-webkit-touch-callout: none) {
.thegem-popup-notification .notification-message {
top: 30px;
bottom: initial; } }
.thegem-popup-notification .notification-message:before {
content: "\e646";
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-variant: normal;
text-rendering: auto;
line-height: 0.7;
margin-right: 8px;
font-size: 1.5em;
vertical-align: middle; }
.thegem-popup-notification .notification-message span.buttons {
display: inline-block; }
@media (max-width: 767px) {
.thegem-popup-notification .notification-message span.buttons {
width: 100%; }
.thegem-popup-notification .notification-message span.buttons a.button:first-child {
margin-left: 0; } }
.thegem-popup-notification .notification-message a.button {
width: fit-content;
width: -webkit-fit-content;
height: auto;
font-size: 14px;
line-height: 1;
padding: 3px 15px 4px 15px;
margin-left: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-webkit-appearance: none;
transition: all 0.3s; }
@media (max-width: 767px) {
.hide-mobile {
display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
.hide-tablet {
display: none !important; } }
@media (min-width: 992px) {
.hide-desktop {
display: none !important; } }
.portfolio.extended-products-grid.portfolio-style-metro.caption-position-page .portfolio-item.product .caption .title {
max-height: calc(1.3 * 1em); }
.portfolio.background-style-dark:not(.list-style) .portfolio-item:not(:hover) .wrap > .caption .title, .portfolio.background-style-dark:not(.list-style) .portfolio-item:not(:hover) .wrap > .caption .title:hover, .portfolio.background-style-dark:not(.list-style) .portfolio-item:not(:hover) .wrap > .caption .product-price .price, .portfolio.background-style-dark:not(.list-style) .portfolio-item:not(:hover) .wrap > .caption .categories, .portfolio.background-style-dark:not(.list-style) .portfolio-item:not(:hover) .wrap > .caption .product-variations,
.portfolio.background-style-dark.list-style .portfolio-item .wrap > .caption .title,
.portfolio.background-style-dark.list-style .portfolio-item .wrap > .caption .title:hover,
.portfolio.background-style-dark.list-style .portfolio-item .wrap > .caption .product-price .price,
.portfolio.background-style-dark.list-style .portfolio-item .wrap > .caption .categories,
.portfolio.background-style-dark.list-style .portfolio-item .wrap > .caption .product-variations,
.portfolio.background-style-gray:not(.list-style) .portfolio-item:hover .wrap > .caption .title,
.portfolio.background-style-gray:not(.list-style) .portfolio-item:hover .wrap > .caption .title:hover,
.portfolio.background-style-gray:not(.list-style) .portfolio-item:hover .wrap > .caption .product-price .price,
.portfolio.background-style-gray:not(.list-style) .portfolio-item:hover .wrap > .caption .categories,
.portfolio.background-style-gray:not(.list-style) .portfolio-item:hover .wrap > .caption .product-variations {
color: #FFFFFF; }
.gem-button-icon-position-right .gem-inner-wrapper-btn {
flex-direction: row-reverse; }
.portfolio.extended-products-grid .gem-pagination {
width: 100%;
display: flex;
align-items: center;
justify-content: center; }
.portfolio.extended-products-grid .gem-pagination a {
box-sizing: content-box;
line-height: 30px; }
.portfolio.extended-products-grid .gem-pagination .prev, .portfolio.extended-products-grid .gem-pagination .next,
.portfolio.extended-products-grid .gem-pagination-arrows .prev,
.portfolio.extended-products-grid .gem-pagination-arrows .next {
display: flex;
align-items: center;
justify-content: center;
flex: none; }
.portfolio.extended-products-grid .gem-pagination .prev:before, .portfolio.extended-products-grid .gem-pagination .next:before,
.portfolio.extended-products-grid .gem-pagination-arrows .prev:before,
.portfolio.extended-products-grid .gem-pagination-arrows .next:before {
content: none; }
.portfolio.extended-products-grid .gem-pagination .prev i, .portfolio.extended-products-grid .gem-pagination .next i,
.portfolio.extended-products-grid .gem-pagination-arrows .prev i,
.portfolio.extended-products-grid .gem-pagination-arrows .next i {
font-size: 24px; }
.portfolio.extended-products-grid .gem-pagination .prev i.default, .portfolio.extended-products-grid .gem-pagination .next i.default,
.portfolio.extended-products-grid .gem-pagination-arrows .prev i.default,
.portfolio.extended-products-grid .gem-pagination-arrows .next i.default {
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal; }
.portfolio.extended-products-grid .gem-pagination .prev.disabled, .portfolio.extended-products-grid .gem-pagination .next.disabled,
.portfolio.extended-products-grid .gem-pagination-arrows .prev.disabled,
.portfolio.extended-products-grid .gem-pagination-arrows .next.disabled {
cursor: initial;
opacity: 0.7; }
.portfolio.extended-products-grid .gem-pagination .prev i.default:before,
.portfolio.extended-products-grid .gem-pagination-arrows .prev i.default:before {
content: '\e636'; }
.portfolio.extended-products-grid .gem-pagination .next i.default:before,
.portfolio.extended-products-grid .gem-pagination-arrows .next i.default:before {
content: '\e634'; }
.portfolio.extended-products-grid .gem-pagination-arrows {
display: flex;
margin-top: 42px; }
.portfolio.extended-products-grid .gem-pagination-arrows.alignment-left {
justify-content: flex-start; }
.portfolio.extended-products-grid .gem-pagination-arrows.alignment-right {
justify-content: flex-end; }
.portfolio.extended-products-grid .gem-pagination-arrows a {
background: transparent;
border: none;
margin: 0;
width: auto;
height: auto; }
.portfolio.extended-products-grid .gem-pagination-arrows a.next {
margin-left: 9px; }
.portfolio.extended-products-grid .gem-pagination-arrows a.next i.default {
margin-left: -9px; }
.portfolio.extended-products-grid .gem-pagination-arrows .prev i.default:before {
content: '\e603'; }
.portfolio.extended-products-grid .gem-pagination-arrows .next i.default:before {
content: '\e601'; }
.portfolio.extended-products-grid { }
.portfolio.extended-products-grid .portfolio-load-more .gem-button {
height: auto;
margin: 0;
position: relative;
z-index: 1;
white-space: normal;
min-width: max-content;
overflow: hidden; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-separator {
width: 100%;
display: flex;
justify-content: center;
align-items: center; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-separator-line {
width: 100%;
border-color: #b6c6c9;
color: #b6c6c9; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-separator-button {
padding: 0 20px;
flex: none; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-separator-holder {
flex-grow: 1; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-separator-holder svg {
display: block; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-separator-holder:first-child .gem-button-separator-line {
margin-left: auto;
margin-right: 0; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-separator-holder:first-child .gem-button-separator-line svg {
transform: rotate(180deg); }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-container {
display: flex;
justify-content: center;
width: 100%; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-container .gem-button-separator-type-single .gem-button-separator-line {
border-top: 2px solid;
border-bottom: 0;
height: 0; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-container .gem-button-separator-type-square {
display: flex;
flex-direction: column;
align-items: center; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-container .gem-button-separator-type-square .gem-button-separator-button {
padding: 0; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-container .gem-button-separator-type-square svg line {
stroke: #b6c6c9; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-container .gem-button-separator-type-soft-double .gem-button-separator-line {
border-top: 1px solid;
border-bottom: 1px solid;
height: 7px; }
.portfolio.extended-products-grid .portfolio-load-more .gem-button-container .gem-button-separator-type-strong-double .gem-button-separator-line {
border-top: 4px solid;
border-bottom: 4px solid;
height: 17px; }
.portfolio.extended-products-grid .portfolio-item-size-container .portfolio-item:before, .portfolio.extended-products-grid .portfolio-item-size-container .portfolio-item:after {
content: none; }
.portfolio.extended-products-grid.portfolio-preset-below-shadow-hover-01 .portfolio-item:hover .wrap, .portfolio.extended-products-grid.portfolio-preset-below-shadow-hover-01 .portfolio-item.hover-effect .wrap {
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); }
.portfolio.extended-products-grid.portfolio-preset-below-shadow-hover-01 .portfolio-item.product .product-labels.style-3 .label {
border-radius: 3px; }
.portfolio.extended-products-grid.portfolio-preset-below-shadow-hover-02 .portfolio-item:hover .wrap, .portfolio.extended-products-grid.portfolio-preset-below-shadow-hover-02 .portfolio-item.hover-effect .wrap {
box-shadow: 0px 0px 30px 0px rgba(49, 50, 51, 0.18);
border-color: #ededed !important; }
.portfolio.extended-products-grid.portfolio-preset-below-shadow-hover-02 .portfolio-item.product .wrap > .caption {
padding: 23px 20px 35px 20px; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.portfolio-preset-below-shadow-hover-02 .portfolio-item.product.col-md-12 .wrap > .caption {
padding: 34px 20px 52px 20px; } }
.portfolio.extended-products-grid.portfolio-preset-below-shadow-hover-02 .product-labels.style-3 .label.onsale .text {
font-size: 1.6em; }
.portfolio.extended-products-grid.portfolio-preset-below-rectangle-button-01 .portfolio-item.product .product-labels.style-3 {
margin: -4px 0px 0px -4px; }
.portfolio.extended-products-grid.portfolio-preset-below-rectangle-button-01 .portfolio-item.product .product-labels.style-3 .label {
border-radius: 0;
margin: 0; }
.portfolio.extended-products-grid.portfolio-preset-below-rectangle-button-01 .portfolio-item .wrap > .caption {
padding: 20px 0px 20px 0px; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.portfolio-preset-below-rectangle-button-01 .portfolio-item.product.col-md-12 .wrap > .caption {
padding: 30px 0px 30px 0px; } }
.portfolio.extended-products-grid.portfolio-preset-below-rectangle-button-02 .portfolio-item .wrap > .caption {
padding: 0px 20px 20px 0px; }
.portfolio.extended-products-grid.portfolio-preset-below-rectangle-button-02 .portfolio-item .wrap > .caption .cart.type_button .button {
padding: 10px 16px 10px 16px !important; }
.portfolio.extended-products-grid.portfolio-preset-below-rectangle-button-02 .portfolio-item .wrap > .caption .categories {
margin-top: 13px; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.portfolio-preset-below-rectangle-button-02 .portfolio-item.product.col-md-12 .wrap > .caption {
padding: 0px 30px 30px 0px; } }
.portfolio.extended-products-grid.portfolio-preset-below-separator-02 .portfolio-item .wrap > .caption {
padding: 10px; }
.portfolio.extended-products-grid.portfolio-preset-below-separator-02 .portfolio-item .wrap > .caption .product-price {
margin-bottom: 2px; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.portfolio-preset-below-separator-02 .portfolio-item.product.col-md-12 .wrap > .caption {
padding: 15px; } }
.portfolio.extended-products-grid.portfolio-preset-image-solid-background .portfolio-item.product .product-labels.style-3 {
margin: -4px 0px 0px -4px; }
.portfolio.extended-products-grid.portfolio-preset-image-solid-background .portfolio-item.product .product-labels.style-3 .label {
border-radius: 0;
margin: 0; }
.portfolio.extended-products-grid.portfolio-preset-image-shadow-hover-01 .portfolio-item:hover .wrap, .portfolio.extended-products-grid.portfolio-preset-image-shadow-hover-01 .portfolio-item.hover-effect .wrap {
box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25); }
.portfolio.extended-products-grid.portfolio-preset-image-shadow .portfolio-item .wrap .image {
box-shadow: 0px 0px 40px 5px rgba(33, 34, 39, 0.2); }
.portfolio.extended-products-grid.portfolio-preset-image-shadow .portfolio-item:hover .wrap .image, .portfolio.extended-products-grid.portfolio-preset-image-shadow .portfolio-item.hover-effect .wrap .image {
box-shadow: 0px 10px 50px 10px rgba(33, 34, 39, 0.3); }
.portfolio.extended-products-grid.portfolio-preset-image-shadow .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.portfolio-preset-image-shadow .portfolio-item .image .overlay .links .caption {
padding: 20px !important; }
.portfolio.extended-products-grid.portfolio-preset-image-shadow .product-labels.style-2 .label {
margin: 14px -11px 0px 0px !important; }
.portfolio.extended-products-grid.portfolio-preset-image-separator-01 .portfolio-item.product .product-labels.style-3 .label {
border-radius: 3px; }
.portfolio.extended-products-grid.portfolio-preset-image-separator-01 .portfolio-item.product .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.portfolio-preset-image-separator-01 .portfolio-item.product .image .overlay .links .caption {
padding: 16px !important; }
.portfolio.extended-products-grid.portfolio-preset-hover-rounded-corners .portfolio-item .overlay:before {
background: #F0F3F2D4; }
.portfolio.extended-products-grid.portfolio-preset-hover-separator .portfolio-item.product .product-labels.style-3 {
margin: -4px 0px 0px -4px; }
.portfolio.extended-products-grid.portfolio-preset-hover-separator .portfolio-item.product .product-labels.style-3 .label {
border-radius: 0;
margin: 0; }
.portfolio.extended-products-grid.portfolio-preset-hover-centered-caption .portfolio-item .image .overlay .links .caption {
padding: 20px !important; }
.portfolio.extended-products-grid.portfolio-preset-hover-shadow-hover .portfolio-item:hover .wrap, .portfolio.extended-products-grid.portfolio-preset-hover-shadow-hover .portfolio-item.hover-effect .wrap {
box-shadow: 0px 0px 20px 0px rgba(29, 42, 47, 0.21); }
.portfolio.extended-products-grid.portfolio-preset-hover-gradient-hover .portfolio-item .overlay:before {
background: #FFDE1596 !important;
background-color: transparent;
background-image: linear-gradient(225deg, #FFDE1596 0%, #E9135CBA 100%) !important; }
.portfolio.extended-products-grid.portfolio-preset-hover-gradient-hover .portfolio-item .image .overlay .links .portfolio-icons, .portfolio.extended-products-grid.portfolio-preset-hover-gradient-hover .portfolio-item .image .overlay .links .caption {
padding: 30px !important; }
.term-description:first-child {
margin-bottom: 40px; }
.term-description:last-child {
margin-top: 40px; }
.portfolio-filter-tabs {
position: relative;
z-index: 5; }
.portfolio-filter-tabs.style-alternative {
display: flex;
align-items: baseline;
margin-bottom: 30px; }
@media (min-width: 992px) {
.portfolio-filter-tabs.style-alternative {
margin-bottom: 50px; } }
@media (max-width: 991px) {
.portfolio-filter-tabs.style-alternative {
flex-wrap: wrap;
justify-content: space-between; } }
@media (min-width: 992px) {
.portfolio-filter-tabs.style-alternative.separator ul.portfolio-filter-tabs-list {
margin-bottom: -11px; } }
.portfolio-filter-tabs.style-alternative .portfolio-filter-tabs-title {
margin: 0 30px 0 0; }
@media (max-width: 991px) {
.portfolio-filter-tabs.style-alternative .portfolio-filter-tabs-title {
max-width: 75%; } }
@media (min-width: 992px) {
.portfolio-filter-tabs.style-alternative .portfolio-filter-tabs-title {
margin-right: 45px; } }
@media (max-width: 991px) {
.portfolio-filter-tabs.style-alternative ul.portfolio-filter-tabs-list {
order: 1;
width: calc(100% + 30px);
justify-content: center;
padding-top: 30px; } }
@media (min-width: 992px) {
.portfolio-filter-tabs.style-alternative ul.portfolio-filter-tabs-list {
margin-right: auto; } }
@media (min-width: 992px) {
.portfolio-filter-tabs.style-alternative ul.portfolio-filter-tabs-list li {
padding-bottom: 6px; } }
.portfolio-filter-tabs.style-alternative ul.portfolio-filter-tabs-list li.active {
border-bottom: 2px solid currentColor; }
.portfolio-filter-tabs.style-alternative.alignment-right ul.portfolio-filter-tabs-list {
margin-left: auto;
margin-right: 0; }
.portfolio-filter-tabs.style-alternative.alignment-center ul.portfolio-filter-tabs-list {
margin-left: auto;
margin-right: auto; }
@media (min-width: 992px) {
.portfolio-filter-tabs.style-alternative .gem-pagination.gem-pagination-arrows {
margin-left: 20px; } }
.portfolio-filter-tabs.style-alternative .gem-pagination.gem-pagination-arrows a.next i.default {
margin-right: -7px; }
.portfolio-filter-tabs.style-alternative .gem-pagination.gem-pagination-arrows a i {
transform: translateY(3px); }
.portfolio-filter-tabs.style-default {
margin-bottom: 30px; }
@media (min-width: 992px) {
.portfolio-filter-tabs.style-default {
margin-bottom: 33px; } }
.portfolio-filter-tabs.style-default .portfolio-filter-tabs-title {
text-align: center;
margin-bottom: 30px; }
@media (min-width: 992px) {
.portfolio-filter-tabs.style-default .portfolio-filter-tabs-title {
margin-bottom: 45px; } }
.portfolio-filter-tabs.style-default ul.portfolio-filter-tabs-list {
justify-content: center; }
.portfolio-filter-tabs.style-default ul.portfolio-filter-tabs-list li.active {
border-bottom: 2px solid currentColor; }
.portfolio-filter-tabs.style-default.alignment-right .portfolio-filter-tabs-title {
text-align: right; }
.portfolio-filter-tabs.style-default.alignment-right ul.portfolio-filter-tabs-list {
justify-content: flex-end; }
.portfolio-filter-tabs.style-default.alignment-left .portfolio-filter-tabs-title {
text-align: left; }
.portfolio-filter-tabs.style-default.alignment-left ul.portfolio-filter-tabs-list {
justify-content: flex-start; }
.portfolio-filter-tabs ul.portfolio-filter-tabs-list {
list-style-type: none;
padding: 0;
margin: 0 -30px -10px 0;
display: flex;
align-items: baseline;
flex-wrap: wrap; }
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li {
margin-bottom: 10px;
margin-right: 30px; }
.portfolio-filter-tabs ul.portfolio-filter-tabs-list li:not(.active) {
cursor: pointer; }
.portfolio-filter-tabs .gem-pagination.gem-pagination-arrows {
width: auto;
margin: 0; }
.portfolio.extended-products-grid.caption-position-image:not(.ready) .portfolio-icons,
.portfolio.extended-products-grid.loading-animation:not(.inited) {
opacity: 0; }
.extended-carousel-grid .owl-item .portfolio-item {
padding: 0; } .portfolio.extended-products-grid.list-style .portfolio-set {
display: grid;
grid-template-columns: minmax(0, 1fr); }
.portfolio.extended-products-grid.list-style .portfolio-set:before,
.portfolio.extended-products-grid.list-style .portfolio-set:after {
content: none; }
@media (max-width: 767px) {
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption {
padding: 18px 20px 13px 20px; }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item:nth-child(1) .wrap:before {
content: none; } }
@media (min-width: 768px) and (max-width: 991px) {
.portfolio.extended-products-grid.list-style.columns-tablet-1x .portfolio-set {
grid-template-columns: minmax(0, 1fr); }
.portfolio.extended-products-grid.list-style.columns-tablet-1x .portfolio-set.sub-categories {
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.portfolio.extended-products-grid.list-style.columns-tablet-1x .portfolio-set .portfolio-item .wrap > .caption {
padding: 18px 20px 13px 20px; }
.portfolio.extended-products-grid.list-style.columns-tablet-1x .portfolio-set .portfolio-item:nth-child(1) .wrap:before {
content: none; }
.portfolio.extended-products-grid.list-style.columns-tablet-2x .portfolio-set {
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.portfolio.extended-products-grid.list-style.columns-tablet-2x .portfolio-set .portfolio-item .wrap > .caption {
padding: 18px 20px 13px 20px; }
.portfolio.extended-products-grid.list-style.columns-tablet-2x .portfolio-set .portfolio-item:nth-child(-n+2) .wrap:before {
content: none; } }
@media (min-width: 992px) {
.portfolio.extended-products-grid.list-style.columns-desktop-1x .portfolio-set {
grid-template-columns: minmax(0, 1fr); }
.portfolio.extended-products-grid.list-style.columns-desktop-1x .portfolio-set.sub-categories {
grid-template-columns: repeat(4, minmax(0, 1fr)); }
.portfolio.extended-products-grid.list-style.columns-desktop-1x .portfolio-set .portfolio-item .wrap > .caption {
padding: 25px 30px 20px 30px; }
.portfolio.extended-products-grid.list-style.columns-desktop-1x .portfolio-set .portfolio-item:nth-child(1) .wrap:before {
content: none; }
.portfolio.extended-products-grid.list-style.columns-desktop-2x .portfolio-set {
grid-template-columns: repeat(2, minmax(0, 1fr)); }
.portfolio.extended-products-grid.list-style.columns-desktop-2x .portfolio-set .portfolio-item .wrap > .caption {
padding: 20px 25px 15px 25px; }
.portfolio.extended-products-grid.list-style.columns-desktop-2x .portfolio-set .portfolio-item:nth-child(-n+2) .wrap:before {
content: none; }
.portfolio.extended-products-grid.list-style.columns-desktop-3x .portfolio-set {
grid-template-columns: repeat(3, minmax(0, 1fr)); }
.portfolio.extended-products-grid.list-style.columns-desktop-3x .portfolio-set .portfolio-item .wrap > .caption {
padding: 15px 15px 10px 15px; }
.portfolio.extended-products-grid.list-style.columns-desktop-3x .portfolio-set .portfolio-item:nth-child(-n+3) .wrap:before {
content: none; }
.portfolio.extended-products-grid.list-style.columns-desktop-4x .portfolio-set {
grid-template-columns: repeat(4, minmax(0, 1fr)); }
.portfolio.extended-products-grid.list-style.columns-desktop-4x .portfolio-set .portfolio-item .wrap > .caption {
padding: 15px 15px 10px 15px; }
.portfolio.extended-products-grid.list-style.columns-desktop-4x .portfolio-set .portfolio-item:nth-child(-n+4) .wrap:before {
content: none; } }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item {
width: auto !important; }
.portfolio.extended-products-grid.list-style .portfolio-set:not(.sub-categories) .portfolio-item .wrap {
display: block; }
@media (min-width: 768px) {
.portfolio.extended-products-grid.list-style .portfolio-set:not(.sub-categories) .portfolio-item .wrap {
height: 100%;
display: flex;
flex-direction: row; } }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .image {
flex: auto;
align-self: center; }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .image .links .caption .info {
left: 0;
top: 0; }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .image .links .caption .info a {
text-decoration: none; }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption {
border: none;
display: flex;
flex-direction: column;
justify-content: center; }
@media (max-width: 767px) {
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .image,
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption {
width: 100% !important; } }
@media (min-width: 768px) {
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .image {
flex: none !important;
width: 40%;
max-width: 100%; } }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .post-author-date .post-author-date .author, .portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .post-author-date .post-date, .portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .post-author-date .post-author-date-separator, .portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .post-author-date .author {
margin-bottom: 12px; }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .product-rating.product-rating-empty {
display: none; }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .title {
margin-bottom: 0; }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .description {
margin-top: 10px; }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .description .subtitle {
white-space: initial;
color: inherit; }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .description .subtitle span {
margin: 0;
color: inherit; }
.portfolio.extended-products-grid.list-style .portfolio-set .portfolio-item .wrap > .caption .product-price {
margin-top: 10px; }
@media (min-width: 992px) {
.portfolio.extended-products-grid.list-style.columns-desktop-1x .portfolio-set .portfolio-item .wrap > .caption .title {
margin-bottom: 0; }
.portfolio.extended-products-grid.list-style.columns-desktop-1x .portfolio-set .portfolio-item .wrap > .caption .description {
margin-top: 10px; } }
.portfolio.extended-products-grid.list-style.with-divider .portfolio-set .portfolio-item .wrap:before {
width: 100%;
position: absolute;
left: 0;
top: 0;
border-bottom: 1px solid var(--thegem-to-box-border-color, #DFE5E8); }
.portfolio.extended-products-grid.list-style.background-style-transparent .portfolio-set .portfolio-item .wrap > .caption {
padding-bottom: 0; }
@media (min-width: 768px) {
.portfolio.extended-products-grid.list-style.background-style-transparent .portfolio-set .portfolio-item .wrap > .caption {
padding-top: 0; } }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-right .portfolio-set .portfolio-item .wrap > .caption {
padding-right: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-left .portfolio-set .portfolio-item .wrap > .caption {
padding-left: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-left .portfolio-set .portfolio-item .wrap > .image .links .caption .info {
left: initial;
right: 0; }
@media (max-width: 767px) {
.portfolio.extended-products-grid.list-style.background-style-transparent .portfolio-set .portfolio-item .wrap > .caption {
padding-right: 0;
padding-left: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
.portfolio.extended-products-grid.list-style.columns-tablet-2x .portfolio-set .portfolio-item .wrap {
display: block; }
.portfolio.extended-products-grid.list-style.columns-tablet-2x .portfolio-set .portfolio-item .wrap > .image,
.portfolio.extended-products-grid.list-style.columns-tablet-2x .portfolio-set .portfolio-item .wrap > .caption {
width: 100% !important; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-tablet-1x .portfolio-set .portfolio-item:nth-child(odd) .wrap > .caption {
padding-right: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-tablet-1x .portfolio-set .portfolio-item:nth-child(even) .wrap > .caption {
padding-left: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.columns-tablet-2x .portfolio-set .portfolio-item .wrap > .caption {
padding-right: 0;
padding-left: 0;
padding-top: 20px; } }
@media (min-width: 992px) {
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-1x .portfolio-set .portfolio-item:nth-child(odd) .wrap > .caption {
padding-right: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-1x .portfolio-set .portfolio-item:nth-child(even) .wrap > .caption {
padding-left: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-2x .portfolio-set .portfolio-item:nth-child(4n+1) .wrap > .caption,
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-2x .portfolio-set .portfolio-item:nth-child(4n+2) .wrap > .caption {
padding-right: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-2x .portfolio-set .portfolio-item:nth-child(4n+3) .wrap > .caption,
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-2x .portfolio-set .portfolio-item:nth-child(4n+4) .wrap > .caption {
padding-left: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-3x .portfolio-set .portfolio-item:nth-child(6n+1) .wrap > .caption,
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-3x .portfolio-set .portfolio-item:nth-child(6n+2) .wrap > .caption,
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-3x .portfolio-set .portfolio-item:nth-child(6n+3) .wrap > .caption {
padding-right: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-3x .portfolio-set .portfolio-item:nth-child(6n+4) .wrap > .caption,
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-3x .portfolio-set .portfolio-item:nth-child(6n+5) .wrap > .caption,
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-3x .portfolio-set .portfolio-item:nth-child(6n+6) .wrap > .caption {
padding-left: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-4x .portfolio-set .portfolio-item:nth-child(8n+1) .wrap > .caption,
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-4x .portfolio-set .portfolio-item:nth-child(8n+2) .wrap > .caption,
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-4x .portfolio-set .portfolio-item:nth-child(8n+3) .wrap > .caption,
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-4x .portfolio-set .portfolio-item:nth-child(8n+4) .wrap > .caption {
padding-right: 0; }
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-4x .portfolio-set .portfolio-item:nth-child(8n+5) .wrap > .caption,
.portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-4x .portfolio-set .portfolio-item:nth-child(8n+6) .wrap > .caption, .portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-4x .portfolio-set .portfolio-item:nth-child(8n+7) .wrap > .caption, .portfolio.extended-products-grid.list-style.background-style-transparent.caption-position-list-zigzag.columns-desktop-4x .portfolio-set .portfolio-item:nth-child(8n+8) .wrap > .caption {
padding-left: 0; } }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-right .portfolio-item .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item .wrap > .caption {
text-align: left; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-right .portfolio-item .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-right .portfolio-item .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-right .portfolio-item .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-right .portfolio-item .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-right .portfolio-item .wrap > .caption .product-bottom > *:first-child,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item .wrap > .caption .product-bottom > *:first-child {
margin-left: 0; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-right .portfolio-item .wrap > .caption .reviews.show-count .product-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item .wrap > .caption .reviews.show-count .product-rating {
justify-content: flex-start; }
.portfolio.extended-products-grid.list-style.caption-position-list-left .portfolio-set .portfolio-item .wrap,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-left .portfolio-item .wrap > .caption {
flex-direction: row-reverse; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-left .portfolio-item .wrap > .caption {
text-align: right; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-left .portfolio-item .wrap > .caption .list-right {
text-align: left; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline .portfolio-item .wrap > .caption .list-right .portfolio-icons {
display: inline-flex; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-left .portfolio-item .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-left .portfolio-item .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-left .portfolio-item .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-left .portfolio-item .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-left .portfolio-item .wrap > .caption .product-bottom > *:first-child {
margin-right: 0;
margin-left: auto; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-left .portfolio-item .wrap > .caption .reviews.show-count .product-rating {
justify-content: flex-end; }
.portfolio.extended-products-grid.list-style.caption-position-list-left .portfolio-item .wrap > .image .links .caption .info {
left: initial;
right: 0; }
@media (max-width: 767px) {
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item:nth-child(even) .wrap > .caption {
text-align: right; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item:nth-child(even) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item:nth-child(even) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item:nth-child(even) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item:nth-child(even) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item:nth-child(even) .wrap > .caption .product-bottom > *:first-child {
margin-right: 0;
margin-left: auto; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag .portfolio-item:nth-child(even) .wrap > .caption .reviews.show-count .product-rating {
justify-content: flex-end; }
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag .portfolio-item:nth-child(even) .wrap > .image .links .caption .info {
left: initial;
right: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap > .caption {
flex-direction: row-reverse; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap > .caption {
text-align: right; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap > .caption .list-right {
text-align: left; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap > .caption .product-bottom > *:first-child {
margin-right: 0;
margin-left: auto; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap > .caption .reviews.show-count .product-rating {
justify-content: flex-end; }
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-tablet-1x .portfolio-item:nth-child(even) .wrap > .image .links .caption .info {
left: initial;
right: 0; }
.portfolio.extended-products-grid.columns-tablet-1x.list-style .portfolio-item .wrap > .caption .categories {
white-space: initial; }
.portfolio.extended-products-grid.columns-tablet-1x.list-style.caption-layout-list-inline .portfolio-set .portfolio-item .wrap > .caption {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px; }
.portfolio.extended-products-grid.columns-tablet-1x.list-style.caption-layout-list-inline.caption-position-list-left .portfolio-set .portfolio-item .wrap > .caption {
flex-direction: row-reverse; }
.portfolio.extended-products-grid.columns-tablet-1x.list-style.caption-layout-list-inline .portfolio-set .portfolio-item .wrap > .caption .list-right {
text-align: right;
flex: none; }
.portfolio.extended-products-grid.columns-tablet-1x.list-style.caption-layout-list-inline .portfolio-set .portfolio-item .wrap > .caption .list-right .actions > * {
display: block; }
.portfolio.extended-products-grid.columns-tablet-1x.list-style.caption-layout-list-inline.caption-position-list-left .portfolio-set .portfolio-item .wrap > .caption .list-right {
text-align: left; } }
@media (min-width: 992px) {
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap > .caption {
flex-direction: row-reverse; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap > .caption {
text-align: right; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap > .caption .list-right {
text-align: left; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap > .caption .product-bottom > *:first-child {
margin-right: 0;
margin-left: auto; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap > .caption .reviews.show-count .product-rating {
justify-content: flex-end; }
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-1x .portfolio-item:nth-child(even) .wrap > .image .links .caption .info {
left: initial;
right: 0; }
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap,
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap > .caption {
flex-direction: row-reverse; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap > .caption {
text-align: right; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap > .caption .list-right,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap > .caption .list-right {
text-align: left; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap > .caption .product-bottom > *:first-child,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap > .caption .product-bottom > *:first-child {
margin-right: 0;
margin-left: auto; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap > .caption .reviews.show-count .product-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap > .caption .reviews.show-count .product-rating {
justify-content: flex-end; }
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+3) .wrap > .image .links .caption .info,
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-2x .portfolio-item:nth-child(4n+4) .wrap > .image .links .caption .info {
left: initial;
right: 0; }
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap,
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap,
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap > .caption {
flex-direction: row-reverse; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap > .caption {
text-align: right; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap > .caption .list-right,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap > .caption .list-right,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap > .caption .list-right {
text-align: left; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap > .caption .product-bottom > *:first-child,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap > .caption .product-bottom > *:first-child,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap > .caption .product-bottom > *:first-child {
margin-right: 0;
margin-left: auto; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap > .caption .reviews.show-count .product-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap > .caption .reviews.show-count .product-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap > .caption .reviews.show-count .product-rating {
justify-content: flex-end; }
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+4) .wrap > .image .links .caption .info,
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+5) .wrap > .image .links .caption .info,
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-3x .portfolio-item:nth-child(6n+6) .wrap > .image .links .caption .info {
left: initial;
right: 0; }
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap,
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap,
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap,
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap > .caption {
flex-direction: row-reverse; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap > .caption,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap > .caption {
text-align: right; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap > .caption .list-right,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap > .caption .list-right,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap > .caption .list-right,
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap > .caption .list-right {
text-align: left; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap > .caption .product-bottom > *:first-child,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap > .caption .product-bottom > *:first-child,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap > .caption .product-bottom > *:first-child,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap > .caption .star-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap > .caption .product-rating .empty-rating:before,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap > .caption .categories,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap > .caption .product-bottom,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap > .caption .product-bottom > *:first-child {
margin-right: 0;
margin-left: auto; }
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap > .caption .reviews.show-count .product-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap > .caption .reviews.show-count .product-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap > .caption .reviews.show-count .product-rating,
.portfolio.extended-products-grid.list-style.caption-alignment-list-default.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap > .caption .reviews.show-count .product-rating {
justify-content: flex-end; }
.portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+5) .wrap > .image .links .caption .info, .portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+6) .wrap > .image .links .caption .info, .portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+7) .wrap > .image .links .caption .info, .portfolio.extended-products-grid.list-style.caption-position-list-zigzag.columns-desktop-4x .portfolio-item:nth-child(8n+8) .wrap > .image .links .caption .info {
left: initial;
right: 0; }
.portfolio.extended-products-grid.list-style .portfolio-item .wrap > .caption .categories {
white-space: initial; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline .portfolio-set .portfolio-item .wrap > .caption {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-left .portfolio-set .portfolio-item .wrap > .caption {
flex-direction: row-reverse; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline .portfolio-set .portfolio-item .wrap > .caption .list-right {
text-align: right;
flex: none; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline .portfolio-set .portfolio-item .wrap > .caption .list-right .actions > * {
display: block; }
.portfolio.extended-products-grid.list-style.caption-layout-list-inline.caption-position-list-left .portfolio-set .portfolio-item .wrap > .caption .list-right {
text-align: left; } }  .portfolio.extended-products-grid .portfolio-item.product.product-type-variable .wrap .product-bottom .cart.simple-type-button,
.portfolio.extended-products-grid .portfolio-item.product.product-type-variable .image .overlay .links .portfolio-icons .portfolio-icons-inner .cart.simple-type-button {
display: none; }
.portfolio.extended-products-grid .product-variations {
color: var(--thegem-to-product-grid-title-color); }
.portfolio.extended-products-grid .product-variations .variations {
line-height: 1;
margin-top: 17px; }
.portfolio.extended-products-grid .product-variations .single_variation_wrap {
display: none !important; }
.portfolio.extended-products-grid .product-variations .blockUI {
display: none !important; }
.portfolio.extended-products-grid .product-variations.simple .gem-attribute-selector:not(.type-color):not(.type-image) li {
pointer-events: none; }
.portfolio.extended-products-grid .gem-attribute-selector {
padding: 0;
margin-bottom: 7px; }
.portfolio.extended-products-grid .gem-attribute-selector .attribute-name {
margin-right: 0.7em; }
.portfolio.extended-products-grid .gem-attribute-selector .gem-attribute-options > :last-child {
margin-right: 0 !important; }
.portfolio.extended-products-grid .gem-attribute-selector.type-color .gem-attribute-options li {
position: relative;
padding: 2px;
width: 18px;
height: 18px;
margin-right: 5px;
margin-bottom: 5px;
color: inherit;
border: none; }
.portfolio.extended-products-grid .gem-attribute-selector.type-color .gem-attribute-options li:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
border: 1px solid;
border-color: inherit; }
.portfolio.extended-products-grid .gem-attribute-selector.type-color .gem-attribute-options li:not(.selected):before {
opacity: 0.3; }
.portfolio.extended-products-grid .gem-attribute-selector.type-color .gem-attribute-options li .color {
width: 14px;
height: 14px;
line-height: 14px; }
.portfolio.extended-products-grid .gem-attribute-selector.type-color .gem-attribute-options span.attribute-name, .portfolio.extended-products-grid .gem-attribute-selector.type-color .gem-attribute-options a.more-variables {
line-height: 18px; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options {
display: flex;
align-items: center; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options li {
position: relative;
padding: 2px;
width: 30px;
height: 30px;
margin-right: 5px;
margin-bottom: 5px;
color: inherit;
border: none; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options li:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 50%;
border: 1px solid;
border-color: inherit; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options li:not(.selected):before {
opacity: 0.3; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options li .image-preview {
display: inline-block;
vertical-align: top;
width: 26px;
height: 26px;
line-height: 26px;
border-radius: 50%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options li .image-hover {
visibility: hidden; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options li .image-hover img {
max-width: 80px;
height: auto; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options li .image-hover .text {
position: relative;
bottom: auto;
left: auto;
transform: none;
opacity: 1;
transition: all 0;
padding: 5px 10px;
display: block;
text-align: center;
background: transparent;
margin-bottom: 0;
font-size: inherit; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options li .image-hover .text:after {
display: none; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options li:hover .image-hover {
visibility: visible; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options li.disabled .image-hover {
display: none; }
.portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options span.attribute-name, .portfolio.extended-products-grid .gem-attribute-selector.type-image .gem-attribute-options a.more-variables {
line-height: 18px; }
.portfolio.extended-products-grid .gem-attribute-selector.type-label .gem-attribute-options li {
padding: 0 5px;
line-height: 21px;
border-radius: 3px;
height: 21px;
min-width: 22px;
margin-right: 5px;
margin-bottom: 5px;
color: inherit;
border: none; }
.portfolio.extended-products-grid .gem-attribute-selector.type-label .gem-attribute-options li:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 3px;
border: 1px solid;
border-color: inherit;
opacity: 0; }
.portfolio.extended-products-grid .gem-attribute-selector.type-label .gem-attribute-options li:not(.selected):before {
opacity: 0.3; }
.portfolio.extended-products-grid .gem-attribute-selector.type-label .gem-attribute-options span.attribute-name, .portfolio.extended-products-grid .gem-attribute-selector.type-label .gem-attribute-options a.more-variables {
line-height: 21px; }
.portfolio.extended-products-grid .gem-attribute-selector:not(.type-label):not(.type-color):not(.type-image) .gem-attribute-options {
margin-top: -4px; }
.portfolio.extended-products-grid .gem-attribute-selector:not(.type-label):not(.type-color):not(.type-image) .gem-attribute-options li {
border: none;
margin-right: 5px;
margin-bottom: 5px;
line-height: 1;
color: inherit;
text-decoration: underline;
text-decoration-color: transparent;
transition: all 0.3s; }
.portfolio.extended-products-grid .gem-attribute-selector:not(.type-label):not(.type-color):not(.type-image) .gem-attribute-options li.selected, .portfolio.extended-products-grid .gem-attribute-selector:not(.type-label):not(.type-color):not(.type-image) .gem-attribute-options li:hover {
text-decoration-color: inherit; }
.portfolio.extended-products-grid .gem-attribute-selector:not(.type-label):not(.type-color):not(.type-image) .gem-attribute-options span.attribute-name, .portfolio.extended-products-grid .gem-attribute-selector:not(.type-label):not(.type-color):not(.type-image) .gem-attribute-options a.more-variables {
margin-bottom: 0;
vertical-align: baseline; }
.portfolio.extended-products-grid .gem-attribute-selector span.attribute-name, .portfolio.extended-products-grid .gem-attribute-selector a.more-variables {
display: inline-block;
color: inherit;
margin-bottom: 5px;
vertical-align: top; }
.portfolio.extended-products-grid .portfolio-item.product .wrap > .image .variations-notification {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 1rem;
flex-direction: column;
justify-content: center;
background-color: var(--styled-bg-color);
z-index: 99; }
.portfolio.extended-products-grid .portfolio-item.product .wrap > .image .variations-notification:before {
position: initial;
width: initial;
height: initial;
background: none;
margin: 0;
font-size: 1.5em;
line-height: 1.5;
font-family: 'thegem-icons';
font-style: normal;
content: '\e621';
font-weight: normal; }
.portfolio.extended-products-grid .portfolio-item.product .wrap > .image .variations-notification .close {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer; }
.portfolio.extended-products-grid .portfolio-item.product .wrap > .image .variations-notification .close:before {
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-size: 1.5em;
content: '\e619'; }
.portfolio.extended-products-grid.caption-position-hover .product-variations .variations, .portfolio.extended-products-grid.caption-position-image .product-variations .variations {
margin-top: 0;
margin-bottom: 0; }
.portfolio.extended-products-grid.caption-position-hover .gem-attribute-selector, .portfolio.extended-products-grid.caption-position-image .gem-attribute-selector {
margin-bottom: 4px; }
.portfolio.extended-products-grid.caption-position-hover .gem-attribute-selector.type-label .gem-attribute-options li:not(.selected):before, .portfolio.extended-products-grid.caption-position-image .gem-attribute-selector.type-label .gem-attribute-options li:not(.selected):before {
opacity: 1; }
.portfolio.extended-products-grid:is(.caption-container-preset-light, .caption-container-preset-solid, .caption-container-preset-transparent) .portfolio-item .image .overlay .links .caption .product-variations {
color: var(--thegem-to-product-grid-title-on-image-color); }.hover-fade .portfolio-item .image .image-inner.fallback-zooming img,
.hover-fade .gallery-item .overlay-wrap .image-wrap.fallback-zooming img {
overflow: hidden;
-webkit-transform: translate(0,0) scale(1);
transform: translate(0,0) scale(1);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .image-inner.fallback-zooming img,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap.fallback-zooming img {
-webkit-transform: translate(0,0) scale(1.12);
transform: translate(0,0) scale(1.12);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-fade .portfolio-item .image .image-inner.fallback-sliding img,
.hover-fade .gallery-item .overlay-wrap .image-wrap.fallback-sliding img {
overflow: hidden;
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .image-inner.fallback-sliding img,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap.fallback-zooming img {
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.news-grid.hover-fade .portfolio-item:is(:hover, .hover-effect) .image.format-video.has-post-thumbnail .image-inner img {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
}
.hover-fade .portfolio-item .image .overlay,
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay,
.hover-fade .gallery-item .overlay-wrap .overlay,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay {
display: block;
-webkit-transition: background 0.5s 0.2s;
transition: background 0.5s 0.2s;
}
.hover-fade .portfolio-item .image .overlay:before,
.hover-fade .gallery-item .overlay-wrap .overlay:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
z-index: -2;
opacity: 0;
-webkit-transition: opacity 0.5s 0.2s;
transition: opacity 0.5s 0.2s;
background: transparent;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay:before,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay:before {
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.hover-fade .portfolio-item .image .overlay:after,
.hover-fade .gallery-item .overlay-wrap .overlay:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
opacity: 1;
background: none;
}
.hover-fade.title-on-page.title-style-dark .portfolio-item .image .overlay:after {
display: none;
}
.hover-fade .portfolio-item .image .overlay .links .portfolio-icons > .icon,
.hover-fade .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon,
.hover-fade .gallery-item .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-fade .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 0;
display: inline-block;
vertical-align: middle;
position: relative;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.3s 0.2s, -webkit-transform 0s 0.5s, top 0.3s 0.2s;
transition: opacity 0.3s 0.2s, transform 0s 0.5s, top 0.3s 0.2s;
}
.hover-fade .gallery-item .overlay .overlay-content-inner a.icon.link {
margin-left: 10px;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon,
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon,
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s;
transition: top 0s;
}
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist.added.icon:hover,
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist.added.icon:hover {
-webkit-transform: none;
transform: none;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(1) {
-webkit-transition: opacity 0.5s 0s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0s;
transition: opacity 0.5s 0s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(2) {
-webkit-transition: opacity 0.5s 0.05s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.05s;
transition: opacity 0.5s 0.05s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.05s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(3),
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .yith-wcwl-add-to-wishlist a.icon,
.portfolio.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .yith-wcwl-add-to-wishlist a.icon {
-webkit-transition: opacity 0.5s 0.1s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.1s;
transition: opacity 0.5s 0.1s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.1s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(4) {
-webkit-transition: opacity 0.5s 0.15s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.15s;
transition: opacity 0.5s 0.15s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.15s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(5) {
-webkit-transition: opacity 0.5s 0.2s, background-color 0.3s 0s, color 0.3s 0s, -webkit-transform 0.4s 0.2s;
transition: opacity 0.5s 0.2s, background-color 0.3s 0s, color 0.3s 0s, transform 0.4s 0.2s;
}
.hover-fade .portfolio-item .image .links .caption .title,
.hover-fade .portfolio-item .image .links .caption .categories,
.products.hover-fade.title-on-hover .portfolio-item .image .links .caption .product-info {
opacity: 0;
top: 200px;
vertical-align: middle;
position: relative;
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-fade .gallery-item .overlay .overlay-content-inner .title {
opacity: 0;
top: 200px;
display: block;
vertical-align: middle;
position: relative;
margin-top: 35px;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .links .caption .title,
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .links .caption .categories,
.products.hover-fade.title-on-hover .portfolio-item:is(:hover, .hover-effect) .image .links .caption .product-info {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.products.hover-fade.title-on-page .portfolio-item.has-rating .image .links .caption .product-info {
position: relative;
-webkit-transition: padding 0.3s;
transition: padding 0.3s;
}
.hover-fade .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .title {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.hover-fade .portfolio-item .image .links .caption .info {
opacity: 0;
top: 200px;
display: inline-block;
vertical-align: middle;
position: relative;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .links .caption .info {
opacity: 1;
top: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.hover-fade .portfolio-item .image .links .caption .description {
opacity: 1;
position: static;
}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle {
opacity: 0;
top: 320px;
position: absolute;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item .image .overlay .links .caption .subtitle {
top: 350px;
}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle {
opacity: 1;
top: 120px;
display: block;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.portfolio.hover-fade.fullwidth-columns-4 .fullwidth-block .portfolio-item.double-item:is(:hover, .hover-effect) .image .overlay .links .caption .subtitle {
top: 150px;
}
.hover-fade .portfolio-item .image .overlay .links .portfolio-sharing-pane {
opacity: 0;
margin-top: 0;
margin-bottom: 0;
will-change: transform;
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
-webkit-transition: opacity 0.3s, margin 0.3s 0.3s, -webkit-transform 0s;
transition: opacity 0.3s, margin 0.3s 0.3s, transform 0s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane {
visibility: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.5s, -webkit-transform 0s, margin 0.3s;
transition: opacity 0.5s, transform 0s, margin 0.3s;
}
.hover-fade .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active {
opacity: 1;
visibility: visible;
margin-top: 20px;
margin-bottom: 0;
-webkit-transition: opacity 0.5s, margin 0.3s;
transition: opacity 0.5s, margin 0.3s;
}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item .overlay .overlay-content-inner .subtitle {
opacity: 0;
display: inline-block;
vertical-align: middle;
top: 280px;
max-width: 70%;
overflow: hidden;
position: absolute;
will-change: transform;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
transition: transform 0s 0.5s, opacity 0.3s 0.1s, top 0.3s 0.1s;
}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item.double-item .overlay .overlay-content-inner .subtitle {
top: 310px;
}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle {
opacity: 1;
top: 80px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
transition: transform 0.3s 0.1s, opacity 0.3s 0.1s, top 0s;
}
.gem-gallery-grid.hover-fade.fullwidth-columns-4 .gallery-item.double-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle {
top: 110px;
}:root {
--woof-fb-section-width: 100%;
}
.woof-form-builder-btn{
position: relative;
display: inline-block;
margin-bottom: 0;
width: auto;
text-align: center;
text-decoration: none;
}
.woof-form-builder-btn:hover{
text-decoration: none;
}
.woof-form-builder-btn img{
display: inline-block;
width: 40px;
height: 40px;
transition: all 2s;
}
.woof-form-builder-btn:hover img:nth-child(1){
transform: rotate(360deg);
}
.woof-form-builder-btn img:nth-child(1){
opacity: 1 !important;
}
.woof-form-builder-btn img:nth-child(2){
position: absolute;
width: 20px;
height: 20px;
top: 42%;
left: 51%;
transform: translate(-50%, -50%);
}
.woof-front-builder-list{
margin: 0 !important;
padding: 0 !important;
}
.woof-front-builder-list li{
position: relative;
display: block;
padding: 10px;
background: #fff;
margin-bottom: 9px;
transition: all 0.5s;
box-sizing: border-box;
background-color: #fefefe;
border: 1px solid #ddd;
vertical-align: middle;
box-sizing: border-box;
color: #161c2d;
}
.woof-front-builder-list > li.woof-front-builder-list-li-selected{
border: dashed 1px lightseagreen;
}
.woof-front-builder-selector{
width: 100%;
margin-bottom: 11px;
min-height: 30px;
font-size: 18px;
color: #000;
border: solid 1px #ddd !important;
padding: 9px;
}
select.woof-front-builder-selector:invalid,
select.woof-front-builder-selector
{
color: #2eca8b !important;
font-weight: 600 !important;
}
select.woof-front-builder-selector option:not([value=""])
{
color: #000;
font-weight: 500 !important;
}
.woof-front-builder-list-li-del{
position: absolute;
right: 0;
top: 10px;
display: inline-block;
width: 30px;
}
.woof-front-builder-list-li-del img{
position: relative;
width: 50%;
display: block;
top: 6px;
right: -8px;
}
.woof-front-builder-list-li-move{
position: absolute;
right: 30px;
top: 11px;
display: flex;
}
.woof-front-builder-list-li-move a{
margin-right: 11px;
align-self: center;
}
.woof-front-builder-list-li-down,
.woof-front-builder-list-li-up,
.woof-front-builder-sd-btn{
display: inline-block;
width: 30px;
}
.woof-front-builder-sd-btn{
top: 0;
display: inline-block;
position: relative;
}
.woof-front-builder-list-li-down img,
.woof-front-builder-list-li-up img,
.woof-front-builder-sd-btn img,
.woof-front-builder-btn-back img,
.woof-front-builder-btn-options img{
width: 100%;
display: block;
}
.woof-front-builder-list-li-up{
transform: rotate(180deg);
}
.woof-front-builder-list-li-down{
top: -8px;
position: relative;
}
.woof-front-builder-btn-back,
.woof-front-builder-btn-options{
display: inline-block;
width: 30px;
}
.popup23-content data-table-row data-table-cell:nth-child(2){
text-align: left;
}
.popup23-content data-table-cell textarea{
height: 100%;
min-height: 100px;
}
.woof-front-builder-premium{
color: red;
}
.woof-front-builder-container .woof_auto_show{
background: #fff;
}
.popup23-tab-panels input[type=text],
.popup23-tab-panels textarea,
.popup23-tab-panels select{
padding: 0.6em;
background-color: #faf9f9;
background-image: none !important;
color: #43454b;
border: 0;
-webkit-appearance: auto;
box-sizing: border-box;
font-weight: 400;
box-shadow: none;
width: 100%;
}
.woof-front-builder-container{
overflow: unset; }
.woof-front-builder-container:has(.woof_autohide_wrapper){
overflow: visible;
}
.woof-front-builder-container .woof_container{
display: inline-block;
width: calc(var(--woof-fb-section-width) - 2px);
vertical-align: top;
}
.woof-front-builder-container .woof_block_html_items{
max-height: var(--woof-fb-section-height) !important; padding: 3px 0 0 3px;
}
.woof-front-builder-type-selector{
position: absolute;
width: 200px !important;
max-width: 200px !important;
left: 50%;
top: 50%;
transform: translate(0, -50%);
background-color: #fbfbff !important;
}
.woof-front-builder-container .woof_block_html_items{
overflow-y: auto;
overflow: visible;
}
.woof-front-builder-container .woof_container h4 {
margin-bottom: 11px;
font-size: 1.12em;
line-height: 1.12em;
background: #f7f7f7;
padding: 8px 7px;
color: #333;
text-align: center;
}
.woof-front-builder-type-section-options{
position: absolute;
left: 45%;
top: 50%;
transform: translate(0, -50%);
}
.widget .woof_sid_flat_white,
.widget_text .woof_sid_flat_white{
border: none;
padding: 0;
}
.widget .woof_auto_show_indent .woof_sid_flat_white{
border: solid 1px #eee;
padding: 9px;
}
.woof-front-builder-container .woof_list_sd.woof_list_switcher_sd{
padding-left: 11px;
}
.woof-front-builder-container .select2,
.woof-front-builder-container .chosen-container{
width: 100% !important;
}
.woof-front-builder-container .woof_auto_1_columns .woof_container{
padding: 0 0 15px 0;
}.ui-slideouttab-panel, .ui-slideouttab-handle {
background-color: #fff;
padding: 0.4em;
box-sizing: border-box;
}
.ui-slideouttab-panel {
display: block;
position: fixed;
border: 1px solid #f9f9f9;
} .ui-slideouttab-ready {
transition: transform 0.5s ease 0s;
} @media print {
.ui-slideouttab-panel {
display: none;
}
} .ui-slideouttab-handle {
display: block;
position: absolute;
cursor: pointer;
color: white;
background-color: grey;
}
.ui-slideouttab-handle-image {
transform: rotate(0);
} .ui-slideouttab-right {
right: 0px;
transform: translateX(100%);
border-right: none;
}
.ui-slideouttab-right.ui-slideouttab-open {
transform: translateX(0%);
}
.ui-slideouttab-right .ui-slideouttab-handle {
transform-origin: 0% 0%;
transform: rotate(-90deg) translate(-100%,-100%);   
}
.ui-slideouttab-right .ui-slideouttab-handle-reverse {
transform-origin: 0% 100%;
transform: rotate(-90deg);
} .ui-slideouttab-left {
left: 0px;
transform: translateX(-100%);
border-left: none;
}
.ui-slideouttab-left.ui-slideouttab-open {
transform: translateX(0%);
}
.ui-slideouttab-left .ui-slideouttab-handle {
transform-origin: 100% 0%;
transform: rotate(-90deg);   
}
.ui-slideouttab-left .ui-slideouttab-handle-reverse {
transform-origin: 100% 100%;
transform: rotate(-90deg) translate(100%,100%);   
} .ui-slideouttab-top {
top: 0px;
transform: translateY(-100%);
border-top: none;
}
.ui-slideouttab-top.ui-slideouttab-open {
transform: translateY(0%);
} .ui-slideouttab-bottom {
bottom: 0px;
transform: translateY(100%);
border-bottom: none;
}
.ui-slideouttab-bottom.ui-slideouttab-open {
transform: translateY(0%);
} .ui-slideouttab-left .ui-slideouttab-handle>.fa-icon, 
.ui-slideouttab-right .ui-slideouttab-handle>.fa-icon { 
transform: rotate(90deg);
}
.ui-slideouttab-handle>.fa-icon {
margin-left: 0.5em;
} .ui-slideouttab-top .ui-slideouttab-handle-rounded,
.ui-slideouttab-left .ui-slideouttab-handle-rounded {
border-radius: 0 0 4px 4px;
}
.ui-slideouttab-right .ui-slideouttab-handle-rounded, 
.ui-slideouttab-bottom .ui-slideouttab-handle-rounded {
border-radius: 4px 4px 0 0;
}.woof-slide-out-div{
z-index: 9999;
}
.woof-slide-content{
overflow-x: hidden;
padding: 9px;
}
.woof-slide-content .chosen-container{
max-width: 100% !important;
}