.portfolio { padding:0; } .portfolio .portfolio-row { clear:both; } .portfolio .portfolio-item-size-container { position:relative; padding:0; margin:0; font-size:0; line-height:1; } .portfolio .portfolio-item-size-container .portfolio-item { min-height:0; padding:0 !important; margin:0; position:absolute; } .portfolio .portfolio-item.not-found { width:100% !important; text-align:left; } .portfolio .portfolio-item.not-found .found-wrap { display:flex; flex-direction:row !important; align-items:baseline; border:none; } .portfolio .portfolio-item.not-found .found-wrap:before { content:"\e67a"; font-style:normal; font-family:'thegem-icons'; font-weight:normal; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; display:inline-block; font-variant:normal; text-rendering:auto; line-height:1; margin-right:10px; position:initial; opacity:1 !important; } .gem_tab .portfolio { padding-left:1px; padding-right:1px; } .portfolio h3.title { text-align:center; } .panel-sidebar-position-right .portfolio { padding-left:0; } .portfolio-top-panel:not(.extended-posts-filter) { margin:0 0 55px; overflow:visible; } .portfolio-top-panel .portfolio-filters, .portfolio-top-panel .portfolio-filters-resp { position:relative; z-index:5; } .portfolio-top-panel:not(.sticky-fixed) { position:relative; } .portfolio-top-panel.filters-top-sticky { z-index:2; } @media (min-width:1001px) { .portfolio-top-panel.filters-top-sticky {  margin-bottom:45px; } } .portfolio.without-padding .portfolio-top-panel { margin-left:0; margin-right:0; } .portfolio.hover-title.portfolio-items-masonry .portfolio-top-panel { margin-left:0; margin-right:0; } .portfolio-filters { font-size:0; } @media (max-width:767px) { .portfolio-filters-mobile + .portfolio-filters {  display:none !important; } } @media (min-width:768px) { .portfolio-filters-mobile {  display:none !important; } }  .portfolio-filters a, .portfolio-filters .portfolio-filters-more-button { display:inline-block; text-decoration:none; vertical-align:top; margin:0 10px 10px 0; padding:0 25px; min-height:30px; height:auto; border-radius:15px; color:inherit; border:none; } .portfolio-filters a:not(.filter-text-custom), .portfolio-filters .portfolio-filters-more-button:not(.filter-text-custom) { line-height:30px; font-size:var(--thegem-to-body-tiny-font-size); } .portfolio-filters a:last-child, .portfolio-filters .portfolio-filters-more-button { margin-right:0; } .portfolio-top-panel-row.filter-style-buttons .portfolio-filters div.portfolio-filters-more { margin:0 10px 10px 0; } .portfolio-top-panel-row.filter-style-buttons .portfolio-filters div.portfolio-filters-more-button { margin:0; } .portfolio-top-panel-row.filter-style-buttons .portfolio-filters-more-dropdown a { background:transparent !important; padding:0 !important; } .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; line-height:1.2727; } .portfolio-count { float:right; padding:8px 8px 8px 0; } .portfolio-filters-resp { display:none; text-align:right; margin:13px 0px; position:relative; z-index:10; } .portfolio-filters-resp .menu-toggle { border:none; width:32px; height:30px; text-indent:100%; font-size:0; line-height:0; overflow:hidden; position:relative; cursor:pointer; outline:none; background:transparent; padding:0; } .portfolio .portfolio-filters-resp .menu-toggle i { font-size:24px; text-indent:initial; } .portfolio-filters-resp .menu-toggle .menu-line-1, .portfolio-filters-resp .menu-toggle .menu-line-2, .portfolio-filters-resp .menu-toggle .menu-line-3 { position:absolute; width:8px; height:8px; top:50%; background:#99a9b5; margin-top:-4px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .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 { padding:0; list-style:none; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; margin:0; position:absolute; width:100%; left:0; top:35px; opacity:0; pointer-events:none; -webkit-transform:translateY(10px); transform:translateY(10px); -webkit-backface-visibility:hidden; backface-visibility:hidden; } .portfolio-filters-resp ul li { text-align:left; position:relative; } .portfolio-filters-resp ul li a { display:block; text-decoration:none; padding:14px 34px 17px 34px; } .portfolio-filters-resp ul li:after { position:absolute; right:20px; top:0; font-family:'thegem-icons'; font-size:14px; line-height:51px; speak:none; -webkit-font-smoothing:antialiased; content:"\e601"; } .portfolio-filters-resp ul.dl-menuopen { opacity:1; pointer-events:auto; -webkit-transform:translateY(0px); transform:translateY(0px); }  .portfolio-filters-resp ul.dl-animate-out { -webkit-animation:MenuAnimOut 0.4s; animation:MenuAnimOut 0.4s; } @-webkit-keyframes MenuAnimOut { 0% { } 50% {  -webkit-transform:translateZ(-250px) rotateY(30deg); } 75% {  -webkit-transform:translateZ(-372.5px) rotateY(15deg);  opacity:.5; } 100% {  -webkit-transform:translateZ(-500px) rotateY(0deg);  opacity:0; } } @keyframes MenuAnimOut { 0% { } 50% {  -webkit-transform:translateZ(-250px) rotateY(30deg);  transform:translateZ(-250px) rotateY(30deg); } 75% {  -webkit-transform:translateZ(-372.5px) rotateY(15deg);  transform:translateZ(-372.5px) rotateY(15deg);  opacity:.5; } 100% {  -webkit-transform:translateZ(-500px) rotateY(0deg);  transform:translateZ(-500px) rotateY(0deg);  opacity:0; } } .portfolio-filters-resp ul.dl-animate-in { -webkit-animation:MenuAnimIn 0.3s; animation:MenuAnimIn 0.3s; } @-webkit-keyframes MenuAnimIn { 0% {  -webkit-transform:translateZ(-500px) rotateY(0deg);  opacity:0; } 20% {  -webkit-transform:translateZ(-250px) rotateY(30deg);  opacity:0.5; } 100% {  -webkit-transform:translateZ(0px) rotateY(0deg);  opacity:1; } } @keyframes MenuAnimIn { 0% {  -webkit-transform:translateZ(-500px) rotateY(0deg);  transform:translateZ(-500px) rotateY(0deg);  opacity:0; } 20% {  -webkit-transform:translateZ(-250px) rotateY(30deg);  transform:translateZ(-250px) rotateY(30deg);  opacity:0.5; } 100% {  -webkit-transform:translateZ(0px) rotateY(0deg);  transform:translateZ(0px) rotateY(0deg);  opacity:1; } } @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-top-panel:not(.filter-type-extended, .panel-with-search, .filters-mobile-dropdown) .portfolio-top-panel-right, .portfolio-top-panel:not(.filter-type-extended).panel-with-search .portfolio-top-panel-right .portfolio-sorting {  display:none; }  .portfolio-top-panel:not(.extended-posts-filter).filter-type-default {  margin-bottom:20px; }  .portfolio-filters-resp {  text-align:left; }  .portfolio-top-panel {  margin:0 0 0px; } }  .portfolio-filters-resp ul { border-top:1px solid #dfe5e8; border-left:1px solid #dfe5e8; border-right: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; padding-left:26px; color:#3c3950; } .portfolio-filters-resp li a { color:#5f727f; } .portfolio-filters-resp li a:hover { color:#3c3950; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters, .portfolio-top-panel-row.filter-style-buttons .portfolio-filters { margin-bottom:-10px; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a, .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters div.portfolio-filters-more-button, .portfolio-top-panel-row.filter-style-tabs-default .portfolio-sorting-select div.portfolio-sorting-select-current { min-height:initial; padding:0; margin-bottom:10px; margin-right:30px; background:none !important; border:none; border-radius:0; text-transform:var(--thegem-to-tabs-title-thin-text-transform); letter-spacing:var(--thegem-to-tabs-title-thin-letter-spacing); color:var(--thegem-to-h6-color); } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a:not(.filter-text-custom), .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters div.portfolio-filters-more-button:not(.filter-text-custom), .portfolio-top-panel-row.filter-style-tabs-default .portfolio-sorting-select div.portfolio-sorting-select-current:not(.filter-text-custom) { font-family:var(--thegem-to-tabs-title-thin-font-family); font-style:var(--thegem-to-tabs-title-thin-font-style); font-weight:var(--thegem-to-tabs-title-thin-font-weight); font-size:var(--thegem-to-tabs-title-thin-font-size); line-height:var(--thegem-to-tabs-title-thin-line-height); }  .portfolio-top-panel .portfolio-top-panel-row.filter-style-tabs-default .portfolio-search-filter { color:var(--thegem-to-h6-color); } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters div.portfolio-filters-more { margin-bottom:10px; margin-right:30px; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters div.portfolio-filters-more-button, .portfolio-top-panel-row.filter-style-tabs-default .portfolio-sorting-select div.portfolio-sorting-select-current { margin:0; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a:hover { color:var(--thegem-to-h6-color); } @media only screen and (max-width:768px) {  .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters {  display:block; } } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.hover-pointer, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.hover-pointer { position:relative; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a:not(.active).hover-pointer:after, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a:not(.active).hover-pointer:after { content:''; display:block; position:absolute; width:0; height:2px; bottom:-2px; left:50%; background:currentColor; -webkit-transition:width .3s, height .3s, left .3s; -o-transition:width .3s, height .3s, left .3s; transition:width .3s, height .3s, left .3s; -webkit-transition-timing-function:cubic-bezier(.58,.3,.005,1); -o-transition-timing-function:cubic-bezier(.58,.3,.005,1); transition-timing-function:cubic-bezier(.58,.3,.005,1); } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a:not(.active).hover-pointer:hover:after, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a:not(.active).hover-pointer:hover:after { width:100%; left:0; z-index:2; } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.active, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.active { border-bottom:2px solid currentColor; background:none; } @media (min-width:1025px) { .portfolio-top-panel .portfolio-top-panel-row.filter-style-tabs-default .portfolio-search-filter.input-style input, .portfolio-top-panel .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-search-filter.input-style input {  border-width:2px; }  .portfolio-top-panel:not(.extended-posts-filter).filter-type-extended .portfolio-top-panel-right .portfolio-search-filter.input-style {  margin-top:-10px;  margin-bottom:0; } } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.active, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more-button, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-sorting-select div.portfolio-sorting-select-current { text-transform:var(--thegem-to-tabs-title-text-transform); letter-spacing:0; color:var(--thegem-to-h6-color); } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.active:not(.filter-text-custom), .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a:not(.filter-text-custom), .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more-button:not(.filter-text-custom), .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-sorting-select div.portfolio-sorting-select-current:not(.filter-text-custom) { font-family:var(--thegem-to-tabs-title-font-family); font-style:var(--thegem-to-tabs-title-font-style); font-weight:var(--thegem-to-tabs-title-font-weight); font-size:var(--thegem-to-tabs-title-font-size); line-height:var(--thegem-to-tabs-title-line-height); } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-filters a.active { letter-spacing:var(--thegem-to-tabs-title-letter-spacing); } .portfolio-top-panel-row.filter-style-tabs-default .portfolio-search-filter-button, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-search-filter-button { margin:-4px 0; } .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more-button, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-sorting-select div.portfolio-sorting-select-current { min-height:initial; padding:0; margin-bottom:10px; margin-right:30px; background:none !important; border:none; border-radius:0; text-transform:initial; color:var(--thegem-to-body-color); } .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more { margin-bottom:10px; margin-right:30px; } .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters div.portfolio-filters-more-button, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-sorting-select div.portfolio-sorting-select-current { margin:0; } .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.active, .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a.active:hover { color:var(--thegem-to-link-color-active); } .portfolio-top-panel-row.filter-style-tabs-alternative .portfolio-filters a:hover { color:var(--thegem-to-link-color-hover); } .portfolio-filters-extended { display:flex; flex-wrap:wrap; } .portfolio-top-panel.filter-type-extended { display:block; margin:0 0 20px; } .portfolio-navigator { font-size:0; line-height:1; text-align:center; clear:both; } .portfolio-load-more, .mixed-show-all { clear:both; margin-top:100px; } .portfolio-load-more .inner, .mixed-show-all .inner { width:100%; overflow:visible; text-align:center; padding:0; position:relative; } .portfolio-load-more .gem-button-separator-line, .mixed-show-all .gem-button-separator-line { border-color:#b6c6c9; color:#b6c6c9; } .portfolio .portfolio-set { position:relative; margin-bottom:20px; padding:0; z-index:1; float:none; } .portfolio.disable-bottom-margin .portfolio-set { margin-bottom:0; } .portfolio:not(.portfolio-slider):is(.portfolio-pagination-normal, .portfolio-pagination-more, .portfolio-pagination-disabled) .portfolio-set { margin-bottom:0; } .hover-title.portfolio-items-masonry .portfolio-set { margin-bottom:50px; } .portfolio-item { text-align:center; margin-top:0; } .portfolio .portfolio-item .item-separator-box { height:0; font-size:0; line-height:1; } .portfolio.item-separator .portfolio-item:before, .portfolio.item-separator .portfolio-item:after { content:''; display:block; position:absolute; left:0; top:0; bottom:0; z-index:6; border-left-style:solid; border-left-width:1px; opacity:0; -webkit-transition:none; transition:none; } .portfolio.item-separator .portfolio-item:after { opacity:1; } .portfolio.item-separator.no-gaps .fullwidth-block .portfolio-item.right-item:after { opacity:0; } .portfolio.item-separator .portfolio-item:after { left:auto; right:0; } .portfolio.item-separator .portfolio-item.left-item:before { opacity:1; } .portfolio.item-separator.no-gaps .fullwidth-block .portfolio-item.left-item:before { opacity:0; } .portfolio.item-separator .portfolio-item .item-separator-box:before, .portfolio.item-separator .portfolio-item .item-separator-box:after { content:''; display:block; position:absolute; left:0; right:0; top:0; z-index:6; border-top-style:solid; border-top-width:1px; opacity:1; } .portfolio.item-separator .portfolio-item .item-separator-box:before { opacity:0; } .portfolio.item-separator .portfolio-item .item-separator-box:after { top:auto; bottom:0; } .portfolio.item-separator .portfolio-item.top-item .item-separator-box:before { opacity:1; } .portfolio.portfolio-pagination-scroll .portfolio-scroll-pagination { visibility:hidden; position:relative; } .portfolio.portfolio-pagination-scroll .portfolio-scroll-pagination.active { visibility:visible; height:61px; } .portfolio .fullwidth-block { padding:0 21px; box-sizing:border-box; } .portfolio .fullwidth-block.no-paddings { padding:0; } .portfolio.without-padding .fullwidth-block { padding:0; } .portfolio .fullwidth-block .portfolio-item { float:left; } .portfolio-item .wrap { width:100%; display:inline-block; vertical-align:top; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; } .portfolio.disable-isotope .portfolio-item .wrap { transition:all 0.2s linear, height 0s; } .portfolio:not(.portfolio-slider) .portfolio-item .wrap { border:none; } .portfolio.columns-1 .portfolio-item .wrap { border-bottom:0 none; } .portfolio-item .wrap > .caption { padding-bottom:30px; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; } .portfolio-item .wrap > .caption:not(.click-disabled) { cursor:pointer; } .portfolio .portfolio-item .wrap > .caption { position:relative; z-index:1; } .portfolio.portfolio-grid:not(.extended-products-grid, .columns-1) .portfolio-item .wrap > .caption { border-bottom:1px solid var(--thegem-to-box-border-color, #DFE5E8); } .portfolio.portfolio-grid:not(.extended-products-grid, .columns-1) .portfolio-item:hover .wrap > .caption { border-bottom-color:#f4f6f7; } .portfolio.portfolio-grid.background-style-gray .portfolio-item .wrap > .caption, .portfolio.portfolio-grid.background-style-dark .portfolio-item .wrap > .caption, .portfolio.portfolio-grid.background-style-transparent .portfolio-item .wrap > .caption { border-bottom-width:0; } .portfolio.background-style-transparent .portfolio-item .wrap > .caption { background-color:transparent; } .portfolio.background-style-gray .portfolio-item .wrap, .portfolio.background-style-dark .portfolio-item .wrap { border-bottom:0 none; } .portfolio.background-style-gray:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .caption-sizable-content:after, .portfolio.background-style-gray:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .caption-sizable-content:after, .portfolio.background-style-dark .portfolio-item:not(:hover) .wrap > .caption .caption-sizable-content:after { box-shadow:0 0 30px 45px #393d50; } .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .author, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .author, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .author, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .post-author-date-separator, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .post-author-date-separator, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .post-author-date-separator, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .post-date, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .post-date, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .post-date, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .description, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .description, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .description, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .grid-post-share .icon, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .grid-post-meta .grid-post-share .icon, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .grid-post-meta .grid-post-share .icon, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .comments-link a, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .grid-post-meta .comments-link a, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .grid-post-meta .comments-link a, .portfolio.background-style-dark.version-new.news-grid .portfolio-item .wrap > .caption .grid-post-meta .zilla-likes, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover):not(.list-style) .portfolio-item:hover .wrap > .caption .grid-post-meta .zilla-likes, .portfolio.background-style-gray.version-new.news-grid:not(.disabled-hover).list-style .portfolio-item .wrap > .caption:hover .grid-post-meta .zilla-likes { color:#99a9b5; } .portfolio.without-padding .portfolio-item .wrap { background:none; } .portfolio.hover-title .portfolio-item .wrap { border:0; padding-bottom:0; background:none; } .portfolio-items-masonry .wrap { padding-bottom:0; border:0; background:none; } .portfolio-item .image { display:inline-block; position:relative; max-width:100%; padding:0; vertical-align:top; overflow:hidden; flex:none; } .portfolio-grid:not(.columns-1) .portfolio-item .image { width:100%; } .portfolio-item .image .image-inner { position:relative; z-index:2; } .portfolio.columns-1 .portfolio-item .image { margin:0; padding:0; } .portfolio.title-on-hover.columns-1 .portfolio-item .image { width:100%; } .portfolio-item:not(.product) .image .button { position:absolute; right:0; bottom:0; z-index:4; box-sizing:border-box; border-style:solid; border-color:transparent; border-width:63px; border-right-width:0; border-top-width:0; cursor:pointer; height:0; } .portfolio-item:not(.product) .image .button:before { content:"\e60c"; font-family:'thegem-icons'; font-size:19px; line-height:1.05; position:absolute; left:-27px; top:33px; z-index:3; } .portfolio-item .image .button .button-corner { display:block; width:8px; height:8px; cursor:pointer; position:absolute; right:0; bottom:-63px; z-index:4; font-size:0; line-height:1; } .portfolio-item .image .button .button-corner span { display:block; width:8px; height:8px; cursor:pointer; font-size:0; line-height:1; } .portfolio-item .image .button .button-corner b { display:none; width:1px; height:2px; cursor:pointer; font-size:0; line-height:1; position:absolute; right:0; bottom:0; } .portfolio.portfolio-items-masonry .image .button .button-corner { display:none; } .portfolio.portfolio-items-masonry.hover-title .image .button .button-corner { display:block; } .portfolio.portfolio-items-masonry.hover-title .image .button .button-corner b { display:none; } .portfolio-item .image .button.active .button-corner { display:none; } .portfolio.without-padding .portfolio-item .image .button .button-corner { display:none; } .portfolio-item .image .image-inner { overflow:hidden; } .portfolio.portfolio-grid:is(.portfolio-style-creative, .portfolio-style-justified):not(.extended-products-grid, .columns-1, .list-style, .full-image) .portfolio-item:not(.double-item, .custom-ratio) .image-inner:not(.empty) { aspect-ratio:1/1; } .portfolio.portfolio-grid:not(.inited) .image-inner, .portfolio.portfolio-grid .image-inner.without-image, .portfolio.portfolio-grid img[loading="lazy"] { background-color:var(--styled-bg-color, #f0f3f2); } .portfolio.portfolio-grid .thegem-template-loop-item img[loading="lazy"] { background-color:transparent; } .portfolio-item .image-inner.empty { display:none; } .portfolio-item .image picture {   } .portfolio-item .image img { width:100%; max-width:initial; height:auto; object-fit:cover; } .portfolio-style-masonry .portfolio-item .image img { width:calc(100% + 1px); margin:-0.5px; } .portfolio.portfolio-grid:is(.portfolio-style-creative, .portfolio-style-justified) .portfolio-item .image img { height:100%; object-fit:cover; } .portfolio:is(.hover-horizontal-sliding, .hover-new-horizontal-sliding, .hover-default-horizontal-sliding) .portfolio-item .image img { width:110%; } .portfolio.without-padding .portfolio-item .image img, .portfolio.without-padding .portfolio-item .image .image-inner { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; } .portfolio-item .image .overlay { display:none; position:absolute; left:0; right:0; top:0; bottom:0; z-index:3; overflow:hidden; } .portfolio-item .image .overlay:not(.click-disabled) { cursor:pointer; } .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(/wp-content/themes/thegem/css/blur.svg); filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=3); } .without-padding .portfolio-item .image .overlay { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; } .portfolio.portfolio-items-masonry.hover-title.without-padding .portfolio-item .image .overlay { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; } .portfolio-item .image .overlay .portfolio-item-link { display:block; position:absolute; left:0; right:0; top:0; bottom:0; text-decoration:none; z-index:2; } .portfolio-item .image .overlay .links-wrapper { display:table; width:100%; height:100%; } .portfolio-item .image .overlay .links { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; } .portfolio-item .image .overlay .links a.icon { display:inline-block; text-decoration:none; margin-right:45px; vertical-align:bottom; } .portfolio-item.portfolio-item-template .image .overlay .links a.icon:last-of-type { margin-right:0 !important; } .portfolio:not(.portfolio-slider):not(.products) .portfolio-item .image .overlay .links a.icon svg { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); } .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; vertical-align:top; margin-left:-1px; } .portfolio.hover-default .portfolio-item .image .overlay .links .portfolio-icons-inner, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons-inner, .portfolio.hover-zoom-overlay .portfolio-item .image .overlay .links .portfolio-icons-inner { justify-content:center; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .portfolio-icons-inner, .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 a.icon { float:left; } @media (min-width:992px) { .portfolio.extended-portfolio-grid .portfolio-item.columns-desktop-5 {  width:20%; } .portfolio.extended-portfolio-grid .portfolio-item.columns-desktop-5:is(.double-item-squared, .double-item-horizontal) {  width:40%; } } .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon { margin-right:15px; } .portfolio-item .image .overlay .links a.icon.share { margin-right:0; } .portfolio-item .image .overlay .links .portfolio-icons-inner > a.icon:last-child, .portfolio-item .image .overlay .links .portfolio-icons-inner > div:last-child a.icon { margin-right:0 !important; } .portfolio .portfolio-item .image .overlay .links a.icon { color:#ffffff; } .portfolio .portfolio-item .image .overlay .links a.icon i { color:#ffffff; transition:all 0.3s; } .portfolio .portfolio-item .image .overlay .links a.icon svg { fill:#ffffff; transition:all 0.3s; } .portfolio:not(.hover-zooming-blur) .portfolio-item .image .overlay .links a.icon:hover i { color:inherit; } .portfolio:not(.hover-zooming-blur) .portfolio-item .image .overlay .links a.icon:hover svg { fill:currentColor; } .portfolio:not(.products-grid) .portfolio-item .image .overlay .links a.icon:before { content:none !important; } .portfolio .portfolio-item .image .overlay .links a.icon { width:48px; height:48px; line-height:48px; } .portfolio .portfolio-item .image .overlay .links a.icon i.default { font-family:'thegem-icons'; font-size:48px; font-style:normal; line-height:inherit; display:inline-block; } .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon { width:24px; height:24px; line-height:24px; } .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon i, .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon:before { font-size:24px; } .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links a.icon svg { width:24px; height:24px; } .portfolio-item .image .overlay .links a.page i.default:before { content:'\e61f'; } .portfolio-item .image .overlay .links a.photo i.default:before { content:'\e60f'; } .portfolio-item .image .overlay .links a.self-link i.default:before { content:'\e61f'; } .portfolio-item .image .overlay .links a.inner-link i.default:before { content:'\e65b'; } .portfolio-item .image .overlay .links a.outer-link i.default:before { content:'\e623'; } .portfolio-item .image .overlay .links a.full-image i.default:before { content:'\e60f'; } .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio-item .image .overlay .links a.self_video i.default:before { content:'\e610'; } .portfolio-item .image .overlay .links a.share i.default:before { content:'\e65c'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page i.default:before { content:'\e628'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.photo i.default:before { content:'\e629'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link i.default:before { content:'\e628'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.inner-link i.default:before { content:'\e61c'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.outer-link i.default:before { content:'\e608'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image i.default:before { content:'\e629'; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video i.default:before { content:'\e62a'; } .portfolio .portfolio-item .image .overlay .links a.share i.default:before { margin-left:-0.2em; } .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.share i.default:before { content:'\e65d'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.page i.default:before { content:'\e628'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.photo i.default:before { content:'\e629'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self-link i.default:before { content:'\e628'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.inner-link i.default:before { content:'\e61c'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.outer-link i.default:before { content:'\e608'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.full-image i.default:before { content:'\e629'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self_video i.default:before { content:'\e62a'; } .portfolio-items-masonry:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before { content:'\e65d'; } .portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-default.columns-3:not(.portfolio-slider) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display:none; } @media (max-width:430px) { .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page i.default:before {  content:'\e628'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.photo i.default:before {  content:'\e629'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link i.default:before {  content:'\e628'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.inner-link i.default:before {  content:'\e61c'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.outer-link i.default:before {  content:'\e608'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image i.default:before {  content:'\e629'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video i.default:before {  content:'\e62a'; }  .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before {  content:'\e65d'; } } @media (min-width:768px) and (max-width:870px) { .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.page i.default:before {  content:'\e628'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.photo i.default:before {  content:'\e629'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self-link i.default:before {  content:'\e628'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.inner-link i.default:before {  content:'\e61c'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.outer-link i.default:before {  content:'\e608'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.full-image i.default:before {  content:'\e629'; }  .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio:not(.hover-default) .portfolio-item .image .overlay .links a.self_video i.default:before {  content:'\e62a'; }  .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before {  content:'\e65d'; } } @media (min-width:768px) and (max-width:900px) { .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.page i.default:before {  content:'\e628'; }  .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.photo i.default:before {  content:'\e629'; }  .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.self-link i.default:before {  content:'\e628'; }  .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.inner-link i.default:before {  content:'\e61c'; }  .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.outer-link i.default:before {  content:'\e608'; }  .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.full-image i.default:before {  content:'\e629'; }  .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio:not(.hover-default).portfolio-items-masonry .portfolio-item .image .overlay .links a.self_video i.default:before {  content:'\e62a'; }  .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before {  content:'\e65d'; } } @media (min-width:1280px) { .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.page i.default:before {  content:'\e628'; }  .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.photo i.default:before {  content:'\e629'; }  .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self-link i.default:before {  content:'\e628'; }  .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.inner-link i.default:before {  content:'\e61c'; }  .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.outer-link i.default:before {  content:'\e608'; }  .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.full-image i.default:before {  content:'\e629'; }  .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.youtube i.default:before, .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.vimeo i.default:before, .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.self_video i.default:before {  content:'\e62a'; }  .portfolio:not(.hover-default) .fullwidth-block .portfolio-item .image .overlay .links a.share i.default:before {  content:'\e65d'; } } .portfolio-item .caption { text-align:center; padding:32px 30px 0; } .portfolio.portfolio-grid:not(.columns-1) .portfolio-item .wrap > .caption {  min-height:initial; } .portfolio.no-gaps:not(.columns-1) .portfolio-item .wrap > caption, .portfolio.background-style-gray:not(.columns-1) .portfolio-item .wrap > caption, .portfolio.background-style-dark:not(.columns-1) .portfolio-item .wrap > caption { min-height:168px; } .portfolio-item .overlay .caption { background-color:transparent; } .portfolio.columns-1 .portfolio-item .wrap > .caption { text-align:left; } .portfolio-items-masonry .portfolio-item .caption { border-top:0 !important; padding-bottom:28px; margin-top:-1px; } .portfolio-items-masonry .portfolio-item .overlay .caption { background-color:transparent; } .portfolio-items-masonry.without-padding .portfolio-item .caption { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .portfolio-items-masonry.hover-title .portfolio-item .caption { border:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; padding-bottom:0; } .portfolio.hover-title .portfolio-item .caption { padding:39px 20px 0; } .portfolio.hover-title.columns-3 .portfolio-item .caption { padding-top:25px; } .portfolio.hover-title:is(.columns-4, .columns-5, .columns-6) .portfolio-item .caption { padding-top:15px; } .portfolio-item .caption .title { text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0; letter-spacing:0; } .portfolio-item .caption .title span { display:block; margin:0; color:inherit; overflow:hidden; text-overflow:ellipsis; } .portfolio.columns-1 .portfolio-item .caption .title { white-space:normal; text-overflow:clip; margin-bottom:30px; } .portfolio.hover-title .portfolio-item .caption .title { margin-bottom:20px; } .portfolio.hover-title:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .caption .title, .portfolio.title-on-page.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .caption .title, .portfolio.title-on-page.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .caption .title, .portfolio.hover-gradient.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .overlay .caption .title, .portfolio.hover-circular.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .overlay .caption .title, .portfolio.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .overlay .caption .title { font-size:14px; line-height:1.5; margin-bottom:10px; } @media (max-width:767px) { .portfolio-style-creative.creative-disable-mobile:is(.columns-mobile-2) .portfolio-item .overlay .caption .title {  font-size:14px;  line-height:1.5; } } @media (min-width:768px) and (max-width:992px) { .portfolio-style-creative.creative-disable-tablet:is(.columns-tablet-4) .portfolio-item .overlay .caption .title {  font-size:14px;  line-height:1.5; } } .portfolio .portfolio-item .caption .caption-separator { width:50px; height:1px; max-width:100%; margin:10px auto; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; } .portfolio:not(.disabled-hover) .portfolio-item:hover .caption .caption-separator { width:90px; } .portfolio.columns-1 .portfolio-item .caption .info { white-space:nowrap; } .portfolio:not(.columns-1) .portfolio-item .caption .info .sep { height:auto; } .portfolio.columns-1 .portfolio-item .caption .caption-separator-line, .portfolio.columns-1 .portfolio-item .caption .caption-separator-line-hover { position:relative; display:inline-block; vertical-align:bottom; padding-bottom:18px; } .portfolio.columns-1 .portfolio-item .caption .caption-separator-line:after, .portfolio.columns-1 .portfolio-item .caption .caption-separator-line-hover:after { content:''; position:absolute; bottom:0; left:0; height:1px; width:100%; } .portfolio.columns-1 .portfolio-item .caption .caption-separator-line:after, .portfolio.columns-1 .portfolio-item .caption .caption-separator-line-hover:after { -webkit-transition:all 0.2s linear; transition:all 0.2s linear; } .portfolio.columns-1 .portfolio-item .caption .caption-separator-line-hover:after { width:0; } .portfolio.columns-1 .portfolio-item:hover .caption .caption-separator-line-hover:after { width:100%; } .portfolio-item .wrap > .caption .subtitle, .portfolio-item .wrap > .caption .info { -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; } .portfolio-item .caption .subtitle, .portfolio-item .caption .info, .portfolio-item .caption .subtitle a, .portfolio-item .caption .info a, .portfolio-item .caption .subtitle p { text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .portfolio-item .caption .subtitle span { display:block; margin:0; color:inherit; overflow:hidden; text-overflow:ellipsis; } .portfolio-items-masonry .portfolio-item .caption .subtitle, .portfolio-items-masonry .portfolio-item .caption .info, .portfolio-items-masonry .portfolio-item .caption .subtitle a, .portfolio-items-masonry .portfolio-item .caption .info a, .portfolio-items-masonry .portfolio-item .caption .subtitle p { white-space:normal; overflow:visible; text-overflow:clip; } .portfolio-item .caption .info a { cursor:pointer; } .portfolio.columns-1 .portfolio-item .caption .subtitle, .portfolio.columns-1 .portfolio-item .caption .info, .portfolio.columns-1 .portfolio-item .caption .subtitle a, .portfolio.columns-1 .portfolio-item .caption .info a, .portfolio.columns-1 .portfolio-item .caption .subtitle p { text-decoration:none; white-space:normal; overflow:visible; } .portfolio.columns-1 .portfolio-item .wrap { position:relative; display:flex; } .portfolio.columns-1 .portfolio-item .wrap > .caption { position:relative; } .portfolio-item .entry-info { bottom:31px; position:absolute; right:0; padding-left:30px; } .portfolio.columns-1 .portfolio-item .caption .info { margin-bottom:16px; } .portfolio-item .caption .info { font-size:var(--thegem-to-body-tiny-font-size); line-height:1.5; margin-top:3px; } .portfolio-item .caption .info .separator { margin:0 4px; } .portfolio-item .caption .subtitle p { margin:0; } .portfolio-item .caption .subtitle a:hover, .portfolio-item .caption .info a:hover { text-decoration:underline; } .portfolio.columns-1 .portfolio-item .caption .subtitle { margin-bottom:15px; } .portfolio .overlay .links .caption .title, .portfolio .overlay .links .caption .subtitle, .portfolio .overlay .links .caption .subtitle p, .portfolio .overlay .links .caption .info { white-space:normal; overflow:visible; text-overflow:clip; } .fullwidth-block.portfolio-items-2 .portfolio-item { max-width:555px; } .portfolio .portfolio-item .overlay-line { height:2px; font-size:0; line-height:1; } @media only screen and (min-width:1920px) { .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:25%; }  .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:50%; }  .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:20%; }  .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:40%; }  .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:16.665%; }  .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:33.33%; }  .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:14.2857%; }  .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:28.5714%; } } @media only screen and (min-width:1680px) and (max-width:1920px) { .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:33.333332%; }  .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:66.66666%; }  .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-3.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:25%; }  .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio.fullwidth-columns-3.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:50%; }  .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:20%; }  .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:40%; }  .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-5.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:16.665%; }  .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio.fullwidth-columns-5.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:33.33%; } } @media only screen and (min-width:1280px) and (max-width:1680px) { .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:25%; }  .portfolio.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:50%; }  .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:33.333332%; }  .portfolio.fullwidth-columns-3 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:66.66666%; }  .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:20%; }  .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:40%; }  .portfolio.fullwidth-columns-3.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:25%; }  .portfolio.fullwidth-columns-3.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:50%; }  .portfolio.fullwidth-columns-6.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:16.665%; }  .portfolio.fullwidth-columns-6.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:33.33%; } } @media only screen and (min-width:830px) and (max-width:1280px) { .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-set .portfolio-item, .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:33.333332%; }  .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:66.66666%; }  .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:25%; }  .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:50%; }  .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:1100px) { .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:33.333332%; }  .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:66.66666%; }  .portfolio.fullwidth-columns-6.porfolio-even-columns .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:25%; }  .portfolio.fullwidth-columns-6.porfolio-even-columns .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:50%; } } @media only screen and (max-width:880px) { .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:50%; }  .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical) {  width:100%; } } @media only screen and (max-width:830px) { .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-set .portfolio-item, .portfolio:not(.extended-portfolio-grid) .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio:not(.extended-portfolio-grid) .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:50%; }  .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio:not(.extended-portfolio-grid) .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio.columns-1 .portfolio-set .portfolio-item, .portfolio.columns-1 .portfolio-item-size-container .portfolio-item {  width:100%; } } @media only screen and (max-width:550px) { .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-set .portfolio-item, .portfolio:not(.extended-portfolio-grid) .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item.double-item:not(.double-item-vertical), .portfolio:not(.extended-portfolio-grid) .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio:not(.extended-portfolio-grid) .portfolio-item-size-container .portfolio-item, .portfolio.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item {  width:100%; } } @media only screen and (min-width:992px) and (max-width:1120px) { .with-sidebar .portfolio.columns-3 .portfolio-item, .with-sidebar .portfolio.columns-3 .portfolio-item-size-container .portfolio-item {  width:50%; } } @media only screen and (min-width:992px) and (max-width:1100px) { .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item, .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item-size-container .portfolio-item {  width:33.3333%; }  .portfolio:is(.columns-4, .columns-5, .columns-6) .portfolio-item.double-item:not(.double-item-vertical) {  width:66.66%; }  .portfolio:is(.columns-4, .columns-5, .columns-6).porfolio-even-columns .portfolio-item-size-container .portfolio-item {  width:25%; }  .portfolio:is(.columns-4, .columns-5, .columns-6).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:is(.columns-4, .columns-5, .columns-6).porfolio-even-columns .portfolio-item-size-container .portfolio-item {  width:25%; }  .portfolio:is(.columns-4, .columns-5, .columns-6).porfolio-even-columns .portfolio-item.double-item:not(.double-item-vertical) {  width:50%; } } .portfolio.portfolio-style-metro.fullwidth-columns-4 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.portfolio-style-metro.fullwidth-columns-5 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.portfolio-style-metro.fullwidth-columns-6 .fullwidth-block .portfolio-set .portfolio-item, .portfolio.portfolio-style-metro.fullwidth-columns-4 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.portfolio-style-metro.fullwidth-columns-5 .fullwidth-block .portfolio-item-size-container .portfolio-item, .portfolio.portfolio-style-metro.fullwidth-columns-6 .fullwidth-block .portfolio-item-size-container .portfolio-item { width:auto; } .portfolio.fullwidth-columns-6 .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .description { display:none; }  .portfolio.hover-vertical-sliding:not(.version-alternative) .image .overlay .links, .portfolio.hover-new-vertical-sliding.title-on-hover .image .overlay .links, .portfolio.hover-default-vertical-sliding .image .overlay .links { text-align:left; vertical-align:top; } .portfolio.hover-vertical-sliding .overlay .links .caption { text-align:left; padding:0; } .portfolio.hover-vertical-sliding .overlay .links { padding:48px 42px; } .portfolio.hover-vertical-sliding .overlay .links a.icon { margin-right:32px; } .portfolio.hover-vertical-sliding .overlay .overlay-line { margin:16px 0; } .portfolio.hover-vertical-sliding:not(.version-alternative) .overlay .links .caption .description { width:100%; position:absolute; left:0; bottom:0; padding:0 42px 35px; } .vc_col-sm-9 .portfolio.hover-vertical-sliding .portfolio-item:not(.double-item-squared) .overlay .links { padding:31px 28px; } .vc_col-sm-9 .portfolio.hover-vertical-sliding .portfolio-item:not(.double-item-squared) .overlay .description { padding:0 28px 25px; } .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle { width:85%; margin-bottom:12px; } .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .info { width:85%; } .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .description, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle { display:none; } .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle { margin-bottom:0; width:90%; } .portfolio.portfolio-style-metro.hover-vertical-sliding .overlay .links .caption .subtitle, .portfolio.portfolio-style-metro.hover-vertical-sliding .overlay .links .caption .info { display:none; } @media only screen and (max-width:1170px) { .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle {  width:85%;  margin-bottom:12px; }  .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .info {  width:85%; } } @media only screen and (max-width:920px) { .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle {  display:block; }  .portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle {  margin-bottom:0; }  .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; } } @media only screen and (max-width:830px) { .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle {  display:block;  margin:0; } } @media only screen and (max-width:768px) { .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle {  display:block; }  .portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:block; } } @media only screen and (max-width:460px) { .portfolio.hover-vertical-sliding.columns-2 .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item .overlay .links .caption .info, .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle {  display:none !important; }  .portfolio.hover-vertical-sliding.columns-2 .portfolio-item .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item .overlay .links .caption .subtitle {  margin-bottom:0 !important; } } @media only screen and (max-width:412px) { .portfolio.hover-vertical-sliding.columns-2 .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item .overlay .links .caption .info, .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item .overlay .links .caption .info {  display:none !important; } } @media only screen and (min-width:768px) and (max-width:800px) { .portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; }  .portfolio.hover-vertical-sliding.columns-1 .overlay .links, .portfolio.hover-vertical-sliding.columns-2 .overlay .links, .portfolio.hover-vertical-sliding.columns-3 .overlay .links {  padding:41px 28px; }  .portfolio.hover-vertical-sliding.columns-1 .overlay .links .caption .description, .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .description, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .description {  padding:0 28px 25px; }  .portfolio.hover-vertical-sliding.columns-1 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle {  margin-bottom:0; } } @media only screen and (max-width:412px) { .portfolio.hover-vertical-sliding.columns-1 .overlay .links, .portfolio.hover-vertical-sliding.columns-2 .overlay .links, .portfolio.hover-vertical-sliding.columns-3 .overlay .links, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links, .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links {  padding:41px 28px; }  .portfolio.hover-vertical-sliding.columns-1 .overlay .links .caption .description, .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .description, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .description, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .description, .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .description {  padding:0 28px 25px; } } @media only screen and (max-width:340px) { .portfolio.hover-vertical-sliding.columns-1 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-2 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle {  display:none; } } @media only screen and (min-width:992px) and (max-width:1150px) { .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; }  .portfolio.hover-vertical-sliding.columns-3 .overlay .links {  padding:41px 28px; }  .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .description {  padding:0 28px 25px; } } @media only screen and (min-width:920px) and (max-width:992px) { .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .info {  display:block; } } @media only screen and (min-width:1150px) { .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; }  .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .overlay .links {  padding:41px 28px; } } @media only screen and (min-width:768px) { .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; }  .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links {  padding:41px 28px; }  .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .description {  padding:0 28px 41px; } } @media only screen and (min-width:1735px) { .portfolio.hover-vertical-sliding.columns-3 .fullwidth-block .overlay .links .caption .subtitle, .portfolio.hover-vertical-sliding.columns-3 .fullwidth-block .overlay .links .caption .info {  display:block; } } @media only screen and (min-width:992px) { .with-sidebar .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links {  padding:18px 12px; }  .with-sidebar .portfolio.hover-vertical-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .title {  font-size:14px;  line-height:21px; } } @media only screen and (max-width:1120px) { .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle {  display:block; } } @media only screen and (max-width:340px) { .with-sidebar .portfolio.hover-vertical-sliding.columns-3 .overlay .links .caption .subtitle {  display:none; } } @media only screen and (min-width:1250px) and (max-width:1770px), screen and (min-width:992px) and (max-width:1170px), screen and (min-width:768px) and (max-width:900px) { .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; }  .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .subtitle {  margin-bottom:0; }  .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links {  padding:41px 28px; }  .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links .caption .description {  padding:0 28px 41px; } } @media only screen and (min-width:980px) and (max-width:1070px) { .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle {  display:none; } } @media only screen and (min-width:1170px) and (max-width:1250px), screen and (min-width:981px) and (max-width:992px) { .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; }  .portfolio.hover-vertical-sliding .fullwidth-block .overlay .links {  padding:18px 12px; }  .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .title {  font-size:14px;  line-height:1.5; }  .portfolio.hover-vertical-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .description {  padding:0 12px 41px; } }  .portfolio.hover-default .portfolio-item .image .overlay .overlay-line, .portfolio.hover-zoom-overlay .portfolio-item .image .overlay .overlay-line { display:none; } .portfolio.hover-default .portfolio-item .image .overlay .links .caption .info { display:block;  } .portfolio.hover-default .portfolio-item .image .overlay .links .caption { padding:30px 30px 0; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon { margin:10px; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon { width:48px; height:48px; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-default .portfolio-item .image .overlay .links a.icon:before { font-size:48px; } .portfolio.hover-default .portfolio-item .image .overlay .links a.icon svg { width:48px; height:48px; } .portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon { width:24px; height:24px; line-height:24px; } .portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon i, .portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon:before { font-size:24px; } .portfolio:is(.columns-4, .columns-5, .columns-6).hover-default .portfolio-item .image .overlay .links a.icon svg { width:24px; height:24px; } .portfolio.portfolio-style-metro.hover-default .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.portfolio-style-metro.hover-default .portfolio-item .image .overlay .links .caption .info { display:none; } @media (max-width:991px) { .portfolio.hover-default .portfolio-item .image .overlay .links a.icon {  margin-right:15px; }  .portfolio.hover-default .portfolio-item .image .overlay .links a.icon {  width:24px;  height:24px;  line-height:24px; }  .portfolio.hover-default .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-default .portfolio-item .image .overlay .links a.icon:before {  font-size:24px; }  .portfolio.hover-default .portfolio-item .image .overlay .links a.icon svg {  width:24px;  height:24px; } } .portfolio.hover-default .fullwidth-block .overlay .links .caption .subtitle { display:block; } @media only screen and (max-width:380px) { .portfolio.hover-default .portfolio-item .image .overlay .links .caption .subtitle {  display:none; } } @media only screen and (min-width:1120px) { .with-sidebar .portfolio.hover-default .overlay .portfolio-item .image .links .caption .subtitle, .with-sidebar .portfolio.hover-default .overlay .portfolio-item .image .links .caption .info {  display:none; } } @media only screen and (min-width:992px) and (max-width:1040px) { .with-sidebar .portfolio.hover-default .portfolio-item .image .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-default .portfolio-item .image .overlay .links .caption .info {  display:none; } } @media only screen and (min-width:992px) and (max-width:1120px) { .portfolio.hover-default.columns-3 .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-default.columns-3 .portfolio-item .image .overlay .links .caption .info {  display:none; } } @media only screen and (min-width:1100px) and (min-width:832px) and (max-width:1030px) { .portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle, .portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info {  display:none; } } @media only screen and (min-width:832px) and (max-width:1100px) { .portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-default:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .info {  display:none; } } @media only screen and (min-width:1170px) and (max-width:1250px), screen and (min-width:900px) and (max-width:992px) { .portfolio.hover-default .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title {  font-size:14px;  line-height:1.5; } } @media only screen and (max-width:768px) { .portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .info {  display:block; } } @media only screen and (max-width:460px) { .portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-default .fullwidth-block .portfolio-item .image .overlay .links .caption .info {  display:none; } } @media only screen and (min-width:1250px) and (max-width:1770px), screen and (min-width:992px) and (max-width:1170px), screen and (min-width:768px) and (max-width:900px) { } @media only screen and (min-width:1170px) and (max-width:1250px), screen and (min-width:900px) and (max-width:992px) { .portfolio.hover-default .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title {  font-size:14px;  line-height:1.5; } } @media only screen and (max-width:370px) { .portfolio.hover-default .portfolio-item .image .overlay .links .caption {  padding-top:15px; } }  .portfolio.hover-zooming-blur .portfolio-item .image .overlay .overlay-line { display:none; } .portfolio.hover-zooming-blur .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 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; } .portfolio.hover-zooming-blur .portfolio-item .image img.zoom { transform:scale(1.15); -o-transform:scale(1.15); -ms-transform:scale(1.15); -moz-transform:scale(1.15); -webkit-transform:scale(1.15); } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption { padding:30px 30px 0; } .portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon { margin-right:16px; } .portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon { display:inline-block; width:70px; height:70px; text-align:center; line-height:70px; border-radius:50%; } .portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon i, .portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon:before { font-size:32px; } .portfolio:not(.hover-default, .hover-zoom-overlay) .portfolio-item .image .overlay .links a.icon svg { width:32px; height:32px; } .portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon { width:32px; height:32px; line-height:32px; } .portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon i, .portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon:before { font-size:32px; } .portfolio:not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item .image .overlay .links a.icon svg { width:32px; height:32px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { margin-right:10px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { line-height:24px; width:24px; height:24px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i, .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before { font-size:24px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-zoom-overlay, .hover-gradient) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg { width:24px; height:24px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon { margin:5px; } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon, .portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { margin:4px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon { background-color:#3c3950; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon:before { background-color:transparent; } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon, .portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { width:40px; height:40px; line-height:40px;  } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i, .portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i, .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before, .portfolio.hover-zooming-blur:is(.columns-3,.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before { font-size:16px; } .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg, .portfolio.hover-zooming-blur:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg { width:16px; height:16px; } .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .title { margin-bottom:15px; } .portfolio.portfolio-style-metro.hover-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.portfolio-style-metro.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info { display:none; } @media only screen and (max-width:430px) { .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon {  margin-right:8px; }  .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon {  width:40px;  height:40px;  line-height:40px; }  .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon:before {  font-size:16px; }  .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon svg {  width:16px;  height:16px; } } @media only screen and (max-width:991px) { .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon {  margin-right:8px; }  .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon {  width:40px;  height:40px;  line-height:40px; }  .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon:before {  font-size:16px; }  .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links a.icon svg {  width:16px;  height:16px; }  .portfolio.hover-zooming-blur .portfolio-item.double-item .image .overlay .links a.icon {  margin-right:8px; }  .portfolio.hover-zooming-blur .portfolio-item.double-item .image .overlay .links a.icon {  width:40px;  height:40px;  line-height:40px; }  .portfolio.hover-zooming-blur .portfolio-item.double-item .image .overlay .links a.icon i {  font-size:16px; }  .portfolio.hover-zooming-blur .portfolio-item.double-item .image .overlay .links a.icon svg {  width:16px;  height:16px; } } @media only screen and (max-width:380px) { .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .info {  display:none; }  .portfolio.hover-zooming-blur .portfolio-item .image .overlay .links .caption .title {  margin-bottom:0; } } @media only screen and (min-width:992px) and (max-width:1100px), screen and (min-width:768px) and (max-width:830px) { .with-sidebar .portfolio.hover-zooming-blur.columns-2 .portfolio-item .image .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-zooming-blur.columns-2 .portfolio-item .image .overlay .links .caption .info {  display:none; }  .with-sidebar .portfolio.hover-zooming-blur.columns-2 .portfolio-item .image .overlay .links .caption .title {  margin-bottom:0; } } @media only screen and (min-width:768px) { .portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info, .portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle, .portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info {  display:none; }  .portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-zoom-overlay:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .title {  margin-bottom:0; } } @media only screen and (min-width:992px) and (max-width:1120px) { .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .info {  display:none; }  .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .title {  margin-bottom:0; } } @media only screen and (min-width:1120px) { .with-sidebar .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .info {  display:none; }  .with-sidebar .portfolio.hover-zooming-blur.columns-3 .portfolio-item .image .overlay .links .caption .title {  margin-bottom:0; } } @media only screen and (min-width:992px) { .with-sidebar .portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption {  padding-top:15px; }  .with-sidebar .portfolio.hover-zooming-blur:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .caption .title {  font-size:14px;  line-height:21px; } } @media only screen and (min-width:1250px) and (max-width:1820px), screen and (min-width:992px) and (max-width:1170px), screen and (min-width:768px) and (max-width:900px) { .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .info {  display:none; }  .portfolio.hover-zooming-blur .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-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption {  padding-top:15px; }  .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .title {  font-size:14px;  line-height:1.5; }  .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .info {  display:none; }  .portfolio.hover-zooming-blur .fullwidth-block .portfolio-item .image .overlay .links .caption .title {  margin-bottom:0; } }  .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 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; } .portfolio.hover-gradient .portfolio-item .image .overlay .links, .portfolio.hover-disabled .portfolio-item .image .overlay .links { vertical-align:bottom; padding:0; text-align:left; } .portfolio.hover-gradient .portfolio-item .image .overlay .links .portfolio-icons { position:absolute; left:0; top:0; padding:25px 30px; } .portfolio.hover-gradient .portfolio-item .image .overlay .links .description { position:static; } .portfolio.hover-gradient .portfolio-item .image .overlay .links .caption, .portfolio.hover-disabled .portfolio-item .image .overlay .links .caption { padding:0 30px 25px; width:100%; text-align:left; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon { margin-right:16px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-gradient, .hover-zooming-blur) .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:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { margin-right:8px; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon { background-color:rgba(255, 255, 255, 0.8); color:#3c3950; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before { background-color:transparent; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before { color:#3c3950; } .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon svg { fill:#3c3950; } .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon, .portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon { width:40px; height:40px; line-height:40px; } .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i, .portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon i, .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before, .portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon:before { font-size:16px; } .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg, .portfolio.hover-gradient:is(.columns-3, .columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links a.icon svg { width:16px; height:16px; } .portfolio.hover-gradient:not(.products) .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-circular:not(.products) .portfolio-item .image .overlay .links .caption .title { margin-bottom:0; } .portfolio.portfolio-style-metro.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.portfolio-style-metro.hover-gradient .portfolio-item .image .overlay .links .caption .info { display:none; } .portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-disabled .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-gradient .portfolio-item .wrap > .caption .subtitle { display:none !important; } @media (max-width:992px) {  .portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info, .portfolio.hover-gradient .portfolio-item .wrap > .caption .info, .portfolio.hover-default .portfolio-item .image .overlay .links .caption .description, .portfolio.hover-zoom-overlay .portfolio-item .image .overlay .links .caption .description {  display:none !important; } } .portfolio.gem-instagram-gallery.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle { display:block !important; } .portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle { display:block !important; max-width:70%; } .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; } .portfolio.hover-gradient.hover-gradient-title .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-gradient.hover-gradient-title .portfolio-item .image .overlay .links .caption .description { opacity:1; } .portfolio.hover-gradient.hover-gradient-title .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-gradient.hover-gradient-title .portfolio-item .image .overlay .links .caption .info { opacity:1; top:0; -webkit-transform:scale(1); transform:scale(1); } @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 {  width:40px;  height:40px;  line-height:40px; }  .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before {  font-size:16px; }  .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon svg {  width:16px;  height:16px; } } @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 {  width:40px;  height:40px;  line-height:40px; }  .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon:before {  font-size:16px; }  .portfolio.hover-gradient .portfolio-item .image .overlay .links a.icon svg {  width:16px;  height:16px; }  .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 {  width:40px;  height:40px;  line-height:40px; }  .portfolio.hover-gradient .portfolio-item.double-item .image .overlay .links a.icon i {  font-size:16px; }  .portfolio.hover-gradient .portfolio-item.double-item .image .overlay .links a.icon svg {  width:16px;  height:16px; } } @media only screen and (max-width:380px) { .portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-gradient .portfolio-item .image .overlay .links .caption .info {  display:none; } } @media only screen and (min-width:992px) and (max-width:1100px), screen and (min-width:768px) and (max-width:830px) { .with-sidebar .portfolio.hover-gradient.columns-2 .portfolio-item .image .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-gradient.columns-2 .portfolio-item .image .overlay .links .caption .info {  display:none; }  .with-sidebar .portfolio.hover-gradient.columns-2 .portfolio-item .image .overlay .links .caption .title {  margin-bottom:0; } } @media only screen and (min-width:768px) { .portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .subtitle, .portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info, .portfolio.hover-disabled:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .info {  display:none; }  .portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .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 .subtitle, .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:1120px) { .with-sidebar .portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .subtitle, .with-sidebar .portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .info {  display:none; }  .with-sidebar .portfolio.hover-gradient.columns-3 .portfolio-item .image .overlay .links .caption .title {  margin-bottom:0; } } @media only screen and (min-width:992px) { .with-sidebar .portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption {  padding-top:15px; }  .with-sidebar .portfolio.hover-gradient:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .caption .title {  font-size:14px;  line-height:21px; } } @media only screen and (min-width:1250px) and (max-width:1820px), screen and (min-width:992px) and (max-width:1170px), screen and (min-width:768px) and (max-width:900px) { .portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .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:1.5; }  .portfolio.hover-gradient .fullwidth-block .portfolio-item:not(.double-item-squared) .image .overlay .links .caption .product-price .price .amount {  font-size:127%; }  .portfolio.hover-gradient .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle, .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:1280px) and (max-width:1550px), screen and (min-width:768px) and (max-width:1100px) { .portfolio.hover-gradient.fullwidth-columns-4 .fullwidth-block .portfolio-item .image .overlay .links .caption .subtitle {  display:none !important; } }  .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 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; transition:all 0.4s; } .portfolio.hover-circular .portfolio-item .image .overlay .links { vertical-align:bottom; padding:0; text-align:left; } .portfolio.hover-circular .portfolio-item .image .overlay .links .portfolio-icons { position:absolute; left:0; right:0; top:0; padding:35px 25px; } .portfolio.hover-circular .portfolio-item .image .overlay .links .description { position:static; } .portfolio.hover-circular .portfolio-item .image .overlay .links .caption { padding:0 25px 25px; width:100%; text-align:left; } @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 .portfolio-item .image .overlay .links .caption .subtitle { max-width:70%; left:42px; display:none !important; } .portfolio.gem-instagram-gallery.hover-circular .portfolio-item .image .overlay .links .caption .subtitle { left:25px; display:block !important; } .portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .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.hover-circular-title .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-circular.hover-circular-title .portfolio-item .image .overlay .links .caption .description { opacity:1; } .portfolio.hover-circular.hover-circular-title .portfolio-item .image .overlay .links .caption .title, .portfolio.hover-circular.hover-circular-title .portfolio-item .image .overlay .links .caption .info { opacity:1; top:0; -webkit-transform:scale(1); transform:scale(1); } .portfolio.hover-circular .overlay .links a.icon { margin-right:32px; } .portfolio.hover-circular .overlay .overlay-line { margin:16px 0; } .vc_col-sm-9 .portfolio.hover-circular .portfolio-item:not(.double-item-squared) .overlay .links { padding:31px 28px; } @media only screen and (min-width:1280px) and (max-width:1550px), screen and (min-width:550px) and (max-width:1100px), screen and (max-width:400px) { .portfolio.hover-circular .portfolio-item .image .overlay .links .caption .subtitle, .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 {  width:40px;  height:40px;  line-height:40px; }  .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon:before {  font-size:24px; }  .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon svg {  width:24px;  height:24px; } } @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 {  width:24px;  height:24px;  line-height:24px; }  .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon i, .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon:before {  font-size:24px; }  .portfolio.hover-circular .portfolio-item .image .overlay .links a.icon svg {  width:24px;  height: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 {  width:40px;  height:40px;  line-height:40px; }  .portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links a.icon i, .portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links a.icon:before {  font-size:32px; }  .portfolio.hover-circular .portfolio-item.double-item-squared .image .overlay .links a.icon svg {  width:32px;  height:32px; } } @media only screen and (min-width:992px) { .with-sidebar .portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .image .overlay .caption .title {  font-size:14px;  line-height:1.5; } } @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:1.5; }  .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:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-circular:is(.columns-4, .columns-5, .columns-6) .portfolio-item .image .overlay .links .caption .info {  display:block; } } @media only screen and (min-width:800px) { .portfolio.hover-circular.columns-2 .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-circular.columns-2 .portfolio-item .image .overlay .links .caption .info, .portfolio.hover-circular.columns-1 .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.hover-circular.columns-1 .portfolio-item .image .overlay .links .caption .info {  display:block; } }  .portfolio.hover-horizontal-sliding:not(.version-alternative) .overlay .links, .portfolio.hover-horizontal-sliding:not(.version-alternative) .portfolio-item .image .links, .portfolio.hover-new-horizontal-sliding.title-on-hover .overlay .links, .portfolio.hover-default-horizontal-sliding .overlay .links { text-align:left; vertical-align:bottom; } .portfolio.hover-horizontal-sliding .overlay .links .caption { text-align:left; padding:0; } .portfolio.hover-horizontal-sliding .overlay .links { padding:39px 50px; } .portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links { padding:41px 28px; } .portfolio.hover-horizontal-sliding .overlay .links a.icon, .portfolio.hover-horizontal-sliding .overlay .links a.icon { margin-right:32px; } .portfolio.hover-horizontal-sliding .overlay .overlay-line { margin:30px 0; } .portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .subtitle { width:65%; margin-bottom:3px; } .portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .info { width:65%; } .portfolio.hover-horizontal-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links a.icon, .portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links a.icon { margin-right:16px; } .portfolio.portfolio-style-metro.hover-horizontal-sliding .portfolio-item .image .overlay .links .caption .subtitle, .portfolio.portfolio-style-metro.hover-horizontal-sliding .portfolio-item .image .overlay .links .caption .info { display:none; } @media only screen and (max-width:1170px) { .portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .subtitle {  width:85%; }  .portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .info {  width:85%; } } @media only screen and (max-width:920px) { .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle {  display:none; }  .portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .info {  display:block; } } @media only screen and (max-width:980px) { .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; } } @media only screen and (max-width:768px) { .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .subtitle {  display:block; }  .portfolio.hover-horizontal-sliding.columns-2 .overlay .links .caption .info, .portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .info, .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .info, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .info {  display:block; } } @media only screen and (max-width:460px) { .portfolio.hover-horizontal-sliding:is(.columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .subtitle {  display:none !important; } } @media only screen and (max-width:440px) { .portfolio.hover-horizontal-sliding:is(.columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links .caption .info, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links .caption .info {  display:none !important; } } @media only screen and (min-width:830px) { .with-sidebar .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .info {  display:none; } } @media only screen and (min-width:992px) and (max-width:1150px) { .with-sidebar .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links a.icon {  margin-right:23px;  width:32px;  height:32px;  line-height:32px; }  .with-sidebar .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links a.icon:before {  font-size:32px; }  .with-sidebar .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links a.icon svg {  width:32px;  height:32px; } } @media only screen and (min-width:768px) and (max-width:845px) { .portfolio.hover-horizontal-sliding:is(.columns-1, .columns-2, .columns-3) .overlay .links {  padding:41px 28px; } } @media only screen and (max-width:440px) { .portfolio.hover-horizontal-sliding:is(.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links {  padding:41px 30px; } } @media only screen and (max-width:360px) { .portfolio.hover-horizontal-sliding:is(.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6) .overlay .links, .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links {  padding:31px 20px; }  .portfolio.hover-horizontal-sliding .overlay .overlay-line {  margin:15px 0; } } @media only screen and (min-width:992px) and (max-width:1150px) { .portfolio.hover-horizontal-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; }  .portfolio.hover-horizontal-sliding.columns-3 .overlay .links {  padding:41px 28px; }  .portfolio.hover-horizontal-sliding .overlay .overlay-line {  margin:15px 0; }  .with-sidebar .portfolio.hover-horizontal-sliding.columns-2 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle {  display:none; } } @media only screen and (min-width:920px) and (max-width:992px) { .portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding.columns-3 .overlay .links .caption .info {  display:block; } } @media only screen and (min-width:1150px) { .with-sidebar .portfolio.hover-horizontal-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; }  .with-sidebar .portfolio.hover-horizontal-sliding.columns-3 .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle {  display:none; }  .with-sidebar .portfolio.hover-horizontal-sliding.columns-3 .overlay .links {  padding:41px 28px; }  .portfolio.hover-horizontal-sliding .overlay .overlay-line {  margin:15px 0; } } @media only screen and (min-width:768px) {  .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle {  display:none; }  .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links {  padding:41px 28px; }  .portfolio.hover-horizontal-sliding .overlay .overlay-line {  margin:15px 0; } } @media only screen and (min-width:1735px) { .portfolio.hover-horizontal-sliding.columns-3 .fullwidth-block .overlay .links .caption .subtitle, .portfolio.hover-horizontal-sliding.columns-3 .fullwidth-block .overlay .links .caption .info {  display:block; } } @media only screen and (min-width:992px) { .with-sidebar .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links {  padding:18px 12px; }  .with-sidebar .portfolio.hover-horizontal-sliding:is(.columns-4, .columns-5, .columns-6) .overlay .links .caption .title {  font-size:14px;  line-height:1.5; }  .portfolio.hover-horizontal-sliding .overlay .overlay-line {  margin:15px 0; } } @media only screen and (min-width:1250px) and (max-width:1770px), screen and (min-width:992px) and (max-width:1170px), screen and (min-width:768px) and (max-width:900px) { .portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; }  .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links {  padding:41px 28px; }  .portfolio.hover-horizontal-sliding .overlay .overlay-line {  margin:15px 0; } } @media only screen and (min-width:1170px) and (max-width:1250px), screen and (min-width:900px) and (max-width:992px) { .portfolio.hover-horizontal-sliding .fullwidth-block .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {  display:none; }  .portfolio.hover-horizontal-sliding .fullwidth-block .overlay .links {  padding:18px 12px; }  .portfolio.hover-horizontal-sliding .overlay .overlay-line {  margin:15px 0; } }  .portfolio.hover-disabled .portfolio-item .image .overlay, .portfolio.hover-disabled .portfolio-item:hover .image .overlay, .portfolio.hover-disabled .portfolio-item.hover-effect .image .overlay { display:block; } .portfolio.hover-disabled:not(.caption-position-image) .portfolio-item .image .overlay .links-wrapper {  } .portfolio.hover-disabled .portfolio-item .image .overlay .links .caption { width:100%; }  .portfolio-top-panel { display:table; width:100%; } .portfolio-top-panel-left, .portfolio-top-panel-right { display:table-cell; vertical-align:top; } .portfolio-sorting { display:inline-block; white-space:nowrap; margin:0; } .portfolio-sorting.title-h6 { margin:0; } .portfolio-sorting > div { display:inline-block; vertical-align:middle; } .portfolio-sorting-sep { height:30px; width:1px; margin:0 20px; background-color:#b6c6c9; } .portfolio-sorting label { display:inline-block; vertical-align:middle; cursor:pointer; font-size:14px; } .sorting-switcher { position:relative; display:inline-block; vertical-align:middle; width:40px; height:24px; border-radius:12px; background-color:#b6c6c9; } .sorting-switcher:after { content:''; position:absolute; width:16px; height:16px; top:4px; left:4px; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; background-color:#ffffff; border-radius:50%; } .sorting-switcher.right:after { left:20px; } .portfolio-top-panel.filter-type-default .portfolio-filters-resp { margin:0; } .portfolio-top-panel.filter-type-default .portfolio-search-filter { margin-left:5px; } @media (min-width:768px) { .portfolio-top-panel.filter-type-default .portfolio-search-filter {  margin-left:15px; } } .portfolio-sharing-pane { height:0; text-align:center; } .portfolio.hover-horizontal-sliding .portfolio-sharing-pane, .portfolio.hover-vertical-sliding .portfolio-sharing-pane { text-align:left; } .portfolio-likes { margin-top:0; height:0; opacity:0; text-align:center; text-align:-webkit-center; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; } .portfolio-item.hide-likes .portfolio-likes { -o-transition:none; -webkit-transition:none; transition:none; } .portfolio-item:not(.hide-likes):hover .portfolio-likes, .portfolio-item .portfolio-likes.visible { margin-top:10px; height:25px; opacity:1; } .portfolio-likes .zilla-likes { display:flex; align-items:center; justify-content:center; width:fit-content; } .portfolio .zilla-likes { line-height:1.3; } .portfolio .zilla-likes:before { content:none !important; } .portfolio .zilla-likes i { font-size:16px; font-style:normal; margin-right:6px; vertical-align:top; } .portfolio .portfolio-likes .zilla-likes i { font-size:24px; } .portfolio .zilla-likes i.default:before { content:'\e641'; display:inline-block; font-family:"thegem-icons"; font-weight:normal; line-height:inherit; } .portfolio-item .image .overlay .portfolio-sharing-pane {  font-size:0; } .portfolio:not(.hover-default, .hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .portfolio-sharing-pane { margin-left:-6px; } .portfolio:is(.columns-4, .columns-5, .columns-6):not(.hover-default, .hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .portfolio-sharing-pane { margin-left:-3px; } .portfolio-item .image .overlay .portfolio-sharing-pane .socials-item { margin:0 10px; } .portfolio:is(.columns-3, .columns-4, .columns-5, .columns-6, .fullwidth-columns-4, .fullwidth-columns-5, .fullwidth-columns-6) .portfolio-item .image .overlay .portfolio-sharing-pane .socials-item { margin:0 5px; } .caption-sizable-content { position:absolute; padding:inherit; top:0; left:0; width:100%; bottom:30px; overflow:hidden; } .caption-sizable-content:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:0; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; } .caption-sizable-content .after-overlay { position:absolute; bottom:0; left:0; width:100%; z-index:1; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; } .caption-sizable-content.with-bottom-line { bottom:70px; } .caption-bottom-line { position:absolute; padding:inherit; padding-right:0; bottom:0; left:0; width:100%; display:flex; align-items:center; } .portfolio.columns-1 .portfolio-item .caption-bottom-line .gem-button { margin-bottom:0; margin-right:15px; } @media only screen and (max-width:991px) { .portfolio.columns-1 .portfolio-item .wrap {  display:block; }  .caption-sizable-content, .caption-bottom-line {  position:relative;  bottom:auto;  padding:0; }  .caption-sizable-content:after {  display:none; } } .portfolio.columns-1.background-style-white.no-gaps .portfolio-item:not([style*='top:0px;']) .wrap > .caption { border-top:0; } .portfolio-title { text-align:center; } .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .title, .hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .title { color:#212227; } .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .subtitle, .hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .subtitle, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .post-date, .hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .post-date, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .author .author-name, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .author .author-name a, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .product-info .product-price, .hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .product-info .product-price, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .product-info .product-price .amount, .hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .product-info .product-price .amount, .news-grid.portfolio.hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .info, .news-grid.portfolio.hover-circular.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .info a { color:#212227; } .news-grid.portfolio.title-on-page.hover-circular.title-style-dark .portfolio-item .image .overlay .links .caption .info span.sep { border-left-color:#212227; } .portfolio-load-more .gem-button-separator-button, .mixed-show-all .gem-button-separator-button { padding:0 20px; } .portfolio-load-more .gem-button-container .gem-button-separator-type-square, .mixed-show-all .gem-button-container .gem-button-separator-type-square { display:flex; flex-direction:column; align-items:center; } .gem-button-icon-position-right .gem-inner-wrapper-btn { flex-direction:row-reverse; } .portfolio .gem-pagination { display:flex; align-items:center; justify-content:center; } .portfolio .gem-pagination a, .portfolio .gem-pagination span.page-numbers { box-sizing:content-box; line-height:30px; } .portfolio:not(.category-grid) .gem-pagination .prev, .portfolio:not(.category-grid) .gem-pagination .next { display:flex; align-items:center; justify-content:center; flex:none; } .portfolio:not(.category-grid) .gem-pagination .prev:before, .portfolio:not(.category-grid) .gem-pagination .next:before { content:none; } .portfolio .gem-pagination .prev i, .portfolio .gem-pagination .next i { font-size:24px; } .portfolio .gem-pagination .prev i.default, .portfolio .gem-pagination .next i.default { font-family:'thegem-icons'; font-weight:normal; font-style:normal; } .gem-pagination .prev i.default:before { content:'\e636'; } .gem-pagination .next i.default:before { content:'\e634'; } .portfolio .gem-button-separator, .portfolio .gem-button-separator-line { width:100%; } .portfolio.caption-position-zigzag.portfolio-pagination-normal .portfolio-item.item-even .wrap, .portfolio.caption-position-zigzag:not(.portfolio-pagination-normal) .portfolio-item:nth-child(even) .wrap { flex-direction:row-reverse; } .portfolio.portfolio-list .portfolio-item { margin-bottom:-1px; } .portfolio.disable-isotope .portfolio-set { display:flex; flex-wrap:wrap; } .portfolio.disable-isotope:not(.portfolio-list, .list-style, .columns-1).title-on-page .portfolio-set .portfolio-item .wrap { height:100%; display:flex; flex-direction:column; } .portfolio.disable-isotope.title-on-page .portfolio-set .portfolio-item .wrap > .caption { flex:auto; } .portfolio .portfolio-item.product.inline-column { float:left; margin-bottom:0; } .preloader-new ~ * .portfolio-set { opacity:0.6; } .preloader-new .preloader-spin, .preloader-new .preloader-spin-new { top:100px; left:initial; right:50%; } .portfolio.hover-none .portfolio-item .image .overlay { display:block; } .portfolio-preloader-wrapper { position:relative; width:100%; clear:both; }  .portfolio-grid.portfolio-style-creative .portfolio-set { display:grid; grid-auto-rows:minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative .portfolio-set:before, .portfolio-grid.portfolio-style-creative .portfolio-set:after { content:none; } .portfolio-grid.portfolio-style-creative.columns-mobile-1 .portfolio-set { grid-template-columns:minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative.columns-mobile-2 .portfolio-set { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); } @media (min-width:768px) { .portfolio-grid.portfolio-style-creative.columns-tablet-2 .portfolio-set {  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative.columns-tablet-3 .portfolio-set {  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative.columns-tablet-4 .portfolio-set {  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } } @media (min-width:992px) { .portfolio-grid.portfolio-style-creative.columns-1 .portfolio-set {  grid-template-columns:minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative.columns-2 .portfolio-set {  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative.columns-3 .portfolio-set {  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative:is(.columns-4, .fullwidth-columns-4) .portfolio-set {  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative:is(.columns-5, .fullwidth-columns-5) .portfolio-set {  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } .portfolio-grid.portfolio-style-creative:is(.columns-6, .fullwidth-columns-6) .portfolio-set {  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); } } .portfolio-grid.portfolio-style-creative .portfolio-item { width:auto !important; } .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out { position:relative; height:100%; } .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap {  width:100%; height:100%; display:flex; flex-direction:column; } .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap .image .image-inner, .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap .image .post-featured-content { height:100%; } .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap .image { flex:none; } .portfolio-grid.portfolio-style-creative .portfolio-item:not(.size-item) .wrap-out .wrap > .caption { flex:none; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item .wrap-out .wrap .image { flex:auto; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item .wrap-out .wrap .image .image-inner { position:absolute; width:100%; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item .wrap-out .wrap > .caption { flex:none; } .portfolio-grid.portfolio-style-creative .portfolio-item.size-item { grid-column-end:span 1 !important; grid-row-end:span 1 !important; grid-column-start:1; grid-row-start:1; z-index:-1; opacity:0 !important; visibility:hidden; } .portfolio-grid.portfolio-style-creative .portfolio-item:first-child { grid-column-start:1; grid-row-start:1; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item-squared { grid-column-end:span 2; grid-row-end:span 2; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item-horizontal { grid-column-end:span 2; } .portfolio-grid.portfolio-style-creative .portfolio-item.double-item-vertical { grid-row-end:span 2; } @media (max-width:767px) { .portfolio-grid.portfolio-style-creative.creative-disable-mobile .portfolio-item {  grid-column-end:span 1 !important;  grid-row-end:span 1 !important; } } @media (min-width:768px) and (max-width:991px) { .portfolio-grid.portfolio-style-creative.creative-disable-tablet .portfolio-item {  grid-column-end:span 1 !important;  grid-row-end:span 1 !important; } } .portfolio-grid.portfolio-style-creative.title-on-hover .portfolio-item.double-item .image { position:absolute; width:100%; height:100%; }  .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon { width:24px; height:24px; line-height:24px; } .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon { margin-right:20px; } .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon i, .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon:before { font-size:24px; } .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon { width:40px; height:40px; line-height:40px; } .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon { margin-right:8px; } .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon i, .portfolio.portfolio-grid.hover-elements-size-small:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon:before { font-size:16px; } .portfolio.hover-title.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.title-on-page.hover-gradient.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.title-on-page.hover-circular.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.title-on-page.hover-disabled.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.hover-gradient.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.hover-circular.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.hover-disabled.hover-elements-size-small .portfolio-item .overlay .caption .title, .portfolio.hover-elements-size-small .portfolio-item .overlay .caption .title { font-size:14px; line-height:1.5; margin-bottom:10px; } .portfolio.hover-default.hover-elements-size-small .portfolio-item .overlay .links .caption .subtitle, .portfolio.hover-zoom-overlay.hover-elements-size-small .portfolio-item .overlay .links .caption .subtitle { display:none; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon { width:48px; height:48px; line-height:48px; margin:10px; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon i, .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular) .portfolio-item .image .overlay .links a.icon:before { font-size:48px; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon { width:70px; height:70px; line-height:70px; margin:5px; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon i, .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-zooming-blur, .hover-gradient) .portfolio-item .image .overlay .links a.icon:before { font-size:32px; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular, .hover-zooming-blur, .hover-gradient, .hover-zoom-overlay, .hover-disabled) .portfolio-item .wrap .overlay .caption .title { font-size:24px; line-height:1.5; margin-bottom:0; } .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular, .hover-zooming-blur, .hover-gradient, .hover-zoom-overlay) .portfolio-item .wrap .overlay .caption .subtitle, .portfolio.portfolio-grid.hover-elements-size-big:is(.hover-default, .hover-horizontal-sliding, .hover-vertical-sliding, .hover-circular, .hover-zooming-blur, .hover-gradient, .hover-zoom-overlay) .portfolio-item .wrap .image .overlay .links .caption .info { display:block; } .portfolio.portfolio-grid .portfolio-item .portfolio-video-icon { display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:0; line-height:1; opacity:0.8; transition:opacity 0.2s; z-index:100; } .portfolio.portfolio-grid .portfolio-item .portfolio-video-icon:hover { opacity:1; } .portfolio.portfolio-grid .portfolio-item .portfolio-video-icon:before { content:'\e655'; font-family:'thegem-icons'; font-size:50px; color:#ffffff; filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); } .portfolio.portfolio-grid .portfolio-item.small-item .portfolio-video-icon:before { font-size:60px; } .portfolio.portfolio-grid .portfolio-item.appearance-type-video .image-inner, .portfolio.portfolio-grid .portfolio-item.appearance-type-animated_gif .image-inner, .portfolio.portfolio-grid .portfolio-item.appearance-type-gallery .image-inner { z-index:initial; } .portfolio.portfolio-grid .portfolio-item.hide-overlay .overlay { z-index:-1; } .portfolio.portfolio-grid .portfolio-item.appearance-type-video .overlay:before, .portfolio.portfolio-grid .portfolio-item.appearance-type-animated_gif .overlay:before, .portfolio.portfolio-grid .portfolio-item.appearance-type-gallery .overlay:before { content:none !important; } .portfolio.portfolio-grid .portfolio-item.appearance-type-video img, .portfolio.portfolio-grid .portfolio-item.appearance-type-animated_gif img, .portfolio.portfolio-grid .portfolio-item.appearance-type-gallery img { transform:none !important; } @media (max-width:991px) {  .portfolio-item .gem-video-portfolio.hide-on-mobile {  display:none; } } @media (min-width:992px) {  .portfolio-grid .portfolio-item .video-image-mobile {  display:none;  opacity:0; }  .portfolio-grid.portfolio-style-metro .portfolio-item .video-image-mobile, .portfolio-grid.portfolio-style-masonry .portfolio-item:not(.custom-ratio) .video-image-mobile {  display:block; } } .gem-video-portfolio video, .gem-video-portfolio iframe { display:block; position:absolute; left:0; top:0; width:100%; height:100%; } .gem-video-portfolio.type-youtube iframe { aspect-ratio:16/9; height:auto; max-height:100%; top:50%; transform:translateY(-50%); } .gem-video-portfolio video { object-fit:cover; } .gem-video-portfolio-mobile, .gem-video-portfolio-overlay { position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover; background-position:center; } .portfolio:not(.columns-1) .portfolio-item .image img.gem-gif-poster { position:absolute !important; top:0; left:0; } .portfolio-item:hover .image:not(.gif-load-on-hover) img.gem-gif-poster, .portfolio-item .image.gif-load-on-hover img.gem-gif-portfolio { opacity:0; } .portfolio-grid.portfolio-style-metro .gem-video-portfolio { position:absolute; width:100%; height:100%; left:0; top:0; } .portfolio-item .video-type-icon, .portfolio-item .gif-type-icon { position:absolute; right:9px; top:9px; height:auto; fill:#ffffff; filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); } .portfolio-item .video-type-icon{ width:16px; } .portfolio-item .gif-type-icon { width:18px; } .portfolio-image-slider { width:100%; height:100%; position:relative; overflow:hidden; aspect-ratio:1/1; } .portfolio-image-slider:before { content:none !important; } .portfolio.columns-1 .portfolio-item .image img.gem-gif-portfolio { position:absolute; left:0; top:0; } .portfolio.columns-1 .portfolio-item .image img.gem-gif-poster { position:relative; } .portfolio.columns-1 .portfolio-item:not(.custom-ratio) .video-image-mobile { display:block; } .portfolio.columns-1 .portfolio-image-slider { position:absolute; } .portfolio-grid.portfolio-style-metro .portfolio-image-slider { position:absolute; } .portfolio-image-slider .slide { width:100%; height:100%; position:absolute; transition:all 0.5s; } .portfolio-image-slider .slide:first-child { z-index:1; } .portfolio-image-slider .btn { position:absolute; display:flex; align-items:center; justify-content:center; top:50%; transform:translateY(-50%); width:50px; height:50px; background:0 0; color:inherit; border:none; padding:0!important; font:inherit; opacity:0; transition:opacity 0.3s linear; z-index:100; } .portfolio-item:hover .portfolio-image-slider .btn { opacity:1; } .portfolio-image-slider .btn:before { content:''; width:18px; height:18px; } .portfolio-image-slider .btn.btn-prev { left:0; } .portfolio-image-slider .btn.btn-prev:before { background-image:url('/wp-content/themes/thegem/images/ar2.svg'); } .portfolio-image-slider .btn.btn-next { right:0; } .portfolio-image-slider .btn.btn-next:before { background-image:url('/wp-content/themes/thegem/images/ar1.svg'); } .portfolio-image-slider .slide img { width:100% !important; height:100%; }  .portfolio-grid.version-alternative:not(.hover-disabled) .portfolio-item .image .overlay .links { display:flex; flex-direction:column; justify-content:center; } .portfolio-grid.version-alternative .portfolio-item .caption .title, .portfolio-grid.version-alternative .portfolio-item .caption .title span { text-transform:none; letter-spacing:0 } .portfolio-grid.version-alternative.background-style-transparent:not(.columns-1):not(.list-style) .portfolio-item .wrap > .caption { padding-left:0; padding-right:0; } .portfolio-grid.version-alternative:is(.hover-default, .hover-zooming-blur, .hover-vertical-sliding) .portfolio-item .image .set, .portfolio-grid.version-alternative.caption-position-page .portfolio-item .image .set, .portfolio-grid.version-alternative.hover-horizontal-sliding .portfolio-item .image .date { position:absolute; left:0; top:0; z-index:3; color:var(--thegem-to-icons-portfolio-gallery-color-hover); background:#000000; max-width:calc(100% - 30px); white-space:normal; text-overflow:clip; overflow:auto; font-size:75%; line-height:1.5; padding:0 8px; text-align:left; -webkit-transition:transform 0.3s; transition:transform 0.3s; } .portfolio-grid.version-alternative.caption-position-hover:is(.hover-default, .hover-zooming-blur, .hover-vertical-sliding) .portfolio-item .image .set, .portfolio-grid.version-alternative.caption-position-page .portfolio-item .image .set, .portfolio-grid.version-alternative.caption-position-hover.hover-horizontal-sliding .portfolio-item .image .date { background-color:rgba(0, 0, 0, 0.7); } .portfolio-grid.version-alternative .portfolio-item .image .set a { color:inherit; } .portfolio-grid.version-alternative:is(.hover-default, .hover-horizontal-sliding) .portfolio-item .image .overlay .links .caption .info { padding:0; margin:0 0 6px 0; } .portfolio-grid.version-alternative .portfolio-item .image .overlay .links .caption .title { margin-bottom:10px; } .portfolio-grid.version-alternative .portfolio-item .image .set a:hover { text-decoration:underline; } .portfolio-grid.version-alternative .portfolio-item .wrap > .caption { display:flex; flex-direction:column; padding:18px 38px; text-align:left; } .portfolio-grid.version-alternative.background-style-transparent .portfolio-item .wrap > .caption {  padding-left:0;  padding-right:0; } .portfolio-grid.version-alternative .portfolio-item .wrap > .caption > div { margin-bottom:10px; } .portfolio-grid.version-alternative .portfolio-item .wrap > .caption > div.subtitle { margin-bottom:13px; } .portfolio-grid.version-alternative .portfolio-item .wrap > .caption > div:last-child { margin-bottom:0; } .portfolio-grid.version-alternative .portfolio-item .wrap > .caption .info { font-size:75%; margin-top:0; line-height:1.5; } .portfolio-grid.version-alternative .image .portfolio-likes { height:auto !important; margin:0 0 10px 0; text-align:left; } .portfolio-grid.version-alternative.caption-position-page .portfolio-item .wrap > .caption .title { color:var(--thegem-to-h4-color, #3c3950); margin-bottom:6px; transition:all 0.3s; } .portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .wrap > .caption .title, .portfolio-grid.background-style-gray.caption-position-page .portfolio-item:is(:hover, .hover-effect) .wrap > .caption .title { color:var(--thegem-to-main-bg-color); } .portfolio-grid.background-style-dark.caption-position-page.list-style .portfolio-item .details .details-item, .portfolio-grid.background-style-dark.caption-position-page.list-style .portfolio-item .details .details-item .label, .portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .details .details-item, .portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .details .details-item .label, .portfolio-grid.background-style-gray.caption-position-page:not(.list-style) .portfolio-item:is(:hover, .hover-effect) .details .details-item, .portfolio-grid.background-style-gray.caption-position-page:not(.list-style) .portfolio-item:is(:hover, .hover-effect) .details .details-item .label { color:var(--thegem-to-portfolio-date-color); } .portfolio-grid.background-style-dark.caption-position-page.list-style .portfolio-item .details .details-item, .portfolio-grid.background-style-dark.caption-position-page .portfolio-item:not(:hover, .hover-effect) .details .details-item, .portfolio-grid.background-style-gray.caption-position-page:not(.list-style) .portfolio-item:is(:hover, .hover-effect) .details .details-item { border-color:var(--thegem-to-body-color); } .portfolio-grid.version-alternative.caption-position-page:not(.disabled-hover).background-style-transparent .portfolio-item:is(:hover, .hover-effect) .wrap > .caption .title { color:var(--thegem-to-link-color, #00bcd4); } .portfolio-grid.version-alternative.caption-position-page .portfolio-item .wrap > .caption .info { margin:0 0 10px 0; } .portfolio-grid.version-alternative.caption-position-page .portfolio-likes { height:auto !important; opacity:1; margin:auto 0 0 0 !important; text-align:left; } .portfolio-grid.version-alternative:is(.caption-position-hover, .caption-position-image) .portfolio-item .image .portfolio-likes { color:var(--thegem-to-icons-portfolio-gallery-color-hover); } .portfolio-grid.version-alternative .portfolio-likes .zilla-likes { font-size:87.5%; color:inherit; } .portfolio-grid.version-alternative .portfolio-likes .zilla-likes i { font-style:normal; margin-right:4px; font-size:14px; } .portfolio-grid.version-alternative.caption-position-page .portfolio-likes .zilla-likes i { color:#f44336; } .portfolio-grid.version-alternative .portfolio-likes .zilla-likes i.default:before { content:'\e66b'; font-size:inherit; vertical-align:middle; } .portfolio-grid.version-alternative:is(.hover-horizontal-sliding, .hover-vertical-sliding) .overlay .links { padding:30px; } .portfolio-grid:is(.version-alternative, .version-new):is(.caption-position-hover, .caption-position-image) .overlay .links .caption .description:not(:last-child) .subtitle, .portfolio-grid:is(.version-alternative, .version-new):is(.caption-position-hover, .caption-position-image) .overlay .links .caption .description .subtitle:not(:last-child), .portfolio-grid:is(.version-alternative, .version-new):is(.caption-position-hover, .caption-position-image) .overlay .links .caption .details:not(:last-child) { margin-bottom:10px; } .portfolio-grid.version-alternative:not(.ready) .slide-content-hidden {  display:none; } .portfolio-grid.version-alternative .portfolio-item .slide-content-hidden { transition:all 0.3s; } .portfolio-grid.version-alternative.caption-position-page.hover-horizontal-sliding .portfolio-sharing-pane, .portfolio-grid.version-alternative.caption-position-page.hover-vertical-sliding .portfolio-sharing-pane { text-align:center; } .portfolio-item .details .details-item { display:flex; align-items:center; } .portfolio-item .details .details-item .label { display:flex; align-items:center; height:100%; color:inherit; margin:0 0.6em 0 0; transition:all 0.3s; } .portfolio-item .details .details-item .label i, .portfolio-item .details .details-item .value i { font-size:inherit; } .portfolio-item .details .details-item .label i:not(:last-child), .portfolio-item .details .details-item .label svg:not(:last-child), .portfolio-item .details .details-item .value i:not(:last-child), .portfolio-item .details .details-item .value svg:not(:last-child) { margin-right:6px; } .portfolio-item .details .details-item .value { display:flex; align-items:center; height:100%; color:inherit; margin:0; } .portfolio.caption-position-image .portfolio-item .details:not(:last-child) { margin-bottom:6px; } .portfolio.caption-position-page .portfolio-item .details.layout-vertical .details-item .value { color:var(--thegem-to-portfolio-date-color); } .portfolio-item .details.layout-inline { display:flex; flex-wrap:wrap; column-gap:14px; row-gap:2px; } .portfolio-item .details.layout-inline.with-separator { column-gap:6px; } .portfolio-item .details.layout-inline.style-labels { row-gap:10px; } .portfolio-item .details.layout-inline.style-labels .details-item { border:1px solid currentColor; padding:0 0.4em; } .portfolio-item .details.layout-vertical .details-item { padding:5px 0; } .portfolio-item .details.layout-vertical.with-divider .details-item:not(:first-child) { padding-top:10px; } .portfolio-item .details.layout-vertical.with-divider .details-item:not(:last-child) { padding-bottom:10px; border-bottom:1px solid var(--thegem-to-divider-color); transition:all 0.3s; } .portfolio.version-new:is(.caption-position-hover, .caption-position-image):is(.hover-new-default, .hover-new-zooming-blur, .hover-new-gradient, .hover-new-zoom-overlay) .details, .portfolio.version-alternative:is(.caption-position-hover, .caption-position-image):is(.hover-default, .hover-zooming-blur, .hover-gradient, .hover-zoom-overlay) .details, .portfolio:not(.version-alternative, .version-new).caption-position-hover:is(.hover-default, .hover-zooming-blur, .hover-default-zooming-blur, .hover-zoom-overlay) .details { justify-content:center; } .portfolio-item .details .separator:last-child { display:none; } .portfolio:not(.version-alternative) .details { margin-top:8px; } .portfolio:not(.version-alternative) .details.top-position { margin:0 0 6px 0; } .portfolio:not(.version-alternative, .version-new).caption-position-page .details.layout-inline { justify-content:center; } .portfolio-item .details.layout-vertical.details-alignment-left .details-item { justify-content:flex-start; text-align:left; } .portfolio-item .details.layout-vertical.details-alignment-right .details-item { justify-content:flex-end; text-align:right; } .portfolio-item .details.layout-vertical.details-alignment-justify .details-item { justify-content:space-between; } .portfolio-item .details.layout-vertical.details-alignment-justify .details-item .label { text-align:left; } .portfolio-item .details.layout-vertical.details-alignment-justify .details-item .value { text-align:right; } .portfolio-item .details.layout-inline.details-alignment-left { justify-content:flex-start !important; } .portfolio-item .details.layout-inline.details-alignment-right { justify-content:flex-end !important; } .portfolio-item .details.layout-inline.details-alignment-center { justify-content:center !important; } a.additional-meta { cursor:pointer; } .portfolio-item .caption .read-more-button { margin-top:10px; } .portfolio-item .caption .gem-button { margin:0; display:flex; align-items:center; justify-content:center; } @media (min-width:1001px) {  .portfolio-top-panel.filters-top-sticky {  padding:10px 0; }  .portfolio-top-panel.filters-top-sticky.filter-type-extended {  padding:13px 0;  margin-bottom:7px; } } .portfolio-top-panel.sticky-fixed .portfolio-top-panel { background-color:var(--thegem-to-main-bg-color, #FFFFFF); } body.shown-sticky-filters #site-header.fixed, body.shown-sticky-filters .header-sticky-template { transition:all .6s cubic-bezier(.19,1,.22,1); transform:translateY(-100%) !important; } body.hidden-sticky-filters #site-header.fixed, body.hidden-sticky-filters .header-sticky-template { transition:all .6s cubic-bezier(.19,1,.22,1); transform:none; } .portfolio-selected-filters { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:flex-end; -ms-flex-align:flex-end; align-items:flex-end; clear:both; z-index:4; } .portfolio-selected-filters .portfolio-selected-filter-item { margin:10px 10px 0 0; padding:2px 10px 3px 10px; line-height:1.1; border-radius:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; cursor:default; transition:all 0.3s; } .portfolio-selected-filters .portfolio-selected-filter-item.clear-filters { cursor:pointer; margin-top:15px; order:1; } .portfolio-selected-filters .portfolio-selected-filter-item.clear-filters:last-child { display:none; } .portfolio-selected-filters .portfolio-selected-filter-item.category { order:2; } .portfolio-selected-filters .portfolio-selected-filter-item.attribute.product-tag { order:3; } .portfolio-selected-filters .portfolio-selected-filter-item.attribute { order:4; } .portfolio-selected-filters .portfolio-selected-filter-item.price { order:5; } .portfolio-selected-filters .portfolio-selected-filter-item.status { order:6; } .portfolio-selected-filters .portfolio-selected-filter-item.search { order:7; } .portfolio-selected-filters .portfolio-selected-filter-item i.delete-filter { font-style:normal; font-family:"thegem-icons"; font-weight:normal; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-variant:normal; text-rendering:auto; font-size:1.1em; line-height:1; margin-right:-3px; cursor:pointer; } .portfolio-selected-filters .portfolio-selected-filter-item i.delete-filter:before { content:"\e619"; } .portfolio-selected-filters.portfolio-selected-filters-clone { display:none; } .portfolio-top-panel.selected-only { margin-bottom:0 !important; } .portfolio-top-panel.selected-only .portfolio-selected-filters .portfolio-selected-filter-item { margin:0 10px 20px 0; } @media (min-width:992px) { .portfolio-top-panel.sidebar-filter.selected-only .portfolio-selected-filters .portfolio-selected-filter-item {  margin-bottom:20px; } } .portfolio-top-panel > .portfolio-selected-filters.center { justify-content:center; } .portfolio-top-panel > .portfolio-selected-filters.center .portfolio-selected-filter-item { margin:10px 5px 0 5px; } .portfolio-top-panel > .portfolio-selected-filters.right { justify-content:flex-end; } .portfolio-top-panel > .portfolio-selected-filters.right .portfolio-selected-filter-item { margin:10px 0 0 10px; } .portfolio-top-panel .portfolio-top-panel-row { display:flex; align-items:flex-start; } .portfolio-top-panel .portfolio-top-panel-left { flex:auto; max-width:100%; } .portfolio-top-panel .portfolio-top-panel-right { margin-left:10px; }