.ctf-fixed-height{overflow:auto}#ctf .ctf-item{padding:15px 5px;overflow:hidden}#ctf.ctf-boxed-style .ctf-item{padding:15px}#ctf .ctf-item:first-child{border-top:none}#ctf .ctf-item:last-of-type{border-bottom:none!important}#ctf #ctf .ctf-photo-hover span.fa-arrows-alt,#ctf .ctf-photo-hover svg.fa-arrows-alt,#ctf .ctf_remaining,#ctf.ctf-super-narrow .ctf-author-screenname,#ctf.ctf-super-narrow .ctf-screename-sep{display:none}#ctf .ctf_more{padding:1px;border:1px solid transparent;border-radius:3px;display:inline-block;line-height:1}#ctf .ctf_more:hover{cursor:pointer;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);text-decoration:none}#ctf .ctf-header{float:left;clear:both;margin:0;padding:5px 5px 15px;line-height:1.2;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#ctf .ctf-header a{float:left;display:block;text-decoration:none}#ctf .ctf-header-img{float:left;position:relative;width:48px;margin:0 0 0 -100%!important;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf .ctf-header-img img{display:block;float:left;margin:0!important;padding:0!important;border:none!important;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}#ctf.ctf-rebranded .ctf-header-img-hover svg{margin-top:-15px;margin-left:-14px}#ctf.ctf-rebranded .ctf-header-img-hover svg path,.ctf-rebranded .ctf-header-follow svg path{fill:white}#ctf .ctf-header-generic-icon,#ctf .ctf-header-img-hover{display:none;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(27,149,224,.85);-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;z-index:999}#ctf .ctf-header-generic-icon .fa,#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover .fa,#ctf .ctf-header-img-hover svg{position:absolute;top:50%;left:50%;margin-top:-10px;margin-left:-8px;font-size:20px;z-index:1000}#ctf .ctf-header-generic-icon svg,#ctf .ctf-header-img-hover svg{margin-top:-10px;margin-left:-10px}#ctf .ctf-header .ctf-header-follow{display:inline-block;padding:3px 6px;margin:0 0 0 2px;position:relative;top:-2px;background:#1b95e0;color:#fff;font-size:11px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-transition:background .6s ease-in-out;-webkit-transition:background .6s ease-in-out;-o-transition:background .6s ease-in-out;transition:background .6s ease-in-out}#ctf .ctf-header .ctf-header-follow .fa,#ctf .ctf-header .ctf-header-follow svg{margin-right:3px;font-size:12px}#ctf .ctf-header a:hover .ctf-header-follow{background:#0c7abf;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic .ctf-header-img{color:#fff;width:48px;height:48px;position:relative}#ctf .ctf-header-type-generic .ctf-header-link:hover .ctf-header-generic-icon{background:#0c7abf}#ctf .ctf-header-type-generic .ctf-header-no-bio{padding-top:9px!important;font-size:16px;font-weight:700}#ctf .ctf-header-type-generic .ctf-header-generic-icon{display:block;color:#fff;background:#1b95e0;-moz-transition:background .2s ease-in-out;-webkit-transition:background .2s ease-in-out;-o-transition:background .2s ease-in-out;transition:background .2s ease-in-out}#ctf .ctf-header-type-generic:hover .ctf-header-generic-icon{display:block;opacity:1}#ctf .ctf-header .ctf-header-user{font-size:16px;line-height:1.3;-ms-word-wrap:break-word;word-break:break-word}#ctf .ctf-header .ctf-header-screenname,#ctf .ctf-header p{font-size:13px;line-height:1.3}.ctf-screenreader{text-indent:-9999px!important;display:inline-block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important}#ctf .ctf-header-text.sbi-no-info .ctf-header-user{padding-top:9px!important}#ctf .ctf-header-text.sbi-no-bio .ctf-header-counts{clear:both}#ctf .ctf-context{width:100%;padding-left:42px;margin-bottom:2px}#ctf .ctf-with-logo .ctf-context{padding-right:30px}#ctf .ctf-retweet-icon{display:inline-block;font-size:inherit;line-height:1;margin:0 5px 0 0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}#ctf.ctf-super-narrow .ctf-retweet-icon{margin:0 5px 0 0}#ctf .ctf-reply-icon{display:inline-block;font-size:inherit;padding:1px 3px 3px;line-height:1;margin:0 3px 0 0}#ctf .ctf-author-box{margin-left:56px}#ctf .ctf-author-avatar{clear:both;width:48px;height:48px;margin:3px 6px 0 -56px;float:left;overflow:hidden;border:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-author-avatar img{margin:0!important;padding:0}#ctf .ctf-author-name,#ctf .ctf-author-screenname,#ctf .ctf-tweet-meta,#ctf .ctf-verified{margin-left:4px;margin-right:4px;display:inline-block}#ctf .ctf-screename-sep{margin:0 2px;display:inline-block}#ctf .ctf-author-name{font-weight:700!important;margin-top:4px}#ctf .ctf-author-box-link{color:#000;text-decoration:none;display:inline;line-height:1.5!important}#ctf .ctf-quoted-verified,#ctf .ctf-verified{color:#77c7f7;margin-left:0}#ctf .ctf-quoted-verified,.ctf-credit-link .fa,.ctf-credit-link svg{margin-right:4px}#ctf .ctf-tweet-meta,#ctf.ctf-super-narrow .ctf-author-name{display:inline-block}#ctf .ctf-replied-to-text a{font-size:inherit;color:inherit;font-weight:inherit}#ctf p.ctf-media-link,#ctf p.ctf-tweet-text{padding:0!important;margin:0!important;line-height:1.4}#ctf .ctf-tweet-actions,#ctf .ctf-tweet-content{margin-left:58px;margin-top:3px;max-width:100%}#ctf .ctf-corner-logo{display:inline-block;float:right;color:#1b95e0;font-size:24px}#ctf.ctf-narrow .ctf-corner-logo{font-size:20px}#ctf .ctf-hide-avatar .ctf-author-box,#ctf .ctf-hide-avatar .ctf-author-name,#ctf .ctf-hide-avatar .ctf-context,#ctf .ctf-hide-avatar .ctf-quoted-tweet,#ctf .ctf-hide-avatar .ctf-tweet-actions,#ctf .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-author-box,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-context,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-hide-avatar .ctf-tweet-content,#ctf.ctf-super-narrow .ctf-quoted-tweet,#ctf.ctf-super-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{margin-left:0}#ctf .ctf-hide-avatar .ctf-context{padding-left:0}#ctf .ctf-header-img.ctf-no-consent,#ctf .ctf-header-img.ctf-no-consent .ctf-header-img-hover{display:block;opacity:1;height:48px}#ctf .ctf-quoted-tweet{display:block;clear:both;margin:7px 0 5px 58px;padding:8px 12px;border:1px solid rgba(0,0,0,.1);text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover,#ctf .ctf-tweet-text-media-wrap{-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out}#ctf .ctf-quoted-tweet:focus,#ctf .ctf-quoted-tweet:hover{background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);transition:background .1s ease-in-out}#ctf .ctf-quoted-author-name{font-weight:700;margin-right:4px}#ctf .ctf-quoted-tweet p{margin:2px 0}#ctf .ctf-tweet-actions a{padding:2px 10px 2px 5px;float:left}#ctf .ctf-tweet-actions a.ctf-like,#ctf .ctf-tweet-actions a.ctf-reply,#ctf .ctf-tweet-actions a.ctf-retweet{color:rgba(0,0,0,.35);text-decoration:none;border:none;-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions a span.fa,#ctf .ctf-tweet-actions a svg{width:1.1em;height:1.1em;font-size:1.1em}#ctf .ctf-tweet-actions a span.fa.fa-retweet{width:1.2em;height:1.2em;font-size:1.2em}#ctf .ctf-tweet-actions .ctf-reply{margin-left:-5px}#ctf .ctf-tweet-actions a:focus,#ctf .ctf-tweet-actions a:hover{-moz-transition:color .1s ease-in-out;-webkit-transition:color .1s ease-in-out;-o-transition:color .1s ease-in-out;transition:color .1s ease-in-out}#ctf .ctf-tweet-actions .ctf-reply:focus,#ctf .ctf-tweet-actions .ctf-reply:hover{color:#e34f0e!important}#ctf .ctf-tweet-actions .ctf-retweet:focus,#ctf .ctf-tweet-actions .ctf-retweet:hover{color:#19cf86!important}#ctf .ctf-tweet-actions .ctf-like:focus,#ctf .ctf-tweet-actions .ctf-like:hover{color:#e81c4f!important}#ctf .ctf-action-count{float:right;padding-left:3px;font-size:.9em;margin-top:.25em;line-height:1.2em}#ctf .ctf-twitterlink{margin-top:.3em;line-height:1.2em;font-size:.8em}#ctf .ctf-quoted-tweet-text-media-wrap,#ctf .ctf-tweet-text-media-wrap{margin-left:5px;padding:4px;display:inline-block;border:1px solid rgba(0,0,0,.15);color:inherit;text-decoration:none;line-height:1;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;transition:background .1s ease-in-out}#ctf #ctf-more,#ctf .ctf-out-of-tweets,.ctf-credit-link{padding:5px 0;text-align:center}#ctf #ctf-more,#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{background:rgba(0,0,0,.05);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out}#ctf .ctf-tweet-text-media-wrap:focus,#ctf .ctf-tweet-text-media-wrap:hover{border:1px solid rgba(0,0,0,.1);transition:background .1s ease-in-out}.ctf-multi-media-icon .ctf-tweet-text-media,.ctf-quoted-tweet-text .ctf-tweet-text-media{margin-left:3px}#ctf #ctf-more{display:block;border:none;width:100%;min-height:30px;margin:0;position:relative;box-sizing:border-box;outline:0;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;transition:background .1s ease-in-out}#ctf #ctf-more:hover{background:rgba(0,0,0,.1);-moz-transition:background .1s ease-in-out;-webkit-transition:background .1s ease-in-out;-o-transition:background .1s ease-in-out;transition:background .1s ease-in-out}#ctf #ctf-more.ctf-loading span{-moz-transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;opacity:0}#ctf .ctf-loader{width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:1s ease-in-out infinite ctf-sk-scaleout;animation:1s ease-in-out infinite ctf-sk-scaleout}@-webkit-keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes ctf-sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ctf-credit-link{width:100%;clear:both;margin-top:5px;font-size:12px}#ctf svg{box-sizing:unset}#ctf svg:not(:root).svg-inline--fa,#ctf_lightbox svg:not(:root).svg-inline--fa{box-sizing:unset;overflow:visible;width:1em}#ctf .svg-inline--fa.fa-w-16{width:16px}#ctf .svg-inline--fa.fa-w-20{width:20px}#ctf .ctf-context .ctf-retweet-icon svg{width:1.2em;height:1.2em}#ctf .svg-inline--fa,#ctf_lightbox .svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}#ctf.ctf-styles .ctf-author-screenname,#ctf.ctf-styles .ctf-context,#ctf.ctf-styles .ctf-screename-sep,#ctf.ctf-styles .ctf-tweet-meta,.ctf_smash_error span{font-size:12px}#ctf .ctf-error{width:100%;text-align:center}#ctf .ctf-error code,#ctf .ctf-error iframe,#ctf .ctf-error p{padding:0;margin:0 2px}#ctf .ctf-error-user p,#ctf.ctf-super-narrow .ctf-context{padding-bottom:5px}#ctf .ctf-error-user{width:100%}#ctf .ctf-error-admin{margin-top:15px;display:inline-block}#ctf .ctf-error code{display:block;padding:4px}.ctf_smash_error{border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}.ctf_smash_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#ctf .ctf-out-of-tweets{display:block;border:1px solid rgba(0,0,0,.1);background:0 0;width:100%;min-height:30px;margin:0;position:relative;box-sizing:border-box;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}#ctf .ctf-out-of-tweets iframe,#ctf .ctf-out-of-tweets p{margin:0 2px;padding:0}#ctf .ctf-out-of-tweets p{padding:3px;display:none}#ctf.ctf-narrow .ctf-author-avatar,#ctf.ctf-narrow .ctf-author-avatar img{width:38px;height:38px}#ctf.ctf-narrow .ctf-quoted-tweet,#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-narrow .ctf-tweet-content{margin-left:48px}#ctf.ctf-narrow .ctf-context{margin-left:49px}#ctf.ctf-narrow .ctf-author-box{margin-left:46px}#ctf.ctf-narrow .ctf-author-avatar{margin-left:-46px}#ctf.ctf-narrow .ctf-tweet-content{padding:3px 0 5px}#ctf.ctf-narrow .ctf-tweet-actions,#ctf.ctf-super-narrow .ctf-tweet-content{float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-box{min-height:32px;margin-bottom:2px;margin-left:38px;float:left;clear:both}#ctf.ctf-super-narrow .ctf-author-avatar,#ctf.ctf-super-narrow .ctf-author-avatar img{width:32px;height:32px}#ctf.ctf-super-narrow .ctf-author-avatar{margin-left:-38px;margin-top:0}#ctf.ctf-super-narrow .ctf-credit-link{font-size:10px}#ctf.ctf-super-narrow .ctf-header-bio{margin:0!important;padding-top:5px}#ctf.ctf-super-narrow .ctf-header-user{min-height:48px}#ctf.ctf-super-narrow .ctf-header-text{padding-top:10px}#ctf.ctf-super-narrow .ctf-header-follow{margin-top:5px}#ctf.ctf-super-narrow .ctf-more span{display:block;margin-top:3px}@media all and (max-width:640px){#ctf.ctf-width-resp{width:100%!important}}.ctf.ctf-boxed-style[data-boxshadow=true] .ctf-item{box-shadow:0 0 10px 0 rgba(0,0,0,.15)}[data-header-size=large] .ctf-header-type-text{font-size:48px}[data-header-size=medium] .ctf-header-type-text{font-size:42px}[data-header-size=small] .ctf-header-type-text{font-size:36px}#ctf.ctf-list.ctf-boxed-style .ctf-header,.ctf-list.ctf-boxed-style .ctf-item{margin-bottom:25px}#ctf .ctf-header-text{float:left;width:100%;padding-top:5px}#ctf .ctf-no-bio .ctf-header-text{padding-top:13px}#ctf .ctf-header-text .ctf-header-user,#ctf .ctf-header-text p{float:left;clear:both;width:auto;margin:0 0 0 60px!important;padding:0!important;text-align:left}#ctf .ctf-header-name{font-weight:700;margin-right:6px}#ctf .ctf-header-text .ctf-header-bio{padding:0!important;word-break:break-word}#ctf .ctf-header-text .ctf-verified{margin-right:5px}#ctf.ctf_palette_light .ctf-author-name,#ctf.ctf_palette_light .ctf-author-screenname,#ctf.ctf_palette_light .ctf-header-bio,#ctf.ctf_palette_light .ctf-header-counts,#ctf.ctf_palette_light .ctf-header-name,#ctf.ctf_palette_light .ctf-header-type-text,#ctf.ctf_palette_light .ctf-tweet-actions a,#ctf.ctf_palette_light .ctf-tweet-text{color:#444}#ctf.ctf_palette_dark .ctf-tweet-text a,#ctf.ctf_palette_light .ctf-tweet-text a{color:inherit}#ctf.ctf_palette_dark .ctf-item,#ctf.ctf_palette_light .ctf-item{background:0 0}#ctf.ctf_palette_dark .ctf-corner-logo,#ctf.ctf_palette_light .ctf-corner-logo{color:#1b95e0}#ctf.ctf_palette_dark .ctf-verified,#ctf.ctf_palette_light .ctf-verified{color:#77c7f7}#ctf.ctf_palette_light .ctf-more{background:rgba(0,0,0,.5);color:#444}#ctf.ctf_palette_dark{background:#20222c}#ctf.ctf_palette_dark.ctf.ctf-boxed-style .ctf-item{background:rgba(255,255,255,.1)!important}#ctf.ctf_palette_dark .ctf-author-name,#ctf.ctf_palette_dark .ctf-author-screenname,#ctf.ctf_palette_dark .ctf-header-bio,#ctf.ctf_palette_dark .ctf-header-counts,#ctf.ctf_palette_dark .ctf-header-name,#ctf.ctf_palette_dark .ctf-header-type-text,#ctf.ctf_palette_dark .ctf-tweet-text{color:#fff}#ctf.ctf_palette_dark .ctf-more{background:rgba(255,255,255,.2);color:#fff}#ctf.ctf_palette_dark .ctf-tweet-actions a{color:rgba(255,255,255,.8)}.ctf-rebranded .ctf-header-follow svg{width:13px;height:13px;transform:translate(3px,2px)}#full_width_portfolio .row .col.section-title{
border-bottom:0;
padding-bottom:0
}
#full_width_portfolio .full-width-section.first-section,
#full_width_portfolio .full-width-content.first-section{
margin-top:0
}
.project-title{
padding-top:40px;
padding-bottom:36px
}
.single-portfolio .row .col.section-title{
border:none
}
.single-portfolio .row.project-title .container .title-wrap{
border-bottom:1px solid #DDD;
position:relative;
padding-bottom:30px
}
.single-portfolio .row.project-title .title-wrap:after{
visibility:hidden;
display:block;
font-size:0;
content:"";
clear:both;
height:0
}
body.single-portfolio .container-wrap > .main-content > .row:has(~ .nectar-global-section) {
padding-bottom: 0;
}
body.single-portfolio div[data-project-header-bg="true"] .container-wrap{
padding-top:40px!important
}
body.single-portfolio .container-wrap,
body.single-portfolio #full-width-portfolio div[data-project-header-bg="true"] .container-wrap{
padding-top:0!important
}
.single-portfolio .row .col.section-title h1{
width:900px;
margin-bottom:0
}
.single-portfolio .row .col.section-title h1,
.single-portfolio .row .col.section-title .subheader{
display:inline-block;
top:0;
text-align:center;
width:100%;
padding-left: 0;
}
.single-portfolio #full_width_portfolio #portfolio-nav{
margin-right:0
}
.single-portfolio #full_width_portfolio .span_12{
padding-right:0;
margin-top:0
}
#full_width_portfolio .project-title.parallax-effect{
background-color:#f8f8f8;
z-index:9;
position:fixed;
padding-top:88px;
padding-bottom:28px;
width:100%
}
body[data-header-format="left-header"] #full_width_portfolio .project-title.parallax-effect{
padding-top:40px
}
body #page-header-bg .project-title{
padding-top:0;
margin:0;
background-color:transparent
}
#boxed #full_width_portfolio .project-title.parallax-effect{
position:relative;
top:0;
padding-right:0
}
.project-title .hidden-title{
opacity:0
}
#full_width_portfolio .project-title.parallax-effect .section-title,
#full_width_portfolio .project-title{
padding-bottom:0
}
#full_width_portfolio .project-title.parallax-effect .section-title,
#page-header-bg .section-title,
.single .row .section-title,
#full_width_portfolio .project-title .container .title-wrap{
border-bottom:none
}
body.single .project-title .section-title{
padding:0 70px 0 70px
}
#regular_portfolio .container-wrap[data-rm-header="true"] .main-content {
padding-top: 50px;
}
.project-additional.clear{
clear:both;
display:block
}
.project-additional.clear li{
float:none
}
.single-portfolio #project-meta .clear{
padding-bottom:0
}
.single-portfolio #project-meta .sharing li a > .count{
opacity:0
}
.portfolio-items .col.no-transition{
-webkit-transition-duration:0s!important;
transition-duration:0s!important
}
body .container .portfolio-filters-inline.full-width-content .container,
body .container .portfolio-filters-inline.full-width-content .container:not(.tab-container):not(.recent-post-container){
width:100%;
max-width:100%;
padding:0 31px
}
.portfolio-items .col .work-info .vert-center .custom-content .nectar-button i{
opacity:0
}
.portfolio-items .col .work-info .vert-center .custom-content .nectar-button.has-icon:hover i {
opacity: 1;
}
.carousel-wrap[data-full-width="true"] .carousel-heading .portfolio-page-link{
position:absolute;
left:0
}
.carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item.style-2 .work-info >a,
.portfolio-items .col .work-item.style-2 .work-info >a,
.portfolio-items .col .work-item.style-3 .work-info >a,
.portfolio-items .col .work-item.style-4 .work-info >a,
.portfolio-items .col .work-item.style-3-alt .work-info >a,
.portfolio-items .col .work-item.style-1 .work-info >a{
display:block;
margin:0;
background-color:transparent!important;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:40
}
.carousel-wrap[data-full-width="true"] .portfolio-items .col .work-item h3,
.portfolio-items .col .work-item.style-2 h3{
margin-bottom:0
}
.page-template-template-portfolio-php #pagination{
margin-bottom:30px
}
.project-attrs {
margin-bottom: 0;
margin-left: 0;
}
.project-attrs li {
list-style: none;
}
.project-attrs li span {
display: inline-block;
margin-right: 10px;
height: 14px;
width: 14px;
background-color: #000;
-webkit-border-radius: 40px;
border-radius: 40px;
background-repeat: no-repeat;
background-position: center center;
}
.project-attrs li i {
font-size: 14px;
line-height: 14px;
width: 23px;
text-align: left;
height: auto;
background-color: transparent;
}
.portfolio-items .work-item [id^="video-popup-"] {
display: none;
}
div[id^="video-popup-"].mfp-iframe-scaler > .video > .wp-video > video {
display: none;
}
#project-meta .nectar-love {
color: #888;
}
#project-meta .nectar-love:hover {
color: #888;
}
.single-portfolio #sidebar .nectar_hook_sidebar_top {
margin-bottom: 40px;
}
#sidebar #sidebar-inner .project-sharing:not([data-sharing-style="fixed"]) {
margin-bottom: 20px;
margin-left: 0;
}
#sidebar #project-meta .project-sharing[data-sharing-style="fixed"] li {
float: none;
display: inline-block;
}
#sidebar #project-meta ul li {
float: left;
padding: 0;
border-bottom: 0;
}
body.single-portfolio #sidebar #project-meta ul li:first-child{
margin-left:0!important
}
#project-meta ul li .nectar-love-wrap {
border-right: 1px solid #ddd;
margin-right: 16px;
padding-right: 16px;
width: auto;
}
#project-meta ul li .nectar-love-wrap.no-border {
border: none;
}
#project-meta ul li .nectar-love-wrap.fadein .nectar-love-count,
#single-meta ul li .nectar-love-wrap.fadein .nectar-love-count {
opacity: 0;
display: block;
width: 0;
}
#project-meta ul li .nectar-love-wrap.fadein span,
#single-meta ul li .nectar-love-wrap.fadein span {
line-height: 12px;
}
#project-meta ul li .nectar-love-wrap.fadein,
#single-meta ul li .nectar-love-wrap.fadein {
padding-top: 4px;
padding-bottom: 4px;
}
.single #single-meta ul li .nectar-love-wrap.fadein {
margin-right: 16px;
padding-right: 16px;
}
#project-meta ul li .nectar-love-wrap.fadein .nectar-love,
#single-meta ul li .nectar-love-wrap.fadein .nectar-love {
display: block;
}
.single-portfolio .comments-section #respond {
margin-top: 30px;
}
.single-portfolio #sidebar h3, .single-portfolio #sidebar h4 {
margin-bottom: 0;
padding-bottom: 4px;
}
.single-portfolio #sidebar {
margin-bottom: 30px;
transition: none 0s;
}
.single-portfolio .gallery-slider .gallery,
.single-portfolio .gallery-slider .jetpack-slideshow {
display: none;
}
#portfolio-extra img {
display: block;
}
#portfolio-extra .clear {
padding-bottom: 0;
}
#full_width_portfolio #portfolio-extra .empty-second .clear {
padding-bottom: 65px;
}
#full_width_portfolio #portfolio-extra .clear {
padding-bottom: 24px;
}
.fixed-sidebar {
float: right;
transition: none;
margin-bottom: 55px;
}
.single-portfolio .post-area {
padding-right: 40px;
margin-right: 0!important;
margin-top: 4px;
width: 76.5%;
}
.single-portfolio #boxed .post-area {
width: 76.49%;
}
.single-portfolio.material #boxed .post-area {
width: 68%;
}
.single-portfolio .post-area.span_12,
.single-portfolio #boxed .post-area.span_12 {
width: 100%;
}
.single-portfolio .post-area .video {
margin-bottom: 15px;
} .portfolio-filters, #portfolio-nav {
height: 33px;
z-index: 100;
right: 0;
top: 0;
position: absolute;
display: inline-block;
width: 100%;
}
#portfolio-nav {
height: 100%;
top: 0;
}
#portfolio-nav ul, .single-post #single-meta {
top: 50%;
margin-top: -13px;
float: none;
z-index: 102;
position: absolute;
}
.section-title #portfolio-nav .controls {
margin-top: -13px;
}
body .container-wrap[data-nav-pos="after_project"],
body.single-portfolio .container-wrap[data-nav-pos="after_project"] {
padding-bottom: 0;
}
.single-portfolio #page-header-bg .subheader {
padding-left: 0;
margin-bottom: 0;
}
.bottom_controls {
background-color: rgba(0,0,0,0.03);
padding: 40px 0;
margin-top: 40px;
position: relative;
z-index: 1;
}
.bottom_controls #portfolio-nav {
position: relative;
text-align: center;
}
body .bottom_controls .container {
line-height: 1px;
height: 50px;
}
.bottom_controls #portfolio-nav .controls {
float: none;
width: 100%;
margin-top: -25px;
}
.bottom_controls #portfolio-nav .controls li:last-child {
float: right;
}
body .bottom_controls #portfolio-nav .controls #prev-link i,
body .bottom_controls #portfolio-nav .controls #next-link i {
font-size: 26px;
}
.bottom_controls #portfolio-nav .controls li a,
.bottom_controls #portfolio-nav .controls #prev-link a,
.bottom_controls #portfolio-nav .controls #next-link a {
float: none;
}
.bottom_controls #portfolio-nav .controls li a i {
box-sizing: content-box;
width: 10px;
vertical-align: middle;
display: inline-block;
-webkit-transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);
transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);
}
.bottom_controls #portfolio-nav .controls #next-link i {
padding-left: 15px;
}
.bottom_controls #portfolio-nav .controls #prev-link i {
padding-right: 15px;
}
.bottom_controls #portfolio-nav .controls li a i:after {
display: block;
content: ' ';
position: absolute;
width: 24px;
height: 2px;
background-color: #000;
top: 17px;
opacity: 0;
left: -4px;
cursor: pointer;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);
transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);
}
.bottom_controls #portfolio-nav .controls #next-link a i:after {
left: 6px;
}
.bottom_controls #portfolio-nav .controls #next-link a:hover i:after {
opacity: 1;
-webkit-transform: translateX(7px);
transform: translateX(7px);
}
.bottom_controls #portfolio-nav .controls #next-link a:hover i {
padding-left: 30px;
}
.bottom_controls #portfolio-nav .controls #prev-link a i:after {
-webkit-transform: translateX(12px);
transform: translateX(12px);
left: 3px;
}
.bottom_controls #portfolio-nav .controls #prev-link a:hover i:after {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.bottom_controls #portfolio-nav .controls #prev-link a:hover i {
padding-right: 30px;
}
.bottom_controls #portfolio-nav ul:first-child {
display: inline-block;
position: relative;
z-index: 1000;
margin-top: 0;
margin-left: 0;
top: 0;
}
.bottom_controls #portfolio-nav ul:first-child li,
.bottom_controls #portfolio-nav {
height: 50px;
line-height: 50px;
}
.bottom_controls #portfolio-nav ul:first-child #all-items a {
margin-right: 0;
}
.bottom_controls #portfolio-nav ul:first-child li i:before {
display: none;
}
.bottom_controls #portfolio-nav ul:first-child li a {
font-size: 20px;
width: 40px;
height: 40px;
}
.bottom_controls #portfolio-nav ul:first-child #all-items a i {
width:.3em;
height:.3em;
display: block;
border-radius: 0;
transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);
-webkit-transition: all 0.25s cubic-bezier(0.12, 0.75, 0.4, 1);
font-size: 20px;
left: 18px;
top: 22px;
background-color: #888;
box-shadow: -.5em 0 #888, -.5em .5em #888, .5em 0 #888, .5em -.5em #888, 0 -.5em #888, -.5em -.5em #888, 0 .5em #888, .5em .5em #888;
}
.bottom_controls #portfolio-nav ul:first-child #all-items a:hover i {
box-shadow: -.6em 0 #000, -.6em .6em #000, .6em 0 #000, .6em -.6em #000, 0 -.6em #000, -.6em -.6em #000, 0 .6em #000, .6em .6em #000;
}
.single-post #single-meta {
margin-top: -20px;
}
.single #page-header-bg #single-meta {
margin-top: -8px;
}
#portfolio-nav ul {
left: 0;
right: auto;
}
#portfolio-nav .controls {
right: 0;
left: auto;
margin: 0
}
#page-header-bg #portfolio-nav {
z-index: auto;
}
.page-template-template-portfolio-php .portfolio-filters {
position: absolute;
margin-top: 0;
top: 5px;
z-index: 1000;
}
.portfolio-filters {
position: relative;
margin-top: 30px;
}
.portfolio-filters ul {
margin: 0;
}
#ajax-content-wrap .portfolio-filter-clear {
padding: 0;
margin: 0;
}
#portfolio-nav {
position: absolute;
}
.portfolio-filters {
width: 200px;
float: right;
display: block;
margin-bottom: 33px;
background-color: #27ccc0;
}
body .portfolio-filters {
display: block;
height: auto;
}
body .portfolio-filters li,
body .portfolio-filters-inline li {
list-style: none;
}
.portfolio-filters-inline[data-alignment="center"] .container > ul {
float: none;
width: 100%;
max-width: none;
margin-right: 0;
text-align: center;
}
.portfolio-filters-inline[data-alignment="left"] .container > ul {
float: none;
width: 100%;
max-width: none;
margin-right: 0;
text-align: left;
}
.portfolio-filters-inline[data-alignment="left"].fullwidth-constrained .container.normal-container,
.portfolio-filters-inline[data-alignment="right"].fullwidth-constrained .container.normal-container,
.portfolio-filters-inline[data-alignment="default"].fullwidth-constrained .container.normal-container {
padding-left: 0;
padding-right: 0;
}
#ajax-content-wrap .portfolio-filters-inline[data-alignment="left"] .container > ul > li:first-child > a {
margin-left: 0;
padding-left: 0;
}
.span_12.light .portfolio-filters-inline[data-color-scheme*="-underline"] #current-category {
color: #fff;
}
.span_12.dark .portfolio-filters-inline[data-color-scheme*="-underline"].full-width-section a {
color: #000;
color: rgba(0,0,0,0.6);
}
.span_12.dark .portfolio-filters-inline[data-color-scheme*="-underline"].full-width-section .active,
.span_12.dark .portfolio-filters-inline[data-color-scheme*="-underline"].full-width-section a:hover {
color: #000;
color: rgba(0,0,0,1);
}
#ajax-content-wrap .portfolio-filters-inline[data-color-scheme*="-underline"] a {
position: relative;
padding-left: 0;
padding-right: 0;
margin-left: 10px;
margin-right: 10px;
}
.portfolio-filters[data-color-scheme*="-underline"] ul a {
position: relative;
}
.portfolio-filters-inline[data-color-scheme*="-underline"] a:after,
.portfolio-filters[data-color-scheme*="-underline"] > ul li a:after {
content: "";
transition: 0.35s all ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
left: 50%;
height: 2px;
width: 0;
background-color: #fff;
bottom: 0;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.portfolio-filters[data-color-scheme*="-underline"] > ul li a:after {
left: 0;
transform: none;
-webkit-transform: none;
-ms-transform: none;
}
body:not(.using-mobile-browser) .portfolio-filters-inline[data-color-scheme*="-underline"] a:hover:after,
.portfolio-filters-inline[data-color-scheme*="-underline"] .active:after,
body:not(.using-mobile-browser) .portfolio-filters[data-color-scheme*="-underline"] a:hover:after {
width: 100%;
}
.portfolio-filters li li a {
padding-left: 25px;
}
#portfolio-nav .controls {
float: right;
}
.portfolio-filters > ul {
display: none;
width: 100%;
position: absolute;
z-index: 100;
padding-left: 0;
}
.portfolio-filters > ul ul {
padding-left: 0;
}
.portfolio-filters ul li a {
color: #fff;
color: rgba(255, 255, 255, 0.7);
}
.portfolio-filters ul li a span,
.portfolio-filters-inline ul li a span,
.portfolio-filters-inline #sort-portfolio span span,
.portfolio-filters #sort-portfolio span span {
visibility: hidden;
position: absolute;
text-indent: -9999px;
}
.portfolio-filters a {
display: block;
font-size: 12px;
line-height: 22px;
padding: 9px 15px 10px 15px;
color: #fff;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
background-color: #000;
border-top: 1px dotted rgba(255, 255, 255, 0.3);
}
body .portfolio-filters-inline {
margin-top: 0;
z-index: 100;
height: auto;
padding-top: 19px;
padding-bottom: 19px;
background-color: #252525;
-webkit-backface-visibility: hidden;
}
body .portfolio-filters-inline,
body .wpb_wrapper > .portfolio-filters-inline {
margin-bottom: 0;
}
body .portfolio-filters-inline.first-section {
padding-top: 50px;
}
body .container-wrap .portfolio-filters-inline.non-fw {
padding-top: 33px;
padding-bottom: 33px;
background-color: transparent;
}
.span_12.dark .portfolio-filters-inline[data-color-scheme*="-underline"].full-width-section {
background-color: transparent;
}
body .portfolio-filters-inline.nder-page-header.first-section.non-fw {
padding-top: 33px;
}
body .portfolio-filters-inline.non-fw.first-section {
padding-top: 70px;
}
.portfolio-filters-inline .clear {
padding: 0;
}
.portfolio-filters-inline ul li,
.portfolio-filters-inline ul ul {
display: inline;
}
.portfolio-filters-inline ul {
line-height: 22px;
}
.portfolio-filters-inline ul {
margin: 0;
text-align: right;
}
.portfolio-filters-inline #current-category {
width: 25%;
}
.portfolio-filters-inline .container > ul {
max-width: 72%;
margin-right: -7px;
}
.portfolio-filters-inline ul ul {
margin-left: 0;
}
.portfolio-filters-inline #current-category {
padding-left: 0;
float: left;
}
.portfolio-filters-inline .container > ul {
float: right;
}
.portfolio-filters-inline .container > ul > li:last-child a {
border: none;
}
.portfolio-filters-inline .container > ul a,
.portfolio-filters-inline .container > ul #sort-label {
padding: 0 10px;
margin: 7px 0;
font-size: 14px;
font-weight: 600;
line-height: 14px;
display: inline-block;
}
.portfolio-filters-inline .container > ul #sort-label {
border: none;
padding-right: 20px;
}
.portfolio-filters-inline #current-category {
color: #eee;
font-family: 'Open Sans';
font-weight: 300;
font-size: 20px;
letter-spacing: 0;
line-height: 20px;
position: relative;
text-transform: none;
top: 4px;
}
.portfolio-filters-inline .container > ul #sort-label {
color: #eee;
}
.portfolio-filters-inline ul li a {
color: #999;
}
.portfolio-filters-inline ul li a:hover {
color: #eee;
}
.portfolio-filters-inline.non-fw #current-category,
.portfolio-filters-inline.non-fw .container > ul #sort-label {
color: #888!important;
}
.portfolio-filters-inline.non-fw ul li a:hover {
color: #333;
}
.portfolio-filters-inline:not([data-color-scheme="default"]) .container > ul #sort-label {
display: none;
}
.portfolio-filters-inline:not([data-color-scheme="default"]) #current-category,
.portfolio-filters-inline:not([data-color-scheme="default"]) ul li a {
color: #fff;
padding: 7px 10px;
transition: background-color 0.15s linear, color 0.15s linear;
}
.portfolio-filters-inline:not([data-color-scheme="default"]) ul li a {
color: #fff;
color: rgba(255,255,255,0.75);
}
.portfolio-filters-inline:not([data-color-scheme="default"]) .container ul li .active {
color: #fff;
color: rgba(255,255,255,1)!important;
padding: 7px 10px;
}
.portfolio-filters-inline:not([data-color-scheme="default"]) .container ul li a:hover {
color: #fff;
color: rgba(255,255,255,1);
}
.portfolio-filters-inline[data-color-scheme*="-color"]:not(.full-width-content) .container ul li a,
.portfolio-filters-inline[data-color-scheme*="-color"]:not(.full-width-content) .container ul li a:hover,
.portfolio-filters-inline[data-color-scheme*="-color"]:not(.full-width-content) .container ul li .active {
color: #000;
}
.span_12.light .portfolio-filters-inline[data-color-scheme*="-color"]:not(.full-width-content) .container ul li a,
.span_12.light .portfolio-filters-inline[data-color-scheme*="-color"]:not(.full-width-content) .container ul li a:hover,
.span_12.light .portfolio-filters-inline[data-color-scheme*="-color"]:not(.full-width-content) .container ul li .active {
color: #fff;
}
.portfolio-filters-inline[data-color-scheme*="-color"]:not([data-color-scheme*="-underline"]).full-width-section ul li a {
color: #fff;
color: rgba(255,255,255,0.75);
}
.portfolio-filters-inline[data-color-scheme*="-color"]:not([data-color-scheme*="-underline"]).full-width-section #current-category,
.portfolio-filters-inline[data-color-scheme*="-color"]:not([data-color-scheme*="-underline"]).full-width-section ul li a:hover {
color: #fff;
}
.portfolio-filters-inline[data-color-scheme="black"] {
background-color: #0f1012;
}
.portfolio-filters-inline[data-color-scheme="black"] .container ul li .active {
color: #fff!important;
background-color: rgba(255,255,255,0.15);
}
body[data-permanent-transparent="1"] .portfolio-filters-inline.fixed #current-category {
display: none;
}
.portfolio-items .col .inner-wrap[data-animation="fade_in"],
.portfolio-items:not(.carousel) .col .inner-wrap.animated {
opacity:0;
-webkit-transition:opacity 0.5s ease-out;
transition:opacity 0.5s ease-out;
}
.portfolio-items[data-loading="lazy-load"] .col .inner-wrap.animated .top-level-image {
transition:opacity 0.5s ease, transform .5s ease;
opacity:0;
}
.portfolio-items[data-loading="lazy-load"] .col .inner-wrap:not(.animated) .top-level-image {
opacity:1;
transition:opacity 0.5s ease, transform .5s ease;
}
.portfolio-items:not(.carousel) .col .inner-wrap[data-animation="fade_in_from_bottom"] {
-webkit-transition:opacity 0.3s cubic-bezier(0.3,0.58,0.55,1),-webkit-transform 0.3s cubic-bezier(0.3,0.58,0.55,1);
transition:opacity 0.3s cubic-bezier(0.3,0.58,0.55,1),transform 0.3s cubic-bezier(0.3,0.58,0.55,1);
-webkit-transform:translateY(80px);
transform:translateY(80px);
}
#sort-portfolio {
position: relative;
border-top: 0!important;
}
#sort-portfolio span {
font-family: 'Open Sans';
font-weight: 400;
display: block;
font-size: 12px;
line-height: 21px;
padding-left: 0;
color: #fff;
}
#sort-portfolio i {
font-size: 12px;
position: absolute;
right: 13px;
top: 13px;
height: 14px;
line-height: 14px;
background-color: transparent;
}
.portfolio-filters #sort-portfolio {
background-color: #000;
padding-right: 40px;
min-width: 160px;
border-radius: 2px;
}
.portfolio-filters a:hover {
color: #fff;
color: rgba(255, 255, 255, 1);
}
.portfolio-filters:hover #sort-portfolio {
color: #fff;
color: rgba(255, 255, 255, 1);
border-radius: 2px 2px 0 0;
}
.page-template-template-portfolio-php .portfolio-items .col.span_6 img,
.tax-project-type .portfolio-items .col.span_6 img,
.tax-project-attributes .portfolio-items .col.span_6 img {
width: 100%;
}
.page-template-template-portfolio-php .page-header-no-bg .section-title {
border-bottom: 0;
z-index: 100;
}
#page-header-bg #portfolio-nav ul,
.section-title #portfolio-nav ul {
margin-left: 0;
}
#portfolio-nav #all-items a {
cursor: pointer;
display: inline-block;
float: left;
margin: 0 10px 0 0;
position: relative;
background-position: 11px center;
background-repeat: no-repeat;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#portfolio-nav #all-items a i {
line-height: 34px;
font-size: 30px;
background-color: transparent;
}
#portfolio-nav li {
float: left;
list-style: none;
}
#portfolio-nav #prev-link a,
#portfolio-nav #next-link a {
color: #888;
cursor: pointer;
display: inline-block;
float: left;
margin: 0 10px 0 0;
position: relative;
text-transform: capitalize;
background-repeat: no-repeat;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
text-align: center;
}
#portfolio-nav #prev-link a {
background-position: 13px center;
padding: 1px 0;
}
#portfolio-nav #next-link a {
padding: 1px 0;
margin-right: 0;
background-position: -20px center;
}
#portfolio-nav a i,
#portfolio-nav a i {
background-color: transparent;
font-size: 30px;
line-height: 34px;
color: #888;
-webkit-transition: color 0.2s linear, opacity 0.2s linear;
transition: color 0.2s linear, opacity 0.2s linear;
}
#portfolio-nav #next-link a i,
#portfolio-nav #prev-link a i {
font-size: 32px;
}
.parallax-effect #portfolio-nav #next-link a i,
.parallax-effect #portfolio-nav #prev-link a i {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
}
body #portfolio-nav a:hover {
background-color: transparent;
}
.salient-portfolio-pagination > span {
border-radius: 200px;
transition: all .45s cubic-bezier(0.25, 1, 0.33, 1);
background-color: #000;
color: #fff;
text-align: center;
height: 36px;
width: 36px;
box-shadow: 0 6px 15px rgba(0,0,0,0.16);
display: inline-block;
}
.salient-portfolio-pagination > a {
padding-left: 10px;
padding-right: 10px;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover h3,
.blog_next_prev_buttons[data-style="fullwidth_next_prev"] .next-post:hover h3 {
-webkit-transform: translateX(-40px) translateZ(0);
transform: translateX(-40px) translateZ(0);
backface-visibility: hidden;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover h3,
.blog_next_prev_buttons[data-style="fullwidth_next_prev"] .previous-post:hover h3 {
transform: translateX(40px) translateZ(0);
backface-visibility: hidden;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project.mouse-leaving h3 .text .line {
animation: rightLineEnd 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project.mouse-leaving h3 .text .line {
animation: rightLineEnd2 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover h3 .text .line,
.portfolio-items[data-ps="8"] .col:hover .line {
-webkit-transform: translateY(-50%) translateX(0px) scaleX(1);
-webkit-transform-origin: left;
transform: translateY(-50%) translateX(0px) scaleX(1);
transform-origin: left;
animation: rightLineStart 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover h3 .text .line {
-webkit-transform: translateY(-50%) translateX(0px) scaleX(1);
-webkit-transform-origin: right;
transform: translateY(-50%) translateX(0px) scaleX(1);
transform-origin: right;
animation: rightLineStart2 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}
.portfolio-items[data-ps="8"] .col:hover .line {
transform-origin: left;
animation: portRightLineStart 0.4s cubic-bezier(0.05, 0.15, 0.1, 1) forwards;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow,
.portfolio-items[data-ps="8"] .next-arrow {
position: absolute;
backface-visibility: hidden;
right: -43px;
top: 50%;
margin-top: -15px;
height: 30px;
width: 40px;
display: block;
transform: translateX(38px);
}
body .portfolio-items[data-ps="8"] .next-arrow {
right: 60px;
left: auto;
top: auto;
bottom: -3px;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project.mouse-leaving h3 .next-arrow {
animation: rightArrowEnd2 0.7s cubic-bezier(0, 0.2, 0.1, 1) forwards;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project.mouse-leaving h3 .next-arrow {
animation: rightArrowEnd 0.7s cubic-bezier(0, 0.2, 0.1, 1) forwards;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow {
-webkit-transform: translateX(38px) rotate(180deg);
transform: translateX(38px) rotate(180deg);
left: -43px;
right: auto;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover h3 .next-arrow {
animation: rightArrowStart 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover h3 .next-arrow {
animation: rightArrowStart2 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) forwards;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover h3 .next-arrow,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover h3 .next-arrow {
-webkit-transform: translateX(42px);
transform: translateX(42px);
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav { display: block;}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .previous-project,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .next-project {
width: 50%;
line-height: 0;
height: auto;
padding: 6%;
min-height: 300px;
-webkit-justify-content: center;
justify-content: center;
display: -webkit-flex;
display: flex;
-moz-box-align: center;
-moz-box-pack: center;
align-items: center;
-webkit-align-items: center;
float: none;
overflow: hidden;
position: relative;
background-color: #333;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls ul {
padding-left: 0;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:after,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:after {
background-color: rgba(13,13,13,0.35);
position: absolute;
left: 0;
top: 0;
content: '';
display: block;
z-index: 1;
width: 100%;
height: 100%;
-webkit-transition: background-color 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
transition: background-color 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover:after,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover:after {
background-color: rgba(13,13,13,0.9);
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .container {
max-width: none;
width: 100%;
padding: 0;
}
#boxed .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .container {
width: 100%;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .container{
height: auto;
line-height: 0;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls {
padding-top: 0;
padding-bottom: 0;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .controls li a,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul:first-child li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 101;
display: block;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .controls > .only {
width: 100%!important;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .controls > .hidden {
display: none!important;
}
@keyframes rightArrowStart {
0% { transform: translateX(-50px); }
100% { transform: translateX(42px); }
}
@keyframes rightArrowEnd {
0% { transform: translateX(42px); }
100% { transform: translateX(75px); }
}
@keyframes rightArrowStart2 {
0% { transform: translateX(50px) rotate(180deg); }
100% { transform: translateX(-42px) rotate(180deg); }
}
@keyframes rightArrowEnd2 {
0% { transform: translateX(-42px) rotate(180deg); }
100% { transform: translateX(-75px) rotate(180deg); }
}
@keyframes portRightLineStart {
0% { transform: translateY(-50%) translateX(-25px) scaleX(0); }
100% { transform: translateY(-50%) translateX(0px) scaleX(1); }
}
@keyframes rightLineStart {
0% { transform: translateY(-50%) translateX(-88px) scaleX(0); }
100% { transform: translateY(-50%) translateX(0px) scaleX(1); }
}
@keyframes rightLineEnd {
0% { transform: translateY(-50%) translateX(0px) scaleX(1); }
100% { transform: translateY(-50%) translateX(28px) scaleX(0); }
}
@keyframes rightLineStart2 {
0% { transform: translateY(-50%) translateX(88px) scaleX(0); }
100% { transform: translateY(-50%) translateX(0px) scaleX(1); }
}
@keyframes rightLineEnd2 {
0% { transform: translateY(-50%) translateX(0px) scaleX(1); }
100% { transform: translateY(-50%) translateX(-28px) scaleX(0); }
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls {
background-color: transparent;
}
.single-portfolio .container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
}
.single-portfolio .container-wrap[data-nav-pos="after_project_next_only"] .next-project.hidden {
padding: 0!important;
}
.single-portfolio .container-wrap[data-nav-pos="after_project_next_only"] .next-project:not(.hidden) {
margin-top: 5%;
margin-bottom: 5%;
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls #portfolio-nav .controls li a,
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .proj-bg-img,
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .parallax-layer,
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .parallax-layer-wrap,
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .parallax-layer-wrap:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 101;
display: block;
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .parallax-layer-wrap:after {
background-color: rgba(0,0,0,.4);
content: '';
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls {
overflow: hidden;
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .parallax-layer,
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .parallax-layer-wrap {
bottom: 0;
top: auto;
z-index: -1;
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .proj-bg-img {
background-size: cover;
z-index: -1;
background-position: center;
transition: transform 0.6s ease;
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .controls .next-project {
position: relative;
padding: 10%;
}
@media only screen and (max-width: 690px) {
[data-nav-pos="after_project_next_only"] .bottom_controls #portfolio-nav .controls span {
display: block;
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .controls .next-project {
padding: 15%;
}
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .parallax-layer-wrap {
transition: transform 0.6s ease;
overflow: hidden;
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .controls .next-project:hover .parallax-layer-wrap {
transform: scale(0.95);
}
.container-wrap[data-nav-pos="after_project_next_only"] .controls li:first-child,
.container-wrap[data-nav-pos="after_project_next_only"] #portfolio-nav .controls li svg {
display: none;
}
.container-wrap[data-nav-pos="after_project_next_only"] .controls li.only:first-child {
display: block;
height: auto!important;
margin-top: 5%;
margin-bottom: 5%;
padding: 10%;
position: relative;
width: 100%;
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .controls .previous-project.only:hover .parallax-layer-wrap {
transform: scale(0.95);
}
.container-wrap[data-nav-pos="after_project_next_only"] .bottom_controls .container,
.container-wrap[data-nav-pos="after_project_next_only"] #portfolio-nav,
.container-wrap[data-nav-pos="after_project_next_only"] #portfolio-nav .controls li.next-project {
float: none;
height: auto;
}
.container-wrap[data-nav-pos="after_project_next_only"] #portfolio-nav .controls h3 {
line-height: 1.1;
margin-bottom: 0;
color: #fff;
}
.container-wrap[data-nav-pos="after_project_next_only"] #portfolio-nav .controls h3 .text {
font-size: max(min(4.4vw,85px),50px);
line-height: 1.1;
margin-top: 0.2em;
display: block;
}
@media only screen and (max-width: 690px) {
.container-wrap[data-nav-pos="after_project_next_only"] #portfolio-nav .controls h3 {
font-size: 20px;
}
.container-wrap[data-nav-pos="after_project_next_only"] #portfolio-nav .controls h3 .text {
font-size: 36px;
}
}
.portfolio-items[data-ps="8"] .line {
height: 2px;
width: 45px;
background-color: #fff;
position: absolute;
content: '';
right: -74px;
display: block;
backface-visibility: hidden;
top: 50%;
-webkit-transform: translateY(-50%) translateX(28px) scaleX(0);
-webkit-transform-origin: right;
transform: translateY(-50%) translateX(28px) scaleX(0);
transform-origin: right;
}
body .portfolio-items[data-ps="8"] .line,
.portfolio-items[data-ps="8"] .col .work-info .vert-center .line {
right: 32px;
left: auto;
bottom: 10px;
top: auto;
-webkit-transition: none;
transition: none;
width: 37px;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .text .line {
-webkit-transform: translateY(-50%) translateX(-28px) scaleX(0);
-webkit-transform-origin: left;
transform: translateY(-50%) translateX(-28px) scaleX(0);
transform-origin: left;
left: -74px;
right: auto;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow line,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow line,
.portfolio-items[data-ps="8"] line {
stroke-width: 2px;
stroke-dasharray: 10px;
stroke-dashoffset: 30px;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow line,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow line,
.portfolio-items[data-ps="8"] line {
stroke: #ffffff;
}
.portfolio-items[data-ps="8"] line,
.portfolio-items[data-ps="8"] .col .work-info .vert-center line {
-ms-transition: none;
-webkit-transition: none;
transition: none;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project.mouse-leaving h3 .next-arrow line,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project.mouse-leaving h3 .next-arrow line{
animation: rightArrowLineEnd 0.4s cubic-bezier(0.3, 0.2, 0.1, 1) 0.25s forwards;
stroke-dashoffset: 40px;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover .next-arrow line,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover .next-arrow line {
animation: rightArrowLineStart 0.3s cubic-bezier(0.05, 0.2, 0.1, 1) 0.1s forwards;
stroke-dashoffset: 30px;
}
.portfolio-items[data-ps="8"] .col:hover line {
animation: rightArrowLineStart 0.48s cubic-bezier(0.05, 0.2, 0.1, 1) 0.12s forwards;
stroke-dashoffset: 30px;
}
@keyframes rightArrowLineStart {
0% { stroke-dashoffset: 30px; }
100% { stroke-dashoffset: 40px; }
}
@keyframes rightArrowLineEnd {
0% { stroke-dashoffset: 40px; }
100% { stroke-dashoffset: 50px; }
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 {
display: inline-block;
-webkit-transform: translateX(0px) translateZ(0);
-webkit-transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1);
transform: translateX(0px) translateZ(0);
transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1);
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project span:not(.text) {
display: block;
font-size: 14px;
text-align: left;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project span:not(.text) {
display: block;
font-size: 14px;
text-align: right;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project span,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project span{
color: #fff;
position: relative;
z-index: 100;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .proj-bg-img {
width: 100%;
position: absolute;
left: 0;
top: 0;
background-size: cover;
background-position: center;
height: 100%;
-ms-transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
-webkit-transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
transition: transform 0.4s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls li:hover .proj-bg-img,
.blog_next_prev_buttons[data-style="fullwidth_next_prev"] li:hover .post-bg-img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .portfolio-items .col .work-item.style-3 .work-info-bg {
background-color: #282b30;
opacity: 0.45;
}
.portfolio-items .col .work-item.style-3 img,
.portfolio-items .col .work-item.style-3-alt img {
-ms-transition: transform 0.38s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
-webkit-transition: transform 0.38s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
transition: transform 0.38s cubic-bezier(0.05, 0.2, 0.1, 1) 0s;
}
.portfolio-items .col .work-item.style-3:hover img,
.portfolio-items .col .work-item.style-3-alt:hover img {
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
.portfolio-items .col .work-item.style-3 h3,
.portfolio-items .col .work-item.style-3-alt h3 {
margin-bottom: 5px;
}
.portfolio-items .col .work-item.style-3 a:not(.nectar-sharing),
.portfolio-items .col .work-item.style-3-alt a:not(.nectar-sharing) {
background: transparent url(//www.polepy.sk/wp-content/plugins/salient-portfolio/img/transparent.png) repeat 0 0;
}
.portfolio-items .col .work-item.style-3 .vert-center h3,
.portfolio-items .work-item.style-3 .work-info,
.portfolio-items .col .work-item.style-3-alt .vert-center h3,
.portfolio-items .work-item.style-3-alt .work-info {
opacity: 1;
}
.portfolio-items .auto-height {
height: auto!important;
}
.portfolio-items .work-item.style-3 .vert-center p,
.portfolio-items .work-item.style-3-alt .vert-center p {
display: inline-block;
margin-top: 0;
opacity: 1;
position: relative;
font-size: 12px;
line-height: 12px;
}
.portfolio-items .col .work-item.style-3-alt > a {
position: absolute;
display: block;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 40;
}
.portfolio-items .col:not([data-subtitle-color*="#"]) .work-item.style-3 .vert-center p,
.portfolio-items .col:not([data-subtitle-color*="#"]) .work-item.style-3-alt .vert-center p {
color: #fff;
color: rgba(255,255,255,0.8);
}
.portfolio-items .work-item.style-3-alt p {
font-size: inherit;
line-height: inherit;
}
.portfolio-items .col .work-item.style-3 .vert-center,
.portfolio-items .col .work-item.style-3-alt .vert-center,
.portfolio-items .col .work-item.style-2[data-custom-content="on"] .vert-center {
top: 50%;
left: 50%;
position: relative;
z-index: 20;
width: auto;
display: inline-block;
margin-top: 0;
padding-top: 0;
-webkit-transform: translateY(-50%) translateX(-50%) translateZ(0);
transform: translateY(-50%) translateX(-50%) translateZ(0);
}
.portfolio-items[data-ps="8"] .col .work-item.style-2[data-custom-content="on"] .vert-center {
-webkit-transform: none;
transform: none;
width: 100%;
left: 0;
top: 0;
padding-left: 0;
}
.portfolio-items .col.tall .work-item.style-3[data-text-align="top"] .vert-center,
.portfolio-items .col.tall .work-item.style-3-alt[data-text-align="top"] .vert-center {
top: 25%;
}
.portfolio-items .col.tall .work-item.style-3[data-text-align="bottom"] .vert-center,
.portfolio-items .col.tall .work-item.style-3-alt[data-text-align="bottom"] .vert-center {
top: 75%;
}
.portfolio-items .col.wide .work-item.style-3[data-text-align="left"] .vert-center,
.portfolio-items .col.wide .work-item.style-3-alt[data-text-align="left"] .vert-center {
left: 25%;
margin-left: -20px;
}
.portfolio-items .col.wide .work-item.style-3[data-text-align="right"] .vert-center,
.portfolio-items .col.wide .work-item.style-3-alt[data-text-align="right"] .vert-center {
left: 75%;
}
.portfolio-items .work-item.style-4 .bottom-meta {
position: absolute;
left: 0;
bottom: 0;
padding: 20px 20px 16px 20px;
width: 100%;
}
.portfolio-items .work-item.style-4 .bottom-meta h3 {
margin-bottom: 0;
}
.portfolio-items .work-item.style-4 .bottom-meta p {
color: #fff;
color: rgba(255,255,255,0.8);
}
.portfolio-items .work-item.style-4 .work-info {
opacity: 1;
}
body .portfolio-items .col .work-item.style-3,
body .portfolio-items .col .work-item.style-4,
body .portfolio-items .col .work-item.style-3-alt {
overflow: hidden;
}
.portfolio-items .elastic-portfolio-item .work-item.style-3,
.portfolio-items .elastic-portfolio-item .work-item.style-4,
.portfolio-items .elastic-portfolio-item .work-item.style-3-alt {
width: 100%;
}
.portfolio-items .elastic-portfolio-item .work-item.style-3 img,
.portfolio-items .elastic-portfolio-item .work-item.style-4 img,
.portfolio-items .elastic-portfolio-item .work-item.style-3-alt img {
width: 100%;
}
.portfolio-items .work-item.style-3 img,
.portfolio-items .work-item.style-4 img,
.portfolio-items .work-item.style-3-alt img {
position: relative;
}
.portfolio-items .work-item.style-3,
.portfolio-items .work-item.style-3-alt {
overflow: visible;
}
.portfolio-items[data-ps="3"] .inner-wrap,
.portfolio-items[data-ps="5"] .inner-wrap {
overflow: hidden;
}
.portfolio-items .col .work-item.style-2,
.portfolio-items .col .work-item.style-3,
.portfolio-items .col .work-item.style-4,
.portfolio-items .col .work-item.style-3-alt {
margin-bottom: 0;
}
.portfolio-items .work-info-bg {
opacity: 0;
height: 100%;
width: 100.2%;
top: 0;
left: 0;
background-color: #000;
position: absolute;
z-index: 2;
transition: all 0.4s cubic-bezier(.15,.75,.5,1) 0s;
-webkit-transition: all 0.4s cubic-bezier(.15,.75,.5,1) 0s;
}
.portfolio-items .style-3 .work-info-bg {
transition: all 0.35s cubic-bezier(.15,.75,.5,1) 0s;
-webkit-transition: all 0.35s cubic-bezier(.15,.75,.5,1) 0s;
}
.portfolio-items .work-info {
opacity: 0;
position: absolute;
z-index: 10;
padding: 0 20px;
height: 100%;
width: 100%;
top: 0;
left: 0;
color: #fff;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.portfolio-items .work-item[data-custom-content="on"] .work-info {
padding: 0 40px;
}
.portfolio-items .work-item[data-custom-content="on"] .work-info {
opacity: 1;
}
.portfolio-items .col {
height: 100%;
-webkit-transition-timing-function: cubic-bezier(.16,.85,.45,1);
transition-timing-function: cubic-bezier(.16,.85,.45,1);
}
.page-template-template-portfolio-php[data-bg-header="false"] .container-wrap {
padding-top: 0;
}
.portfolio-items.fullwidth-constrained {
margin: 0;
}
.portfolio-items.carousel .col {
background-color: transparent;
}
.recent-work-carousel .portfolio-items.carousel .work-item:not([class*="style"]):hover .work-info,
.recent-work-carousel .portfolio-items.carousel .work-item:not([class*="style"]):hover .work-info .vert-center > * {
opacity: 1;
}
@media only screen and (max-width: 1000px) {
.recent-work-carousel .portfolio-items.carousel .work-item:not([class*="style"]):hover .work-info .vert-center > a.default-link {
opacity: 0;
}
}
.recent-work-carousel .portfolio-items.carousel .work-item:not([class*="style"]):hover .work-info-bg {
opacity: 0.9;
}
.recent-work-carousel .portfolio-items.carousel .work-item:not([class*="style"]):hover .vert-center {
margin-top: 0;
}
.portfolio-items[data-ps="2"] .col,
.portfolio-items[data-ps="3"] .col,
.portfolio-items[data-ps="4"] .col,
.portfolio-items[data-ps="5"] .col,
.portfolio-items[data-ps="6"] .col {
background-color: transparent;
}
html:not(.js) .portfolio-items .col.span_3 img,
html:not(.js) .portfolio-items .col img {
opacity: 1;
}
.portfolio-items {
perspective:2000px;
-webkit-perspective:2000px;
perspective-origin:50% 0px;
-webkit-perspective-origin:50% 700px
}
.portfolio-items:not(.carousel) .col {
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.portfolio-items:not(.carousel) .col .inner-wrap[data-animation="perspective"].animated {
-webkit-transition:opacity 0.3s cubic-bezier(0.1,0.3,0.2,1),-webkit-transform 0.72s cubic-bezier(0.1,0.3,0.27,1);
transition:opacity 0.3s cubic-bezier(0.1,0.3,0.2,1),transform 0.72s cubic-bezier(0.1,0.3,0.27,1);
-webkit-transform:translateY(450px) rotateX(24deg);
transform:translateY(450px) rotateX(24deg);
}
.portfolio-items[data-ps="8"]:not(.carousel) .col .inner-wrap[data-animation="perspective"].animated .vert-center p{
opacity:0;
-webkit-transform:translateY(-130px);
transform:translateY(-130px);
-webkit-transition:opacity 0.3s cubic-bezier(0.1,0,.3 0.2,1) 0.23s,-webkit-transform 0.72s cubic-bezier(0.1,0.3,0.27,1);
transition:opacity 0.3s cubic-bezier(0.1,0.3,0.2,1) 0.23s,transform 0.72s cubic-bezier(0.1,0.3,0.27,1);
}
.portfolio-items[data-ps="8"]:not(.carousel) .col .inner-wrap[data-animation="perspective"].animated .vert-center h3{
opacity:0;
-webkit-transform:translateY(-130px);
transform:translateY(-130px);
-webkit-transition:opacity 0.3s cubic-bezier(0.1,0,.3 0.2,1) 0.23s,-webkit-transform 0.72s cubic-bezier(0.1,0.3,0.27,1);
transition:opacity 0.3s cubic-bezier(0.1,0.3,0.2,1) 0.23s,transform 0.72s cubic-bezier(0.1,0.3,0.27,1);
}
.portfolio-items[data-ps="6"]:not(.carousel) .col .inner-wrap[data-animation="none"] {
transform: translateZ(0);
}
body .portfolio-items:not(.carousel) .col.animated-in .inner-wrap {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
height: 100%;
}
.portfolio-items:not(.carousel) .col.animated-in .inner-wrap {
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}
.portfolio-items:not(.carousel) .col.animated-in .inner-wrap[data-animation="perspective"] {
-webkit-transform: translateY(0) translateZ(0) rotateX(0);
transform: translateY(0) translateZ(0) rotateX(0);
opacity: 1;
}
.portfolio-items[data-ps="8"]:not(.carousel) .col.animated-in .inner-wrap[data-animation="perspective"].animated .vert-center p,
.portfolio-items[data-ps="8"]:not(.carousel) .col.animated-in .inner-wrap[data-animation="perspective"].animated .vert-center h3 {
opacity: 1;
-webkit-transform: translateY(0px) rotateX(0deg);
transform: translateY(0px) rotateX(0deg);
}
.portfolio-items .col.ajax-loaded {
transition: none!important;
-webkit-transition: none!important;
}
.carousel.portfolio-items .col img,
.carousel.portfolio-items .col .work-meta,
.carousel.portfolio-items .col .nectar-love-wrap,
.carousel.portfolio-items .work-item {
opacity: 1;
}
body .portfolio-items .col {
height: auto;
}
.portfolio-items[data-ps="7"] .col img {
-ms-transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
-webkit-transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
transition: transform 1s cubic-bezier(0, 1, 0.5, 1);
}
.portfolio-items[data-ps="7"] .col { background-color: transparent; }
.portfolio-items[data-ps="7"] .col .work-info .vert-center {
margin: 0;
-webkit-transition: transform 1s cubic-bezier(0, 1, 0.5, 1), opacity 1s cubic-bezier(0, 1, 0.5, 1);
transition: transform 1s cubic-bezier(0, 1, 0.5, 1), opacity 1s cubic-bezier(0, 1, 0.5, 1);
-webkit-transform: translateY(-50%) perspective(1px) scale(0.8) translateZ(0);
transform: translateY(-50%) perspective(1px) scale(0.8) translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
}
.portfolio-items[data-ps="7"] .col .work-info-bg {
-webkit-transition: opacity 1s cubic-bezier(0, 1, 0.5, 1);
transition: opacity 1s cubic-bezier(0, 1, 0.5, 1);
}
.portfolio-items[data-ps="7"] .col:hover .work-info-bg {
opacity: 0.8;
}
.portfolio-items[data-ps="7"] .col .work-info .vert-center *,
.portfolio-items[data-ps="7"] .work-info {
opacity: 1;
}
.portfolio-items[data-ps="7"] .work-info {
padding: 0 19%;
}
.portfolio-items[data-ps="7"] .col .work-item.style-2,
.portfolio-items[data-ps="8"] .col .work-item.style-2 {
overflow: hidden;
}
.portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg,
.portfolio-items[data-ps="8"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
background-color: #000!important;
}
.portfolio-items[data-ps="7"] .col:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.portfolio-items[data-ps="7"] .col:hover .work-info .vert-center {
opacity: 1;
-webkit-transform: scale(1) perspective(1px) translateY(-50%) translateZ(0);
-ms-transform: scale(1) perspective(1px) translateY(-50%) translateZ(0);
transform: scale(1) perspective(1px) translateY(-50%) translateZ(0);
}
.portfolio-items[data-ps="8"] .col img {
-ms-transition: transform .62s cubic-bezier(.05,.2,.1,1);
-webkit-transition: transform .62s cubic-bezier(.05,.2,.1,1);
transition: transform .62s cubic-bezier(.05,.2,.1,1);
}
.portfolio-items[data-ps="8"] .col .work-info-bg {
-ms-transition: opacity .62s cubic-bezier(.05,.2,.1,1);
-webkit-transition: opacity .62s cubic-bezier(.05,.2,.1,1);
transition: opacity .62s cubic-bezier(.05,0.2,.1,1);
}
.portfolio-items[data-ps="8"] .col:hover img {
-webkit-transform: scale(1.11);
-ms-transform: scale(1.11);
transform: scale(1.11);
}
body .portfolio-items[data-ps="8"] .col {
background-color: transparent;
}
.portfolio-items[data-ps="8"] .work-info,
.portfolio-items[data-ps="8"] .col .work-info .vert-center * {
opacity: 1;
}
.portfolio-items[data-ps="8"] .col .work-info .vert-center p {
position: relative;
}
.portfolio-items[data-ps="8"] .col .arrow-circle:before {
font-family: 'Fontawesome';
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
content: "\f105";
color: #fff;
line-height: 30px;
font-size: 22px;
position: absolute;
right: 0;
width: 41px;
text-align: center;
height: 30px;
top: 50%;
margin-top: -17px;
}
.portfolio-items[data-ps="8"] .col:hover .arrow-circle svg circle {
stroke-dashoffset: 336;
-webkit-transition: all .43s cubic-bezier(.45,0.1,.07,1);
transition: all .43s cubic-bezier(.45,0.1,.07,1);
}
.portfolio-items[data-ps="8"] .col .work-info .vert-center .arrow-circle {
position: absolute;
bottom: 30px;
height: 45px;
-ms-transition: none;
-webkit-transition: none;
transition: none;
opacity: 0;
}
.portfolio-items[data-ps="8"] .arrow-circle svg:nth-child(1) {
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.portfolio-items[data-ps="8"] .arrow-circle svg:nth-child(2) {
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: absolute;
left: 1px;
top: -1px;
}
.portfolio-items[data-ps="8"] .col:hover .work-info .vert-center .arrow-circle {
-ms-transition: all .28s cubic-bezier(.2,.2,.1,1);
transition: all .28s cubic-bezier(.2,.2,.1,1);
-webkit-transition: all .28s cubic-bezier(.2,.2,.1,1);
opacity: 1;
}
.portfolio-items[data-ps="8"] .arrow-circle svg circle {
fill: none;
stroke: #fff;
stroke-width: 2;
stroke-linecap: round;
stroke-dasharray: 133;
stroke-dashoffset: 399;
transition: none;
}
.portfolio-items[data-ps="8"] .col .work-info .vert-center {
text-align: left;
margin-top: 0;
bottom: 30px;
top: auto;
position: absolute;
-ms-transform: none;
-webkit-transform: none;
transform: none;
left: 0;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
}
.portfolio-items[data-ps="8"] .col:hover .work-info-bg {
opacity: 0.55;
}
.portfolio-items[data-ps="8"] .col h3 {
font-size: 20px;
line-height: 25px;
}
.portfolio-items[data-ps="8"] .col h3, .portfolio-items[data-ps="8"] .col p {
max-width: 75%;
}
.portfolio-items[data-ps="9"] .col {
margin-bottom: 35px;
}
body .portfolio-items[data-ps="9"] .col {
padding: 1%;
background-color: transparent;
}
.portfolio-items[data-ps="9"] .col .work-item {
margin-bottom: 25px;
overflow: visible;
position: static;
}
body.material .portfolio-items[data-ps="9"] .col img {
border-radius: 5px;
}
#ajax-content-wrap .portfolio-items[data-ps="9"] .col .work-meta {
float: none;
width: 100%;
}
.portfolio-items[data-ps="9"] .col p {
text-transform: none;
}
.portfolio-items[data-ps="9"] .col img {
transition: all 0.3s cubic-bezier(.21, .6, .35, 1);
}
.portfolio-items[data-ps="9"] .col:hover img {
transform: translateY(-5px);
box-shadow: 0 30px 65px rgba(0,0,0,0.15);
}
.portfolio-items .col.nectar-new-item:hover .inner-wrap:before {
transform: translateY(-32px) translateZ(0) scale(1);
}
.portfolio-items .col.nectar-new-item .inner-wrap {
position: relative;
}
.portfolio-items .col.nectar-new-item .inner-wrap:before {
display: block;
border-radius: 50px;
background-color: #000;
padding: 10px 20px;
position: absolute;
left: 13px;
top: 13px;
color: #fff;
line-height: 16px;
font-size: 16px;
content: 'New';
z-index: 100;
transform: scale(0.9) translateZ(0);
backface-visibility: hidden;
transition: transform 0.3s cubic-bezier(.21, .6, .35, 1);
}
body .portfolio-items[data-gutter="20px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="20px"][data-ps="9"] .col.elastic-portfolio-item {
padding: 40px;
}
body .portfolio-items[data-gutter="15px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="15px"][data-ps="9"] .col.elastic-portfolio-item {
padding: 30px;
}
body .portfolio-items[data-gutter="10px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="10px"][data-ps="9"] .col.elastic-portfolio-item,
body .portfolio-items[data-gutter="default"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="default"][data-ps="9"] .col.elastic-portfolio-item {
padding: 20px;
}
body .portfolio-items[data-gutter="9px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="9px"][data-ps="9"] .col.elastic-portfolio-item {
padding: 18px;
}
body .portfolio-items[data-gutter="8px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="8px"][data-ps="9"] .col.elastic-portfolio-item {
padding: 16px;
}
body .portfolio-items[data-gutter="7px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="7px"][data-ps="9"] .col.elastic-portfolio-item {
padding: 14px;
}
body .portfolio-items[data-gutter="6px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="6px"][data-ps="9"] .col.elastic-portfolio-item {
padding: 12px;
}
body .portfolio-items[data-gutter="5px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="5px"][data-ps="9"] .col.elastic-portfolio-item {
padding: 10px;
}
body .portfolio-items[data-gutter="4px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="4px"][data-ps="9"] .col.elastic-portfolio-item {
padding: 8px;
}
body .portfolio-items[data-gutter="3px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="3px"][data-ps="9"] .col.elastic-portfolio-item {
padding: 6px;
}
body .portfolio-items[data-gutter="2px"][data-col-num="elastic"][data-ps="9"],
body .portfolio-items[data-gutter="2px"][data-ps="9"] .col.elastic-portfolio-item {
padding: 4px;
}
body.material .portfolio-filters-inline[data-color-scheme*="-underline"] a:after,
body.material .portfolio-filters[data-color-scheme*="-underline"] > ul li a:after {
transform-origin: left;
transform: scaleX(0);
left: 0;
width: 100%;
bottom: 2px;
-webkit-transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
}
body.material:not(.using-mobile-browser) .portfolio-filters-inline[data-color-scheme*="-underline"] a:hover:after,
body.material:not(.using-mobile-browser) .portfolio-filters[data-color-scheme*="-underline"] > ul li a:hover:after {
transform-origin: left;
transform: scaleX(1);
left: 0;
}
body.material .portfolio-filters-inline[data-color-scheme*="-underline"] .active:after,
body.material .portfolio-filters[data-color-scheme*="-underline"] > ul li .active:after {
transform-origin: left;
transform: scaleX(1);
left: 0;
}
.portfolio-items .col.span_3 {
width: 24.9%;
margin: 0;
padding: 0;
}
.portfolio-items .col.span_4 {
width: 33.3%;
margin: 0;
}
.portfolio-items .col.span_6,
.portfolio-items[data-ps="6"] .col.span_6 {
width: 49.9%;
margin: 0;
}
.portfolio-items[data-rcp="true"]:not(.carousel) {
margin: 0;
}
.portfolio-items[data-rcp="true"] .col.span_4 {
width: 33.3%;
margin: 0;
}
.portfolio-items .col.span_3 .work-item .work-info a {
padding: 6px 11px;
font-size: 11px;
margin: 3px;
}
.portfolio-items .col.span_3 .work-meta h4 {
font-size: 16px;
line-height: 16px;
letter-spacing: -1px;
}
.portfolio-items .work-meta h4 {
line-height: 22px;
position: relative;
top: -2px;
}
.portfolio-items .work-meta p {
line-height: 22px;
}
[data-ps="1"] .work-meta p {
position: relative;
}
.page-template-template-portfolio-php .portfolio-items .col.span_3,
.page-template-template-portfolio-php .portfolio-items .col.span_4 {
background-color: #f8f8f8;
}
.portfolio-items .col .work-item .work-info .default-link {
background-color: #252525;
padding: 9px 15px;
color: #fff;
font-size: 12px;
margin: 5px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.portfolio-items .col .work-item .work-info .default-link:hover {
opacity: 0.8;
}
.portfolio-items .col h3 {
position: relative;
top: 0;
color: #fff;
margin-bottom: 10px;
}
body .portfolio-items .col img {
display: block;
margin-bottom: 0;
width: auto;
}
.wpb_row.full-width-content .portfolio-items[data-col-num="cols-3"] .col.span_4 img {
max-width: none;
width: 100%;
}
.wpb_row .portfolio-items[data-bypass-cropping="true"] .col .work-item.style-5 .parallaxImg-wrap,
.wpb_row .portfolio-items[data-bypass-cropping="true"] .col .work-item.style-5 .parallaxImg {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
}
.wpb_row .portfolio-items[data-bypass-cropping="true"] .col .work-item.style-5 img.sizer {
height: auto;
position:relative;
}
.portfolio-items .col:not([data-default-color="true"]) .work-item[data-custom-content='on'] img {
z-index: 3;
}
.portfolio-items .col:not([data-default-color="true"]) .work-item[data-custom-content='on'] img.no-img {
z-index: 1;
}
body .portfolio-items[data-col-num="elastic"] .work-info-bg {
width: 100%;
}
.portfolio-items .col .work-info .view,
.portfolio-items .col .work-info .image,
.portfolio-items .col .work-info .video {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
text-indent: -9999px;
color: #fff;
display: block;
}
.portfolio-items .col .work-info .vert-center {
text-align: center;
margin-top: -20px;
position: relative;
z-index: 10;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0);
-webkit-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.portfolio-items[data-ps="2"] .col .work-info .vert-center {
-webkit-transition: opacity 0.2s ease-out, transform 0.2s ease-out;
transition: opacity 0.2s ease-out, transform 0.2s ease-out;
-webkit-transform: translateY(calc(-50% - 20px)) translateZ(0);
transform: translateY(calc(-50% - 20px)) translateZ(0);
margin-top: 0;
}
.portfolio-items[data-ps="2"] .col .work-item:hover .work-info .vert-center {
-webkit-transform: translateY(-50%) translateZ(0);
transform: translateY(-50%) translateZ(0);
}
.portfolio-items[data-ps="2"] .col .work-item .work-info .vert-center > * {
opacity: 1;
}
.portfolio-items .col .work-info .vert-center .no-text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: block;
text-indent: -9999px;
background-color: transparent;
}
body .portfolio-items .col .work-info .vert-center.no-text {
-webkit-transform: none;
transform: none;
top: 0;
height: 100%;
}
.portfolio-items .col .work-info .vert-center p {
padding-bottom: 0;
}
.portfolio-items .col .work-info a:hover span { opacity: 0.8; }
.portfolio-items .col .work-info .vert-center *,
.portfolio-items .col .work-info i {
opacity: 0;
transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.portfolio-items[data-ps="6"] .work-item .work-meta .inner .custom-content *,
.portfolio-items .col .work-info .vert-center .custom-content,
.portfolio-items .col .work-info .vert-center .custom-content *,
.portfolio-items .custom-content .sharing-default-minimal .nectar-social[data-color-override="override"] .nectar-social-inner a:not(:hover) i {
opacity: 1;
color: #fff;
}
.portfolio-items[data-ps="6"] .work-item .work-meta .inner .custom-content a {
position: relative;
width: auto;
height: auto;
}
.portfolio-items .custom-content .sharing-default-minimal .nectar-social-inner > .nectar-sharing:not(:hover) {
border-color: #fff;
}
.portfolio-items .col .work-info .vert-center .custom-content .nectar-button,
.portfolio-items[data-ps="6"] .work-item .work-meta .inner .custom-content .nectar-button {
display: inline-block!important;
}
.portfolio-items .col .work-info .vert-center .custom-content {
text-align: left;
}
.portfolio-items .col .work-info .vert-center .custom-content > *:last-child {
margin-bottom: 0;
}
.portfolio-items .col .work-item[data-custom-content="on"].style-1 .work-info .vert-center {
margin-top: 0;
}
.portfolio-items .col:not([data-default-color="true"]) .work-item[data-custom-content='on'] .work-info-bg,
.portfolio-items[data-ps="1"] .col:not([data-default-color="true"]) .work-item[data-custom-content='on'] :hover .work-info-bg,
.portfolio-items[data-ps="2"] .col:not([data-default-color="true"]) .work-item[data-custom-content='on'] :hover .work-info-bg {
opacity: 1;
}
.portfolio-items .col:not([data-default-color="true"]) .work-item[data-custom-content='on'] .work-info-bg:after {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
display: block;
content: ' ';
z-index: 1;
opacity: 0;
background-color: rgba(0,0,0,0.06);
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
}
.portfolio-items .col:not([data-default-color="true"]):hover .work-item[data-custom-content='on'] .work-info-bg:after {
opacity: 1;
}
body[data-button-style^="rounded"] .wpb_wrapper .custom-content .nectar-social{
text-align:center;
}
body .portfolio-items .col .work-item .work-info .custom-content a{
opacity:1!important;
text-indent:0!important;
width:auto;
display:inline-block;
position:relative!important
}
.portfolio-items .col .work-item {
position: relative;
margin-bottom: 15px;
overflow: hidden;
width: 100%;
}
.portfolio-items .col.elastic-portfolio-item .work-item {
overflow: visible;
}
.portfolio-wrap.default-style .portfolio-items:not([data-ps="6"]) .col.elastic-portfolio-item .work-item {
overflow: hidden;
}
.portfolio-items .nectar-love {
text-align: left;
}
.portfolio-items .nectar-love {
-webkit-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
height: 13px;
width: auto;
line-height: 11px;
font-size: 12px;
display: inline-block;
text-align: left;
color: #888;
}
.portfolio-items .work-meta {
text-align: left;
float: left;
width: 70%;
font-size: 11px;
color: #999;
}
.light .portfolio-items .work-meta {
color: #e8e8e8;
}
.portfolio-items .work-meta h4,
.main-content .portfolio-items .work-meta h4,
.page-template-template-portfolio .portfolio-items .work-meta h4 {
margin-bottom: 0;
}
.portfolio-items .nectar-love span {
line-height: 12px;
}
.portfolio-items .nectar-love-wrap {
width: 70px;
top: -1px;
position: relative;
float: right;
text-align: right;
}
.portfolio-items .nectar-love:hover,
.portfolio-items .nectar-love.loved {
color: #888;
}
.portfolio-items .flex-gallery {
margin-bottom: 0;
}
.portfolio-items[data-ps="6"] .col {
background-color: transparent;
width: 33.3%;
padding: 1%;
}
.portfolio-items[data-ps="6"] .col.span_3 {
width: 22.75%;
padding: 0.3%;
}
.portfolio-items[data-ps="6"] .col:hover {
z-index: 1000!important;
}
.portfolio-items[data-ps="6"] .col a {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
body .portfolio-items[data-ps="6"] .col.span_4 .work-meta,
body .portfolio-items[data-ps="6"] .col.span_3 .work-meta {
width: 100%;
}
.portfolio-items[data-ps="6"] .work-meta {
width: 100%;
padding: 17%;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
left: 0;
z-index: 100;
color: #fff;
font-size: 12px;
}
.portfolio-items[data-ps="6"] .work-meta p {
font-size: 14px;
position: relative;
line-height: 22px;
}
.portfolio-items[data-ps="6"] .work-meta h4 {
color: #fff;
font-size: 24px;
line-height: 30px;
}
.portfolio-items[data-ps="6"] .parallaxImg-layers > div:first-child .bg-img:after {
background-color: rgba(51,51,51,0.5);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
content: ' ';
transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1);
-webkit-transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1);
opacity: 0;
}
.portfolio-items[data-ps="6"] .bg-overlay {
border: 0 solid #fff;
position: absolute;
top: 9%;
left: 9%;
width: 82%;
height: 82%;
z-index: 10;
transition: border 0.24s cubic-bezier(0, 0, 0.6, 1), opacity 0.2s cubic-bezier(0.5, 0, 1, 0.1);
-webkit-transition: border 0.24s cubic-bezier(0, 0, 0.6, 1), opacity 0.2s cubic-bezier(0.5, 0, 1, 0.1);
opacity: 0;
}
.portfolio-items[data-ps="6"] .work-item:hover .bg-overlay {
-webkit-transition: border 0.24s cubic-bezier(0, 0, 0.6, 1), opacity 0s ease;
transition: border 0.24s cubic-bezier(0, 0, 0.6, 1), opacity 0s ease;
}
.portfolio-items[data-ps="6"] .col .parallaxImg-rendered-layer > .bg-img {
-webkit-transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1);
transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1);
}
.portfolio-items[data-ps="6"] .work-item:hover .parallaxImg-rendered-layer > .bg-img {
-webkit-transform: scale(1.07);
transform: scale(1.07);
}
.portfolio-items[data-ps="6"].no-masonry .bg-overlay {
border: 0 solid #fff;
position: absolute;
top: 11%;
left: 8%;
width: 84%;
height: 78%;
z-index: 10;
transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1);
-webkit-transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1);
}
.portfolio-items[data-ps="6"] .wide_tall .work-item .work-meta .inner {
-webkit-transform: scale(.85);
transform: scale(.85);
}
.portfolio-items[data-ps="6"] .work-item .work-meta .inner {
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8);
-webkit-transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1);
transition: all 0.4s cubic-bezier(0.12, 0.65, 0.4, 1);
}
html.cssreflections .portfolio-items .parallaxImg-wrap {
transform: translateZ(0px);
}
.portfolio-items .parallaxImg {
-webkit-tap-highlight-color: rgba(0,0,0,0);
outline: 1px solid transparent;
transition: transform 0.23s ease-out;
-webkit-transition: transform 0.23s ease-out;
position: relative;
z-index: 10;
cursor: pointer;
}
.portfolio-items .parallaxImg img {
box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}
.portfolio-items .parallaxImg-container {
position: relative;
width: 100%;
height: 100%;
outline: 1px solid transparent;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.portfolio-items[data-ps="6"][data-col-num="elastic"]:not(.fullwidth-constrained) {
overflow: visible;
}
.portfolio-items[data-ps="6"] .work-item:hover .parallaxImg-shadow {
box-shadow: 0 45px 100px rgba(0,0,0,0.4), 0 16px 40px rgba(0,0,0,0.4);
}
.portfolio-items[data-ps="6"] .col .work-item {
margin-bottom: 0;
}
.portfolio-items[data-col-num="elastic"][data-ps="6"] .col img {
width: 100%;
}
.portfolio-items .parallaxImg-layers {
position: relative;
width: 100%;
height: 100%;
z-index: 2;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
outline: 1px solid transparent;
}
.portfolio-items .parallaxImg-rendered-layer {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
background-size: cover;
outline: 1px solid transparent;
overflow: hidden;
}
@media only screen and (max-width: 1000px) {
.portfolio-items .parallaxImg-rendered-layer {
transform: none!important;
}
}
.portfolio-items .parallaxImg-rendered-layer > .bg-img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
background-size: cover;
outline: 1px solid transparent;
}
.portfolio-items .parallaxImg-container .parallaxImg-rendered-layer,
.parallaxImg.transition .parallaxImg-container .parallaxImg-rendered-layer {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.portfolio-items .parallaxImg-container .parallaxImg-shadow,
.portfolio-items .parallaxImg-container,
.parallaxImg.transition .parallaxImg-container,
.parallaxImg.transition .parallaxImg-container .parallaxImg-shadow {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
html.cssreflections .portfolio-items .parallaxImg-container .parallaxImg-shadow,
html.cssreflections .portfolio-items .parallaxImg-container,
.parallaxImg.transition .parallaxImg-container,
.parallaxImg.transition .parallaxImg-container .parallaxImg-shadow,
html.cssreflections .portfolio-items .parallaxImg-container .parallaxImg-rendered-layer,
.parallaxImg.transition .parallaxImg-container .parallaxImg-rendered-layer {
transition: transform 0.27s ease-out;
-webkit-transition: transform 0.27s ease-out;
}
html.cssreflections .portfolio-items .parallaxImg-container:not(.over),
html.cssreflections .portfolio-items .parallaxImg-container:not(.over) .parallaxImg-rendered-layer,
html.cssreflections .portfolio-items .parallaxImg:not(.over) {
transition: transform 0.35s ease-out;
-webkit-transition: transform 0.35s ease-out;
}
.parallaxImg.transition .parallaxImg-container .parallaxImg-shadow {
transition: all 0.27s ease-out;
-webkit-transition: all 0.27s ease-out;
}
.portfolio-items .parallaxImg-container:not(.over) .parallaxImg-shadow {
transition: all 0.27s ease-out;
-webkit-transition: all 0.27s ease-out;
}
body.cssreflections .portfolio-items .parallaxImg-container .parallaxImg-shadow,
body.cssreflections .portfolio-items .parallaxImg-container,
body.cssreflections .parallaxImg.transition .parallaxImg-container,
body.cssreflections .parallaxImg.transition .parallaxImg-container .parallaxImg-shadow,
body.cssreflections .portfolio-items .parallaxImg-container .parallaxImg-rendered-layer,
body.cssreflections .parallaxImg.transition .parallaxImg-container .parallaxImg-rendered-layer,
body.cssreflections .portfolio-items .parallaxImg {
transition: transform 0.1s ease-out;
-webkit-transition: transform 0.1s ease-out;
}
body.cssreflections .parallaxImg.transition .parallaxImg-container,
body.cssreflections .parallaxImg.transition .parallaxImg-container .parallaxImg-shadow,
body.cssreflections .parallaxImg.transition .parallaxImg-container .parallaxImg-rendered-layer,
body.cssreflections .portfolio-items .parallaxImg.transition {
transition: transform 0.2s ease-out;
-webkit-transition: transform 0.2s ease-out;
}
.portfolio-items .parallaxImg-shadow {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
box-shadow: 0 8px 30px rgba(0,0,0,0.6);
transition: all 0.27s ease-out;
-webkit-transition: all 0.27s ease-out;
z-index: 1;
}
.portfolio-items .tall .parallaxImg-shadow,
.portfolio-items .wide_tall .parallaxImg-shadow {
top: 8%;
}
.portfolio-items[data-ps="1"] .col .work-item:hover .vert-center,
.portfolio-items[data-ps="2"] .col .work-item:hover .vert-center,
.portfolio-items.carousel .col .work-item.style-2:hover .vert-center {
margin-top: 0;
}
.portfolio-items[data-ps="2"] .col .work-item:hover .work-info,
.portfolio-items[data-ps="2"] .col .work-item:hover .work-info .vert-center > *,
.recent-work-carousel.default-style .work-item:hover .work-info .vert-center > *,
.portfolio-items.carousel .col .work-item.style-2:hover .work-info,
.portfolio-items.carousel .col .work-item.style-2:hover .work-info .vert-center > * {
opacity: 1;
} @media only screen and (min-width: 1000px) {
.portfolio-items[data-ps="1"] .col .work-item:hover .work-info,
.portfolio-items[data-ps="1"] .col .work-item:hover .work-info .vert-center > * {
opacity: 1;
}
}
.portfolio-items[data-ps="1"] .col .work-item:hover .work-info-bg,
.portfolio-items[data-ps="2"] .col .work-item:hover .work-info-bg,
.portfolio-items.carousel .col .work-item.style-2:hover .work-info-bg {
opacity: 0.9;
}
.portfolio-items .col .work-item.style-3:hover .work-info-bg {
opacity: 0;
}
.portfolio-items .col .work-item.style-4 .work-info .bottom-meta,
.portfolio-items .col .work-item.style-4 img {
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
.portfolio-items .col .work-item.style-4:hover img {
transition-delay: 0.03s;
}
.portfolio-items .col .work-item.style-4 .work-info .bottom-meta {
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-color: #000;
}
.portfolio-items .col .work-item.style-4:hover img {
-webkit-transform: translateY(-25px);
transform: translateY(-25px);
}
.portfolio-items .col .work-item.style-4:hover .work-info .bottom-meta,
.portfolio-items .col .work-item.style-4[data-custom-content="on"]:hover img {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.portfolio-items .col .work-item.style-5 {
overflow: visible;
}
.portfolio-items .col .work-item.style-5 img.sizer {
position: absolute;
z-index: -1;
visibility: hidden;
}
.no-js .portfolio-items .col .work-item.style-5 img.sizer {
z-index: 1;
visibility: visible;
}
.portfolio-loading {
display: block;
height: 31px;
width: 31px;
z-index: 80;
position: absolute;
left: 50%;
top: 100px;
margin-left: -15px;
}
.portfolio-loading.default-loader {
background-image: none!important;
}
body[data-bg-header="true"] .portfolio-loading {
display: none;
}
div[data-col-num="cols-4"] .portfolio-loading {
top: 85px;
}
div[data-col-num="cols-3"] .portfolio-loading {
top: 111px;
}
.portfolio-items[data-col-num="elastic"] {
margin-right: 0;
margin-top: 0;
}
.portfolio-wrap {
position: relative;
}
body .portfolio-wrap.default-style,
body .portfolio-wrap.spaced {
padding: 2% 0;
}
body #boxed .portfolio-wrap.spaced {
padding-left: 1.5%;
}
body #boxed .portfolio-wrap.default-style {
padding: 2%;
}
body .default-style .portfolio-items .col.elastic-portfolio-item {
margin: 1.2%!important;
width: 17.50%!important;
}
body .portfolio-items .col.elastic-portfolio-item {
width: 20%;
margin: 0!important;
}
body .portfolio-items[data-gutter="1px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="1px"] .col {
padding: 1px;
}
body .portfolio-items[data-gutter="2px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="2px"] .col {
padding: 2px;
}
body .portfolio-items[data-gutter="3px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="3px"] .col {
padding: 3px;
}
body .portfolio-items[data-gutter="4px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="4px"] .col {
padding: 4px;
}
body .portfolio-items[data-gutter="5px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="5px"] .col {
padding: 5px;
}
body .portfolio-items[data-gutter="6px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="6px"] .col {
padding: 6px;
}
body .portfolio-items[data-gutter="7px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="7px"] .col {
padding: 7px;
}
body .portfolio-items[data-gutter="8px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="8px"] .col {
padding: 8px;
}
body .portfolio-items[data-gutter="9px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="9px"] .col {
padding: 9px;
}
body .portfolio-items[data-gutter="10px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="10px"] .col {
padding: 10px;
}
body .portfolio-items[data-gutter="15px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="15px"] .col,
body .portfolio-items[data-gutter="default"]:not([data-col-num="elastic"]) .col {
padding: 15px;
}
body .portfolio-items[data-gutter="20px"][data-col-num="elastic"],
body .portfolio-items[data-gutter="20px"] .col {
padding: 20px;
}
body .portfolio-items[data-gutter*="px"][data-col-num="elastic"].fullwidth-constrained {
padding: 0;
}
body .portfolio-items[data-gutter="1px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="1px"]:not([data-col-num="elastic"]) {
width: calc(100% + 2px);
margin-left: -1px;
margin-top: -1px;
}
body .portfolio-items[data-gutter="2px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="2px"]:not([data-col-num="elastic"]) {
width: calc(100% + 4px);
margin-left: -2px;
margin-top: -2px;
}
body .portfolio-items[data-gutter="3px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="3px"]:not([data-col-num="elastic"]) {
width: calc(100% + 6px);
margin-left: -3px;
margin-top: -3px;
}
body .portfolio-items[data-gutter="4px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="4px"]:not([data-col-num="elastic"]) {
width: calc(100% + 8px);
margin-left: -4px;
margin-top: -4px;
}
body .portfolio-items[data-gutter="5px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="5px"]:not([data-col-num="elastic"]) {
width: calc(100% + 10px);
margin-left: -5px;
margin-top: -5px;
}
body .portfolio-items[data-gutter="6px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="6px"]:not([data-col-num="elastic"]) {
width: calc(100% + 12px);
margin-left: -6px;
margin-top: -6px;
}
body .portfolio-items[data-gutter="7px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="7px"]:not([data-col-num="elastic"]) {
width: calc(100% + 14px);
margin-left: -7px;
margin-top: -7px;
}
body .portfolio-items[data-gutter="8px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="8px"]:not([data-col-num="elastic"]) {
width: calc(100% + 16px);
margin-left: -8px;
margin-top: -8px;
}
body .portfolio-items[data-gutter="9px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="9px"]:not([data-col-num="elastic"]) {
width: calc(100% + 18px);
margin-left: -9px;
margin-top: -9px;
}
body .portfolio-items[data-gutter="10px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="10px"]:not([data-col-num="elastic"]) {
width: calc(100% + 20px);
margin-left: -10px;
margin-top: -10px;
}
body .portfolio-items[data-gutter="15px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="15px"]:not([data-col-num="elastic"]),
body .portfolio-items[data-gutter="default"]:not([data-col-num="elastic"]) {
width: calc(100% + 30px);
margin-left: -15px;
margin-top: -15px;
}
body .portfolio-items[data-gutter="20px"][data-col-num="elastic"].fullwidth-constrained,
body .portfolio-items[data-gutter="20px"]:not([data-col-num="elastic"]) {
width: calc(100% + 40px);
margin-left: -20px;
margin-top: -20px;
}
body .portfolio-items .col.elastic-portfolio-item.tall,
body .portfolio-items .col.elastic-portfolio-item.regular {
width: 20%;
}
body .portfolio-items .col.elastic-portfolio-item.wide {
width: 40%;
}
body .portfolio-items .col.elastic-portfolio-item.wide_tall {
width: 40%;
} body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item {
width: 25%;
} body .wpb_gallery .portfolio-wrap .portfolio-items[data-loading="lazy-load"] {
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 1600px) {
.wpb_gallery .portfolio-wrap .portfolio-items[data-loading="lazy-load"][data-col-num="elastic"] .col {
width: 25%
}
}
@media only screen and (max-width: 1300px) {
.wpb_gallery .portfolio-wrap .portfolio-items[data-loading="lazy-load"][data-col-num="elastic"] .col {
width: 33.3%
}
}
@media only screen and (max-width: 1000px) {
.wpb_gallery .portfolio-wrap .portfolio-items[data-loading="lazy-load"][data-col-num="elastic"] .col {
width: 50%
}
}
@media only screen and (max-width: 470px) {
.wpb_gallery .portfolio-wrap .portfolio-items[data-loading="lazy-load"][data-col-num="elastic"] .col {
width: 100%
}
}
@media only screen and (min-width: 1000px) {
.wpb_gallery .portfolio-wrap .portfolio-items[data-loading="lazy-load"][data-col-num="elastic"].constrain-max-cols .col {
width: 25%
}
} .nectar_fullscreen_zoom_recent_projects {
height: 900px;
width: 100%;
position: relative;
overflow:hidden;
}
.nectar_fullscreen_zoom_recent_projects .project-slides,
.nectar_fullscreen_zoom_recent_projects .project-slide,
.nectar_fullscreen_zoom_recent_projects .project-slide .bg-outer-wrap,
.nectar_fullscreen_zoom_recent_projects .project-slide .bg-outer-wrap *,
.nectar_fullscreen_zoom_recent_projects .project-slide .bg-outer-wrap .bg-inner-wrap:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
body .nectar_fullscreen_zoom_recent_projects .project-slide.no-trans,
body .nectar_fullscreen_zoom_recent_projects .project-slide.no-trans *,
body .nectar_fullscreen_zoom_recent_projects .project-slide.no-trans .project-info h1 > span span,
body .nectar_fullscreen_zoom_recent_projects .project-slide.no-trans .project-info a,
body .nectar_fullscreen_zoom_recent_projects .project-slide.no-trans .project-info p {
-ms-transition: none;
-webkit-transition: none;
transition: none;
}
.nectar_fullscreen_zoom_recent_projects .project-slide {
visibility: hidden;
-webkit-transition: visibility 0s 1.3s;
transition: visibility 0s 1.3s;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.current {
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .bg-outer-wrap .slide-bg {
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s, -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
-webkit-transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
backface-visibility: hidden;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.prev .bg-outer-wrap .slide-bg,
.nectar_fullscreen_zoom_recent_projects .project-slide.next .bg-outer-wrap .slide-bg {
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .bg-outer-wrap {
-webkit-transition: -webkit-transform 0.95s cubic-bezier(0.4, 0, 0.2, 1) 0.45s;
transition: -webkit-transform 0.95s cubic-bezier(0.4, 0, 0.2, 1) 0.45s;
transition: transform 0.95s cubic-bezier(0.4, 0, 0.2, 1) 0.45s;
transition: transform 0.95s cubic-bezier(0.4, 0, 0.2, 1) 0.45s, -webkit-transform 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.45s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.prev .bg-outer-wrap {
-webkit-transform: translate3d(0%, -100%, 0);
transform: translate3d(0%, -100%, 0);
}
.nectar_fullscreen_zoom_recent_projects .project-slide.next .bg-outer-wrap {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.nectar_fullscreen_zoom_recent_projects .project-slide .bg-outer,
.nectar_fullscreen_zoom_recent_projects .project-slide .bg-outer {
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s, -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
-webkit-transform: scale(1) translateZ(0);
-ms-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
backface-visibility: hidden;
overflow: hidden;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.prev .bg-outer,
.nectar_fullscreen_zoom_recent_projects .project-slide.next .bg-outer {
-webkit-transform: scale(0.5) translateZ(0);
-ms-transform: scale(0.5) translateZ(0);
transform: scale(0.5) translateZ(0);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info .project-slide__title > span {
position: relative;
display: inline-block;
overflow: hidden;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info .project-slide__title > span span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.1, 1) 0.75s;
transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.1, 1) 0.75s;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.1, 1) 0.75s;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.1, 1) 0.75s, -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.1, 1) 0.75s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
padding: 2% 0;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info a,
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info p {
-webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.1, 1) 0.75s;
transition: all 0.5s cubic-bezier(0.4, 0, 0.1, 1) 0.75s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
display: block;
margin-top: 25px;
opacity: 1;
}
.nectar_fullscreen_zoom_recent_projects[data-slider-text-color="light"] .project-info .project-slide__title {
color: #fff;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.prev .project-info .project-slide__title > span span {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.next .project-info .project-slide__title > span span {
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.prev .project-info a {
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
opacity: 0;
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.prev .project-info p {
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 0;
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.next .project-info a {
-webkit-transform: translateY(60%);
transform: translateY(60%);
opacity: 0;
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.next .project-info p {
-webkit-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
-webkit-transition-delay: .45s;
transition-delay: .45s;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info a {
color: #fff;
font-weight: 600;
backface-visibility: hidden;
display: inline-block;
position: relative;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info p {
color: #fff;
backface-visibility: hidden;
position: relative;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info a:hover:after {
animation: portSliderLine 0.42s cubic-bezier(0.42, 0, 0, 1) forwards;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info a:after {
display: block;
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 2px;
background-color: #fff;
bottom: -1px;
left: 0;
backface-visibility: hidden;
pointer-events: none;
animation: portSliderLine2 0.42s cubic-bezier(0.42, 0, 0, 1) forwards;
}
.nectar_fullscreen_zoom_recent_projects[data-slider-text-color="dark"] .project-slide .project-info a:after {
background-color: #000;
}
.nectar_fullscreen_zoom_recent_projects[data-slider-text-color="dark"] .project-slide .project-info a {
color: #000;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .bg-outer-wrap .slide-bg {
background-size: cover;
background-position: center;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .bg-outer-wrap .bg-inner-wrap:after {
opacity: 0;
-webkit-transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
backface-visibility: hidden;
z-index: 10;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .bg-outer-wrap .bg-inner-wrap:after {
content: '';
background-color: inherit;
}
.nectar_fullscreen_zoom_recent_projects .project-slide.current .bg-outer-wrap .bg-inner-wrap:after {
-webkit-transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.2s;
transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1) 1.25s;
}
.nectar_fullscreen_zoom_recent_projects[data-overlay-opacity="0.1"] .project-slide.current .bg-outer-wrap .bg-inner-wrap:after { opacity: 0.1; }
.nectar_fullscreen_zoom_recent_projects[data-overlay-opacity="0.2"] .project-slide.current .bg-outer-wrap .bg-inner-wrap:after { opacity: 0.2; }
.nectar_fullscreen_zoom_recent_projects[data-overlay-opacity="0.3"] .project-slide.current .bg-outer-wrap .bg-inner-wrap:after { opacity: 0.3; }
.nectar_fullscreen_zoom_recent_projects[data-overlay-opacity="0.4"] .project-slide.current .bg-outer-wrap .bg-inner-wrap:after { opacity: 0.4; }
.nectar_fullscreen_zoom_recent_projects[data-overlay-opacity="0.5"] .project-slide.current .bg-outer-wrap .bg-inner-wrap:after { opacity: 0.5; }
.nectar_fullscreen_zoom_recent_projects[data-overlay-opacity="0.6"] .project-slide.current .bg-outer-wrap .bg-inner-wrap:after { opacity: 0.6; }
.nectar_fullscreen_zoom_recent_projects[data-overlay-opacity="0.7"] .project-slide.current .bg-outer-wrap .bg-inner-wrap:after { opacity: 0.7; }
.nectar_fullscreen_zoom_recent_projects[data-overlay-opacity="0.8"] .project-slide.current .bg-outer-wrap .bg-inner-wrap:after { opacity: 0.8; }
.nectar_fullscreen_zoom_recent_projects[data-overlay-opacity="0.9"] .project-slide.current .bg-outer-wrap .bg-inner-wrap:after { opacity: 0.9; }
.nectar_fullscreen_zoom_recent_projects[data-overlay-opacity="1"] .project-slide.current .bg-outer-wrap .bg-inner-wrap:after { opacity: 1; }
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 100;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info .project-slide__title,
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info p {
max-width: 50%;
}
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info p {
display: block;
}
.nectar_fullscreen_zoom_recent_projects > .normal-container {
position: absolute;
z-index: 100;
width: 100%;
top: 0;
height: 100%;
left: 50%;
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
body[data-full-width-header="true"] .nectar_fullscreen_zoom_recent_projects > .normal-container {
max-width: none;
width: 100%;
left: 0;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls {
position: absolute;
left: 0;
bottom: 40px;
z-index: 100;
pointer-events: all;
}
body[data-full-width-header="true"] .nectar_fullscreen_zoom_recent_projects .zoom-slider-controls {
left: 35px;
bottom: 20px;
}
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .next,
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .prev {
width: 44px;
height: 44px;
display: inline-block;
text-align: center;
border-radius: 50%;
position: relative;
margin: 7px;
border: 1px solid rgba(255,255,255,0.5);
}
.nectar_fullscreen_zoom_recent_projects[data-slider-text-color="dark"] .zoom-slider-controls .prev,
.nectar_fullscreen_zoom_recent_projects[data-slider-text-color="dark"] .zoom-slider-controls .next {
border: 1px solid rgba(0,0,0,0.5);
}
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .prev {
margin-left: 0;
}
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .next i,
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .prev i {
width: 44px;
height: 12px;
line-height: 12px;
font-size: 14px;
text-align:center;
position: absolute;
top: 50%;
left: 0;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
color: #fff;
}
.nectar_fullscreen_zoom_recent_projects[data-slider-text-color="dark"] .zoom-slider-controls .prev i,
.nectar_fullscreen_zoom_recent_projects[data-slider-text-color="dark"] .zoom-slider-controls .next i {
color: #000;
}
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .next i {
left: 1px;
}
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .next:hover i {
-ms-transform: translateX(5px) translateY(-50%);
-webkit-transform: translateX(5px) translateY(-50%);
transform: translateX(5px) translateY(-50%);
}
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .prev:hover i {
-ms-transform: translateX(-5px) translateY(-50%);
-webkit-transform: translateX(-5px) translateY(-50%);
transform: translateX(-5px) translateY(-50%);
}
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .next:after,
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .prev:after {
display: block;
content: '';
background-color: #fff;
height: 1px;
width: 14px;
position: absolute;
left: 14px;
top: 50%;
-ms-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transform: scaleX(0) translateX(0px);
-webkit-transform: scaleX(0) translateX(0px);
transform: scaleX(0) translateX(0px);
}
.nectar_fullscreen_zoom_recent_projects[data-slider-text-color="dark"] .zoom-slider-controls .prev:after,
.nectar_fullscreen_zoom_recent_projects[data-slider-text-color="dark"] .zoom-slider-controls .next:after {
background-color: #000;
}
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .next:hover:after,
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .prev:hover:after {
-ms-transform: scaleX(1) translateX(0);
-webkit-transform: scaleX(1) translateX(0);
transform: scaleX(1) translateX(0);
}
.nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .prev:after {
left: auto;
right: 14px;
-ms-transform: scaleX(0) translateX(0px);
-webkit-transform: scaleX(0) translateX(0px);
transform: scaleX(0) translateX(0px);
}
.nectar_fullscreen_zoom_recent_projects[data-slider-controls="arrows"] .dot-nav {
pointer-events: none;
visibility: hidden;
}
.nectar_fullscreen_zoom_recent_projects .dot-nav {
position: absolute;
right: 50px;
top: 50%;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 100;
pointer-events: all;
}
body[data-ext-responsive="true"][data-full-width-header="true"] .nectar_fullscreen_zoom_recent_projects .dot-nav {
right: 35px;
}
.nectar_fullscreen_zoom_recent_projects .dot-nav > span {
display: block;
height: 2px;
width: 30px;
cursor: pointer;
padding: 8px 0;
opacity: 0.5;
box-sizing: content-box;
-ms-transform-origin: right;
-webkit-transform-origin: right;
transform-origin: right;
-ms-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-ms-transform: scaleX(0.5);
-webkit-transform: scaleX(0.5);
transform: scaleX(0.5);
}
.nectar_fullscreen_zoom_recent_projects .dot-nav span.active {
opacity: 1;
-ms-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.nectar_fullscreen_zoom_recent_projects .dot-nav > span span {
height: 100%;
width: 100%;
display: block;
background-color: #fff;
}
.nectar_fullscreen_zoom_recent_projects[data-slider-text-color="dark"] .dot-nav > span span {
background-color: #000;
} @media only screen and (min-width: 1000px) {
.single-portfolio #page-header-bg[data-parallax="1"] .span_6 .inner-wrap {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.single-portfolio #page-header-bg[data-parallax="1"]:not(.fullscreen-header) .span_6 .inner-wrap #portfolio-nav {
width: calc(100% + 140px);
left: -70px;
}
.portfolio-items[data-ps="6"] .col.tall .bg-overlay {
top: 5.5%;
left: 9%;
width: 82%;
height: 89.5%;
}
.portfolio-items[data-ps="6"] .col.wide_tall .work-item:hover .bg-overlay {
border-width: 20px;
}
.portfolio-items[data-ps="6"] .col.wide .bg-overlay {
top: 9%;
left: 5.5%;
width: 89%;
height: 82%;
}
.portfolio-items[data-ps="6"].no-masonry .work-item:hover .bg-overlay {
border-width: 8px;
opacity: 1;
}
.portfolio-items[data-ps="6"] .work-item:hover .bg-overlay {
border-width: 11px;
opacity: 1;
}
.portfolio-items[data-ps="6"] .work-item:hover .parallaxImg-layers > div .bg-img:after {
opacity: 1;
}
.portfolio-items[data-ps="6"] .work-item:hover .work-meta .inner {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
body .default-style .portfolio-items.constrain-max-cols .col.elastic-portfolio-item {
width: 22.5%!important;
}
}
@media only screen and (max-width: 999px) {
.portfolio-items .col .work-item.style-3 .work-info-bg {
display: block;
}
}
@media only screen and (min-width: 690px) {
.portfolio-items[data-ps="6"] .wide_tall .work-meta h4 {
font-size: 48px;
line-height: 54px;
}
.portfolio-items[data-ps="6"] .wide_tall .work-meta p {
font-size: 28px;
line-height: 34px;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
body .default-style .portfolio-items.constrain-max-cols .col.elastic-portfolio-item .work-item .work-info a {
margin: 4px 3px;
padding: 4px 9px!important;
display: inline-block!important;
}
body .default-style .portfolio-items.constrain-max-cols:not([data-ps="6"]) .col.elastic-portfolio-item .work-meta {
width: 68%!important;
}
.portfolio-items:not(.carousel) .col.span_3 .work-item .work-info a {
padding: 5px 6px;
font-size: 11px;
margin: 1px;
}
.portfolio-items:not(.carousel) .col.span_3 .work-meta,
.portfolio-items:not(.carousel) .col.span_4 .work-meta {
width: 74%;
}
.portfolio-items:not(.carousel) .col.span_3 .nectar-love-wrap,
.portfolio-items:not(.carousel) .col.span_4 .nectar-love-wrap {
width: 52px;
}
body.single-portfolio #sidebar.fixed-sidebar,
body.single-portfolio #sidebar {
width: 27.5%;
}
body.single-portfolio .post-area {
width: 72.5%;
}
body.single-portfolio.material .post-area.span_9 {
width: 68.5%;
}
body.single-portfolio .row .title-wrap .col.section-title {
text-align: center;
}
body.single-portfolio .row .col.section-title h1 {
max-width: 725px;
margin: 0 auto;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1080px) {
body #sidebar.fixed-sidebar,
body.single-portfolio #sidebar {
top: 0;
margin-left: 0;
position: relative;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1025px) and (orientation:landscape) {
#full_width_portfolio .project-title.parallax-effect {
padding-top: 5em;
position: relative;
margin-top: -32px;
top: 0;
}
.portfolio-items .col .work-item .work-info a {
display: block;
position: absolute;
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.portfolio-items .col .work-item .work-info .custom-content .nectar-button {
width: auto;
}
body .portfolio-items[data-ps="6"] .work-item .parallaxImg-layers > div .bg-img:after {
opacity: 1;
}
body .portfolio-items[data-ps="6"] .work-item .work-meta .inner,
body .portfolio-items[data-ps="6"] .wide_tall .work-item .work-meta .inner {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.portfolio-items .col .work-item:not(.style-2):not(.style-3):not(.style-3-alt):not(.style-4) .work-info .vert-center {
height: 100%;
top: 0;
-webkit-transform: none;
transform: none;
}
}
@media only screen and (min-width : 690px) and (max-width : 999px) {
.one-fourths.span_3.clear-both,
.one-fourths.vc_span3.clear-both,
.one-fourths.vc_col-sm-3.clear-both:not([class*="vc_col-xs-"]) {
clear: both;
}
.one-fourths.span_3.right-edge,
.one-fourths.vc_span3.right-edge,
.one-fourths.vc_col-sm-3.right-edge:not([class*="vc_col-xs-"]) {
margin-right: 0;
}
.portfolio-items .col {
width: 100%;
margin-left: 0;
margin-bottom: 8px;
}
.portfolio-items:not(.carousel) div:nth-child(2n+2),
.portfolio-items:not(.carousel) div:nth-child(2n+2) {
clear: both;
}
.portfolio-items:not(.carousel) .col.span_4,
.portfolio-items:not(.carousel) .col.span_3 {
width: 49.9%!important;
}
.portfolio-items[data-ps="6"] .col {
padding: 2%;
}
body .portfolio-items[data-ps="6"] .work-item .parallaxImg-layers > div .bg-img:after {
opacity: 1;
}
body .portfolio-items[data-ps="6"] .work-item .work-meta .inner,
body .portfolio-items[data-ps="6"] .wide_tall .work-item .work-meta .inner {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
body .portfolio-filters {
position: relative;
display: block;
clear: both;
float: none;
top: auto;
margin: 30px auto;
}
.single-portfolio #full_width_portfolio .row .col.section-title h1 {
max-width: 430px;
margin: 0 auto;
}
#full_width_portfolio .section-title h1 {
font-size: 22px;
}
.carousel-next {
right: 1px;
padding-left: 1px;
}
.carousel-prev {
right: 25px;
padding-right: 1px;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover h3,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover h3 {
-webkit-transform: translateX(0px) translateZ(0);
transform: translateX(0px) translateZ(0);
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav .controls span.line {
display: none;
}
body .blog_next_prev_buttons[data-style="fullwidth_next_prev"] li span:not(.text),
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project span:not(.text),
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project span:not(.text) {
text-align: center;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .previous-project,
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .next-project {
min-height: 225px;
}
}
@media only screen and (max-width : 690px) {
.col {
margin-bottom: 25px;
}
.post-area {
margin-bottom: 0;
}
body .nectar_fullscreen_zoom_recent_projects .project-slide .project-info h2,
body .nectar_fullscreen_zoom_recent_projects .project-slide .project-info p {
max-width: 100%;
}
.single-portfolio .row .col.section-title.span_12 {
text-align: center;
}
body.single-portfolio .row .col.section-title.span_12 h1 {
width: 280px;
margin: 0 auto;
line-height: 30px;
}
.portfolio-items:not(.carousel) .col.span_4,
.portfolio-items:not(.carousel) .col.span_3,
.portfolio-items:not(.carousel) .col.span_6 {
width: 100%;
margin-right: 0;
margin-left: 0;
}
body .portfolio-items[data-ps="6"] .work-item .parallaxImg-layers > div .bg-img:after {
opacity: 1;
}
body .portfolio-items[data-ps="6"] .work-item .work-meta .inner,
body .portfolio-items[data-ps="6"] .wide_tall .work-item .work-meta .inner {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.bottom_controls #portfolio-nav .controls #next-link a i:after,
.bottom_controls #portfolio-nav .controls #prev-link a i:after {
display: none;
}
.posts-container[data-load-animation="none"] article .inner-wrap.animated {
opacity: 1;
}
.portfolio-filters {
width: 100%;
position: relative;
display: block;
clear: both;
top: auto;
}
.page-template-template-portfolio-php .portfolio-filters {
margin-bottom: 0;
}
hmtl .page-header-no-bg .portfolio-filters {
margin-top: 20px;
height: auto;
}
body .portfolio-filters > ul {
position: relative;
}
div[data-style="minimal"] .toggle h3 a {
font-size: 20px;
line-height: 24px;
}
body #portfolio-nav {
margin: 10px 0 0;
position: relative;
}
.bottom_controls #portfolio-nav {
margin-top: 0;
}
.bottom_controls #portfolio-nav .controls {
position: absolute;
}
.bottom_controls #portfolio-nav .controls span {
display: none;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls .container {
max-width: none!important;
}
.container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav .controls,
.blog_next_prev_buttons[data-style="fullwidth_next_prev"] .controls {
position: relative;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project span:not(.text),
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project span:not(.text) {
text-align: center;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .previous-project,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .next-project {
min-height: 250px;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav .controls span {
display: block;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .previous-project,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul .next-project {
width: 100%;
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project:hover h3,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project:hover h3 {
-webkit-transform: translateX(0px) translateZ(0);
transform: translateX(0px) translateZ(0);
}
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .next-project h3 .next-arrow,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls .previous-project h3 .next-arrow,
body .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav .controls span.line {
display: none;
}
body .project-title #portfolio-nav {
top: 10px;
height: 33px;
}
#portfolio-nav ul {
position: relative;
margin-left: 0;
}
#page-header-bg #portfolio-nav ul,
.section-title #portfolio-nav ul {
margin-bottom: 0;
}
#portfolio-nav ul:first-child {
z-index: 103;
}
#portfolio-nav .controls:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
body #page-header-bg .project-title {
top: 0;
padding-top: 30px;
}
.single-portfolio #page-header-bg[data-alignment-v="middle"]:not(.fullscreen-header) .span_6 {
-webkit-transform: none;
transform: none;
}
body[data-permanent-transparent="1"] #page-header-bg .project-title {
padding-top: 50px;
}
.single-portfolio #page-header-bg:not(.fullscreen-header) {
height: auto!important;
}
.project-title #portfolio-nav .controls,
#page-header-bg .project-title #portfolio-nav .controls {
margin: 0 auto;
float: none;
display: block;
width: 120px;
}
.project-title .controls #prev-link {
float: left;
}
.project-title .controls #next-link {
float: right;
}
.project-title #all-items {
left: 50%;
transform: translateX(-50%);
float: none;
position: absolute;
}
.project-title #portfolio-nav #all-items a {
margin: 0;
}
}
@media only screen and (min-width : 1px) and (max-width : 999px) {
body[data-header-resize="0"] .container-wrap .portfolio-filters-inline.first-section {
margin-top: 0;
}
.single-portfolio .row .post-area {
margin-top: 0;
}
.single-portfolio #boxed .post-area { width: 100%; }
.work-item:not([data-custom-content="on"]) .work-info-bg {
display: none;
}
.style-3 .work-info-bg {
display: block;
}
body .portfolio-items .work-item.style-3 p,
body .portfolio-items .work-item.style-3 .vert-center p {
display: block;
margin-top: 0;
opacity: 1;
position: relative;
}
.portfolio-items .work-item.style-3 .vert-center {
padding-top: 15px;
}
.portfolio-items[data-ps="8"] .col .work-info-bg { opacity: 0.3;}
.portfolio-items[data-ps="8"] .line, .portfolio-items[data-ps="8"] .col .next-arrow {
display: none;
}
.recent-work-carousel[data-full-width="true"] .portfolio-items .work-info-bg,
.portfolio-items .col .work-item.style-2 .work-info-bg {
display: block;
}
body .nectar-carousel-flickity-fixed-content .nectar-carousel-fixed-content {
position: relative;
width: 100%;
margin-right: 0;
transform: none;
top: 0;
}
body .nectar-carousel-flickity-fixed-content .nectar-flickity {
margin-left: 0;
}
body .nectar-flickity.nectar-carousel[data-controls="material_pagination"]:not(.masonry) .flickity-viewport {
margin-top: 50px;
}
.portfolio-items:not(.carousel) .col.span_3 .work-item .work-info a {
padding: 9px 15px;
font-size: 12px;
margin: 5px;
}
.portfolio-items .col .work-item .work-info a {
display: block;
position: absolute;
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
opacity: 0;
text-indent: -9999px;
}
.portfolio-items .col .work-item .work-info .custom-content .nectar-button {
width: auto;
}
.portfolio-items .custom-content .sharing-default-minimal .nectar-social-inner > .nectar-sharing {
margin: 10px 13px 10px 0;
}
.portfolio-items .col .work-item:not(.style-2):not(.style-3):not(.style-3-alt):not(.style-4):not([data-custom-content="on"]) .work-info .vert-center {
-webkit-transform: none;
transform: none;
top: 0;
height: 100%;
}
body.single-portfolio #sidebar.fixed-sidebar,
body.single-portfolio #sidebar {
top: 0;
width: 100%;
margin-left: 0;
margin-top: 10px;
position: relative;
float: none;
}
body.single-portfolio #sidebar {
margin-top: 30px;
}
.single-post[data-bg-header="true"].material .container-wrap:not(.no-sidebar) > .main-content {
padding-top: 0;
}
body.single-portfolio .post-area {
width: 100%;
float: none;
}
.single-portfolio #full_width_portfolio .row .col.section-title h1,
.single-portfolio .row .col.section-title h1 {
letter-spacing: 0;
}
.parallax_slider_outer.first-section,
body .parallax-disabled,
.parallax-disabled .nectar-slider-wrap {
margin-top: 0;
}
.admin-bar.single-portfolio .project-title.parallax-effect {
margin-top: 0;
}
#full_width_portfolio .project-title.parallax-effect {
position: relative;
top: 0;
}
body.single-portfolio #full_width_portfolio .container-wrap {
padding-top: 2.1em;
}
.carousel-wrap[data-full-width="true"] {
padding: 0 9px;
}
body .carousel-wrap[data-full-width="true"] .carousel-heading h2 {
font-size: 16px;
top: 3px;
}
.portfolio-items[data-col-num="elastic"] {
padding-left: 0;
}
.portfolio-filters-inline #current-category {
display: none;
}
body .portfolio-filters-inline .container > ul {
float: none;
text-align: center;
}
.portfolio-filters-inline #sort-label,
.portfolio-filters-inline .container > ul #sort-label {
display: none;
}
body .portfolio-filters-inline ul li,
body .portfolio-filters-inline ul ul {
float: none;
display: inline;
}
body .container-wrap .portfolio-filters-inline.first-section,
body .container-wrap .portfolio-filters-inline.non-fw.first-section {
padding-top: 19px;
margin-top: 0;
}
body .container-wrap.portfolio-filters-inline.first-section.non-fw {
padding-top: 33px;
}
body .portfolio-filters-inline .container > ul {
max-width: 100%;
margin-right: 0;
}
}
@media only screen and (min-width: 470px) and (max-width: 600px) {
body .carousel-wrap[data-full-width="true"] .portfolio-items .work-meta {
width: 66%;
}
body .carousel-wrap[data-full-width="true"] .portfolio-items .work-meta {
font-size: 10px;
}
body .portfolio-items .work-meta h4,
.portfolio-items[data-ps="6"] .work-meta h4 {
font-size: 15px;
line-height: 18px;
}
}
@media only screen and (min-width: 1600px) { #boxed .portfolio-items .elastic-portfolio-item {
width: 25%;
}
body #boxed .portfolio-items .col.elastic-portfolio-item.tall,
body #boxed .portfolio-items .col.elastic-portfolio-item.regular {
width: 20%;
}
body #boxed .portfolio-items .col.elastic-portfolio-item.wide {
width: 50%;
}
body #boxed .portfolio-items .col.elastic-portfolio-item.wide_tall {
width: 50%;
}
body #boxed .default-style .portfolio-items .col.elastic-portfolio-item {
width: 21.72%!important;
} body .portfolio-items.constrain-max-cols .col.elastic-portfolio-item.wide{
width: 50%;
}
body .portfolio-items.constrain-max-cols .col.elastic-portfolio-item.wide_tall {
width: 50%;
}
body .portfolio-items.constrain-max-cols .col.elastic-portfolio-item.tall,
body .portfolio-items.constrain-max-cols.masonry-items .col.elastic-portfolio-item.regular {
width: 25%;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1600px) {
.portfolio-items .elastic-portfolio-item {
width: 25%;
}
body .portfolio-items .col.elastic-portfolio-item.tall,
body .portfolio-items .col.elastic-portfolio-item.regular {
width: 20%;
}
body .portfolio-items .col.elastic-portfolio-item.wide {
width: 50%;
}
body .portfolio-items .col.elastic-portfolio-item.wide_tall {
width: 50%;
}
}
@media only screen and (min-width: 990px) and (max-width: 1300px) {
.portfolio-items .elastic-portfolio-item {
width: 33.3%;
}
.portfolio-items[data-ps="6"] .col {
padding: 1.5%;
}
body .portfolio-items .col.elastic-portfolio-item.wide_tall,
body .portfolio-items .col.elastic-portfolio-item.wide {
width: 66.6%;
}
body .default-style .portfolio-items .col.elastic-portfolio-item {
width: 30.6%!important;
}
body #boxed .default-style .portfolio-items .col.elastic-portfolio-item {
width: 29.7%!important;
} body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item {
width: 25%;
} body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item h3,
body .portfolio-items.constrain-max-cols.no-masonry .col.elastic-portfolio-item .style-5 h4 {
font-size: 14px;
line-height: 20px;
}
body .portfolio-items.constrain-max-cols.masonry-items .col.elastic-portfolio-item h3,
body .portfolio-items.constrain-max-cols.masonry-items .col.elastic-portfolio-item h4 {
font-size: 18px;
line-height: 25px;
}
.portfolio-items.constrain-max-cols .work-item.style-4 .bottom-meta {
padding: 13px 13px 10px;
}
.portfolio-items.constrain-max-cols .work-item.style-4 .bottom-meta p,
.portfolio-items.constrain-max-cols .work-item.style-5 p {
font-size: 12px;
line-height: 18px;
} body .portfolio-items.constrain-max-cols .col.elastic-portfolio-item.wide {
width: 25%;
}
body .portfolio-items.constrain-max-cols .col.elastic-portfolio-item.wide_tall {
width: 25%;
}
body .portfolio-items.constrain-max-cols .col.elastic-portfolio-item.tall,
body .portfolio-items.constrain-max-cols.masonry-items .col.elastic-portfolio-item.regular {
width: 25%;
}
}
@media only screen and (min-width: 470px) and (max-width: 990px) {
.portfolio-items .elastic-portfolio-item,
body .post-area.masonry.meta_overlaid .masonry-blog-item.regular {
width: 50%;
}
body .portfolio-items .col.elastic-portfolio-item.wide_tall,
body .portfolio-items .col.elastic-portfolio-item.wide {
width: 100%;
}
body .portfolio-wrap.default-style {
padding: 0!important;
margin-top: 30px;
}
body .portfolio-wrap.default-style .portfolio-items {
margin: 0!important;
width: 100%!important;
padding: 0!important;
transform: none!important;
}
body .default-style .portfolio-items .col.elastic-portfolio-item {
width: 100%!important;
margin: 0!important;
padding-bottom: 25px;
} #boxed .portfolio-items .elastic-portfolio-item {
width: 100%;
}
#boxed .portfolio-items .elastic-portfolio-item img {
height: auto!important;
}
body #boxed .default-style {
padding: 0!important;
margin-top: 30px;
}
body #boxed .default-style .portfolio-items {
margin: 0!important;
width: 100%!important;
padding: 0!important;
}
body #boxed .default-style .portfolio-items .col.elastic-portfolio-item {
width: 100%!important;
margin: 0!important;
padding-bottom: 25px;
}
}
@media only screen and (max-width: 690px) and (min-width: 470px) {
body .portfolio-items.constrain-max-cols.masonry-items .col.elastic-portfolio-item h3 {
font-size: 18px;
line-height: 25px;
}
.portfolio-items[data-ps="6"] .col,
.portfolio-items[data-ps="6"][data-col-num="elastic"] {
padding: 10px;
}
}
@media only screen and (max-width: 470px) {
.portfolio-items .elastic-portfolio-item {
width: 100%;
}
body .post-area.masonry.meta_overlaid .masonry-blog-item.regular {
width: 50%;
}
.portfolio-items .elastic-portfolio-item img,
.masonry.meta_overlaid article.post.wide_tall .content-inner .post-featured-img img {
height: auto!important;
}
.portfolio-items[data-ps="6"] .col,
.portfolio-items[data-ps="6"][data-col-num="elastic"] {
padding: 10px;
}
body .default-style {
padding: 0!important;
margin-top: 30px;
}
body .default-style .portfolio-items .col.elastic-portfolio-item {
width: 100%!important;
margin: 0!important;
padding-bottom: 25px;
}
.portfolio-items .col.wide .work-item.style-3-alt[data-text-align="left"] .vert-center,
.portfolio-items .col.wide .work-item.style-3-alt[data-text-align="right"] .vert-center,
.portfolio-items .col.wide .work-item.style-3[data-text-align="left"] .vert-center,
.portfolio-items .col.wide .work-item.style-3[data-text-align="right"] .vert-center {
left: 50%!important;
right: auto!important;
margin-left: 0;
}
body .portfolio-items .col .work-item.style-4 .work-info .bottom-meta {
bottom: 0;
transform: none;
position: relative;
}
.portfolio-items .col .work-item.style-4:hover img { transform: none; }
body .portfolio-items .work-item.style-4 .work-info {
position: static;
padding: 0;
height: auto;
} body .portfolio-items[data-col-num="elastic"]:not(.fullwidth-constrained):not(.isotope-activated) {
margin-left: -50vw;
left: 50%;
width: 100vw;
}
body .portfolio-items:not(.isotope-activated):not(.carousel) .elastic-portfolio-item,
body .portfolio-items:not(.isotope-activated):not(.carousel) .col,
body .default-style .portfolio-items:not(.carousel) {
width: 100%!important;
position: relative!important;
top: auto!important;
left: 0!important;
margin-left: 0!important;
-webkit-transform: none!important;
transform: none!important;
}
body .portfolio-items.isotope-activated .elastic-portfolio-item,
body .portfolio-items.isotope-activated .col {
transition: none!important;
}
.portfolio-items:not(.carousel) .col .inner-wrap[data-animation],
.portfolio-items[data-ps="8"]:not(.carousel) .col .inner-wrap[data-animation="perspective"].animated .vert-center p,
.portfolio-items[data-ps="8"]:not(.carousel) .col .inner-wrap[data-animation="perspective"].animated .vert-center h3 {
opacity: 1!important;
-webkit-transform: none!important;
transform: none!important;
}
.portfolio-items[data-loading="lazy-load"] .col .inner-wrap .top-level-image {
opacity: 1;
}
}
@media only screen and (max-height: 500px) {
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info .project-slide__title,
.nectar_fullscreen_zoom_recent_projects .project-slide .project-info p {
max-width: 100%;
}
body .nectar_fullscreen_zoom_recent_projects .zoom-slider-controls {
bottom: 15px;
}
body .nectar_fullscreen_zoom_recent_projects .project-slide .project-info a {
margin-top: 0;
top: -5px;
}
body .nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .next,
body .nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .prev {
width: 36px;
height: 36px;
}
body .nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .next i,
body .nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .prev i {
width: 36px;
}
body .nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .next:after,
body .nectar_fullscreen_zoom_recent_projects .zoom-slider-controls .prev:after {
width: 9px;
}
}
@media only screen and (min-width: 1000px) {
body[data-ext-responsive="true"][data-full-width-header="false"] .nectar_fullscreen_zoom_recent_projects .zoom-slider-controls {
left: 90px;
}
body[data-ext-responsive="true"][data-full-width-header="false"] .nectar_fullscreen_zoom_recent_projects .dot-nav {
right: 90px;
}
}.tml{font-size:1em}.tml *{box-sizing:border-box}.tml .tml-field-wrap{margin-bottom:1em}.tml .tml-label{display:block;margin:.5em 0}.tml .tml-checkbox+.tml-label{display:inline}.tml .tml-field{width:100%}.tml .tml-description{display:block;font-size:.85em;font-style:italic;margin:.5em 0}.tml .tml-errors,.tml .tml-messages{list-style:none;margin:0;padding:0}.tml .tml-action-confirmaction .success,.tml .tml-error,.tml .tml-message,.tml .tml-success{border-left:4px solid #00a0d2;box-shadow:1px 1px 2px 1px rgba(0,0,0,.1);display:block;margin:0 0 1em;padding:.75em}.tml .tml-error{border-left-color:#dc3232}.tml .tml-action-confirmaction .success,.tml .tml-success{border-left-color:#46b450}#pass-strength-result{background-color:#eee;border:1px solid #ddd;color:#23282d;font-weight:700;opacity:0;margin-bottom:1em;padding:.5em}#pass-strength-result.strong{background-color:#c1e1b9;border-color:#83c373;opacity:1}#pass-strength-result.good{background-color:#ffe399;border-color:#ffc733;opacity:1}#pass-strength-result.bad{background-color:#fbc5a9;border-color:#f78b53;opacity:1}#pass-strength-result.short{background-color:#f1adad;border-color:#e35b5b;opacity:1}.irs {
height: 55px;
}
.irs-with-grid {
height: 75px;
}
.irs-line {
height: 10px; top: 33px;
background: #EEE;
background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); border: 1px solid #CCC;
border-radius: 16px;
-moz-border-radius: 16px;
}
.irs-line-left {
height: 8px;
}
.irs-line-mid {
height: 8px;
}
.irs-line-right {
height: 8px;
}
.irs-bar {
height: 10px; top: 33px;
border-top: 1px solid #428bca;
border-bottom: 1px solid #428bca;
background: #428bca;
background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); }
.irs-bar-edge {
height: 10px; top: 33px;
width: 14px;
border: 1px solid #428bca;
border-right: 0;
background: #428bca;
background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); border-radius: 16px 0 0 16px;
-moz-border-radius: 16px 0 0 16px;
}
.irs-shadow {
height: 2px; top: 38px;
background: #000;
opacity: 0.3;
border-radius: 5px;
-moz-border-radius: 5px;
}
.lt-ie9 .irs-shadow {
filter: alpha(opacity=30);
}
.irs-slider {
top: 25px;
width: 27px; height: 27px;
border: 1px solid #AAA;
background: #DDD;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); border-radius: 27px;
-moz-border-radius: 27px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
cursor: pointer;
}
.irs-slider.state_hover, .irs-slider:hover {
background: #FFF;
}
.irs-min, .irs-max {
color: #333;
font-size: 12px; line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 5px;
background: rgba(0,0,0,0.1);
border-radius: 3px;
-moz-border-radius: 3px;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
background: #ccc;
}
.irs-from, .irs-to, .irs-single {
color: #fff;
font-size: 14px; line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: #428bca;
border-radius: 3px;
-moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
background: #999;
}
.irs-grid {
height: 27px;
}
.irs-grid-pol {
opacity: 0.5;
background: #428bca;
}
.irs-grid-pol.small {
background: #999;
}
.irs-grid-text {
bottom: 5px;
color: #99a4ac;
}
.irs-disabled {
}#vscf {clear:both;}#vscf:after {content:'';display:block;height:0;clear:both;}#vscf-anchor {clear:both;}#vscf .form-group {margin-bottom:15px;}#vscf .form-group label.vscf-label {margin-bottom:5px;display:block;}#vscf .form-group input[type="text"], #vscf .form-group input[type="email"] {width:80%;display:block;box-sizing:border-box;font-family:inherit;font-size:1em;}#vscf .form-group textarea {width:100%;display:block;box-sizing:border-box;font-family:inherit;font-size:1em;}#vscf .form-group button {font-family:inherit;font-size:1em;}#vscf .vscf-privacy-group label {display:inline;}#vscf .vscf-privacy-group input[type="checkbox"] {display:inline-block;}#vscf input:invalid, #vscf textarea:invalid {border-color:#ff0000;}#vscf input.vscf-error, #vscf textarea.vscf-error {border-color:#ff0000;}#vscf span.vscf-error {display:block;color:#ff0000;font-size:0.9em;}#vscf .vscf-hide {position:absolute;overflow:hidden;height:1px;width:1px;margin:-1px;padding:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);word-wrap:normal;}#vscf .vscf-display-none {display:none;}.vscf-info {padding:10px 0;font-style:italic;}.vscf-widget:after {content:'';display:block;height:0;clear:both;}.vscf-widget-text {margin:0 0 20px;}.vscf-widget-text p {margin:0 0 10px;padding:0;}.vscf-widget-text p:last-of-type {margin-bottom:0;}#vscf .form-group .custom-control-input {position:relative;z-index:auto;opacity:1;}body.nbd-prevent-scroll, html.nbd-prevent-scroll {
overflow: hidden;
width: 100%;
height: 100%;
}
#nbdesigner_frontend_area .img-con {
margin: 0 5px 5px 0;
border: 1px solid #ddd;
display: inline-block;
text-align: center;
vertical-align: top;
background: #ddd;
height: 100px;
}
#nbdesigner_frontend_area .img-con img{
max-width: 100%;
max-height: 100%;
margin: 0 auto; }
.nbdesigner_pp_close {
position: absolute;
top: 5px;
left: 5px;
width: 30px;
height: 30px;
background: #f98332;
text-align: center;
color: #fff;
border-radius: 50%;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
cursor: pointer;
font-size: 20px;
line-height: 30px;
z-index: 3;
}
#triggerDesign {
cursor: pointer;
}
.nbdesigner-disable {
opacity: 0.5;
pointer-events: none;
}
.nbdesigner_disable {
opacity: 0.5;
cursor: not-allowed !important;
}
@-webkit-keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
.nbdesigner-img-loading {
display: inline-block !important;
margin-right: 15px;
vertical-align: middle;
opacity: 0.4;
}
.nbdesigner-img-loading.hide {
display: none !important;
}
.nbdesigner_frontend_container .button, #nbdesign-new-template{
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
padding: 1em 2em;
border: 1px solid #ddd;
font-weight: bold;
}
.nbdesign-button {
float: none;
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
color: #222;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 800;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
border: 1px solid #ddd;
}
.nbdesign-button:hover{
color: #66b6cd;
border: 1px solid #66b6cd;
}
.nbdesign-button svg {
vertical-align: middle;
margin-right: 10px;
}
.nbd-actions-wrap {
display: flex;
justify-content: flex-start;
}
.nbd-action-wrap {
margin: 0 3px;
}
#nbdesigner-gallery {
display: block;
width: calc(100% + 16px);
margin: 0 -8px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.nbdesigner-gallery .nbdesigner-container {
display: block;
list-style: none;
margin-left: -10px;
margin-right: -10px;
}
.nbdesigner-gallery .nbdesigner-container:after {
content: '';
display: block;
clear: both;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-con {
position: relative;
box-shadow: 0px 5px 25px rgba(0,0,0,0.15);
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item {
float: left;
padding: 10px;
}
.nbd-col-1 {
width: 100%;
}
.nbd-col-2 {
width: 50%;
}
.nbd-col-3 {
width: 33.33333333%
}
.nbd-col-4 {
width: 25%
}
.nbd-col-5 {
width: 20%
}
.nbd-col-6 {
width: 16.666666666%
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-img {
display: block;
width: 100%;
border-radius: 0;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-hover {
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(to bottom right, rgba(118,183,166,0.95), rgba(209,199,102,0.95));
background-image: -o-linear-gradient(to bottom right, rgba(118,183,166,0.95), rgba(209,199,102,0.95));
background-image: -moz-linear-gradient(to bottom right, rgba(118,183,166,0.95), rgba(209,199,102,0.95));
background-image: linear-gradient(to bottom right, rgba(118,183,166,0.95), rgba(209,199,102,0.95));
-webkit-transition: all 1.2s;
-moz-transition: all 1.2s;
transition: all 1.2s;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item:hover .nbdesigner-hover {
visibility: visible;
opacity: 1;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-hover .nbdesigner-inner {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-hover .nbdesigner-inner a {
position: absolute;
top: 50%;
left: 50%;
font-size: 14px;
height: 44px;
line-height: 44px;
border-radius: 22px;
width: 150px;
margin-top: -22px;
margin-left: -75px;
background: #fff;
visibility: hidden;
text-align: center;
opacity: 0;
text-decoration: none;
text-transform: uppercase;
-webkit-transform: perspective(1px) translateZ(0);
-moz-transform: perspective(1px) translateZ(0);
-ms-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
color: #056b65;
font-family: 'Roboto', sans-serif;
font-weight: 400;
overflow: hidden
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item:hover .nbdesigner-hover .nbdesigner-inner a {
visibility: visible;
opacity: 1;
-webkit-animation-name: hvr-pop;
-moz-animation-name: hvr-pop;
-ms-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-ms-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-ms-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-hover .nbdesigner-inner a span {
display: inline-block;
visibility: hidden;
margin-left: -18px;
-webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-ms-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
font-size: 20px;
font-weight: bold;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-hover .nbdesigner-inner a:hover span {
-webkit-transform: translateX(19px);
-moz-transform: translateX(19px);
-ms-transform: translateX(19px);
transform: translateX(19px);
visibility: visible;
opacity: 1;
}
.nbdesigner-item .nbdesigner-top {
-webkit-transition: -webkit-transform 1s cubic-bezier(0,0,0,1),transform 1s cubic-bezier(0,0,0,1);
-moz-transition: -webkit-transform 1s cubic-bezier(0,0,0,1),transform 1s cubic-bezier(0,0,0,1);
-ms-transition: -webkit-transform 1s cubic-bezier(0,0,0,1),transform 1s cubic-bezier(0,0,0,1);
transition: -webkit-transform 1s cubic-bezier(0,0,0,1),transform 1s cubic-bezier(0,0,0,1);
}
.nbdesigner-item:hover .nbdesigner-top {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
@-webkit-keyframes hvr-pop {
0% {
-webkit-transform: scale(0.1);
-mz-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
}
70% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}
}
@keyframes hvr-pop {
0% {
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
}
70% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}
}
.nbdesigner-related-product-item {
position: relative;
margin-bottom: 15px;
border: 1px solid #fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.nbdesigner-related-product-image {
display: block;
width: 100%;
}
.nbdesigner-related-product-image img {
display: block;
max-width: 100%;
width: 100%;
}
.nbdesigner-related-product-title {
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
background: #404762;
color: #fff;
text-transform: uppercase;
line-height: 50px;
padding-left: 15px;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.nbdesigner-related-product-item:hover {
border: 1px solid #ddd;
}
.nbdesigner-related-product-item:hover .nbdesigner-related-product-title {
opacity: 0;
visibility: hidden;
}
.nbdesigner-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.nbdesigner-overlay.open {
visibility: visible;
opacity: 1;
}
.nbdesigner-overlay img{
top: 50%;
position: absolute;
margin-top: -50px;
left: 50%;
margin-left: -50px;
opacity: 0.3;
}
.nbdesigner-pagination-con .tablenav-pages span.pagination-links > a,
.nbdesigner-pagination-con .tablenav-pages span.pagination-links > span {
width: 30px;
height: 30px;
display: inline-block;
border: 1px solid #ddd;
text-align: center;
line-height: 28px;
margin-right: 3px;
}
.nbd-no-breadcrumb .woocommerce-breadcrumb{
display: none;
}
#nbdesigner_upload_preview {
margin-bottom: 15px;
}
#nbdesigner_upload_preview .img-con {
padding: 15px;
border: 1px solid #ddd;
}
#nbdesigner_upload_preview .nbd-file-title {
margin-top: 15px;
margin-bottom: 0;
white-space: nowrap;
width: 100px;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.nbd-tem-list-product-wrap.see-all {
padding-right: 0;
max-height: 400px;
overflow: hidden;
overflow-y: scroll;
}
.nbd-tem-list-product {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.nbd-tem-list-product.nbd-hide {
display: none;
}
.nbd-tem-list-product-wrap ul {
margin: 0 !important;
}
.nbd-gallery-con {
padding-top: 30px;
max-width: 1200px;
margin: 0 auto;
}
.nbd-sidebar, .nbd-list-designs {
float: left;
}
.nbd-sidebar-con {
width: 250px;
border-radius: 4px;
margin-bottom: 15px;
background: #fff;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-list-designs {
width: calc(100% - 265px);
margin-left: 15px;
}
.nbd-list-designer-template {
margin: 30px auto;
}
.nbd-sidebar-h3 {
padding: 15px 14px;
border-bottom: 1px solid #e6e6e6;
margin: 0;
height: 50px;
line-height: 20px;
font-weight: bold;
}
.nbd-sidebar-con ul {
margin: 0 0 0 15px;
}
.nbd-sidebar-con > ul{
margin-bottom: 15px;
margin-top: 15px;
}
.nbd-sidebar-con-inner {
padding: 15px;
}
.nbd-sidebar-con-inner ul {
margin: 0;
}
.nbd-sidebar-con-inner ul li{
list-style: none;
}
.nbd-sidebar-con-inner ul li a{
color: #2c2d33;
width: 100%;
display: block;
position: relative;
overflow: hidden;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-webkit-transition: all ease .3s;
transition: all ease .3s;
text-decoration: none !important;
}
.nbd-sidebar-con-inner ul li a .before {
display: block;
width: 15px;
position: absolute;
left: -15px;
opacity: 0;
-moz-transition: all .3s;
-o-transition: all .3s;
-webkit-transition: all .3s;
transition: all .3s;
font-weight: bold;
fill: #404762;
}
.nbd-sidebar-con-inner ul li a:hover .before, .nbd-sidebar-con-inner ul li a.active .before {
left: 0;
opacity: 1;
}
.nbd-sidebar-con-inner ul li a:hover, .nbd-sidebar-con-inner ul li a.active{
padding-left: 20px;
font-weight: bold;
color: #404762;
}
.nbd-sidebar-con-inner ul li a span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: calc(100% - 20px);
}
.nbd-sidebar-con-inner.wishlist-tem-wrap {
font-size: 0;
}
.nbd-sidebar-con-inner.wishlist-tem-wrap:not(:last-child){
margin-bottom: 10px;
}
.nbd-sidebar-con-inner.wishlist .left {
width: 70px;
height: 70px;
float: left;
cursor: pointer;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
border-radius: 3px;
}
.nbd-sidebar-con-inner.wishlist .wishlist-tem-wrap:not(:last-child) .left {
margin-bottom: 5px;
}
.nbd-sidebar-con-inner.wishlist .right {
width: calc(100% - 70px);
padding-left: 10px;
float: left;
}
.nbd-sidebar-con-inner.wishlist .right div {
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.wishlist-tem-wrap:after,
.wishlist-tem-wrap:before {
display: block;
content: '';
clear: both;
}
.nbd-sidebar-con-inner.wishlist img{
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
border-radius: 0px;
max-width: 100%;
max-height: 100%;
display: inline-block;
}
.nbd-sidebar-con-inner.wishlist .left:hover{
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.wishlist-tem-wrap.unwish {
opacity: 0.7;
pointer-events: none;
}
.nbd-gallery-item-upload {
height: 200px;
position: relative;
}
.nbd-see-all {
color: #404762;
}
.nbd-gallery-item-upload a{
height: 100%;
text-align: center;
width: 100%;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
color: #404762;
text-shadow: 3px 3px 5px rgba(6, 159, 182, 0.3);
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-webkit-transition: all ease .3s;
transition: all ease .3s;
font-weight: 100;
background: rgba(255,255,255,0.5);
text-decoration: none !important;
}
.nbd-gallery-item-upload a:hover {
text-shadow: 7px 7px 10px rgba(6, 159, 182, 0.4);
}
.nbd-gallery-item-upload-inner {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
}
.nbd-tag {
display: inline-block;
margin: 0 10px 10px 0;
padding: 0 15px 0 20px;
line-height: 30px;
border-radius: 2px;
background-color: #ddd;
color: #404762;
font-weight: bold;
font-size: 14px;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-webkit-transition: all ease .3s;
transition: all ease .3s;
position: relative;
text-decoration: none !important;
}
.nbd-tag:before {
background: #f4f4f4;
border-radius: 10px;
box-shadow: inset 0 1px rgba(0,0,0,.25);
content: '';
height: 8px;
left: 6px;
position: absolute;
width: 8px;
top: 10px;
}
.nbd-tag:after {
background: 0 0;
border-bottom: 15px solid #fff;
border-left: 10px solid #ddd;
border-top: 15px solid #fff;
content: '';
position: absolute;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-webkit-transition: all ease .3s;
transition: all ease .3s;
right: 0;
top: 0;
}
.nbd-tag:hover {
color: #0099fe;
background-color: #404762;
color: #fff;
}
.nbd-tag:hover:after {
border-left: 10px solid #404762;
}
.nbdesigner-item {
display: inline-block;
max-width: 500px;
margin: 0 8px 16px;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
width: calc(25% - 16px);
opacity: 0;
}
.nbdesigner-item.in-view {
opacity: 1;
}
.nbd-gallery-wrap .nbdesigner-item {
width: calc(33.333% - 16px);
margin: 0 8px 16px;
}
@media screen and (max-width: 1570px){
.nbdesigner-item {
width: calc(25% - 16px);
}
.nbd-gallery-wrap .nbdesigner-item {
width: calc(33.333% - 16px);
}
}
@media screen and (max-width: 1270px){
.nbdesigner-item {
width: calc(33.333% - 16px);
}
.nbd-gallery-wrap .nbdesigner-item {
width: calc(50% - 16px);
}
}
@media screen and (max-width: 768px){
.nbdesigner-item {
width: calc(50% - 16px);
}
#nbdesigner-gallery {
width: 100%;
margin: 0;
}
}
@media screen and (max-width: 600px) {
.nbdesigner-item, .nbd-gallery-wrap .nbdesigner-item {
width: 100%;
margin: 0 0 16px;
}
}
.nbd-gallery-processing {
-webkit-opacity: 0;
-moz-opacity: 0;
-ms-opacity: 0;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.nbd-gallery-item {
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
position: relative;
background: #fff;
border-radius: 4px;
}
.nbd-gallery-item:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
} .nbd-gallery-item img.nbdesigner-img{
border-radius: 0 !important;
}
.nbd-gallery-item-templates{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.nbd-gallery-item-templates .template{
padding: 10px;
margin-bottom: 20px;
}
.nbd-gallery-item-templates .template .main{
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-gallery-item-templates .template a{
display: block;
position: relative;
outline: none;
}
.nbd-gallery-item-templates .template p{
padding: 10px;
border-top: 1px solid #ebebeb;
}
.nbd-gallery-item-templates .template a:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0;
transition: all .3s
}
.nbd-gallery-item-templates .template a:hover:before{
opacity: .3;
}
.nbd-gallery-item-templates .template span {
position: absolute;
padding: 5px 10px;
background-color: #404762;
color: #fff;
border-radius: 2px;
font-size: 12px;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
transition: all .3s;
opacity: 0;
visibility: hidden;
}
.nbd-gallery-item-templates .nbd-col-2 span,.nbd-gallery-item-templates .nbd-col-1 span{
font-size: 14px;
}
.nbd-gallery-item-templates .nbd-col-5 span{
font-size: 10px;
}
.nbd-gallery-item-templates .nbd-col-6 span{
font-size: 9px;
}
.nbd-gallery-item-templates .template a:hover span {
transform: translate(-50%, -50%);
opacity: 1;
visibility: visible;
}
.nbd-gallery-item-templates .template p{
margin-bottom: 0;
}
.nbd-gallery-item-templates .nbd-col-1{
width: 100%;
}
.nbd-gallery-item-templates .nbd-col-2{
width: 50%;
}
.nbd-gallery-item-templates .nbd-col-3{
width: 33.33%;
}
.nbd-gallery-item-templates .nbd-col-4{
width: 25%;
}
.nbd-gallery-item-templates .nbd-col-5{
width: 20%;
}
.nbd-gallery-item-templates .nbd-col-6{
width: 16.66%;
}
.nbd-gallery-item-acction {
padding: 10px;
height: 50px;
border-top: 1px solid #ddd;
}
.nbd-gallery-item-inner {
position: relative;
overflow: hidden;
}
.nbd-gallery-item-more-acction-wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
transform: translateY(-50%);
}
.nbd-gallery-item-more-acction {
cursor: pointer;
display: inline-block;
padding: 0 10px;
border-radius: 2px;
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
background: #fff;
transition: all 0.4s;
height: 35px;
line-height: 35px;
margin-right: 3px;
transform: translateX(-200px);
}
.nbd-gallery-item-more-acction.solid {
transform: unset;
opacity: 0;
}
.nbd-gallery-item-more-acction a{
text-decoration: none !important;
color: #404762;
font-weight: bold;
}
.nbd-gallery-item-more-acction.customize{
margin-right: 0;
transform: translateX(200px);
}
.nbd-gallery-item-more-acction a:focus,
.nbd-gallery-item-more-acction a:active{
outline: none;
}
.nbd-gallery-item-inner:hover .nbd-gallery-item-more-acction.preview {
transform: unset;
opacity: 1;
}
.nbd-gallery-item-inner:hover .nbd-gallery-item-more-acction.customize {
transform: unset;
}
body.nbd-gallery {
background: #f1f1f1;
}
.nbd-gallery header.entry-header {
height: 200px;
background-color: #ddd;
position: relative;
background-image: url(//www.polepy.sk/wp-content/plugins/web-to-print-online-designer/assets/images/gallery.jpg);
}
.nbd-gallery header.entry-header img {
display: none;
}
.nbd-gallery header h1{
height: 100%;
line-height: 200px;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
text-align: center;
color: #404762;
text-transform: uppercase;
font-weight: bold;
}
.nbd-like-icons {
width: 30px;
height: 30px;
position: relative;
float: right;
border-radius: 30px;
background: #eee;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.nbd-like-icons:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbd-like-icon {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
line-height: 30px;
text-align: center;
width: 30px;
height: 30px;
display: none;
align-items: center;
justify-content: center;
opacity: 0.5;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.nbd-like-icon:hover {
-webkit-nimation: heartbeat 1.2s infinite;
-moz-animation: heartbeat 1.2s infinite;
animation: heartbeat 1.2s infinite;
opacity: 1;
}
.nbd-gallery-item-name {
vertical-align: top;
line-height: 30px;
width: calc(100% - 50px);
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.nbd-like-icon.loading {
display: none;
}
.nbd-like-icon.active {
display: flex;
}
.nbd-edit-template {
position: absolute;
top: 10px;
right: 10px;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
padding: 5px;
vertical-align: middle;
border-radius: 50%;
background: #fff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-edit-template:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbd-edit-template:focus{
outline: none;
}
.nbdesigner-pagination-con {
margin-top: 30px;
}
.nbdesigner-pagination-con .tablenav-pages span.pagination-links > a, .nbdesigner-pagination-con .tablenav-pages span.pagination-links > span {
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
background: #fff;
border: none;
border-radius: 2px;
text-decoration: none !important;
}
.nbdesigner-pagination-con .tablenav-pages span.pagination-links > a:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbdesigner-pagination-con .tablenav-pages span.pagination-links > a:last-child {
margin-right: 0;
} body.open-nbd-popup {
overflow: hidden;
}
.nbd-popup {
position: fixed;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 999999;
opacity: 1;
top: 0;
overflow: auto;
overflow-y: scroll;
}
.nbd-popup.hide {
opacity: 0;
top: -99999px;
}
.nbd-popup .nbd-popup-content-wrap {
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
-ms-transform: translateY(100px) scale(0.8);
-webkit-transform: translateY(100px) scale(0.8);
transform: translateY(100px) scale(0.8);
opacity: 0;
position:relative;
-webkit-box-shadow: 0 11px 14px -7px rgba(0,0,0,.2), 0 23px 36px 3px rgba(0,0,0,.14), 0 9px 44px 8px rgba(0,0,0,.12);
-moz-box-shadow: 0 11px 14px -7px rgba(0,0,0,.2), 0 23px 36px 3px rgba(0,0,0,.14), 0 9px 44px 8px rgba(0,0,0,.12);
-ms-box-shadow: 0 11px 14px -7px rgba(0,0,0,.2), 0 23px 36px 3px rgba(0,0,0,.14), 0 9px 44px 8px rgba(0,0,0,.12);
box-shadow: 0 11px 14px -7px rgba(0,0,0,.2), 0 23px 36px 3px rgba(0,0,0,.14), 0 9px 44px 8px rgba(0,0,0,.12);
border-radius: 4px;
background: #fff;
}
.nbd-popup.active .nbd-popup-content-wrap {
-ms-transform: translateY(0) scale(1);
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
opacity: 1;
}
.nbd-popup-close {
position: absolute;
top: -15px;
right: -15px;
display: block;
width: 30px;
height: 30px;
padding: 3px;
background: #fff;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
border-radius: 50%;
cursor: pointer;
z-index: 9;
}
.nbd-popup-close svg {
color: #757575;
fill: #757575;
}
.nbd-popup-close:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbd-popup-close:hover svg{
color: #404762;
fill: #404762;
}
.nbd-popup-content-inner, .nbd-popup-content, .nbd-popup-content .loading {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: relative;
}
.nbd-popup-content .loading {
position: absolute;
}
.nbd-popup-content .loading.hide, .nbd-popup-content-inner.hide {
display: none;
}
.nbd-popup-content-inner {
padding: 15px;
}
.nbd-popup-actions {
margin: 30px 0;
}
.nbd-popup-actions.solid {
display: flex;
justify-content: flex-end;
}
.nbd-popup-large-img img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.nbd-popup-start-design {
line-height: 40px;
padding: 0 15px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
height: 40px;
text-transform: uppercase;
background: #404762;
color: #fff;
float: right;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
text-decoration: none !important;
}
.nbd-popup-content-inner img {
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
max-height: 300px;
}
.nbd-popup-start-design:hover, .nbd-popup-content-inner img:hover {
-webkit-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 12px 17px 2px rgba(0,0,0,.14), 0 5px 22px 4px rgba(0,0,0,.12);
-moz-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 12px 17px 2px rgba(0,0,0,.14), 0 5px 22px 4px rgba(0,0,0,.12);
-ms-box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 12px 17px 2px rgba(0,0,0,.14), 0 5px 22px 4px rgba(0,0,0,.12);
box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 12px 17px 2px rgba(0,0,0,.14), 0 5px 22px 4px rgba(0,0,0,.12);
}
.nbd-popup-list-preview img {
padding: 3px;
border: 1px solid #fff;
background: #fff;
border-radius: 0;
cursor: pointer;
}
.nbd-popup-list-preview img.active {
border-color: #404762;
}
.nbd-popup-design-name {
margin-bottom: 15px;
font-size: 20px;
font-weight: bold;
}
.nbd-add-template-btn {
width: 40px;
height: 40px;
border-radius: 50%;
background: #404762;
display: block;
padding: 8px;
text-align: center;
cursor: pointer;
position: fixed;
bottom: 32px;
right: 32px;
-webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
-ms-box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
}
.nbd-add-template-btn:hover {
-webkit-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
-moz-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
-ms-box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
.nbd-select {
background: #fff url(//www.polepy.sk/wp-content/plugins/web-to-print-online-designer/assets/images/select-arrows.png) no-repeat 100% 50%;
border: 1px solid #ccc;
padding: 0.5em 0.75em;
padding-right: 2em;
-webkit-appearance: button;
-moz-appearance: button;
-ms-appearance: button;
margin-bottom: 15px;
height: 36px;
cursor: pointer;
margin-left: 15px;
line-height: 20px;
}
.nbd-preview-product-variation {
margin: 15px 0 0;
}
.nbd-popup-list-product.has-scroll {
max-height: 500px;
overflow: hidden;
overflow-y: scroll;
}
.nbd-back-to-list-pp-products {
display: inline-block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
padding: 5px;
vertical-align: middle;
border-radius: 50%;
background: #eee;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}
.nbd-back-to-list-pp-products:hover {
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
@-webkit-keyframes atom-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes atom-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.atom-loading {
width: 100px;
height: 100px;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -50px;
position: relative;
}
.rtl .atom-loading {
right: 50%;
margin-right: -50px;
}
.loading__ring {
position: absolute;
width: 100px;
height: 100px;
}
.loading__ring:first-child {
-webkit-transform: skew(30deg, 20deg);
transform: skew(30deg, 20deg);
}
.loading__ring:last-child {
-webkit-transform: skew(-30deg, -20deg) scale(-1, 1);
transform: skew(-30deg, -20deg) scale(-1, 1);
}
.loading__ring:last-child svg {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.loading__ring svg {
-webkit-animation: atom-rotate 1s linear infinite;
animation: atom-rotate 1s linear infinite;
fill: rgba(0, 0, 0, 0.2);
}
.nbd-popup-list-preview-img {
max-width: 100px !important;
display: inline-block;
} @keyframes heartbeat{
0% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
20% {
-webkit-transform: scale( 1 );
-moz-transform: scale( 1 );
transform: scale( 1 );
}
40% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
60% {
-webkit-transform: scale( 1 );
-moz-transform: scale( 1 );
transform: scale( 1 );
}
80% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
100% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
}
@-webkit-keyframes heartbeat{
0% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
20% {
-webkit-transform: scale( 1 );
-moz-transform: scale( 1 );
transform: scale( 1 );
}
40% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
60% {
-webkit-transform: scale( 1 );
-moz-transform: scale( 1 );
transform: scale( 1 );
}
80% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
100% {
-webkit-transform: scale( .75 );
-moz-transform: scale( .75 );
transform: scale( .75 );
}
}
.pagination-links {
float: right;
}
.pagination-links a:last-child {
margin-right: 0;
}
.nbd-order-download-pdf a{
position: relative;
}
.nbd-order-download-pdf span.nbd-loading{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: center;
display: flex;
background: rgba(255,255,255,0.7);
align-items: center;
justify-content: center;
opacity: 0;
}
.nbd-order-download-pdf span.nbd-loading.active{
opacity: 1;
pointer-events: none;
} .nbd-variation-bulk-wrap { background: #fff;
border: 1px solid #ddd; }
.nbd-variation-bulk-wrap p.nbd-variation-bulk-title {
padding: 10px 15px;
margin: 0;
border-bottom: 1px solid #ddd;
line-height: 34px;
font-weight: bold;
}
.nbd-variation-bulk-wrap p.nbd-variation-bulk-title a {
float: right;
padding: 5px 15px;
font-size: 14px;
line-height: 24px;
vertical-align: middle;
color: #fff;
text-transform: uppercase;
background: #404762;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
#nbd-variations-wrap:not(:last-child) {
padding: 15px;
}
.nbd-variation-wrap {
margin-bottom: 5px;
}
.nbd-variation-wrap select{
padding: 5px 5px 5px 10px;
background: #fff url(//www.polepy.sk/wp-content/plugins/web-to-print-online-designer/assets/images/select-arrows.png) no-repeat 100% 50%;
border: 1px solid #ccc;
padding-right: 2em;
-webkit-appearance: button;
-moz-appearance: button;
-ms-appearance: button;
height: 36px;
cursor: pointer;
line-height: 20px;
max-width: 200px;
}
.nbd-variation-wrap select:focus {
outline: none;
}
.nbd-variation-wrap input{
width: 70px;
padding: 5px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 2px;
margin: 0!important;
}
.nbd-variation-wrap a{
float: right;
border-radius: 50%;
display: block;
width: 30px;
height: 30px;
padding: 3px;
background: #fff;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
margin-top: 3px;
}
.nbd-variation-wrap a:hover, .nbd-variation-bulk-wrap p.nbd-variation-bulk-title a:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbd-variation-wrap a svg{
color: #757575;
fill: #757575;
}
.nbd-variation-wrap a:hover svg {
color: #404762;
fill: #404762;
}
.nbd_bulk_variation .variations, .nbd_bulk_variation .quantity input.qty {
display: none;
} table#nbd-quantity-pricing .nbd_quantity {
width: 64px;
text-align: right;
float: right;
}
.product_price {
float: right;
}
.nbd-table-pricing-wrap {
width: 60%;
float: left;
}
.nbd-table-pricing-wrap, .nbd-pricing-description {
width: 50%;
float: left;
}
.nbd-pricing-description {
padding: 0 15px;
text-align: justify;
} .nbd-prevent-event {
pointer-events: none;
}
.nbd-order-item-download-section select {
max-width: 100px;
height: 35px;
background-color: #ffffff;
background-image: none;
border: 1px solid #EDEDED;
padding: 4px 6px;
border-radius: 0;
margin-right: 15px;
}
.nbd-pdf-options-inner {
position: absolute;
background: #fff;
width: 320px;
border-radius: 4px;
left: 50%;
margin-left: -160px;
margin-top: -100px;
top: 50%;
padding: 15px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-pdf-options.nbd-hide {
display: none !important;
}
.nbd-pdf-options {
background: rgba(0,0,0,0.5);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999999;
} .md-checkbox {
position: relative;
height: 20px;
margin: 16px 0;
}
.md-checkbox label {
cursor: pointer;
margin-left: 15px;
}
.md-checkbox label:before, .md-checkbox label:after {
content: "";
position: absolute;
left: 0;
top: 0;
}
.md-checkbox label:before {
width: 20px;
height: 20px;
background: #fff;
border: 2px solid rgba(0, 0, 0, 0.54);
border-radius: 2px;
cursor: pointer;
transition: background .3s;
box-sizing: border-box;
}
.md-checkbox input[type="checkbox"] {
outline: 0;
margin-right: 10px;
}
.md-checkbox input[type="checkbox"]:checked + label:before {
background: #394264;
border: none;
}
.md-checkbox input[type="checkbox"]:checked + label:after {
transform: rotate(-45deg);
top: 5px;
left: 4px;
width: 12px;
height: 6px;
border: 2px solid #fff;
border-top-style: none;
border-right-style: none;
box-sizing: border-box;
} .nbd-button {
cursor: pointer;
display: inline-block;
padding: 5px 15px;
font-size: 14px;
line-height: 24px;
vertical-align: middle;
color: #fff;
text-transform: uppercase;
background: #404762;
text-decoration: none !important;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-button:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbd-button:focus {
outline: none;
}
.nbdesigner_frontend_container p {
overflow: hidden;
}
.nbd-load-more {
display: none;
padding: 50px;
background: url(//www.polepy.sk/wp-content/plugins/web-to-print-online-designer/assets/images/ajax-loader-lg.gif) no-repeat 50%;
}
.nbd-order-item-upload {
width: 120px;
display: inline-block;
margin: 0 15px 15px 0;
text-align: center;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-order-item-upload-name {
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
height: 30px;
line-height: 30px;
padding: 0 10px;
}
.nbd-modern-layout .nbdesigner_pp_close {
top: 10px;
left: 10px;
}
.rtl.nbd-modern-layout .nbdesigner_pp_close {
right: 10px;
left: unset;
}
.nbdq-buttons .accept{
color: #fff;
background: #3fa1d4;
}
.nbdq-buttons .reject{
color: #fff;
background: #d43f5f;
} .nbd-alert {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all .3s;
overflow: hidden;
overflow-y: auto;
}
.nbd-alert .main-popup {
pointer-events: all;
background-color: #fff;
border-radius: 2px;
box-sizing: border-box;
text-align: left;
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
top: 50%;
position: absolute;
left: 50%;
max-width: 500px;
transform: translate(calc(-50%), calc(-50%)) scale(0.8) !important;
margin: 0;
padding: 0;
box-shadow: 0 0 62px rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
.nbd-alert.nb-show .main-popup {
transform: translate(calc(-50%), calc(-50%)) scale(1) !important;
}
.nbd-alert .main-popup .nbd-alert-body{
padding: 20px;
}
.nbd-alert .main-popup .nbd-alert-head h3 {
padding: 10px 20px;
margin: 0;
border-bottom: 1px solid #ddd;
border-top: 4px solid #404762;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.nbd-alert.nb-show {
opacity: 1;
visibility: visible;
z-index: 9999999;
}
.nbd-alert .close-popup {
position: absolute;
top: -15px;
right: -15px;
font-size: 28px;
cursor: pointer;
width: 30px;
height: 30px;
background: #404762;
border-radius: 50%;
text-align: center;
line-height: 28px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
transition: all .4s;
color: #fff;
padding: 3px;
}
.nbd-alert .close-popup svg path {
fill: #fff;
}
.nbd-alert .close-popup:hover {
box-shadow: 0 1px 10px rgba(0,0,0,.15);
}
.nbd-alert .overlay-popup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%; }
.nbd-alert .overlay-main {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: white;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all .4s;
}
.nbd-alert .overlay-main.active {
z-index: 99;
opacity: 1;
visibility: visible;
transition: unset;
}
.nbd-alert .nbd-alert-head h3 .failure {
color: #ef5350;
}
.nbd-alert .main-popup .nbd-alert-action a:nth-child(2){
float: right;
}
.nbd-alert .main-popup .nbd-alert-action:after {
content: '';
display: block;
clear: both;
}
.nbdp-popup {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all .3s;
}
.nbdp-popup .main-popup {
position: absolute;
pointer-events: all;
background-color: #fff;
border-radius: 2px;
box-shadow: 0 0 42px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
text-align: left;
width: 80%;
transition: all .6s;
margin-bottom: 50px;
}
.nbdp-popup .main-popup .nbdp-popup-body{
padding: 20px;
}
.nbdp-popup .main-popup h3.nbdq-head {
padding: 10px 20px;
margin: 0;
border-bottom: 1px solid #ddd;
}
.nbdp-popup.nb-show {
opacity: 1;
visibility: visible;
z-index: 9999999;
display: block;
}
.nbdp-popup[data-animate="scale"] .main-popup {
transform: scale(0.8);
transition: all .3s; }
.nbdp-popup[data-animate="scale"].nb-show .main-popup {
transform: scale(1); }
.nbdp-popup[data-animate="bottom-to-top"] .main-popup {
transform: translate(0, 50%);
transition: all .3s; }
.nbdp-popup[data-animate="bottom-to-top"].nb-show .main-popup {
transform: translate(0, 0); }
.nbdp-popup[data-animate="top-to-bottom"] .main-popup {
transform: translate(0, -50%);
transition: all .3s; }
.nbdp-popup[data-animate="top-to-bottom"].nb-show .main-popup {
transform: translate(0, 0); }
.nbdp-popup[data-animate="left-to-right"] .main-popup {
transform: translate(-50%, 0);
transition: all .3s; }
.nbdp-popup[data-animate="left-to-right"].nb-show .main-popup {
transform: translate(0, 0); }
.nbdp-popup[data-animate="right-to-left"] .main-popup {
transform: translate(50%, 0);
transition: all .3s; }
.nbdp-popup[data-animate="right-to-left"].nb-show .main-popup {
transform: translate(0, 0); }
.nbdp-popup[data-animate="fixed-top"] {
align-items: flex-start; }
.nbdp-popup[data-animate="fixed-top"] .main-popup {
margin-top: 60px;
transform: translate(0, -50%);
transition: all .3s; }
.nbdp-popup[data-animate="fixed-top"].nb-show .main-popup {
transform: translate(0, 0);
}
.nbdp-popup .close-popup {
position: absolute;
top: -15px;
right: -15px;
display: block;
width: 30px;
height: 30px;
padding: 3px;
background: #fff;
-moz-transition: all ease .4s;
-ms-transition: all ease .4s;
-webkit-transition: all ease .4s;
transition: all ease .4s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
border-radius: 50%;
cursor: pointer;
z-index: 9;
}
.nbdp-popup .close-popup:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbdp-popup .close-popup:hover svg {
color: #404762;
fill: #404762;
}
.nbdp-popup .overlay-popup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%; }
.nbdp-popup .overlay-main {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: white;
z-index: -1;
opacity: 0;
visibility: hidden;
transition: all .4s; }
.nbdp-popup .overlay-main.active {
z-index: 99;
opacity: 1;
visibility: visible;
transition: unset; }
#nbo-quick-view-popup .nbdq-popup-body {
padding: 15px;
}
.quick-view-content .quantity {
display: inline-block;
}
.nbo-swatches-wrap {
font-size: 0;
margin: 5px;
}
.nbo-swatch-wrap {
border: 1px solid #d6d3d3;
margin: 0 3px 3px 0;
display: inline-block;
font-size: 0;
position: relative;
height: 22px;
}
.nbo-swatch-label-wrap {
font-size: 12px;
border: 1px solid #404762;
color: #404762;
height: 20px;
display: inline-block;
line-height: 18px;
padding: 0 10px;
box-sizing: border-box;
cursor: pointer;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
font-weight: bold;
margin: 0 3px 3px 0;
}
.nbo-swatch-label-wrap:hover {
color: #fff;
background: #404762;
}
.nbo-swatch-wrap.selected {
border-color: #999595;
}
.nbo-swatch-wrap .nbo-swatch-tooltip {
position: absolute;
font-size: 12px;
line-height: 14px;
text-align: center;
box-sizing: border-box;
opacity: 0;
width: 100px;
margin-left: -50px;
z-index: 99;
left: 50%;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
pointer-events: none;
bottom: 100%;
padding-bottom: 10px;
}
.nbo-swatch-wrap:hover .nbo-swatch-tooltip {
opacity: 1;
}
.nbo-swatch-wrap .nbo-swatch-tooltip > span {
display: inline-block;
position: relative;
height: auto;
width: auto;
max-width: 100%;
border-radius: 3px;
padding: 3px 6px;
background: #222222;
color: #ffffff;
}
.nbo-swatch-wrap .nbo-swatch-tooltip span:after {
content: '';
border: 5px solid transparent;
width: 1px;
height: 1px;
position: absolute;
left: 50%;
margin-left: -5px;
bottom: -10px;
border-top-color: #222222;
}
.nbo-swatch{
border: 2px solid #fff;
height: 20px;
width: 20px;
line-height: 17px;
display: inline-block;
cursor: pointer;
}
.nbdq-popup-body div.quick-view div.quick-view-image {
margin: 0;
width: 38% !important;
float: left;
box-sizing: border-box;
}
.nbdq-popup-body div.quick-view div.quick-view-content {
width: 56%;
float: right;
overflow: unset;
}
.nbdq-popup-body div.quick-view div.quick-view-image a.button {
border: 0;
background: none;
background-color: #404762;
border-color: #43454b;
color: #fff;
cursor: pointer;
padding: 0.6180469716em 1.41575em;
text-decoration: none;
font-weight: 600;
text-shadow: none;
display: inline-block;
outline: none;
-webkit-appearance: none;
border-radius: 2px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.3);
line-height: inherit;
display: block;
text-align: center;
}
.nbdq-popup-body div.quick-view div.quick-view-image img {
display: block;
margin: 0 0 20px;
border: 1px solid #eee;
width: 100%;
height: auto;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
padding: 8px;
background: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.nbdq-popup-body .product:before {
content: " ";
display: table;
}
.nbdq-popup-body .product:after {
content: " ";
display: table;
clear: both;
}
.nbo-swatch-bicolor {
width: 0;
height: 0;
border-bottom: 16px solid;
border-left: 16px solid;
display: block;
}
@media (max-width: 768px) {
.nbdq-popup-body div.quick-view div.quick-view-image,
.nbdq-popup-body div.quick-view div.quick-view-content {
float: none !important;
width: 100% !important;
position: unset;
}
.nbd-alert .main-popup{
max-width: calc(100% - 30px);
}
.nbd-table-pricing-wrap, .nbd-pricing-description {
width: 100%;
margin-bottom: 15px;
}
.nbd-col-1, .nbd-col-2, .nbd-col-3,
.nbd-col-4, .nbd-col-5, .nbd-col-6 {
width: 100%;
}
.nbd-list-designs, .nbd-sidebar, .nbd-sidebar-con {
width: 100% !important;
}
.nbd-list-designs {
margin: 30px 0 !important;
}
.nbdesigner-gallery .nbdesigner-container {
margin: 0 !important;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item {
padding: 0 !important;
margin: 0 0 20px !important;
}
.nbdesigner-gallery .nbdesigner-container .nbdesigner-item .nbdesigner-img {
width: 100% !important;
}
}
@media (max-width: 576px) {
.nbd-alert .main-popup{
width: calc(100% - 30px);
}
.nbdesigner-item {
width: 100%;
}
.nbdp-popup .main-popup {
width: calc(100% - 30px);
}
} .nbd-studio-page h1.entry-title{
display: none;
}
.nbd-studio-page h2 {
text-align: center;
}
.studio-product-wrap {
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-start;
display: -webkit-flex;
display: -ms-flexbox;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.studio-product-wrap .studio-product {
display: inline-block;
padding: 15px;
box-sizing: border-box;
text-align: center;
position: relative;
}
.studio-product-wrap .studio-product.open-collapse {
max-width: 140px;
}
.studio-product-wrap .studio-product .studio-product-templates {
display: none;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.studio-product-wrap .studio-product .point-active{
display: none;
position: absolute;
align-items: center;
left: 39%;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #EEE;
}
.studio-product-wrap .studio-product.open-collapse .point-active {
display: block;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates {
display: block;
background: #eee;
width: 100vw;
z-index: 9999;
text-align: center;
margin-top: 15px;
padding: 36px 0;
position: relative;
overflow: hidden;
min-height: 250px;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .loading-wrap{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: all .6s;
transition: all .6s;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .loading-wrap .circular {
width: 80px;
height: 80px;
-webkit-animation: nbds_rotate 2s linear infinite;
animation: nbds_rotate 2s linear infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .loading-wrap .circular .path {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
-webkit-animation: nbds_dash 1.5s ease-in-out infinite,nbds_color 6s ease-in-out infinite;
animation: nbds_dash 1.5s ease-in-out infinite,nbds_color 6s ease-in-out infinite;
stroke-linecap: round;
}
@-webkit-keyframes nbds_rotate {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes nbds_rotate {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@-webkit-keyframes nbds_dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35px
}
to {
stroke-dasharray: 89,200;
stroke-dashoffset: -124px
}
}
@keyframes nbds_dash {
0% {
stroke-dasharray: 1,200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 89,200;
stroke-dashoffset: -35px
}
to {
stroke-dasharray: 89,200;
stroke-dashoffset: -124px
}
}
@-webkit-keyframes nbds_color {
0%,to {
stroke: #d62d20
}
40% {
stroke: #0057e7
}
66% {
stroke: #008744
}
80%,90% {
stroke: #ffa700
}
}
@keyframes nbds_color {
0%,to {
stroke: #d62d20
}
40% {
stroke: #0057e7
}
66% {
stroke: #008744
}
80%,90% {
stroke: #ffa700
}
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .loading-wrap.show {
opacity: 1;
visibility: visible;
z-index: 1;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner{
margin: 0 auto;
height: 100%;
position: relative;
padding: 0 20px;
overflow: hidden;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner h3 {
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
margin-bottom: 15px;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-slider {
white-space: nowrap;
height: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-slider .no-template {
display: none;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .template-item {
display: inline-block;
margin-right: 10px;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .template-item a {
display: flex;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-start;
display: -webkit-flex;
display: -ms-flexbox;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav {
position: absolute;
left: 5px;
top: calc(50% - 20px);
background: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
padding-top: 10px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
cursor: pointer;
display: none;
z-index: 9;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav.show {
display: block;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav.nbds-disable {
opacity: 0.75;
cursor: not-allowed;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav:hover svg path {
fill: #404762;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav.next {
left: unset;
right: 5px;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .nav.prev {
transform: scaleX(-1);
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .template-item img {
width: 120px;
background: #fff;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.studio-product-wrap .studio-product.open-collapse .studio-product-templates .studio-product-templates-inner .template-item img:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.studio-product-wrap .studio-product .studio-product-img-wrap{
text-align: center;
display: flex;
align-items: flex-end;
justify-content: center;
margin-bottom: 15px;
height: 110px;
}
.studio-product-wrap .studio-product .studio-product-inner {
position: relative;
}
.studio-product-wrap .studio-product a {
text-decoration: none !important;
display: inline-block;
text-align: center;
color: #333333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 110px;
}
.studio-product-wrap .studio-product a:hover {
color: #404762;
}
.studio-product-wrap .studio-product a:focus {
outline: none;
}
.studio-product-wrap .studio-product .studio-product-img-wrap img {
cursor: pointer;
border-radius: 4px;
-webkit-box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
-moz-box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
max-width: 110px;
max-height: 100%;;
}
.studio-product-wrap .studio-product .studio-product-img-wrap img:hover{
-webkit-box-shadow: 0 8px 20px 0 rgba(170, 170, 170, 0.8);
-moz-box-shadow: 0 8px 20px 0 rgba(170, 170, 170, 0.8);
box-shadow: 0 8px 20px 0 rgba(170, 170, 170, 0.8);
}
.studio-widget-product {
width: 150px;
float: left;
text-align: center;
cursor: pointer;
margin: 0 10px 10px 0;
}
.studio-widget-product img {
width: 100%;
max-width: 100%;
}
.studio-widget-product-wrap:after,
.studio-widget-templates:after {
display: block;
content: '';
clear: both;
}
.studio-widget-product-inner a {
width: 100%;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.studio-widget-templates-wrap {
display: none;
min-height: 200px;
position: relative;
}
.studio-widget-templates-wrap .loading-wrap{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: all .6s;
transition: all .6s;
}
.studio-widget-templates-wrap .loading-wrap .circular {
width: 80px;
height: 80px;
-webkit-animation: nbds_rotate 2s linear infinite;
animation: nbds_rotate 2s linear infinite;
-webkit-transform-origin: center center;
transform-origin: center center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.studio-widget-templates-wrap .loading-wrap .circular .path {
stroke-dasharray: 1,200;
stroke-dashoffset: 0;
-webkit-animation: nbds_dash 1.5s ease-in-out infinite,nbds_color 6s ease-in-out infinite;
animation: nbds_dash 1.5s ease-in-out infinite,nbds_color 6s ease-in-out infinite;
stroke-linecap: round;
}
.studio-widget-templates-wrap .loading-wrap.show {
opacity: 1;
visibility: visible;
z-index: 1;
}
.studio-widget-templates-wrap .no-template {
display: none;
}
.studio-widget-templates .template-item {
width: 150px;
float: left;
margin: 0 10px 10px 0;
}
.studio-widget-templates .template-item img {
cursor: pointer;
border-radius: 4px;
-webkit-box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
-moz-box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
max-width: 100%;
} #nbd-catalog-option-popup.nbdp-popup .main-popup{
border-radius: 4px;
padding: 30px 20px;
background: #fafafa;
box-sizing: border-box;
max-width: 1000px;
}
#nbd-catalog-option-popup.nbdp-popup .main-popup .nbdp-popup-body {
border-radius: 4px;
}
.nbco-options-header{
text-align: center;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 15px;
}
.nbco-options-wrap {
display: flex;
justify-content: center; -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
margin-bottom: 15px;
}
.nbco-option {
box-shadow: 0 8px 20px 0 rgba(224, 224, 224, 0.5);
width: 30%;
margin-right: 3%; border-radius: 4px;
text-align: center;
cursor: pointer;
transition: all 0.2s;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
background: #fff;
}
.nbco-option-icon {
background-color: #afcdd7;
padding: 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.nbco-option:hover {
box-shadow: 0 8px 30px 0 rgba(221, 221, 221, 0.7);
}
.nbco-option-design .nbco-option-icon{
background-color: #f1eb9c;
}
.nbco-option-hire .nbco-option-icon{
background-color: #b6b8dc;
}
.nbco-option-icon svg{
width: 60px;
height: 60px;
}
.nbco-option-text {
padding: 15px;
}
.nbco-option-text p:first-child{
color: #404762;
font-size: 1.2em;
font-weight: bold;
}
.nbco-option a{
color: #6d6d6d;
}
.nbd-artwork-action-image {
margin-bottom: 1.5rem;
}
.nbdg-guideline-files {
margin-top: 1.5rem;
}
.nbdg-guideline-title {
font-size: 1.5rem;
text-align: center;
}
.nbdg-guideline {
padding: 1rem;
background-color: #fff;
text-align: center;
}
.nbdg-guideline-inner {
box-shadow: 0 0.125rem 0.25rem 0 rgba(79,90,109,0.25);
border-radius: 0.1875rem;
background-color: #fff;
padding: 1.25rem;
padding-bottom: 0.75rem !important;
max-width: 20rem;
margin: 0 auto;
}
.file-types__list {
font-size: 0 !important;
list-style: none;
text-align: center;
}
.file-types__item {
width: 50%;
display: inline-block;
position: relative;
margin: 0 0 2.25rem;
}
.file-types__link {
display: inline-block;
color: #404762;
}
.file-types__link:focus {
outline: none;
}
.file-types__file {
position: relative;
width: 3rem;
height: 3rem;
margin: 0 auto;
background-color: #fff;
outline: none;
border: 0.125rem solid transparent;
border-radius: 0.125rem;
-webkit-transition: background-color 300ms;
-moz-transition: background-color 300ms;
transition: background-color 300ms;
border-color: #404762;
}
.file-types__file.-psd {
border-color: #1ba0e0;
}
.file-types__file.-ai {
border-color: #ed773e;
}
.file-types__file.-indd {
border-color: #e6498f;
}
.file-types__file.-jpg {
border-color: #456e7f;
}
.file-types__file:before {
content: attr(data-file-type);
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
font-size: 0.875rem;
line-height: 1.625rem;
text-align: center;
-webkit-transition: color 300ms;
-moz-transition: color 300ms;
transition: color 300ms;
}
.file-types__label {
position: absolute;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translateX(-50%);
top: 100%;
margin-bottom: 1.2em;
line-height: 1.5;
font-size: 0.875rem;
color: #637184;
padding: 0.375rem 0;
transition: color 300ms;
}
.file-types__icon-mask {
position: absolute;
bottom: 0.3125rem;
left: 0;
right: 0;
height: 1.125rem;
overflow: hidden;
}
.file-types__icon-mask .svg-icon {
height: 1.125rem;
width: 1.125rem;
position: absolute !important;
left: 50% !important;
margin-left: auto !important;
margin-right: auto !important;
transform: translateX(-50%) !important;
}
.file-types__icon-mask .svg-icon path {
fill: #404762;
}
.file-types__link:hover {
color: #fff;
}
.file-types__link:hover .file-types__file{
background-color: #404762;
}
.file-types__link:hover .file-types__file.-psd{
background-color: #1ba0e0;
}
.file-types__link:hover .file-types__file.-ai{
background-color: #ed773e;
}
.file-types__link:hover .file-types__file.-indd{
background-color: #e6498f;
}
.file-types__link:hover .file-types__file.-jpg{
background-color: #456e7f;
}
.file-types__link:hover .file-types__icon-mask .svg-icon {
color: #fff;
animation-duration: 1s;
animation-fill-mode: both;
animation: scroll-down-in-mask 500ms 350ms;
}
.file-types__link:hover .file-types__icon-mask .svg-icon path{
fill: #fff;
}
@keyframes scroll-down-in-mask {
0% {
top: 0
}
50% {
top: 100%
}
51% {
top: -100%
}
100% {
top: 0
}
}
@-webkit-keyframes scroll-down-in-mask {
0% {
top: 0
}
50% {
top: 100%
}
51% {
top: -100%
}
100% {
top: 0
}
}
.nbd-gallery-filter-tag {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 17px;
background: #fff;
height: 32px;
padding: 0 3px 0 17px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.nbd-filter-tag-name {
vertical-align: middle;
}
.nbd-filter-tag-remove {
vertical-align: middle;
height: 26px;
width: 26px;
border: 1px solid #c8cbcc;
border-radius: 50%;
display: inline-block;
margin-top: 3px;
margin-left: 5px;
cursor: pointer;
}
.nbd-filter-color {
vertical-align: middle;
height: 26px;
width: 26px;
border-radius: 50%;
display: inline-block;
margin-top: 3px;
margin-left: -14px;
}
.nbd-filter-tag-remove svg path {
fill: #ddd;
}
.nbd-filter-tag-remove:hover svg path {
fill: #db133b;
}
.nbd-gallery-filter {
margin-bottom: 15px;
}
.nbd-gallery-filter-text {
font-weight: bold;
color: #404762;
margin-right: 20px;
vertical-align: middle;
}
.nbd-color-list-item {
display: inline-block;
margin: 2px;
}
.nbd-color-list-item-inner {
width: 30px;
height: 30px;
border-radius: 50%;
display: block;
cursor: pointer;
}
.nbd-color-list-item-inner.active {
border: 2px solid #db133b;
box-sizing: border-box;
}
#nbd-catalog-option-popup {
width: 100%;
}
.template-tags-wrap .result-loaded.loaded {
background: rgb(208, 214, 221);
}
.nbu-order-item-uploaded-wrap,
.nbu-cart-item-uploaded-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
box-sizing: border-box;
margin-bottom: 50px;
}
.nbu-order-item-uploaded-image,
.nbu-cart-item-uploaded-image {
width: 160px;
position: relative;
margin: 2px;
height: 160px;
padding: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px;
cursor: pointer;
background: #FCFCFC;
box-shadow: 0 2px 5px 0 #DDDDDD;
border-radius: 2px;
overflow: hidden;
box-sizing: border-box;
}
.nbu-order-item-uploaded-image a,
.nbu-cart-item-uploaded-image a {
display: flex;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
}
.nbu-order-item-uploaded-image img,
.nbu-cart-item-uploaded-image img {
border-radius: 0px;
max-width: 100%;
max-height: 100%;
}
.nbu-order-item-uploaded-image img:hover,
.nbu-cart-item-uploaded-image img:hover {
opacity: 0.9;
} .nbd-popup-wrap {
z-index: 2;
background: rgba(245, 246, 247, 0.95);
-webkit-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
-moz-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
}
.nbd-popup-wrap.is-hidden {
visibility: hidden;
opacity: 0;
z-index: -1;
}
.nbd-popup-wrap .nbd__pop__content {
position: absolute;
margin-top: auto;
margin-bottom: auto;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translate(-50%, -50%);
top: 48%;
width: 100%;
}
.nbd-popup-wrap .nbd__pop__content_wrapper {
padding-right: 1.5rem;
padding-left: 1.5rem;
max-width: 60rem;
margin: 0 auto;
}
.nbd-popup-wrap .nbd__pop__content_wrapper.nbd__pop_wide {
max-width: 76.5rem;
}
.nbd-popup-wrap .__content_wrapper {
width: 100% !important;
position: relative !important;
display: inline-block;
}
.nbd-popup-wrap .content__header {
bottom: 100%;
width: 100%;
padding-bottom: 3rem;
position: absolute;
text-align: center;
margin: 0;
font-size: 1.875rem;
line-height: 1.15;
}
.nbd-popup-wrap .content__content {
margin: 0;
display: flex;
margin-top: -1.5rem;
margin-left: -1.5rem;
font-size: 0;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
.nbd-popup-wrap .layout__item {
width: 50%;
font-size: 1rem;
padding-left: 1.5rem;
position: relative;
padding-top: 1.5rem;
display: flex;
display: -ms-flexbox;
}
.nbd-popup-wrap .nbd__pop_wide .layout__item {
width: 33.333333%;
}
.nbd-popup-wrap .layout__item__inner {
box-shadow: 0 0.125rem 0.25rem 0 rgba(79,90,109,0.25);
flex-direction: row;
-ms-flex-direction: row;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-transition: box-shadow 200ms linear, opacity 200ms;
-moz-transition: box-shadow 200ms linear, opacity 200ms;
transition: box-shadow 200ms linear, opacity 200ms;
background-color: #fff;
position: relative;
cursor: pointer;
}
.nbd-popup-wrap .item__layout {
overflow: hidden;
flex: 1 1 auto;
font-size: 0;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
margin-left: -1.5rem;
-ms-flex-direction: row;
flex-direction: row;
}
.nbd-popup-wrap .tile__media-wrap {
min-height: 0;
display: -ms-flexbox;
display: flex;
padding-left: 1.5rem;
width: 33.333333%;
position: relative;
overflow: hidden;
font-size: 1rem;
}
.nbd-popup-wrap .tile-action__image-wrap {
height: auto;
position: relative;
text-align: center;
margin: 0;
width: 100%;
}
.nbd-popup-wrap .custom_design .tile-action__image-wrap {
background-color: #f1eb9c;
}
.nbd-popup-wrap .upload_design .tile-action__image-wrap {
background-color: #afcdd7;
}
.nbd-popup-wrap .use_our_design .tile-action__image-wrap {
background-color: #b6b8dc;
}
.nbd-popup-wrap .tile-action__image-wrap svg {
position: absolute !important;
top: 50% !important;
margin-top: auto !important;
margin-bottom: auto !important;
left: 50% !important;
margin-left: auto !important;
margin-right: auto !important;
transform: translate(-50%, -50%) !important;
height: 50%;
width: 50%;
}
.nbd-popup-wrap .tile__text-wrap {
font-size: 1rem;
width: 66.666667%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 1.125rem;
}
.nbd-popup-wrap .tile__text-wrap-inner {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.5rem 2.25rem 1.5rem 0;
}
.nbd-popup-wrap .h__block {
line-height: 1.15;
font-size: 1.35rem;
margin-bottom: 0.1875em;
font-weight: 500;
color: #3f4a59;
}
.nbd-popup-wrap .layout__item__inner:hover {
box-shadow: 0 0.1875rem 0.625rem 0 rgba(79,90,109,0.3);
}
.nbd-popup-wrap .tile__text-wrap-inner ul{
margin: 0;
list-style: none;
}
.nbd-popup-wrap .tile--horizontal__chevron {
height: 1.5rem;
width: 1.5rem;
position: absolute;
top: 50%;
margin-top: auto;
margin-bottom: auto;
transform: translateY(-50%);
right: 0.75rem;
fill: #128a67;
transition: right 200ms;
}
.nbd-popup-wrap .layout__item__inner:hover .tile--horizontal__chevron{
right: 0.4375rem;
}
.rtl .nbd-popup-wrap .tile__text-wrap-inner {
padding: 1.5rem 0 1.5rem 2.25rem;
}
#nboo-option-popup {
position: fixed;
top: 0;
left: 0;
bottom: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
-moz-transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
}
#nboo-option-popup.is-visible {
opacity: 1;
z-index: 999999999;
visibility: visible;
-webkit-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
-moz-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
}
@media only screen and (max-width: 40.0525em){
.nbd-popup-wrap{
padding: 5rem 0 3rem;
}
.nbd-popup-wrap .layout__item {
width: 100% !important;
}
.nbd-popup-wrap .tile__media-wrap {
width: 25%;
}
.nbd-popup-wrap .tile__text-wrap {
width: 75%;
}
.nbd-popup-wrap .content__header {
position: unset;
}
}
.nboo-prevent-scroll {
overflow: hidden;
} @media (max-width: 768px) {
#nbd-catalog-option-popup.nbdp-popup .main-popup{
padding: 20px 0px;
}
.nbco-options-wrap {
flex-direction: column;
}
.nbco-option {
width: 100%;
margin-bottom: 20px;
}
}
.nbd_order_item_design_preview {
max-width: 100%;
border: 1px solid #ddd;
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
background: #ddd;
}
.nbd_order_item_design_reject {
color: red;
}
.nbd_order_item_upload_preview {
max-width: 100%;
}
.nbd-dokan-custom-design-img {
margin-bottom: 10px;
}
.dokan-form-control-select {
max-width: 100px;
}
.nbd_cart_item_design_preview {
max-width: 100%;
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
border: 1px solid #ddd;
background: #ddd;
}
.nbd-cart-item-remove-design {
display: inline-block;
}
.nbd-cart-item-design {
display: block;
margin-top: 15px;
}
.nbd-cart-item-add-design {
display: block;
margin-top: 15px;
}
.nbd-cart-item-upload-file {
display: block;
margin-top: 15px;
}
.nbd-cart-item-remove-file {
display: inline-block;
}
.nbd-cart-item-upload-preview-wrap {
width: 120px;
display: inline-block;
margin: 0 15px 15px 0;
text-align: center;
padding: 10px;
border: 1px solid #ddd;
}
.nbd-cart-item-upload-preview{
max-width: 100%;
}
.nbd-cart-item-upload-preview-title {
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
height: 30px;
line-height: 30px;
}
.button.nbd-trigger-nbo-popup {
display: none;
}
.nbop-hidden {
display: none !important;
} .nbd-save-for-later, .nbd-download-pdf {
border: 1px solid #ddd !important;
background: #fff !important;
color: #333333 !important;
padding: 1em 2em;
font-weight: bold;
font-size: 0.875rem;
line-height: 1em;
border-radius: 2em;
}
a.nbd-save-for-later svg {
display: none;
margin-right: 10px;
}
a.nbd-save-for-later:focus {
outline: none;
}
a.nbd-save-for-later.saved {
pointer-events: none;
}
.nbd-social {
width: 36px;
height: 36px;
display: inline-block;
padding: 5px;
border: 1px solid #ddd;
margin: 0px;
opacity: 0.8;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
background: #fff;
cursor: pointer;
}
.nbd-save-loading, .nbd-pdf-loading {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.nbd-save-loading.hide, .nbd-pdf-loading.hide {
display: none;
}
#nbdesigner-preview-title {
margin-top: 15px;
}
#nbd_processing {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
z-index: 1;
}
.nbd-m-custom-design-wrap,
.nbd-m-upload-design-wrap {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background: #fff;
}
.nbd-m-custom-design-wrap.is-visible,
.nbd-m-upload-design-wrap.is-visible {
opacity: 1;
visibility: visible;
z-index: 1;
}
.nbd-custom-design-wrap {
position: relative;
width: 100%;
height: 100%;
}
.nbd-custom-design-wrap iframe {
left: 0;
top: 0;
position: absolute;
}
.nbd-m-upload-design-wrap {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.nbu-inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.nbu-inputfile + label {
width: 320px;
flex-direction: column;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
border: 2px dashed #ddd;
border-radius: 4px;
color: #394264;
cursor: pointer;
padding: 10px;
margin: 0 auto;
}
.nbu-inputfile + label.highlight {
border-color: #394264;
}
.nbu-inputfile + label svg {
width: 2em;
height: 2em;
vertical-align: middle;
fill: currentColor;
margin-top: -0.25em;
margin-right: 0.25em;
}
.nbu-upload-zone span {
display: block;
line-height: 12px;
}
.nbd-upload-items {
width: 150px;
height: 150px;
display: inline-block;
margin: 15px;
}
.nbd-upload-items-inner {
display: flex;
align-items: flex-end;
justify-content: center;
width: 100%;
height: 100%;
text-align: center;
position: relative;
overflow: hidden;
}
.nbd-upload-item {
max-width: 100%;
max-height: 100%;
}
.nbd-upload-item-title {
position: absolute;
border: 0;
background: #fff;
width: 100%;
height: 30px;
line-height: 30px;
text-overflow: ellipsis;
overflow: hidden;
padding: 0 5px;
white-space: nowrap;
font-weight: bold;
background: rgba(255, 255, 255, 0.75);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.nbd-upload-items-inner span {
position: absolute;
z-index: 2;
width: 30px;
height: 30px;
cursor: pointer;
background: #fff;
line-height: 30px;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
border-radius: 50%;
font-size: 20px;
color: #cc324b;
}
.nbd-upload-items-inner:hover span {
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.upload-design-preview {
margin: 15px;
max-height: 300px;
max-width: 720px;
position: relative;
overflow: hidden;
}
.submit-upload-design:hover {
box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
}
.submit-upload-design,
.nbu-login-btn {
height: 40px;
border-radius: 20px;
background: #fff;
padding: 0 15px;
color: #394264;
text-transform: uppercase;
font-weight: bold;
line-height: 40px;
cursor: pointer;
display: inline-block;
margin-top: 15px;
box-shadow: 0 5px 6px -3px rgba(0,0,0,.2), 0 9px 12px 1px rgba(0,0,0,.14), 0 3px 16px 2px rgba(0,0,0,.12);
}
.nbu-require-login {
text-align: center;
}
.nbu-upload-zone {
position: relative;
}
.nbu-upload-zone .nbd-upload-loading {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
visibility: hidden;
opacity: 0;
}
.nbu-upload-zone .nbd-upload-loading.is-visible {
visibility: visible;
z-index: 2;
opacity: 1;
}
.nbu-inputfile + label.is-loading {
opacity: 0.75;
}
.nbd-m-upload-design-wrap.is-loading {
pointer-events: none;
}
#container-online-designer {
position: fixed;
top: 0;
left: 0;
bottom: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: -1;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
-moz-transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
transition: opacity 400ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
}
#container-online-designer.is-visible {
opacity: 1;
z-index: 999999999;
visibility: visible;
-webkit-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
-moz-transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
transition: opacity 200ms 0ms, visibility 0ms 0ms, z-index 0ms 0ms;
}
@media screen and (max-width: 768px){
#container-online-designer {
height: 100%;
}
} .nbdesigner-pagination-con .spacer {
clear: both;
}
.nbd-warning-permission {
font-size: 40px;text-align: center;
}
.admin-container-online-designer {
position: fixed; top: 0; left: 0; z-index: 999999; opacity: 0; width: 100%; height: 100%;
}
.nbd_download_pdf_type {
margin: 10px auto;
}
.container-design .my_account_orders .nbd-preview {
max-width: 100px; display: inline-block; border: 1px solid #ddd;
}
.nbd-hide { display: none; }
.button-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.button-area.nbd-hide {
display: none;
}
.button-area p {
margin-bottom: 0;
flex: 1 0 100%;
}
.nbd-banner {
border: 4px dashed #d8d8d8;
margin: 0;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
margin-bottom: 15px;
}
.nbd-banner .image-wrap {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
width: 100%;
height: 100%;
overflow: hidden;
}
.nbd-banner img {
width: 100%;
}
.nbd-banner .nbd-remove-banner-image {
position: absolute;
width: 100%;
height: 100%;
background: #000;
top: 0;
left: 0;
opacity: .7;
font-size: 100px;
color: #f00;
top: 0;
display: none;
justify-content: center;
align-items: center;
text-decoration: none !important;
}
.nbd-banner:hover .nbd-remove-banner-image {
display:flex;
cursor: pointer;
}
.nbd_gravatar {
width: 100px;
height: 100px;
}
.nbd_artist_gravatar-right {
display: inline-block;
vertical-align: middle;
}
.nbd-chagne-avatar {
cursor: pointer;
}
.nbd-section {
margin-bottom: 15px;
}
.nbd-section label {
min-width: 200px;
display: inline-block;
font-weight: bold;
}
.nbd-section textarea {
max-width: 100%;
}
.nbd-loading {
display: inline-block;
}
.nbd-loading.loaded {
display: none;
}
.nbd-artist-form.loading {
pointer-events: none;
opacity: 0.5;
}
.nbd_artist_description label{
margin-bottom: 15px;
}
[name="nbd_artist_description"] {
width: 100%;
}
.nbd_artist_name-wrap {
margin-top: 30px;
} .nbd-title {
font-weight: bold;
margin-right: 15px;
}
.nbd-section-detail-dedesign {
clear: both;
overflow: hidden;
margin-bottom: 15px;
}
.nbd-design-action {
float: right;
}
.nbd-add-design {
padding: 5px;
border: 1px solid #ddd;
}
.nbd-add-design:hover {
color: #fff;
background: #1e73be;
}
.nbd-design-status {
width: auto !important;
height: 45px;
}
.nbd-section-detail-dedesign .nbd-form-submit-wrap {
width: 100%; clear: both;
}
.nbd-section-detail-dedesign .preview-title {
font-weight: bold;
}
.nbd-section-detail-dedesign .preview-img {
display: inline-block; border: 1px solid #ddd;
} .nbd-popup-actions .more-about-link {
color: #404762;
}
.nbd-preview-product-head p{
font-weight: bold; font-size: 20px;
}
.nbd-preview-product-head img{
max-width: 300px; margin: 0 auto;
}
.nbd-preview-product-action {
margin-top: 15px;
}
.nbd-gallery-filter-clear {
white-space: nowrap;
}
.nbd-user-infos .nbd-user-banner img {
border-radius: 0;
}
.nbd-template-form .nbd-form-resource-title,
.nbd-template-form .nbd-form-preview-title {
margin-top: 15px;
}
.nbd-template-title b {
vertical-align: middle;
}
body.woocommerce-account ul li.woocommerce-MyAccount-navigation-link--my-store a:before{
content: "\f54e"
} .nbdl-nav-tab-wrapper {
border-bottom: 1px solid #ccc;
margin: 0;
padding-top: 9px;
padding-bottom: 0;
}
.nbdl-nav-tab-wrapper:not(.wp-clearfix):after,
.nbdl-clearfix:after {
content: "";
display: table;
clear: both;
}
.nbdl-nav-tab {
float: left;
border: 1px solid #ccc;
border-bottom: none;
margin-left: 0.5em;
padding: 5px 10px;
font-size: 14px;
line-height: 1.71428571;
font-weight: bold;
background: #e5e5e5;
color: #555;
text-decoration: none;
white-space: nowrap;
text-decoration: none !important;
}
.nbdl-nav-tab-active, .nbdl-nav-tab-active:hover, .nbdl-nav-tab-active:focus, .nbdl-nav-tab-active:focus:active {
border-bottom: 1px solid #fff;
background: #fff;
color: #000;
}
.nbdl-nav-tab-active {
margin-bottom: -1px;
color: #444;
}
.nbdl-store-dashboard-head {
margin-top: 20px;
}
.nbdl-current-balance {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
background-color: #ace7f3;
border-color: #404762;
color: #404762;
}
.nbdl-withdraw-wrap {
margin-top: 20px;
}
.nbdl-toggle {
cursor: pointer;
font-size: 13px;
margin-right: 10px;
}
.nbdl-toggle.active {
color: #404762;
}
.nbdl-toggle-panel {
display: none;
}
.nbdl-toggle-panel.active {
display: block;
margin-top: 15px;
}
.nbdl-notification {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.nbdl-notification-error {
background-color: #f5c1bd;
border-color: #a70139;
color: #a70139;
}
.nbdl-form-group {
margin-bottom: 15px;
}
.nbdl-form-label {
margin-right: 15px;
}
.nbdl-become-designer {
border: solid 1px #ddd;
padding: 15px;
text-align: center;
}
.my_account_orders .nbd-preview {
max-width: 80px;
display: inline;
}
.nbdl-dashboard {
margin-top: 15px;
}
.nbdl-dashboard:after {
clear: both;
content: " ";
display: table;
}
.nbdl-dashboard-column{
float: left;
width: 50%;
box-sizing: border-box;
}
.nbdl-dashboard-column.left {
padding-right: 15px;
}
.nbdl-dashboard-inner {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin-bottom: 15px;
background: #fff;
border: 1px solid #EBEBEB;
padding: 0px 10px;
}
.nbdl-dashboard-head {
font-weight: bold;
border-bottom: 1px solid #EBEBEB;
padding: 6px 0;
margin-bottom: 6px;
}
.nbdl-dashboard-box{
justify-content: space-between;
border-bottom: 1px solid #EBEBEB;
display: flex;
padding-bottom: 5px;
}
.nbdl-search-bar {
position: absolute;
top: 100%;
left: 0;
width: 100%;
transform: translateY(-80px);
display: flex;
justify-content: center;
height: 50px;
z-index: 9;
}
.nbdl-search-bar svg path:not([fill="none"]) {
fill: #757575;
}
.nbdl-search-content-wrap {
width: 500px;
position: relative;
height: 50px;
display: block;
}
.nbdl-search-content-wrap svg {
position: absolute;
top: 13px;
right: 10px;
cursor: pointer;
}
.nbdl-search-bar input {
width: 100%;
padding: 0 50px 0 30px;
border: 1px solid #43454b;
box-sizing: border-box;
height: 50px;
background: rgba(255, 255, 255, 0.5);
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
.nbdl-search-bar input:active,
.nbdl-search-bar input:focus {
outline: none;
}
.nbdl-search-bar .nbdl-search-type-wrap {
height: 50px;
position: relative;
width: 150px;
padding-right: 30px;
}
.nbdl-search-bar .nbdl-search-type-wrap .nbdl-search-type-selected{
height: 50px;
display: block;
width: calc(100% + 30px);
line-height: 50px;
box-sizing: border-box;
border: 1px solid #43454b;
border-left: none;
background: rgba(255, 255, 255, 0.5);
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
cursor: pointer;
padding: 0 10px;
}
.nbdl-search-bar .nbdl-search-type-wrap svg{
position: absolute;
right: 3px;
top: 15px;
cursor: pointer;
}
.nbdl-search-bar .nbdl-search-type-wrap ul {
position: absolute;
top: 100%;
left: 0;
width: calc(100% - 30px);
list-style: none;
margin: 0;
visibility: hidden;
height: 0;
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
background: #fff;
text-align: left;
}
.nbdl-search-bar .nbdl-search-type-wrap ul.active {
visibility: visible;
height: unset;
}
.nbdl-search-bar .nbdl-search-type-wrap ul li{
height: 30px;
background: #fff;
cursor: pointer;
padding: 0 10px;
line-height: 30px;
}
.nbdl-search-bar .nbdl-search-type-wrap ul li.active{
background: #404762;
color: #fff;
}
.nbdl-search-bar .nbdl-search-type-wrap ul li:hover {
background-color: hsla(0,0%,62%,.2);
color: #404762;
}
.nbdl-author {
font-size: 1.5em !important;
font-weight: normal !important;
color: #888;
}
.nbdl-author a {
font-weight: bold !important;
color: #404762;
}
.nbd-force-hiden {
display: none !important;
}
.nbd-popup-design-by {
font-size: 14px;
}
.nbd-faqs-wrap {
padding: 5px;
}
.nbd-faq-wrap {
margin-bottom: 5px;
border-radius: 2px;
transition: box-shadow .2s;
-webkit-transition: box-shadow .2s;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
}
.nbd-faq-wrap:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbd-faq-head{
padding: 10px;
color: #404762;
cursor: pointer;
font-weight: bold;
text-transform: capitalize;
font-size: 16px;
position: relative;
}
.nbd-faq-head:before,
.nbd-faq-head:after {
content: '';
position: absolute;
right: 24px;
top: 50%;
height: 2px;
width: 13px;
background: #404762;
transition: all .4s;
-webkit-transition: all .4s;
}
.nbd-faq-head:before{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: 32px;
}
.nbd-faq-head:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nbd-faq-wrap.active .nbd-faq-head:before{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nbd-faq-wrap.active .nbd-faq-head:after{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.nbd-faq-body {
height: 0;
transition: all .4s;
-webkit-transition: all .4s;
overflow: hidden;
box-sizing: border-box;
}
.nbd-faq-body-inner {
padding: 10px;
}
.nbd-faq-wrap.active .nbd-faq-body {
height: unset;
border-top: 1px solid #ddd;
}
.nbdl-featured-designers {
display: flex;
margin-left: -15px;
margin-right: -15px;
flex-wrap: wrap;
}
.nbdl-featured-designer {
width: 33.33%;
padding-left: 15px;
padding-right: 15px;
margin: 0 0 30px;
}
.nbdl-designer-wrap {
position: relative;
box-shadow: 0 0 25px 0 #ddd;
border-radius: 4px;
}
.nbdl-designer-header {
height: 220px;
}
.nbdl-designer-content {
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
height: 100%;
background: rgba(0,0,0,.45);
color: #fff;
padding: 5px 20px;
}
.nbdl-designer-info a{
color: #fff;
text-decoration: none !important;
font-size: 13px;
display: block;
margin-bottom: 5px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.nbdl-designer-info span{
width: 34px;
height: 34px;
display: inline-block;
padding: 5px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
margin-right: 10px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
background: #fff;
border-radius: 50%;
vertical-align: middle;
}
.nbdl-designer-name{
font-size: 30px;
font-weight: bold;
margin: 20px 0;
}
.nbdl-designer-name a {
color: #fff !important;
text-decoration: none !important;
}
.nbdl-designer-footer {
background: #f7fbfc;
position: relative;
padding: 15px 20px;
border-top: 1px solid #eee;
z-index: 99;
}
.nbdl-designer-avatar{
padding: 6px;
background: #fff;
position: absolute;
width: 80px;
height: 80px;
top: -40px;
right: 20px;
border-radius: 40px;
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
.nbdl-designer-avatar img {
width: 100%;
height: 100%;
border-radius: 40px;
}
.nbdl-designer-link {
height: 35px;
padding: 0 15px;
display: inline-block;
text-decoration: none !important;
line-height: 35px;
border-radius: 18px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-ms-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.nbdl-designer-link:hover {
-webkit-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-moz-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
-ms-box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
box-shadow: 0 3px 10px 0 rgba(75,79,84,.3);
}
@media (max-width: 768px){
.nbdl-search-content-wrap {
width: 300px;
}
.nbdl-dashboard-column{
width: 100%;
padding-right: 0 !important;
}
.nbdl-featured-designer {
width: 100%;
}
}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}