.portfolio{padding:0}.portfolio .row{position:relative}.portfolio .portfolio-item-size-container{font-size:0;line-height:1;margin:0;padding:0;width:100%}.portfolio .portfolio-item-size-container .portfolio-item{margin:0;min-height:0;padding:0!important}.gem_tab .portfolio{padding-left:1px;padding-right:1px}.portfolio h3.title{text-align:center}.portfolio-filters{font-size:0}.portfolio-filters a{border-radius:15px;color:inherit;display:inline-block;font-size:14px;height:30px;line-height:30px;margin:0 10px 10px 0;padding:0 25px;text-decoration:none;vertical-align:top}.portfolio-filters a .gem-print-icon{margin-right:5px}.portfolio-filters a span{display:inline-block;vertical-align:top}.portfolio-filters a.all .icon{font-family:thegem-icons;font-size:22px;font-style:normal;line-height:1.2727}.portfolio-count{float:right;padding:8px 8px 8px 0}.portfolio-filters-resp{display:none;margin:13px 0;position:relative;text-align:right;z-index:10}.portfolio-filters-resp .menu-toggle{background:transparent;border:none;cursor:pointer;font-size:0;height:30px;line-height:0;outline:none;overflow:hidden;padding:0;position:relative;text-indent:100%;width:32px}.portfolio-filters-resp .menu-toggle .menu-line-1,.portfolio-filters-resp .menu-toggle .menu-line-2,.portfolio-filters-resp .menu-toggle .menu-line-3{background:#99a9b5;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;height:8px;margin-top:-4px;position:absolute;top:50%;width:8px}.portfolio-filters-resp .menu-toggle .menu-line-1{left:0}.portfolio-filters-resp .menu-toggle .menu-line-2{left:50%;margin-left:-4px}.portfolio-filters-resp .menu-toggle .menu-line-3{right:0}.portfolio-filters-resp ul{-webkit-backface-visibility:hidden;backface-visibility:hidden;left:0;list-style:none;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;top:35px;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.portfolio-filters-resp ul li{position:relative;text-align:left}.portfolio-filters-resp ul li a{display:block;padding:14px 34px 17px;text-decoration:none}.portfolio-filters-resp ul li:after{speak:none;-webkit-font-smoothing:antialiased;content:"\e601";font-family:thegem-icons;font-size:14px;font-style:normal;line-height:51px;position:absolute;right:20px;top:0}.portfolio-filters-resp ul.dl-menuopen{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);transform:translateY(0)}.portfolio-filters-resp ul.dl-animate-out{-webkit-animation:MenuAnimOut .4s;animation:MenuAnimOut .4s}@keyframes MenuAnimOut{50%{-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg)}75%{opacity:.5;-webkit-transform:translateZ(-372.5px) rotateY(15deg);transform:translateZ(-372.5px) rotateY(15deg)}to{opacity:0;-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg)}}.portfolio-filters-resp ul.dl-animate-in{-webkit-animation:MenuAnimIn .3s;animation:MenuAnimIn .3s}@keyframes MenuAnimIn{0%{opacity:0;-webkit-transform:translateZ(-500px) rotateY(0deg);transform:translateZ(-500px) rotateY(0deg)}20%{opacity:.5;-webkit-transform:translateZ(-250px) rotateY(30deg);transform:translateZ(-250px) rotateY(30deg)}to{opacity:1;-webkit-transform:translateZ(0) rotateY(0deg);transform:translateZ(0) rotateY(0deg)}}@media only screen and (max-width:1000px){.portfolio-count{display:none}.portfolio-filters{margin-right:0}}@media only screen and (max-width:768px){.portfolio-filters-resp{display:block}.portfolio-count,.portfolio-filters{display:none}.portfolio-filters-resp{text-align:left}}.portfolio-filters-resp ul{border-left:1px solid #dfe5e8;border-right:1px solid #dfe5e8;border-top:1px solid #dfe5e8}.portfolio-filters-resp ul li{background:#f4f6f7;border-bottom:1px solid #dfe5e8}.portfolio-filters-resp ul>li a.active{background:#fff;border-left:4px solid #00bcd4;color:#3c3950;padding-left:26px}.portfolio-filters-resp li a{color:#5f727f}.portfolio-filters-resp li a:hover{color:#3c3950}.portfolio-navigator{font-size:0;line-height:1;text-align:center}.portfolio-navigator a.next{margin-left:9px;margin-right:0}.portfolio-load-more .inner{clear:both;overflow:visible;padding:0;position:relative;text-align:center;width:100%}.portfolio .portfolio-set{float:none;margin-bottom:20px;padding:0;position:relative;z-index:1}.portfolio-item{margin-top:0;text-align:center}.portfolio.item-separator .portfolio-item:after,.portfolio.item-separator .portfolio-item:before{border-left-style:solid;border-left-width:1px;bottom:0;content:"";display:block;left:0;opacity:0;position:absolute;top:0;-webkit-transition:none;transition:none;z-index:5}.portfolio.item-separator .portfolio-item:after{opacity:1}.portfolio.item-separator .portfolio-item:after{left:auto;right:0}.portfolio.portfolio-slider.item-separator .portfolio-item:before{opacity:1}.portfolio.portfolio-slider.item-separator .portfolio-item:after{opacity:0}.portfolio.item-separator .portfolio-item.left-item:before{opacity:1}.portfolio.portfolio-slider.item-separator .portfolio-item.currentPosition-last:after{opacity:1}.portfolio.portfolio-slider.item-separator .fullwidth-block .portfolio-item.currentPosition-last:after{opacity:0}.portfolio.portfolio-slider.item-separator .portfolio-item.currentPosition-last+.portfolio-item:before{opacity:0}.portfolio.portfolio-slider.item-separator .fullwidth-block .portfolio-item.currentPosition-first:before{opacity:0}.portfolio.portfolio-pagination-scroll .portfolio-scroll-pagination{position:relative;visibility:hidden}.portfolio.portfolio-pagination-scroll .portfolio-scroll-pagination.active{height:61px;visibility:visible}.portfolio .fullwidth-block{box-sizing:border-box;padding:0 21px}.portfolio.portfolio-slider .fullwidth-block{padding:0}.portfolio .fullwidth-block .portfolio-item{float:left}.portfolio-item .wrap{display:inline-block;max-width:100%;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;vertical-align:top}.portfolio.columns-1 .portfolio-item .wrap{border-bottom:0}.portfolio-item .wrap>.caption{cursor:pointer;padding-bottom:30px;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}.portfolio.portfolio-slider .portfolio-item .wrap{background:none;padding-bottom:0}.portfolio.hover-title .portfolio-item .wrap{background:none;border:0;padding-bottom:0}.portfolio-item .image{display:inline-block;max-width:100%;overflow:hidden;padding:0;position:relative;vertical-align:top}.portfolio-item .image .image-inner{position:relative;z-index:2}.portfolio.columns-1 .portfolio-item .image{margin:0;padding:0}.portfolio-item:not(.product) .image .button{border-color:transparent;border-style:solid;border-width:0 0 63px 63px;bottom:0;box-sizing:border-box;cursor:pointer;height:0;position:absolute;right:0;z-index:4}.portfolio-item:not(.product) .image .button:before{content:"\e60c";font:19px/20px thegem-icons;left:-27px;position:absolute;top:33px;z-index:3}.portfolio-item .image .image-inner{overflow:hidden}.portfolio-item .image img{height:auto;max-width:110%}.portfolio:not(.hover-horizontal-sliding):not(.hover-new-horizontal-sliding):not(.hover-default-horizontal-sliding):not(.extended-products-grid) .portfolio-item .image .image-inner img{left:-5%;position:relative}.portfolio-item .image .overlay{bottom:0;cursor:pointer;display:none;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:3}.portfolio-item .image .overlay .overlay-circle{display:none}.portfolio-item .image img.blur{-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px);filter:url(https://lautundklar.de/wp-content/themes/thegem/css/blur.svg#blur);filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=3)}.portfolio-item .image .overlay .links-wrapper{display:table;height:100%;width:100%}.portfolio-item .image .overlay .links{display:table-cell;height:100%;text-align:center;vertical-align:middle;width:100%}.portfolio-item .image .overlay .links a.icon{display:inline-block;margin-right:45px;text-decoration:none}.portfolio-item .image .overlay .links .portfolio-icons-inner{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;justify-content:flex-start;line-height:1;margin-left:-1px;vertical-align:top}.portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons-inner,.portfolio.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons-inner{margin-left:0}.portfolio-item .image .overlay .links .portfolio-icons-inner .yith-wcwl-add-to-wishlist,.portfolio-item .image .overlay .links .portfolio-icons-inner .yith-wcwl-add-to-wishlist>div,.portfolio-item .image .overlay .links .portfolio-icons-inner a.icon{float:left}.columns-4 .portfolio-item .image .overlay .links a.icon{margin-right:15px}.portfolio-item .image .overlay .links a.icon.share{margin-right:0!important}.portfolio-item .image .overlay .links a.icon:before{font:48px thegem-icons}.columns-4 .portfolio-item .image .overlay .links a.icon:before{font-size:24px}.portfolio-item .image .overlay .links a.page:before{content:"\e61f"}.portfolio-item .image .overlay .links a.self-link:before{content:"\e61f"}.portfolio-item .image .overlay .links a.inner-link:before{content:"\e65b"}.portfolio-item .image .overlay .links a.outer-link:before{content:"\e623"}.portfolio-item .image .overlay .links a.full-image:before{content:"\e60f"}.portfolio-item .image .overlay .links a.self_video:before,.portfolio-item .image .overlay .links a.vimeo:before,.portfolio-item .image .overlay .links a.youtube:before{content:"\e610"}.portfolio-item .image .overlay .links a.share:before{content:"\e65c"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page:before{content:"\e628"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link:before{content:"\e628"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.inner-link:before{content:"\e61c"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.outer-link:before{content:"\e608"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image:before{content:"\e629"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube:before{content:"\e62a"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.share:before{content:"\e65d"}@media (max-width:430px){.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page:before{content:"\e628"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link:before{content:"\e628"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.inner-link:before{content:"\e61c"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.outer-link:before{content:"\e608"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image:before{content:"\e629"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube:before{content:"\e62a"}.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share:before{content:"\e65d"}}@media (min-width:768px) and (max-width:870px){.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page:before{content:"\e628"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link:before{content:"\e628"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.inner-link:before{content:"\e61c"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.outer-link:before{content:"\e608"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image:before{content:"\e629"}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo:before,.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube:before{content:"\e62a"}.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share:before{content:"\e65d"}}@media (min-width:768px) and (max-width:900px){.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share:before{content:"\e65d"}}@media (min-width:1280px){.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.page:before{content:"\e628"}.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self-link:before{content:"\e628"}.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.inner-link:before{content:"\e61c"}.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.outer-link:before{content:"\e608"}.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.full-image:before{content:"\e629"}.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self_video:before,.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.vimeo:before,.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.youtube:before{content:"\e62a"}.portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share:before{content:"\e65d"}}.portfolio-item .caption{padding:32px 30px 0;text-align:center}.portfolio:not(.columns-1) .portfolio-item .wrap>.caption{min-height:167px}.portfolio-item .overlay .caption{background-color:transparent}.portfolio.columns-1 .portfolio-item .wrap>.caption{text-align:left}.portfolio.hover-title .portfolio-item .caption{padding:39px 20px 0}.portfolio.hover-title.columns-3 .portfolio-item .caption{padding-top:25px}.portfolio.hover-title.columns-4 .portfolio-item .caption{padding-top:15px}.portfolio-item .caption .title{margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.portfolio.columns-1 .portfolio-item .caption .title{margin-bottom:30px;text-overflow:clip;white-space:normal}.portfolio.hover-title .portfolio-item .caption .title{margin-bottom:20px}.portfolio.hover-title.columns-4 .portfolio-item:not(.double-item-squared) .overlay .caption .title,.portfolio.title-on-page.hover-circular.columns-4 .portfolio-item:not(.double-item-squared) .overlay .caption .title,.portfolio.title-on-page.hover-gradient.columns-4 .portfolio-item:not(.double-item-squared) .overlay .caption .title{font-size:14px;line-height:21px;margin-bottom:10px}.portfolio.columns-1 .portfolio-item .caption .info{white-space:nowrap}.portfolio-item .wrap>.caption .info{-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}.portfolio-item .caption .info,.portfolio-item .caption .info a{overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.portfolio-item .caption .info a{cursor:pointer}.portfolio.columns-1 .portfolio-item .caption .info,.portfolio.columns-1 .portfolio-item .caption .info a{overflow:visible;text-decoration:none;white-space:normal}.portfolio.columns-1 .portfolio-item .wrap{display:flex;position:relative}.portfolio.columns-1 .portfolio-item .wrap>.caption{position:relative}.portfolio.columns-1 .portfolio-item .caption .info{margin-bottom:16px}.portfolio-item .caption .info{font-size:14px;line-height:21px;margin-top:3px}.portfolio-item .caption .info a:hover{text-decoration:underline}.portfolio .overlay .links .caption .info,.portfolio .overlay .links .caption .title{overflow:visible;text-overflow:clip;white-space:normal}.portfolio .portfolio-item .overlay-line{font-size:0;height:2px;line-height:1}@media only screen and (min-width:1920px){.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item{width:20%}.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical){width:40%}}@media only screen and (min-width:1680px) and (max-width:1920px){.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item{width:25%}.portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical){width:50%}}@media only screen and (min-width:1280px) and (max-width:1680px){.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-set .portfolio-item{width:25%}.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical){width:50%}}@media only screen and (min-width:830px) and (max-width:1280px){.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-set .portfolio-item{width:33.333332%}.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical){width:66.66666%}.portfolio.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item{width:25%}.portfolio.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical){width:50%}}@media only screen and (max-width:830px){.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-set .portfolio-item,.portfolio:not(.extended-products-grid) .portfolio-item-size-container .portfolio-item,.portfolio:not(.extended-products-grid) .portfolio-set .portfolio-item{width:50%}.portfolio.columns-1 .portfolio-item-size-container .portfolio-item,.portfolio.columns-1 .portfolio-set .portfolio-item,.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical),.portfolio:not(.extended-products-grid) .portfolio-set .portfolio-item.double-item:not(.double-item-vertical){width:100%}}@media only screen and (max-width:550px){.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio:not(.extended-products-grid) .fullwidth-block .portfolio-set .portfolio-item,.portfolio:not(.extended-products-grid) .portfolio-item-size-container .portfolio-item,.portfolio:not(.extended-products-grid) .portfolio-set .portfolio-item{width:100%}}@media only screen and (min-width:992px) and (max-width:1100px){.portfolio.columns-4 .portfolio-item,.portfolio.columns-4 .portfolio-item-size-container .portfolio-item{width:33.3333%}.portfolio.columns-4 .portfolio-item.double-item:not(.double-item-vertical){width:66.66%}.portfolio.columns-4.porfolio-even-columns .portfolio-item-size-container .portfolio-item{width:25%}.portfolio.columns-4.porfolio-even-columns .portfolio-item.double-item:not(.double-item-vertical){width:50%}}@media only screen and (min-width:800px){.portfolio.columns-3.porfolio-even-columns .portfolio-item-size-container .portfolio-item{width:25%}.portfolio.columns-3.porfolio-even-columns .portfolio-item.double-item:not(.double-item-vertical){width:50%}}@media only screen and (min-width:550px) and (max-width:800px){.portfolio.columns-3.porfolio-even-columns .portfolio-item-size-container .portfolio-item{width:50%}.portfolio.columns-3.porfolio-even-columns .portfolio-item.double-item:not(.double-item-vertical){width:100%}}@media only screen and (min-width:768px) and (max-width:992px){.portfolio.columns-4.porfolio-even-columns .portfolio-item-size-container .portfolio-item{width:25%}.portfolio.columns-4.porfolio-even-columns .portfolio-item.double-item:not(.double-item-vertical){width:50%}}.portfolio.portfolio-style-metro.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item,.portfolio.portfolio-style-metro.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item{width:auto}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.icon{margin-right:16px}.portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.icon:before{border-radius:50%;display:inline-block;font-size:32px;height:70px;line-height:70px;text-align:center;width:70px}.portfolio:not(.hover-default):not(.hover-zooming-blur):not(.hover-gradient) .portfolio-item .image .overlay .links a.icon:before{height:32px;line-height:32px;width:32px}.portfolio.columns-4:not(.hover-default):not(.hover-zooming-blur) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon{margin-right:10px}.portfolio.columns-4:not(.hover-default):not(.hover-zooming-blur):not(.hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before{font-size:24px;height:24px;line-height:24px;width:24px}.portfolio.hover-gradient .portfolio-item .image .overlay .overlay-line{display:none}.portfolio.hover-gradient .portfolio-item .image img{-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}.portfolio.hover-gradient .portfolio-item .image .overlay .links{padding:0;text-align:left;vertical-align:bottom}.portfolio.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons{left:0;padding:25px 30px;position:absolute;top:0}.portfolio.hover-gradient .portfolio-item .image .overlay .links .description{position:static}.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption{padding:0 30px 25px;text-align:left;width:100%}.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon{margin-right:16px}.portfolio.columns-4:not(.hover-default):not(.hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon{margin-right:10px}.portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon,.portfolio.hover-gradient.columns-3 .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon,.portfolio.hover-gradient.columns-4 .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon{margin-right:8px}.portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before,.portfolio.hover-gradient.columns-3 .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before,.portfolio.hover-gradient.columns-4 .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before{font-size:16px;height:40px;line-height:40px;width:40px}.portfolio.hover-circular:not(.products) .portfolio-item .image .overlay .links .caption .title,.portfolio.hover-gradient:not(.products) .portfolio-item .image .overlay .links .caption .title{margin-bottom:0}.portfolio.portfolio-style-metro.hover-gradient .portfolio-item .image .overlay .links .caption .info{display:none}.hover-gradient .portfolio-item .image .overlay .links .portfolio-sharing-pane{text-align:left}.hover-gradient .portfolio-item .image .overlay .links .portfolio-sharing-pane a.socials-item:first-child{margin-left:0}@media only screen and (max-width:430px){.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon{margin-right:8px}.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before{font-size:16px;height:40px;line-height:40px;width:40px}}@media only screen and (max-width:991px){.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon{margin-right:8px}.portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before{font-size:16px;height:40px;line-height:40px;width:40px}.portfolio.hover-gradient .portfolio-item.double-item .image .overlay .links a.icon{margin-right:8px}.portfolio.hover-gradient .portfolio-item.double-item .image .overlay .links a.icon:before{font-size:16px;height:40px;line-height:40px;width:40px}}@media only screen and (max-width:380px){.portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info{display:none}}@media only screen and (min-width:768px){.portfolio.hover-gradient.columns-4 .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info{display:none}.portfolio.hover-gradient.columns-4 .portfolio-item .image .overlay .links .caption .title{margin-bottom:0}}@media only screen and (min-width:992px) and (max-width:1120px){.portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .info{display:none}.portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .title{margin-bottom:0}}@media only screen and (min-width:1250px) and (max-width:1820px),screen and (min-width:768px) and (max-width:900px),screen and (min-width:992px) and (max-width:1170px){.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .info{display:none}.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .title{margin-bottom:0}}@media only screen and (min-width:1170px) and (max-width:1250px),screen and (min-width:900px) and (max-width:992px){.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption{padding-top:15px}.portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title{font-size:14px;line-height:21px}.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .info{display:none}.portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .title{margin-bottom:0}}.portfolio.hover-circular .portfolio-item .image .overlay .overlay-circle{display:block}.portfolio.hover-circular .portfolio-item .image img{-o-transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;transition:all .4s}.portfolio.hover-circular .portfolio-item .image .overlay .links{padding:0;text-align:left;vertical-align:bottom}.portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons{left:0;padding:35px 25px;position:absolute;right:0;top:0}.portfolio.hover-circular .portfolio-item .image .overlay .links .description{position:static}.portfolio.hover-circular .portfolio-item .image .overlay .links .caption{padding:0 25px 25px;text-align:left;width:100%}@media only screen and (min-width:550px){.portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links .portfolio-icons{padding:45px 40px}.portfolio.hover-circular .portfolio-item.double-item-horizontal .image .overlay .links .portfolio-icons{padding:35px 40px}.portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links .caption{padding:0 40px 35px}.portfolio.hover-circular .portfolio-item.double-item-horizontal .image .overlay .links .caption{padding:0 40px 25px}}.portfolio.hover-circular.columns-4 .portfolio-item .image .overlay .links .caption .info{display:none}.hover-circular .portfolio-item .image .overlay .links .portfolio-sharing-pane{text-align:left}.hover-circular .portfolio-item .image .overlay .links .portfolio-sharing-pane a.socials-item:first-child{margin-left:0}.portfolio.hover-circular .overlay .links a.icon{margin-right:32px}.portfolio.hover-circular .overlay .overlay-line{margin:16px 0}@media only screen and (min-width:1280px) and (max-width:1550px),screen and (max-width:400px),screen and (min-width:550px) and (max-width:1100px){.portfolio.hover-circular .portfolio-item .image .overlay .links .caption .info{display:none}}@media only screen and (max-width:430px){.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon{margin-right:8px}.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon:before{font-size:24px;height:40px;line-height:40px;width:40px}}@media only screen and (max-width:991px){.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon{margin-right:8px}.portfolio.hover-circular .portfolio-item .image .overlay .links a.icon:before{font-size:24px;height:24px;line-height:24px;width:24px}.portfolio.hover-circular .portfolio-item.double-item .image .overlay .links a.icon{margin-right:8px}.portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links a.icon:before{font-size:32px;height:40px;line-height:40px;width:40px}}@media only screen and (min-width:1170px) and (max-width:1250px),screen and (min-width:900px) and (max-width:992px){.portfolio.hover-circular .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title{font-size:14px;line-height:21px}.portfolio.hover-circular .fullwidth-block .portfolio-item .image .overlay .links .caption .title{margin-bottom:0}}@media only screen and (min-width:400px) and (max-width:550px){.portfolio.hover-circular.columns-4 .portfolio-item .image .overlay .links .caption .info{display:block}}@media only screen and (min-width:800px){.portfolio.hover-circular.columns-1 .portfolio-item .image .overlay .links .caption .info,.portfolio.hover-circular.columns-2 .portfolio-item .image .overlay .links .caption .info{display:block}}.portfolio.hover-new-horizontal-sliding.title-on-hover .overlay .links{text-align:left;vertical-align:bottom}.portfolio.portfolio-slider h2{text-align:center}.portfolio.portfolio-slider{position:relative}.portfolio.portfolio-slider.full .portolio-slider-content{margin:0}.portfolio.portfolio-slider .portolio-slider-center{margin:0 auto;max-width:1170px;padding-bottom:0}.portfolio.portfolio-slider.full .portolio-slider-center{margin:0;max-width:none}.portfolio.portfolio-slider .portfolio-set{margin-bottom:0;white-space:nowrap}.portfolio.portfolio-slider .portfolio-set .portfolio-item{display:inline-block;float:none;position:relative}.portfolio.portfolio-slider.gem-slider-animation-one .portfolio-set .portfolio-item{float:left}.portfolio-sorting{display:inline-block;margin:0;white-space:nowrap}.portfolio-sorting>div{display:inline-block;vertical-align:middle}.portfolio-sorting label{cursor:pointer;display:inline-block;font-size:14px;vertical-align:middle}.sorting-switcher{background-color:#b6c6c9;border-radius:12px;display:inline-block;height:24px;position:relative;vertical-align:middle;width:40px}.sorting-switcher:after{background-color:#fff;border-radius:50%;content:"";height:16px;left:4px;position:absolute;top:4px;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear;width:16px}.sorting-switcher.right:after{left:20px}.portfolio-sharing-pane{height:0;text-align:center}.portfolio-item .image .overlay .portfolio-sharing-pane{font-size:0;white-space:nowrap}.portfolio:not(.hover-default):not(.hover-zooming-blur):not(.hover-gradient) .portfolio-item .image .overlay .portfolio-sharing-pane{margin-left:-6px}.portfolio.columns-4:not(.hover-default):not(.hover-zooming-blur):not(.hover-gradient) .portfolio-item .image .overlay .portfolio-sharing-pane{margin-left:-3px}.portfolio-item .image .overlay .portfolio-sharing-pane .socials-item{margin:0 10px}.columns-3 .portfolio-item .image .overlay .portfolio-sharing-pane .socials-item,.columns-4 .portfolio-item .image .overlay .portfolio-sharing-pane .socials-item,.fullwidth-columns-4 .portfolio-item .image .overlay .portfolio-sharing-pane .socials-item{margin:0 5px}@media only screen and (max-width:991px){.portfolio.columns-1 .portfolio-item .wrap{display:block}.portfolio.columns-1 .portfolio-item .image .image-inner img{width:110%}}.row .portfolio-slider .portolio-slider-next,.row .portfolio-slider .portolio-slider-prev{opacity:0;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}.row .portfolio.portfolio-slider:hover .portolio-slider-next,.row .portfolio.portfolio-slider:hover .portolio-slider-prev{opacity:1;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}.portfolio.portfolio-slider .portolio-slider-next span,.portfolio.portfolio-slider .portolio-slider-prev span{cursor:pointer;display:inline-block;font-family:thegem-icons;font-style:normal}.portfolio.portfolio-slider .portolio-slider-prev span{left:0}.portfolio.portfolio-slider .portolio-slider-next span{right:0}.portfolio.portfolio-slider .portolio-slider-prev{float:left;position:relative;text-align:right;z-index:10}.portfolio.portfolio-slider .portolio-slider-next{float:right;position:relative;text-align:left;z-index:10}.portfolio.portfolio-slider .portolio-slider-next span,.portfolio.portfolio-slider .portolio-slider-prev span{font-size:0}.portfolio.portfolio-slider.gem-slider-animation-one .portolio-slider-next,.portfolio.portfolio-slider.gem-slider-animation-one .portolio-slider-prev{left:0;position:absolute;top:0;z-index:2}.portfolio.portfolio-slider.gem-slider-animation-one .portolio-slider-next{left:auto;right:0}.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-next span,.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-prev span{padding:7px 6px}.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-next span:after,.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-prev span:after{font-size:24px}.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-prev span:after{content:"\e636";vertical-align:middle}.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-next span:after{content:"\e634";vertical-align:middle}@media (max-width:1024px){body .portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-next,body .portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-prev{margin-top:0}}.thegem-touch #page .row .vc_row .portfolio.portfolio-slider .portolio-slider-prev,.thegem-touch .row .vc_row .portfolio.portfolio-slider .portolio-slider-next{display:block}