@font-face {
font-family: 'MaterialDesignIcons';
src:url(//www.jansen-aschendorf.de/wp-content/themes/thegem/fonts/material/materialdesignicons.eot);
src:url(//www.jansen-aschendorf.de/wp-content/themes/thegem/fonts/material/materialdesignicons.eot?#iefix) format('embedded-opentype'),
url(//www.jansen-aschendorf.de/wp-content/themes/thegem/fonts/material/materialdesignicons.woff) format('woff'),
url(//www.jansen-aschendorf.de/wp-content/themes/thegem/fonts/material/materialdesignicons.ttf) format('truetype'),
url(//www.jansen-aschendorf.de/wp-content/themes/thegem/fonts/material/materialdesignicons.svg#MaterialDesignIcons) format('svg');
font-weight: normal;
font-style: normal;
}
.gem-print-icon.gem-icon-pack-material {
display: inline-block;
font-family: 'MaterialDesignIcons';
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
text-align: center;
vertical-align: middle;
font-size: 24px;
}
.mdi-account:before {
content: "\f101";
}
.mdi-account-alert:before {
content: "\f102";
}
.mdi-account-box:before {
content: "\f103";
}
.mdi-account-box-outline:before {
content: "\f104";
}
.mdi-account-check:before {
content: "\f105";
}
.mdi-account-circle:before {
content: "\f106";
}
.mdi-account-key:before {
content: "\f107";
}
.mdi-account-location:before {
content: "\f108";
}
.mdi-account-minus:before {
content: "\f109";
}
.mdi-account-multiple:before {
content: "\f10a";
}
.mdi-account-multiple-outline:before {
content: "\f10b";
}
.mdi-account-multiple-plus:before {
content: "\f10c";
}
.mdi-account-network:before {
content: "\f10d";
}
.mdi-account-outline:before {
content: "\f10e";
}
.mdi-account-plus:before {
content: "\f10f";
}
.mdi-account-remove:before {
content: "\f110";
}
.mdi-account-search:before {
content: "\f111";
}
.mdi-account-star:before {
content: "\f112";
}
.mdi-account-star-variant:before {
content: "\f113";
}
.mdi-account-switch:before {
content: "\f114";
}
.mdi-airballoon:before {
content: "\f115";
}
.mdi-airplane:before {
content: "\f116";
}
.mdi-airplane-off:before {
content: "\f117";
}
.mdi-alarm:before {
content: "\f118";
}
.mdi-alarm-check:before {
content: "\f119";
}
.mdi-alarm-multiple:before {
content: "\f11a";
}
.mdi-alarm-off:before {
content: "\f11b";
}
.mdi-alarm-plus:before {
content: "\f11c";
}
.mdi-album:before {
content: "\f11d";
}
.mdi-alert:before {
content: "\f11e";
}
.mdi-alert-box:before {
content: "\f11f";
}
.mdi-alert-circle:before {
content: "\f120";
}
.mdi-alert-octagon:before {
content: "\f121";
}
.mdi-alpha:before {
content: "\f122";
}
.mdi-alphabetical:before {
content: "\f123";
}
.mdi-amazon:before {
content: "\f124";
}
.mdi-amazon-clouddrive:before {
content: "\f125";
}
.mdi-ambulance:before {
content: "\f126";
}
.mdi-android:before {
content: "\f127";
}
.mdi-android-debug-bridge:before {
content: "\f128";
}
.mdi-android-studio:before {
content: "\f129";
}
.mdi-apple:before {
content: "\f12a";
}
.mdi-apple-finder:before {
content: "\f12b";
}
.mdi-apple-ios:before {
content: "\f12c";
}
.mdi-apple-mobileme:before {
content: "\f12d";
}
.mdi-apple-safari:before {
content: "\f12e";
}
.mdi-appnet:before {
content: "\f12f";
}
.mdi-apps:before {
content: "\f130";
}
.mdi-archive:before {
content: "\f131";
}
.mdi-arrange-bring-forward:before {
content: "\f132";
}
.mdi-arrange-bring-to-front:before {
content: "\f133";
}
.mdi-arrange-send-backward:before {
content: "\f134";
}
.mdi-arrange-send-to-back:before {
content: "\f135";
}
.mdi-arrow-all:before {
content: "\f136";
}
.mdi-arrow-bottom-left:before {
content: "\f137";
}
.mdi-arrow-bottom-right:before {
content: "\f138";
}
.mdi-arrow-collapse:before {
content: "\f139";
}
.mdi-arrow-down:before {
content: "\f13a";
}
.mdi-arrow-down-bold:before {
content: "\f13b";
}
.mdi-arrow-down-bold-circle:before {
content: "\f13c";
}
.mdi-arrow-down-bold-circle-outline:before {
content: "\f13d";
}
.mdi-arrow-down-bold-hexagon-outline:before {
content: "\f13e";
}
.mdi-arrow-expand:before {
content: "\f13f";
}
.mdi-arrow-left:before {
content: "\f140";
}
.mdi-arrow-left-bold:before {
content: "\f141";
}
.mdi-arrow-left-bold-circle:before {
content: "\f142";
}
.mdi-arrow-left-bold-circle-outline:before {
content: "\f143";
}
.mdi-arrow-left-bold-hexagon-outline:before {
content: "\f144";
}
.mdi-arrow-right:before {
content: "\f145";
}
.mdi-arrow-right-bold:before {
content: "\f146";
}
.mdi-arrow-right-bold-circle:before {
content: "\f147";
}
.mdi-arrow-right-bold-circle-outline:before {
content: "\f148";
}
.mdi-arrow-right-bold-hexagon-outline:before {
content: "\f149";
}
.mdi-arrow-top-left:before {
content: "\f14a";
}
.mdi-arrow-top-right:before {
content: "\f14b";
}
.mdi-arrow-up:before {
content: "\f14c";
}
.mdi-arrow-up-bold:before {
content: "\f14d";
}
.mdi-arrow-up-bold-circle:before {
content: "\f14e";
}
.mdi-arrow-up-bold-circle-outline:before {
content: "\f14f";
}
.mdi-arrow-up-bold-hexagon-outline:before {
content: "\f150";
}
.mdi-at:before {
content: "\f151";
}
.mdi-attachment:before {
content: "\f152";
}
.mdi-audiobook:before {
content: "\f153";
}
.mdi-auto-fix:before {
content: "\f154";
}
.mdi-auto-upload:before {
content: "\f155";
}
.mdi-baby:before {
content: "\f156";
}
.mdi-backburger:before {
content: "\f157";
}
.mdi-backup-restore:before {
content: "\f158";
}
.mdi-bank:before {
content: "\f159";
}
.mdi-barcode:before {
content: "\f15a";
}
.mdi-barley:before {
content: "\f15b";
}
.mdi-barrel:before {
content: "\f15c";
}
.mdi-basecamp:before {
content: "\f15d";
}
.mdi-basket:before {
content: "\f15e";
}
.mdi-basket-fill:before {
content: "\f15f";
}
.mdi-basket-unfill:before {
content: "\f160";
}
.mdi-battery:before {
content: "\f161";
}
.mdi-battery-10:before {
content: "\f162";
}
.mdi-battery-20:before {
content: "\f163";
}
.mdi-battery-30:before {
content: "\f164";
}
.mdi-battery-40:before {
content: "\f165";
}
.mdi-battery-50:before {
content: "\f166";
}
.mdi-battery-60:before {
content: "\f167";
}
.mdi-battery-70:before {
content: "\f168";
}
.mdi-battery-80:before {
content: "\f169";
}
.mdi-battery-90:before {
content: "\f16a";
}
.mdi-battery-alert:before {
content: "\f16b";
}
.mdi-battery-charging-100:before {
content: "\f16c";
}
.mdi-battery-charging-20:before {
content: "\f16d";
}
.mdi-battery-charging-30:before {
content: "\f16e";
}
.mdi-battery-charging-40:before {
content: "\f16f";
}
.mdi-battery-charging-60:before {
content: "\f170";
}
.mdi-battery-charging-80:before {
content: "\f171";
}
.mdi-battery-charging-90:before {
content: "\f172";
}
.mdi-battery-minus:before {
content: "\f173";
}
.mdi-battery-negative:before {
content: "\f174";
}
.mdi-battery-outline:before {
content: "\f175";
}
.mdi-battery-plus:before {
content: "\f176";
}
.mdi-battery-positive:before {
content: "\f177";
}
.mdi-battery-unknown:before {
content: "\f178";
}
.mdi-beach:before {
content: "\f179";
}
.mdi-beaker:before {
content: "\f17a";
}
.mdi-beaker-empty:before {
content: "\f17b";
}
.mdi-beaker-empty-outline:before {
content: "\f17c";
}
.mdi-beaker-outline:before {
content: "\f17d";
}
.mdi-beats:before {
content: "\f17e";
}
.mdi-beer:before {
content: "\f17f";
}
.mdi-behance:before {
content: "\f180";
}
.mdi-bell:before {
content: "\f181";
}
.mdi-bell-off:before {
content: "\f182";
}
.mdi-bell-outline:before {
content: "\f183";
}
.mdi-bell-ring:before {
content: "\f184";
}
.mdi-bell-ring-outline:before {
content: "\f185";
}
.mdi-bell-sleep:before {
content: "\f186";
}
.mdi-beta:before {
content: "\f187";
}
.mdi-bike:before {
content: "\f188";
}
.mdi-bing:before {
content: "\f189";
}
.mdi-binoculars:before {
content: "\f18a";
}
.mdi-bio:before {
content: "\f18b";
}
.mdi-biohazard:before {
content: "\f18c";
}
.mdi-bitbucket:before {
content: "\f18d";
}
.mdi-black-mesa:before {
content: "\f18e";
}
.mdi-blackberry:before {
content: "\f18f";
}
.mdi-blinds:before {
content: "\f190";
}
.mdi-block-helper:before {
content: "\f191";
}
.mdi-blogger:before {
content: "\f192";
}
.mdi-bluetooth:before {
content: "\f193";
}
.mdi-bluetooth-audio:before {
content: "\f194";
}
.mdi-bluetooth-connect:before {
content: "\f195";
}
.mdi-bluetooth-settings:before {
content: "\f196";
}
.mdi-bluetooth-transfer:before {
content: "\f197";
}
.mdi-blur:before {
content: "\f198";
}
.mdi-blur-linear:before {
content: "\f199";
}
.mdi-blur-off:before {
content: "\f19a";
}
.mdi-blur-radial:before {
content: "\f19b";
}
.mdi-bone:before {
content: "\f19c";
}
.mdi-book:before {
content: "\f19d";
}
.mdi-book-multiple:before {
content: "\f19e";
}
.mdi-book-multiple-variant:before {
content: "\f19f";
}
.mdi-book-open:before {
content: "\f1a0";
}
.mdi-book-variant:before {
content: "\f1a1";
}
.mdi-bookmark:before {
content: "\f1a2";
}
.mdi-bookmark-check:before {
content: "\f1a3";
}
.mdi-bookmark-music:before {
content: "\f1a4";
}
.mdi-bookmark-outline:before {
content: "\f1a5";
}
.mdi-bookmark-outline-plus:before {
content: "\f1a6";
}
.mdi-bookmark-plus:before {
content: "\f1a7";
}
.mdi-bookmark-remove:before {
content: "\f1a8";
}
.mdi-border-all:before {
content: "\f1a9";
}
.mdi-border-bottom:before {
content: "\f1aa";
}
.mdi-border-color:before {
content: "\f1ab";
}
.mdi-border-horizontal:before {
content: "\f1ac";
}
.mdi-border-inside:before {
content: "\f1ad";
}
.mdi-border-left:before {
content: "\f1ae";
}
.mdi-border-none:before {
content: "\f1af";
}
.mdi-border-outside:before {
content: "\f1b0";
}
.mdi-border-right:before {
content: "\f1b1";
}
.mdi-border-top:before {
content: "\f1b2";
}
.mdi-border-vertical:before {
content: "\f1b3";
}
.mdi-bowling:before {
content: "\f1b4";
}
.mdi-box:before {
content: "\f1b5";
}
.mdi-briefcase:before {
content: "\f1b6";
}
.mdi-briefcase-check:before {
content: "\f1b7";
}
.mdi-briefcase-download:before {
content: "\f1b8";
}
.mdi-briefcase-upload:before {
content: "\f1b9";
}
.mdi-brightness-1:before {
content: "\f1ba";
}
.mdi-brightness-2:before {
content: "\f1bb";
}
.mdi-brightness-3:before {
content: "\f1bc";
}
.mdi-brightness-4:before {
content: "\f1bd";
}
.mdi-brightness-5:before {
content: "\f1be";
}
.mdi-brightness-6:before {
content: "\f1bf";
}
.mdi-brightness-7:before {
content: "\f1c0";
}
.mdi-brightness-auto:before {
content: "\f1c1";
}
.mdi-broom:before {
content: "\f1c2";
}
.mdi-brush:before {
content: "\f1c3";
}
.mdi-bug:before {
content: "\f1c4";
}
.mdi-bulletin-board:before {
content: "\f1c5";
}
.mdi-bullhorn:before {
content: "\f1c6";
}
.mdi-bus:before {
content: "\f1c7";
}
.mdi-cake:before {
content: "\f1c8";
}
.mdi-cake-variant:before {
content: "\f1c9";
}
.mdi-calculator:before {
content: "\f1ca";
}
.mdi-calendar:before {
content: "\f1cb";
}
.mdi-calendar-blank:before {
content: "\f1cc";
}
.mdi-calendar-check:before {
content: "\f1cd";
}
.mdi-calendar-clock:before {
content: "\f1ce";
}
.mdi-calendar-multiple:before {
content: "\f1cf";
}
.mdi-calendar-multiple-check:before {
content: "\f1d0";
}
.mdi-calendar-plus:before {
content: "\f1d1";
}
.mdi-calendar-remove:before {
content: "\f1d2";
}
.mdi-calendar-text:before {
content: "\f1d3";
}
.mdi-calendar-today:before {
content: "\f1d4";
}
.mdi-camcorder:before {
content: "\f1d5";
}
.mdi-camcorder-box:before {
content: "\f1d6";
}
.mdi-camcorder-box-off:before {
content: "\f1d7";
}
.mdi-camcorder-off:before {
content: "\f1d8";
}
.mdi-camera:before {
content: "\f1d9";
}
.mdi-camera-front:before {
content: "\f1da";
}
.mdi-camera-front-variant:before {
content: "\f1db";
}
.mdi-camera-iris:before {
content: "\f1dc";
}
.mdi-camera-party-mode:before {
content: "\f1dd";
}
.mdi-camera-rear:before {
content: "\f1de";
}
.mdi-camera-rear-variant:before {
content: "\f1df";
}
.mdi-camera-switch:before {
content: "\f1e0";
}
.mdi-camera-timer:before {
content: "\f1e1";
}
.mdi-candycane:before {
content: "\f1e2";
}
.mdi-car:before {
content: "\f1e3";
}
.mdi-car-wash:before {
content: "\f1e4";
}
.mdi-carrot:before {
content: "\f1e5";
}
.mdi-cart:before {
content: "\f1e6";
}
.mdi-cart-outline:before {
content: "\f1e7";
}
.mdi-cash:before {
content: "\f1e8";
}
.mdi-cash-100:before {
content: "\f1e9";
}
.mdi-cash-multiple:before {
content: "\f1ea";
}
.mdi-cash-usd:before {
content: "\f1eb";
}
.mdi-cast:before {
content: "\f1ec";
}
.mdi-cast-connected:before {
content: "\f1ed";
}
.mdi-castle:before {
content: "\f1ee";
}
.mdi-cat:before {
content: "\f1ef";
}
.mdi-cellphone:before {
content: "\f1f0";
}
.mdi-cellphone-android:before {
content: "\f1f1";
}
.mdi-cellphone-dock:before {
content: "\f1f2";
}
.mdi-cellphone-iphone:before {
content: "\f1f3";
}
.mdi-cellphone-link:before {
content: "\f1f4";
}
.mdi-cellphone-link-off:before {
content: "\f1f5";
}
.mdi-cellphone-settings:before {
content: "\f1f6";
}
.mdi-chair-school:before {
content: "\f1f7";
}
.mdi-chart-arc:before {
content: "\f1f8";
}
.mdi-chart-areaspline:before {
content: "\f1f9";
}
.mdi-chart-bar:before {
content: "\f1fa";
}
.mdi-chart-histogram:before {
content: "\f1fb";
}
.mdi-chart-line:before {
content: "\f1fc";
}
.mdi-chart-pie:before {
content: "\f1fd";
}
.mdi-check:before {
content: "\f1fe";
}
.mdi-check-all:before {
content: "\f1ff";
}
.mdi-checkbox-blank:before {
content: "\f200";
}
.mdi-checkbox-blank-circle:before {
content: "\f201";
}
.mdi-checkbox-blank-circle-outline:before {
content: "\f202";
}
.mdi-checkbox-blank-outline:before {
content: "\f203";
}
.mdi-checkbox-marked:before {
content: "\f204";
}
.mdi-checkbox-marked-circle:before {
content: "\f205";
}
.mdi-checkbox-marked-circle-outline:before {
content: "\f206";
}
.mdi-checkbox-marked-outline:before {
content: "\f207";
}
.mdi-checkbox-multiple-blank:before {
content: "\f208";
}
.mdi-checkbox-multiple-blank-outline:before {
content: "\f209";
}
.mdi-checkbox-multiple-marked:before {
content: "\f20a";
}
.mdi-checkbox-multiple-marked-outline:before {
content: "\f20b";
}
.mdi-checkerboard:before {
content: "\f20c";
}
.mdi-chevron-double-down:before {
content: "\f20d";
}
.mdi-chevron-double-left:before {
content: "\f20e";
}
.mdi-chevron-double-right:before {
content: "\f20f";
}
.mdi-chevron-double-up:before {
content: "\f210";
}
.mdi-chevron-down:before {
content: "\f211";
}
.mdi-chevron-left:before {
content: "\f212";
}
.mdi-chevron-right:before {
content: "\f213";
}
.mdi-chevron-up:before {
content: "\f214";
}
.mdi-church:before {
content: "\f215";
}
.mdi-cisco-webex:before {
content: "\f216";
}
.mdi-city:before {
content: "\f217";
}
.mdi-clipboard:before {
content: "\f218";
}
.mdi-clipboard-account:before {
content: "\f219";
}
.mdi-clipboard-alert:before {
content: "\f21a";
}
.mdi-clipboard-arrow-down:before {
content: "\f21b";
}
.mdi-clipboard-arrow-left:before {
content: "\f21c";
}
.mdi-clipboard-check:before {
content: "\f21d";
}
.mdi-clipboard-outline:before {
content: "\f21e";
}
.mdi-clipboard-text:before {
content: "\f21f";
}
.mdi-clippy:before {
content: "\f220";
}
.mdi-clock:before {
content: "\f221";
}
.mdi-clock-fast:before {
content: "\f222";
}
.mdi-close:before {
content: "\f223";
}
.mdi-close-box:before {
content: "\f224";
}
.mdi-close-box-outline:before {
content: "\f225";
}
.mdi-close-circle:before {
content: "\f226";
}
.mdi-close-circle-outline:before {
content: "\f227";
}
.mdi-close-network:before {
content: "\f228";
}
.mdi-closed-caption:before {
content: "\f229";
}
.mdi-cloud:before {
content: "\f22a";
}
.mdi-cloud-check:before {
content: "\f22b";
}
.mdi-cloud-circle:before {
content: "\f22c";
}
.mdi-cloud-download:before {
content: "\f22d";
}
.mdi-cloud-outline:before {
content: "\f22e";
}
.mdi-cloud-outline-off:before {
content: "\f22f";
}
.mdi-cloud-upload:before {
content: "\f230";
}
.mdi-code-array:before {
content: "\f231";
}
.mdi-code-braces:before {
content: "\f232";
}
.mdi-code-equal:before {
content: "\f233";
}
.mdi-code-greater-than:before {
content: "\f234";
}
.mdi-code-less-than:before {
content: "\f235";
}
.mdi-code-less-than-or-equal:before {
content: "\f236";
}
.mdi-code-not-equal:before {
content: "\f237";
}
.mdi-code-not-equal-variant:before {
content: "\f238";
}
.mdi-code-string:before {
content: "\f239";
}
.mdi-code-tags:before {
content: "\f23a";
}
.mdi-codepen:before {
content: "\f23b";
}
.mdi-coffee:before {
content: "\f23c";
}
.mdi-coffee-to-go:before {
content: "\f23d";
}
.mdi-coin:before {
content: "\f23e";
}
.mdi-color-helper:before {
content: "\f23f";
}
.mdi-comment:before {
content: "\f240";
}
.mdi-comment-account:before {
content: "\f241";
}
.mdi-comment-account-outline:before {
content: "\f242";
}
.mdi-comment-alert:before {
content: "\f243";
}
.mdi-comment-alert-outline:before {
content: "\f244";
}
.mdi-comment-check:before {
content: "\f245";
}
.mdi-comment-check-outline:before {
content: "\f246";
}
.mdi-comment-multiple-outline:before {
content: "\f247";
}
.mdi-comment-outline:before {
content: "\f248";
}
.mdi-comment-plus-outline:before {
content: "\f249";
}
.mdi-comment-processing:before {
content: "\f24a";
}
.mdi-comment-processing-outline:before {
content: "\f24b";
}
.mdi-comment-remove-outline:before {
content: "\f24c";
}
.mdi-comment-text:before {
content: "\f24d";
}
.mdi-comment-text-outline:before {
content: "\f24e";
}
.mdi-compare:before {
content: "\f24f";
}
.mdi-compass:before {
content: "\f250";
}
.mdi-compass-outline:before {
content: "\f251";
}
.mdi-console:before {
content: "\f252";
}
.mdi-content-copy:before {
content: "\f253";
}
.mdi-content-cut:before {
content: "\f254";
}
.mdi-content-duplicate:before {
content: "\f255";
}
.mdi-content-paste:before {
content: "\f256";
}
.mdi-content-save:before {
content: "\f257";
}
.mdi-content-save-all:before {
content: "\f258";
}
.mdi-contrast:before {
content: "\f259";
}
.mdi-contrast-box:before {
content: "\f25a";
}
.mdi-contrast-circle:before {
content: "\f25b";
}
.mdi-cow:before {
content: "\f25c";
}
.mdi-credit-card:before {
content: "\f25d";
}
.mdi-credit-card-multiple:before {
content: "\f25e";
}
.mdi-crop:before {
content: "\f25f";
}
.mdi-crop-free:before {
content: "\f260";
}
.mdi-crop-landscape:before {
content: "\f261";
}
.mdi-crop-portrait:before {
content: "\f262";
}
.mdi-crop-square:before {
content: "\f263";
}
.mdi-crosshairs:before {
content: "\f264";
}
.mdi-crosshairs-gps:before {
content: "\f265";
}
.mdi-crown:before {
content: "\f266";
}
.mdi-cube:before {
content: "\f267";
}
.mdi-cube-outline:before {
content: "\f268";
}
.mdi-cube-unfolded:before {
content: "\f269";
}
.mdi-cup:before {
content: "\f26a";
}
.mdi-cup-water:before {
content: "\f26b";
}
.mdi-currency-btc:before {
content: "\f26c";
}
.mdi-currency-eur:before {
content: "\f26d";
}
.mdi-currency-gbp:before {
content: "\f26e";
}
.mdi-currency-inr:before {
content: "\f26f";
}
.mdi-currency-rub:before {
content: "\f270";
}
.mdi-currency-try:before {
content: "\f271";
}
.mdi-currency-usd:before {
content: "\f272";
}
.mdi-cursor-default:before {
content: "\f273";
}
.mdi-cursor-default-outline:before {
content: "\f274";
}
.mdi-cursor-move:before {
content: "\f275";
}
.mdi-cursor-pointer:before {
content: "\f276";
}
.mdi-database:before {
content: "\f277";
}
.mdi-database-minus:before {
content: "\f278";
}
.mdi-database-outline:before {
content: "\f279";
}
.mdi-database-plus:before {
content: "\f27a";
}
.mdi-debug-step-into:before {
content: "\f27b";
}
.mdi-debug-step-out:before {
content: "\f27c";
}
.mdi-debug-step-over:before {
content: "\f27d";
}
.mdi-decimal-decrease:before {
content: "\f27e";
}
.mdi-decimal-increase:before {
content: "\f27f";
}
.mdi-delete:before {
content: "\f280";
}
.mdi-delete-variant:before {
content: "\f281";
}
.mdi-deskphone:before {
content: "\f282";
}
.mdi-desktop-mac:before {
content: "\f283";
}
.mdi-desktop-tower:before {
content: "\f284";
}
.mdi-details:before {
content: "\f285";
}
.mdi-deviantart:before {
content: "\f286";
}
.mdi-diamond:before {
content: "\f287";
}
.mdi-dice:before {
content: "\f288";
}
.mdi-dice-1:before {
content: "\f289";
}
.mdi-dice-2:before {
content: "\f28a";
}
.mdi-dice-3:before {
content: "\f28b";
}
.mdi-dice-4:before {
content: "\f28c";
}
.mdi-dice-5:before {
content: "\f28d";
}
.mdi-dice-6:before {
content: "\f28e";
}
.mdi-directions:before {
content: "\f28f";
}
.mdi-disk-alert:before {
content: "\f290";
}
.mdi-disqus:before {
content: "\f291";
}
.mdi-disqus-outline:before {
content: "\f292";
}
.mdi-division:before {
content: "\f293";
}
.mdi-division-box:before {
content: "\f294";
}
.mdi-dns:before {
content: "\f295";
}
.mdi-domain:before {
content: "\f296";
}
.mdi-dots-horizontal:before {
content: "\f297";
}
.mdi-dots-vertical:before {
content: "\f298";
}
.mdi-download:before {
content: "\f299";
}
.mdi-drag:before {
content: "\f29a";
}
.mdi-drag-horizontal:before {
content: "\f29b";
}
.mdi-drag-vertical:before {
content: "\f29c";
}
.mdi-drawing:before {
content: "\f29d";
}
.mdi-drawing-box:before {
content: "\f29e";
}
.mdi-dribbble:before {
content: "\f29f";
}
.mdi-dribbble-box:before {
content: "\f2a0";
}
.mdi-drone:before {
content: "\f2a1";
}
.mdi-dropbox:before {
content: "\f2a2";
}
.mdi-drupal:before {
content: "\f2a3";
}
.mdi-duck:before {
content: "\f2a4";
}
.mdi-dumbbell:before {
content: "\f2a5";
}
.mdi-earth:before {
content: "\f2a6";
}
.mdi-earth-off:before {
content: "\f2a7";
}
.mdi-edge:before {
content: "\f2a8";
}
.mdi-eject:before {
content: "\f2a9";
}
.mdi-elevation-decline:before {
content: "\f2aa";
}
.mdi-elevation-rise:before {
content: "\f2ab";
}
.mdi-elevator:before {
content: "\f2ac";
}
.mdi-email:before {
content: "\f2ad";
}
.mdi-email-open:before {
content: "\f2ae";
}
.mdi-email-outline:before {
content: "\f2af";
}
.mdi-email-secure:before {
content: "\f2b0";
}
.mdi-emoticon:before {
content: "\f2b1";
}
.mdi-emoticon-cool:before {
content: "\f2b2";
}
.mdi-emoticon-devil:before {
content: "\f2b3";
}
.mdi-emoticon-happy:before {
content: "\f2b4";
}
.mdi-emoticon-neutral:before {
content: "\f2b5";
}
.mdi-emoticon-poop:before {
content: "\f2b6";
}
.mdi-emoticon-sad:before {
content: "\f2b7";
}
.mdi-emoticon-tongue:before {
content: "\f2b8";
}
.mdi-engine:before {
content: "\f2b9";
}
.mdi-engine-outline:before {
content: "\f2ba";
}
.mdi-equal:before {
content: "\f2bb";
}
.mdi-equal-box:before {
content: "\f2bc";
}
.mdi-eraser:before {
content: "\f2bd";
}
.mdi-escalator:before {
content: "\f2be";
}
.mdi-etsy:before {
content: "\f2bf";
}
.mdi-evernote:before {
content: "\f2c0";
}
.mdi-exclamation:before {
content: "\f2c1";
}
.mdi-exit-to-app:before {
content: "\f2c2";
}
.mdi-export:before {
content: "\f2c3";
}
.mdi-eye:before {
content: "\f2c4";
}
.mdi-eye-off:before {
content: "\f2c5";
}
.mdi-eyedropper:before {
content: "\f2c6";
}
.mdi-eyedropper-variant:before {
content: "\f2c7";
}
.mdi-facebook:before {
content: "\f2c8";
}
.mdi-facebook-box:before {
content: "\f2c9";
}
.mdi-facebook-messenger:before {
content: "\f2ca";
}
.mdi-factory:before {
content: "\f2cb";
}
.mdi-fan:before {
content: "\f2cc";
}
.mdi-fast-forward:before {
content: "\f2cd";
}
.mdi-ferry:before {
content: "\f2ce";
}
.mdi-file:before {
content: "\f2cf";
}
.mdi-file-cloud:before {
content: "\f2d0";
}
.mdi-file-delimited:before {
content: "\f2d1";
}
.mdi-file-document:before {
content: "\f2d2";
}
.mdi-file-document-box:before {
content: "\f2d3";
}
.mdi-file-excel:before {
content: "\f2d4";
}
.mdi-file-excel-box:before {
content: "\f2d5";
}
.mdi-file-find:before {
content: "\f2d6";
}
.mdi-file-image:before {
content: "\f2d7";
}
.mdi-file-image-box:before {
content: "\f2d8";
}
.mdi-file-multiple:before {
content: "\f2d9";
}
.mdi-file-music:before {
content: "\f2da";
}
.mdi-file-outline:before {
content: "\f2db";
}
.mdi-file-pdf:before {
content: "\f2dc";
}
.mdi-file-pdf-box:before {
content: "\f2dd";
}
.mdi-file-powerpoint:before {
content: "\f2de";
}
.mdi-file-powerpoint-box:before {
content: "\f2df";
}
.mdi-file-presentation-box:before {
content: "\f2e0";
}
.mdi-file-video:before {
content: "\f2e1";
}
.mdi-file-word:before {
content: "\f2e2";
}
.mdi-file-word-box:before {
content: "\f2e3";
}
.mdi-file-xml:before {
content: "\f2e4";
}
.mdi-film:before {
content: "\f2e5";
}
.mdi-filmstrip:before {
content: "\f2e6";
}
.mdi-filmstrip-off:before {
content: "\f2e7";
}
.mdi-filter:before {
content: "\f2e8";
}
.mdi-filter-outline:before {
content: "\f2e9";
}
.mdi-filter-remove:before {
content: "\f2ea";
}
.mdi-filter-remove-outline:before {
content: "\f2eb";
}
.mdi-filter-variant:before {
content: "\f2ec";
}
.mdi-fire:before {
content: "\f2ed";
}
.mdi-firefox:before {
content: "\f2ee";
}
.mdi-fish:before {
content: "\f2ef";
}
.mdi-flag:before {
content: "\f2f0";
}
.mdi-flag-checkered:before {
content: "\f2f1";
}
.mdi-flag-outline:before {
content: "\f2f2";
}
.mdi-flag-outline-variant:before {
content: "\f2f3";
}
.mdi-flag-triangle:before {
content: "\f2f4";
}
.mdi-flag-variant:before {
content: "\f2f5";
}
.mdi-flash:before {
content: "\f2f6";
}
.mdi-flash-auto:before {
content: "\f2f7";
}
.mdi-flash-off:before {
content: "\f2f8";
}
.mdi-flashlight:before {
content: "\f2f9";
}
.mdi-flashlight-off:before {
content: "\f2fa";
}
.mdi-flattr:before {
content: "\f2fb";
}
.mdi-flip-to-back:before {
content: "\f2fc";
}
.mdi-flip-to-front:before {
content: "\f2fd";
}
.mdi-floppy:before {
content: "\f2fe";
}
.mdi-flower:before {
content: "\f2ff";
}
.mdi-folder:before {
content: "\f300";
}
.mdi-folder-account:before {
content: "\f301";
}
.mdi-folder-download:before {
content: "\f302";
}
.mdi-folder-google-drive:before {
content: "\f303";
}
.mdi-folder-image:before {
content: "\f304";
}
.mdi-folder-lock:before {
content: "\f305";
}
.mdi-folder-lock-open:before {
content: "\f306";
}
.mdi-folder-move:before {
content: "\f307";
}
.mdi-folder-multiple:before {
content: "\f308";
}
.mdi-folder-multiple-image:before {
content: "\f309";
}
.mdi-folder-multiple-outline:before {
content: "\f30a";
}
.mdi-folder-outline:before {
content: "\f30b";
}
.mdi-folder-plus:before {
content: "\f30c";
}
.mdi-folder-remove:before {
content: "\f30d";
}
.mdi-folder-upload:before {
content: "\f30e";
}
.mdi-food:before {
content: "\f30f";
}
.mdi-food-apple:before {
content: "\f310";
}
.mdi-food-variant:before {
content: "\f311";
}
.mdi-football:before {
content: "\f312";
}
.mdi-football-helmet:before {
content: "\f313";
}
.mdi-format-align-center:before {
content: "\f314";
}
.mdi-format-align-justify:before {
content: "\f315";
}
.mdi-format-align-left:before {
content: "\f316";
}
.mdi-format-align-right:before {
content: "\f317";
}
.mdi-format-bold:before {
content: "\f318";
}
.mdi-format-clear:before {
content: "\f319";
}
.mdi-format-color-fill:before {
content: "\f31a";
}
.mdi-format-float-center:before {
content: "\f31b";
}
.mdi-format-float-left:before {
content: "\f31c";
}
.mdi-format-float-none:before {
content: "\f31d";
}
.mdi-format-float-right:before {
content: "\f31e";
}
.mdi-format-header-1:before {
content: "\f31f";
}
.mdi-format-header-2:before {
content: "\f320";
}
.mdi-format-header-3:before {
content: "\f321";
}
.mdi-format-header-4:before {
content: "\f322";
}
.mdi-format-header-5:before {
content: "\f323";
}
.mdi-format-header-6:before {
content: "\f324";
}
.mdi-format-header-decrease:before {
content: "\f325";
}
.mdi-format-header-equal:before {
content: "\f326";
}
.mdi-format-header-increase:before {
content: "\f327";
}
.mdi-format-header-pound:before {
content: "\f328";
}
.mdi-format-indent-decrease:before {
content: "\f329";
}
.mdi-format-indent-increase:before {
content: "\f32a";
}
.mdi-format-italic:before {
content: "\f32b";
}
.mdi-format-line-spacing:before {
content: "\f32c";
}
.mdi-format-list-bulleted:before {
content: "\f32d";
}
.mdi-format-list-numbers:before {
content: "\f32e";
}
.mdi-format-paint:before {
content: "\f32f";
}
.mdi-format-paragraph:before {
content: "\f330";
}
.mdi-format-quote:before {
content: "\f331";
}
.mdi-format-size:before {
content: "\f332";
}
.mdi-format-strikethrough:before {
content: "\f333";
}
.mdi-format-subscript:before {
content: "\f334";
}
.mdi-format-superscript:before {
content: "\f335";
}
.mdi-format-text:before {
content: "\f336";
}
.mdi-format-textdirection-l-to-r:before {
content: "\f337";
}
.mdi-format-textdirection-r-to-l:before {
content: "\f338";
}
.mdi-format-underline:before {
content: "\f339";
}
.mdi-format-wrap-inline:before {
content: "\f33a";
}
.mdi-format-wrap-square:before {
content: "\f33b";
}
.mdi-format-wrap-tight:before {
content: "\f33c";
}
.mdi-format-wrap-top-bottom:before {
content: "\f33d";
}
.mdi-forum:before {
content: "\f33e";
}
.mdi-forward:before {
content: "\f33f";
}
.mdi-foursquare:before {
content: "\f340";
}
.mdi-fridge:before {
content: "\f341";
}
.mdi-fullscreen:before {
content: "\f342";
}
.mdi-fullscreen-exit:before {
content: "\f343";
}
.mdi-function:before {
content: "\f344";
}
.mdi-gamepad:before {
content: "\f345";
}
.mdi-gamepad-variant:before {
content: "\f346";
}
.mdi-gas-station:before {
content: "\f347";
}
.mdi-gavel:before {
content: "\f348";
}
.mdi-gender-female:before {
content: "\f349";
}
.mdi-gender-male:before {
content: "\f34a";
}
.mdi-gender-male-female:before {
content: "\f34b";
}
.mdi-gender-transgender:before {
content: "\f34c";
}
.mdi-gift:before {
content: "\f34d";
}
.mdi-git:before {
content: "\f34e";
}
.mdi-github-box:before {
content: "\f34f";
}
.mdi-github-circle:before {
content: "\f350";
}
.mdi-glass-flute:before {
content: "\f351";
}
.mdi-glass-mug:before {
content: "\f352";
}
.mdi-glass-stange:before {
content: "\f353";
}
.mdi-glass-tulip:before {
content: "\f354";
}
.mdi-glasses:before {
content: "\f355";
}
.mdi-gmail:before {
content: "\f356";
}
.mdi-google:before {
content: "\f357";
}
.mdi-google-chrome:before {
content: "\f358";
}
.mdi-google-circles:before {
content: "\f359";
}
.mdi-google-circles-communities:before {
content: "\f35a";
}
.mdi-google-circles-extended:before {
content: "\f35b";
}
.mdi-google-circles-group:before {
content: "\f35c";
}
.mdi-google-controller:before {
content: "\f35d";
}
.mdi-google-controller-off:before {
content: "\f35e";
}
.mdi-google-drive:before {
content: "\f35f";
}
.mdi-google-earth:before {
content: "\f360";
}
.mdi-google-glass:before {
content: "\f361";
}
.mdi-google-maps:before {
content: "\f362";
}
.mdi-google-pages:before {
content: "\f363";
}
.mdi-google-play:before {
content: "\f364";
}
.mdi-google-plus:before {
content: "\f365";
}
.mdi-google-plus-box:before {
content: "\f366";
}
.mdi-grid:before {
content: "\f367";
}
.mdi-grid-off:before {
content: "\f368";
}
.mdi-group:before {
content: "\f369";
}
.mdi-guitar:before {
content: "\f36a";
}
.mdi-guitar-pick:before {
content: "\f36b";
}
.mdi-guitar-pick-outline:before {
content: "\f36c";
}
.mdi-hand-pointing-right:before {
content: "\f36d";
}
.mdi-hanger:before {
content: "\f36e";
}
.mdi-hangouts:before {
content: "\f36f";
}
.mdi-harddisk:before {
content: "\f370";
}
.mdi-headphones:before {
content: "\f371";
}
.mdi-headphones-box:before {
content: "\f372";
}
.mdi-headphones-settings:before {
content: "\f373";
}
.mdi-headset:before {
content: "\f374";
}
.mdi-headset-dock:before {
content: "\f375";
}
.mdi-headset-off:before {
content: "\f376";
}
.mdi-heart:before {
content: "\f377";
}
.mdi-heart-box:before {
content: "\f378";
}
.mdi-heart-box-outline:before {
content: "\f379";
}
.mdi-heart-broken:before {
content: "\f37a";
}
.mdi-heart-outline:before {
content: "\f37b";
}
.mdi-help:before {
content: "\f37c";
}
.mdi-help-circle:before {
content: "\f37d";
}
.mdi-hexagon:before {
content: "\f37e";
}
.mdi-hexagon-outline:before {
content: "\f37f";
}
.mdi-history:before {
content: "\f380";
}
.mdi-hololens:before {
content: "\f381";
}
.mdi-home:before {
content: "\f382";
}
.mdi-home-modern:before {
content: "\f383";
}
.mdi-home-variant:before {
content: "\f384";
}
.mdi-hops:before {
content: "\f385";
}
.mdi-hospital:before {
content: "\f386";
}
.mdi-hospital-building:before {
content: "\f387";
}
.mdi-hospital-marker:before {
content: "\f388";
}
.mdi-hotel:before {
content: "\f389";
}
.mdi-houzz:before {
content: "\f38a";
}
.mdi-houzz-box:before {
content: "\f38b";
}
.mdi-human:before {
content: "\f38c";
}
.mdi-human-child:before {
content: "\f38d";
}
.mdi-human-male-female:before {
content: "\f38e";
}
.mdi-image-album:before {
content: "\f38f";
}
.mdi-image-area:before {
content: "\f390";
}
.mdi-image-area-close:before {
content: "\f391";
}
.mdi-image-broken:before {
content: "\f392";
}
.mdi-image-filter:before {
content: "\f393";
}
.mdi-image-filter-black-white:before {
content: "\f394";
}
.mdi-image-filter-center-focus:before {
content: "\f395";
}
.mdi-image-filter-drama:before {
content: "\f396";
}
.mdi-image-filter-frames:before {
content: "\f397";
}
.mdi-image-filter-hdr:before {
content: "\f398";
}
.mdi-image-filter-none:before {
content: "\f399";
}
.mdi-image-filter-tilt-shift:before {
content: "\f39a";
}
.mdi-image-filter-vintage:before {
content: "\f39b";
}
.mdi-import:before {
content: "\f39c";
}
.mdi-inbox:before {
content: "\f39d";
}
.mdi-information:before {
content: "\f39e";
}
.mdi-information-outline:before {
content: "\f39f";
}
.mdi-instagram:before {
content: "\f3a0";
}
.mdi-instapaper:before {
content: "\f3a1";
}
.mdi-internet-explorer:before {
content: "\f3a2";
}
.mdi-invert-colors:before {
content: "\f3a3";
}
.mdi-jira:before {
content: "\f3a4";
}
.mdi-jsfiddle:before {
content: "\f3a5";
}
.mdi-keg:before {
content: "\f3a6";
}
.mdi-key:before {
content: "\f3a7";
}
.mdi-key-change:before {
content: "\f3a8";
}
.mdi-key-minus:before {
content: "\f3a9";
}
.mdi-key-plus:before {
content: "\f3aa";
}
.mdi-key-remove:before {
content: "\f3ab";
}
.mdi-key-variant:before {
content: "\f3ac";
}
.mdi-keyboard:before {
content: "\f3ad";
}
.mdi-keyboard-backspace:before {
content: "\f3ae";
}
.mdi-keyboard-caps:before {
content: "\f3af";
}
.mdi-keyboard-close:before {
content: "\f3b0";
}
.mdi-keyboard-off:before {
content: "\f3b1";
}
.mdi-keyboard-return:before {
content: "\f3b2";
}
.mdi-keyboard-tab:before {
content: "\f3b3";
}
.mdi-keyboard-variant:before {
content: "\f3b4";
}
.mdi-label:before {
content: "\f3b5";
}
.mdi-label-outline:before {
content: "\f3b6";
}
.mdi-language-csharp:before {
content: "\f3b7";
}
.mdi-language-css3:before {
content: "\f3b8";
}
.mdi-language-html5:before {
content: "\f3b9";
}
.mdi-language-javascript:before {
content: "\f3ba";
}
.mdi-language-python:before {
content: "\f3bb";
}
.mdi-language-python-text:before {
content: "\f3bc";
}
.mdi-laptop:before {
content: "\f3bd";
}
.mdi-laptop-chromebook:before {
content: "\f3be";
}
.mdi-laptop-mac:before {
content: "\f3bf";
}
.mdi-laptop-windows:before {
content: "\f3c0";
}
.mdi-lastfm:before {
content: "\f3c1";
}
.mdi-launch:before {
content: "\f3c2";
}
.mdi-layers:before {
content: "\f3c3";
}
.mdi-layers-off:before {
content: "\f3c4";
}
.mdi-leaf:before {
content: "\f3c5";
}
.mdi-library:before {
content: "\f3c6";
}
.mdi-library-books:before {
content: "\f3c7";
}
.mdi-library-music:before {
content: "\f3c8";
}
.mdi-library-plus:before {
content: "\f3c9";
}
.mdi-lightbulb:before {
content: "\f3ca";
}
.mdi-lightbulb-outline:before {
content: "\f3cb";
}
.mdi-link:before {
content: "\f3cc";
}
.mdi-link-off:before {
content: "\f3cd";
}
.mdi-link-variant:before {
content: "\f3ce";
}
.mdi-link-variant-off:before {
content: "\f3cf";
}
.mdi-linkedin:before {
content: "\f3d0";
}
.mdi-linkedin-box:before {
content: "\f3d1";
}
.mdi-linux:before {
content: "\f3d2";
}
.mdi-lock:before {
content: "\f3d3";
}
.mdi-lock-open:before {
content: "\f3d4";
}
.mdi-lock-open-outline:before {
content: "\f3d5";
}
.mdi-lock-outline:before {
content: "\f3d6";
}
.mdi-login:before {
content: "\f3d7";
}
.mdi-logout:before {
content: "\f3d8";
}
.mdi-looks:before {
content: "\f3d9";
}
.mdi-loupe:before {
content: "\f3da";
}
.mdi-lumx:before {
content: "\f3db";
}
.mdi-magnet:before {
content: "\f3dc";
}
.mdi-magnet-on:before {
content: "\f3dd";
}
.mdi-magnify:before {
content: "\f3de";
}
.mdi-magnify-minus:before {
content: "\f3df";
}
.mdi-magnify-plus:before {
content: "\f3e0";
}
.mdi-mail-ru:before {
content: "\f3e1";
}
.mdi-map:before {
content: "\f3e2";
}
.mdi-map-marker:before {
content: "\f3e3";
}
.mdi-map-marker-circle:before {
content: "\f3e4";
}
.mdi-map-marker-multiple:before {
content: "\f3e5";
}
.mdi-map-marker-off:before {
content: "\f3e6";
}
.mdi-map-marker-radius:before {
content: "\f3e7";
}
.mdi-margin:before {
content: "\f3e8";
}
.mdi-markdown:before {
content: "\f3e9";
}
.mdi-marker-check:before {
content: "\f3ea";
}
.mdi-martini:before {
content: "\f3eb";
}
.mdi-material-ui:before {
content: "\f3ec";
}
.mdi-math-compass:before {
content: "\f3ed";
}
.mdi-maxcdn:before {
content: "\f3ee";
}
.mdi-medium:before {
content: "\f3ef";
}
.mdi-memory:before {
content: "\f3f0";
}
.mdi-menu:before {
content: "\f3f1";
}
.mdi-menu-down:before {
content: "\f3f2";
}
.mdi-menu-left:before {
content: "\f3f3";
}
.mdi-menu-right:before {
content: "\f3f4";
}
.mdi-menu-up:before {
content: "\f3f5";
}
.mdi-message:before {
content: "\f3f6";
}
.mdi-message-alert:before {
content: "\f3f7";
}
.mdi-message-draw:before {
content: "\f3f8";
}
.mdi-message-image:before {
content: "\f3f9";
}
.mdi-message-processing:before {
content: "\f3fa";
}
.mdi-message-reply:before {
content: "\f3fb";
}
.mdi-message-text:before {
content: "\f3fc";
}
.mdi-message-text-outline:before {
content: "\f3fd";
}
.mdi-message-video:before {
content: "\f3fe";
}
.mdi-microphone:before {
content: "\f3ff";
}
.mdi-microphone-off:before {
content: "\f400";
}
.mdi-microphone-outline:before {
content: "\f401";
}
.mdi-microphone-settings:before {
content: "\f402";
}
.mdi-microphone-variant:before {
content: "\f403";
}
.mdi-microphone-variant-off:before {
content: "\f404";
}
.mdi-minus:before {
content: "\f405";
}
.mdi-minus-box:before {
content: "\f406";
}
.mdi-minus-circle:before {
content: "\f407";
}
.mdi-minus-circle-outline:before {
content: "\f408";
}
.mdi-minus-network:before {
content: "\f409";
}
.mdi-monitor:before {
content: "\f40a";
}
.mdi-monitor-multiple:before {
content: "\f40b";
}
.mdi-more:before {
content: "\f40c";
}
.mdi-motorbike:before {
content: "\f40d";
}
.mdi-mouse:before {
content: "\f40e";
}
.mdi-mouse-off:before {
content: "\f40f";
}
.mdi-mouse-variant:before {
content: "\f410";
}
.mdi-mouse-variant-off:before {
content: "\f411";
}
.mdi-movie:before {
content: "\f412";
}
.mdi-multiplication:before {
content: "\f413";
}
.mdi-multiplication-box:before {
content: "\f414";
}
.mdi-music-box:before {
content: "\f415";
}
.mdi-music-box-outline:before {
content: "\f416";
}
.mdi-music-circle:before {
content: "\f417";
}
.mdi-music-note:before {
content: "\f418";
}
.mdi-music-note-eighth:before {
content: "\f419";
}
.mdi-music-note-half:before {
content: "\f41a";
}
.mdi-music-note-off:before {
content: "\f41b";
}
.mdi-music-note-quarter:before {
content: "\f41c";
}
.mdi-music-note-sixteenth:before {
content: "\f41d";
}
.mdi-music-note-whole:before {
content: "\f41e";
}
.mdi-nature:before {
content: "\f41f";
}
.mdi-nature-people:before {
content: "\f420";
}
.mdi-navigation:before {
content: "\f421";
}
.mdi-needle:before {
content: "\f422";
}
.mdi-nest-protect:before {
content: "\f423";
}
.mdi-nest-thermostat:before {
content: "\f424";
}
.mdi-newspaper:before {
content: "\f425";
}
.mdi-nfc:before {
content: "\f426";
}
.mdi-nfc-tap:before {
content: "\f427";
}
.mdi-nfc-variant:before {
content: "\f428";
}
.mdi-note:before {
content: "\f429";
}
.mdi-note-outline:before {
content: "\f42a";
}
.mdi-note-text:before {
content: "\f42b";
}
.mdi-numeric:before {
content: "\f42c";
}
.mdi-numeric-0-box:before {
content: "\f42d";
}
.mdi-numeric-0-box-multiple-outline:before {
content: "\f42e";
}
.mdi-numeric-0-box-outline:before {
content: "\f42f";
}
.mdi-numeric-1-box:before {
content: "\f430";
}
.mdi-numeric-1-box-multiple-outline:before {
content: "\f431";
}
.mdi-numeric-1-box-outline:before {
content: "\f432";
}
.mdi-numeric-2-box:before {
content: "\f433";
}
.mdi-numeric-2-box-multiple-outline:before {
content: "\f434";
}
.mdi-numeric-2-box-outline:before {
content: "\f435";
}
.mdi-numeric-3-box:before {
content: "\f436";
}
.mdi-numeric-3-box-multiple-outline:before {
content: "\f437";
}
.mdi-numeric-3-box-outline:before {
content: "\f438";
}
.mdi-numeric-4-box:before {
content: "\f439";
}
.mdi-numeric-4-box-multiple-outline:before {
content: "\f43a";
}
.mdi-numeric-4-box-outline:before {
content: "\f43b";
}
.mdi-numeric-5-box:before {
content: "\f43c";
}
.mdi-numeric-5-box-multiple-outline:before {
content: "\f43d";
}
.mdi-numeric-5-box-outline:before {
content: "\f43e";
}
.mdi-numeric-6-box:before {
content: "\f43f";
}
.mdi-numeric-6-box-multiple-outline:before {
content: "\f440";
}
.mdi-numeric-6-box-outline:before {
content: "\f441";
}
.mdi-numeric-7-box:before {
content: "\f442";
}
.mdi-numeric-7-box-multiple-outline:before {
content: "\f443";
}
.mdi-numeric-7-box-outline:before {
content: "\f444";
}
.mdi-numeric-8-box:before {
content: "\f445";
}
.mdi-numeric-8-box-multiple-outline:before {
content: "\f446";
}
.mdi-numeric-8-box-outline:before {
content: "\f447";
}
.mdi-numeric-9-box:before {
content: "\f448";
}
.mdi-numeric-9-box-multiple-outline:before {
content: "\f449";
}
.mdi-numeric-9-box-outline:before {
content: "\f44a";
}
.mdi-numeric-9-plus-box:before {
content: "\f44b";
}
.mdi-numeric-9-plus-box-multiple-outline:before {
content: "\f44c";
}
.mdi-numeric-9-plus-box-outline:before {
content: "\f44d";
}
.mdi-nutriton:before {
content: "\f44e";
}
.mdi-odnoklassniki:before {
content: "\f44f";
}
.mdi-office:before {
content: "\f450";
}
.mdi-oil:before {
content: "\f451";
}
.mdi-omega:before {
content: "\f452";
}
.mdi-onedrive:before {
content: "\f453";
}
.mdi-open-in-app:before {
content: "\f454";
}
.mdi-open-in-new:before {
content: "\f455";
}
.mdi-ornament:before {
content: "\f456";
}
.mdi-ornament-variant:before {
content: "\f457";
}
.mdi-outbox:before {
content: "\f458";
}
.mdi-owl:before {
content: "\f459";
}
.mdi-package:before {
content: "\f45a";
}
.mdi-package-down:before {
content: "\f45b";
}
.mdi-package-up:before {
content: "\f45c";
}
.mdi-package-variant:before {
content: "\f45d";
}
.mdi-package-variant-closed:before {
content: "\f45e";
}
.mdi-palette:before {
content: "\f45f";
}
.mdi-palette-advanced:before {
content: "\f460";
}
.mdi-panda:before {
content: "\f461";
}
.mdi-pandora:before {
content: "\f462";
}
.mdi-panorama:before {
content: "\f463";
}
.mdi-panorama-fisheye:before {
content: "\f464";
}
.mdi-panorama-horizontal:before {
content: "\f465";
}
.mdi-panorama-vertical:before {
content: "\f466";
}
.mdi-panorama-wide-angle:before {
content: "\f467";
}
.mdi-paper-cut-vertical:before {
content: "\f468";
}
.mdi-paperclip:before {
content: "\f469";
}
.mdi-parking:before {
content: "\f46a";
}
.mdi-pause:before {
content: "\f46b";
}
.mdi-pause-circle:before {
content: "\f46c";
}
.mdi-pause-circle-outline:before {
content: "\f46d";
}
.mdi-pause-octagon:before {
content: "\f46e";
}
.mdi-pause-octagon-outline:before {
content: "\f46f";
}
.mdi-paw:before {
content: "\f470";
}
.mdi-pen:before {
content: "\f471";
}
.mdi-pencil:before {
content: "\f472";
}
.mdi-pencil-box:before {
content: "\f473";
}
.mdi-pencil-box-outline:before {
content: "\f474";
}
.mdi-percent:before {
content: "\f475";
}
.mdi-pharmacy:before {
content: "\f476";
}
.mdi-phone:before {
content: "\f477";
}
.mdi-phone-bluetooth:before {
content: "\f478";
}
.mdi-phone-forward:before {
content: "\f479";
}
.mdi-phone-hangup:before {
content: "\f47a";
}
.mdi-phone-in-talk:before {
content: "\f47b";
}
.mdi-phone-incoming:before {
content: "\f47c";
}
.mdi-phone-locked:before {
content: "\f47d";
}
.mdi-phone-log:before {
content: "\f47e";
}
.mdi-phone-missed:before {
content: "\f47f";
}
.mdi-phone-outgoing:before {
content: "\f480";
}
.mdi-phone-paused:before {
content: "\f481";
}
.mdi-phone-settings:before {
content: "\f482";
}
.mdi-pig:before {
content: "\f483";
}
.mdi-pill:before {
content: "\f484";
}
.mdi-pin:before {
content: "\f485";
}
.mdi-pin-off:before {
content: "\f486";
}
.mdi-pine-tree:before {
content: "\f487";
}
.mdi-pine-tree-box:before {
content: "\f488";
}
.mdi-pinterest:before {
content: "\f489";
}
.mdi-pinterest-box:before {
content: "\f48a";
}
.mdi-pizza:before {
content: "\f48b";
}
.mdi-play:before {
content: "\f48c";
}
.mdi-play-box-outline:before {
content: "\f48d";
}
.mdi-play-circle:before {
content: "\f48e";
}
.mdi-play-circle-outline:before {
content: "\f48f";
}
.mdi-playlist-minus:before {
content: "\f490";
}
.mdi-playlist-plus:before {
content: "\f491";
}
.mdi-playstation:before {
content: "\f492";
}
.mdi-plus:before {
content: "\f493";
}
.mdi-plus-box:before {
content: "\f494";
}
.mdi-plus-circle:before {
content: "\f495";
}
.mdi-plus-circle-outline:before {
content: "\f496";
}
.mdi-plus-network:before {
content: "\f497";
}
.mdi-plus-one:before {
content: "\f498";
}
.mdi-pocket:before {
content: "\f499";
}
.mdi-poll:before {
content: "\f49a";
}
.mdi-poll-box:before {
content: "\f49b";
}
.mdi-polymer:before {
content: "\f49c";
}
.mdi-popcorn:before {
content: "\f49d";
}
.mdi-pound:before {
content: "\f49e";
}
.mdi-pound-box:before {
content: "\f49f";
}
.mdi-power:before {
content: "\f4a0";
}
.mdi-power-settings:before {
content: "\f4a1";
}
.mdi-power-socket:before {
content: "\f4a2";
}
.mdi-presentation:before {
content: "\f4a3";
}
.mdi-presentation-play:before {
content: "\f4a4";
}
.mdi-printer:before {
content: "\f4a5";
}
.mdi-printer-3d:before {
content: "\f4a6";
}
.mdi-pulse:before {
content: "\f4a7";
}
.mdi-puzzle:before {
content: "\f4a8";
}
.mdi-qrcode:before {
content: "\f4a9";
}
.mdi-quadcopter:before {
content: "\f4aa";
}
.mdi-quality-high:before {
content: "\f4ab";
}
.mdi-quicktime:before {
content: "\f4ac";
}
.mdi-radiator:before {
content: "\f4ad";
}
.mdi-radio:before {
content: "\f4ae";
}
.mdi-radio-tower:before {
content: "\f4af";
}
.mdi-radioactive:before {
content: "\f4b0";
}
.mdi-radiobox-blank:before {
content: "\f4b1";
}
.mdi-radiobox-marked:before {
content: "\f4b2";
}
.mdi-raspberrypi:before {
content: "\f4b3";
}
.mdi-rdio:before {
content: "\f4b4";
}
.mdi-read:before {
content: "\f4b5";
}
.mdi-readability:before {
content: "\f4b6";
}
.mdi-receipt:before {
content: "\f4b7";
}
.mdi-recycle:before {
content: "\f4b8";
}
.mdi-redo:before {
content: "\f4b9";
}
.mdi-redo-variant:before {
content: "\f4ba";
}
.mdi-refresh:before {
content: "\f4bb";
}
.mdi-relative-scale:before {
content: "\f4bc";
}
.mdi-reload:before {
content: "\f4bd";
}
.mdi-remote:before {
content: "\f4be";
}
.mdi-rename-box:before {
content: "\f4bf";
}
.mdi-repeat:before {
content: "\f4c0";
}
.mdi-repeat-off:before {
content: "\f4c1";
}
.mdi-repeat-once:before {
content: "\f4c2";
}
.mdi-replay:before {
content: "\f4c3";
}
.mdi-reply:before {
content: "\f4c4";
}
.mdi-reply-all:before {
content: "\f4c5";
}
.mdi-reproduction:before {
content: "\f4c6";
}
.mdi-resize-bottom-right:before {
content: "\f4c7";
}
.mdi-responsive:before {
content: "\f4c8";
}
.mdi-rewind:before {
content: "\f4c9";
}
.mdi-ribbon:before {
content: "\f4ca";
}
.mdi-road:before {
content: "\f4cb";
}
.mdi-rocket:before {
content: "\f4cc";
}
.mdi-rotate-3d:before {
content: "\f4cd";
}
.mdi-rotate-left:before {
content: "\f4ce";
}
.mdi-rotate-left-variant:before {
content: "\f4cf";
}
.mdi-rotate-right:before {
content: "\f4d0";
}
.mdi-rotate-right-variant:before {
content: "\f4d1";
}
.mdi-routes:before {
content: "\f4d2";
}
.mdi-rss:before {
content: "\f4d3";
}
.mdi-rss-box:before {
content: "\f4d4";
}
.mdi-ruler:before {
content: "\f4d5";
}
.mdi-run:before {
content: "\f4d6";
}
.mdi-sale:before {
content: "\f4d7";
}
.mdi-satellite:before {
content: "\f4d8";
}
.mdi-satellite-variant:before {
content: "\f4d9";
}
.mdi-scale:before {
content: "\f4da";
}
.mdi-scale-bathroom:before {
content: "\f4db";
}
.mdi-school:before {
content: "\f4dc";
}
.mdi-screen-rotation:before {
content: "\f4dd";
}
.mdi-screen-rotation-lock:before {
content: "\f4de";
}
.mdi-script:before {
content: "\f4df";
}
.mdi-sd:before {
content: "\f4e0";
}
.mdi-security:before {
content: "\f4e1";
}
.mdi-security-network:before {
content: "\f4e2";
}
.mdi-select:before {
content: "\f4e3";
}
.mdi-select-all:before {
content: "\f4e4";
}
.mdi-select-inverse:before {
content: "\f4e5";
}
.mdi-select-off:before {
content: "\f4e6";
}
.mdi-send:before {
content: "\f4e7";
}
.mdi-server:before {
content: "\f4e8";
}
.mdi-server-minus:before {
content: "\f4e9";
}
.mdi-server-network:before {
content: "\f4ea";
}
.mdi-server-network-off:before {
content: "\f4eb";
}
.mdi-server-off:before {
content: "\f4ec";
}
.mdi-server-plus:before {
content: "\f4ed";
}
.mdi-server-remove:before {
content: "\f4ee";
}
.mdi-server-security:before {
content: "\f4ef";
}
.mdi-settings:before {
content: "\f4f0";
}
.mdi-settings-box:before {
content: "\f4f1";
}
.mdi-shape-plus:before {
content: "\f4f2";
}
.mdi-share:before {
content: "\f4f3";
}
.mdi-share-variant:before {
content: "\f4f4";
}
.mdi-shield:before {
content: "\f4f5";
}
.mdi-shield-outline:before {
content: "\f4f6";
}
.mdi-shopping:before {
content: "\f4f7";
}
.mdi-shopping-music:before {
content: "\f4f8";
}
.mdi-shuffle:before {
content: "\f4f9";
}
.mdi-sigma:before {
content: "\f4fa";
}
.mdi-sign-caution:before {
content: "\f4fb";
}
.mdi-signal:before {
content: "\f4fc";
}
.mdi-silverware:before {
content: "\f4fd";
}
.mdi-silverware-fork:before {
content: "\f4fe";
}
.mdi-silverware-spoon:before {
content: "\f4ff";
}
.mdi-silverware-variant:before {
content: "\f500";
}
.mdi-sim-alert:before {
content: "\f501";
}
.mdi-sitemap:before {
content: "\f502";
}
.mdi-skip-next:before {
content: "\f503";
}
.mdi-skip-previous:before {
content: "\f504";
}
.mdi-skype:before {
content: "\f505";
}
.mdi-skype-business:before {
content: "\f506";
}
.mdi-sleep:before {
content: "\f507";
}
.mdi-sleep-off:before {
content: "\f508";
}
.mdi-smoking:before {
content: "\f509";
}
.mdi-smoking-off:before {
content: "\f50a";
}
.mdi-snapchat:before {
content: "\f50b";
}
.mdi-snowman:before {
content: "\f50c";
}
.mdi-sofa:before {
content: "\f50d";
}
.mdi-sort:before {
content: "\f50e";
}
.mdi-sort-alphabetical:before {
content: "\f50f";
}
.mdi-sort-ascending:before {
content: "\f510";
}
.mdi-sort-descending:before {
content: "\f511";
}
.mdi-sort-numeric:before {
content: "\f512";
}
.mdi-sort-variant:before {
content: "\f513";
}
.mdi-soundcloud:before {
content: "\f514";
}
.mdi-source-fork:before {
content: "\f515";
}
.mdi-source-pull:before {
content: "\f516";
}
.mdi-speaker:before {
content: "\f517";
}
.mdi-speaker-off:before {
content: "\f518";
}
.mdi-speedometer:before {
content: "\f519";
}
.mdi-spellcheck:before {
content: "\f51a";
}
.mdi-spotify:before {
content: "\f51b";
}
.mdi-spotlight:before {
content: "\f51c";
}
.mdi-spotlight-beam:before {
content: "\f51d";
}
.mdi-square-inc:before {
content: "\f51e";
}
.mdi-square-inc-cash:before {
content: "\f51f";
}
.mdi-stackoverflow:before {
content: "\f520";
}
.mdi-star:before {
content: "\f521";
}
.mdi-star-circle:before {
content: "\f522";
}
.mdi-star-half:before {
content: "\f523";
}
.mdi-star-outline:before {
content: "\f524";
}
.mdi-steam:before {
content: "\f525";
}
.mdi-stethoscope:before {
content: "\f526";
}
.mdi-stocking:before {
content: "\f527";
}
.mdi-stop:before {
content: "\f528";
}
.mdi-store:before {
content: "\f529";
}
.mdi-store-24-hour:before {
content: "\f52a";
}
.mdi-stove:before {
content: "\f52b";
}
.mdi-subway:before {
content: "\f52c";
}
.mdi-sunglasses:before {
content: "\f52d";
}
.mdi-swap-horizontal:before {
content: "\f52e";
}
.mdi-swap-vertical:before {
content: "\f52f";
}
.mdi-swim:before {
content: "\f530";
}
.mdi-sword:before {
content: "\f531";
}
.mdi-sync:before {
content: "\f532";
}
.mdi-sync-alert:before {
content: "\f533";
}
.mdi-sync-off:before {
content: "\f534";
}
.mdi-tab:before {
content: "\f535";
}
.mdi-tab-unselected:before {
content: "\f536";
}
.mdi-table:before {
content: "\f537";
}
.mdi-table-column-plus-after:before {
content: "\f538";
}
.mdi-table-column-plus-before:before {
content: "\f539";
}
.mdi-table-column-remove:before {
content: "\f53a";
}
.mdi-table-column-width:before {
content: "\f53b";
}
.mdi-table-edit:before {
content: "\f53c";
}
.mdi-table-large:before {
content: "\f53d";
}
.mdi-table-row-height:before {
content: "\f53e";
}
.mdi-table-row-plus-after:before {
content: "\f53f";
}
.mdi-table-row-plus-before:before {
content: "\f540";
}
.mdi-table-row-remove:before {
content: "\f541";
}
.mdi-tablet:before {
content: "\f542";
}
.mdi-tablet-android:before {
content: "\f543";
}
.mdi-tablet-ipad:before {
content: "\f544";
}
.mdi-tag:before {
content: "\f545";
}
.mdi-tag-faces:before {
content: "\f546";
}
.mdi-tag-multiple:before {
content: "\f547";
}
.mdi-tag-outline:before {
content: "\f548";
}
.mdi-tag-text-outline:before {
content: "\f549";
}
.mdi-taxi:before {
content: "\f54a";
}
.mdi-teamviewer:before {
content: "\f54b";
}
.mdi-telegram:before {
content: "\f54c";
}
.mdi-television:before {
content: "\f54d";
}
.mdi-television-guide:before {
content: "\f54e";
}
.mdi-temperature-celsius:before {
content: "\f54f";
}
.mdi-temperature-fahrenheit:before {
content: "\f550";
}
.mdi-temperature-kelvin:before {
content: "\f551";
}
.mdi-tennis:before {
content: "\f552";
}
.mdi-tent:before {
content: "\f553";
}
.mdi-terrain:before {
content: "\f554";
}
.mdi-text-to-speech:before {
content: "\f555";
}
.mdi-text-to-speech-off:before {
content: "\f556";
}
.mdi-texture:before {
content: "\f557";
}
.mdi-theater:before {
content: "\f558";
}
.mdi-theme-light-dark:before {
content: "\f559";
}
.mdi-thermometer:before {
content: "\f55a";
}
.mdi-thermometer-lines:before {
content: "\f55b";
}
.mdi-thumb-down:before {
content: "\f55c";
}
.mdi-thumb-down-outline:before {
content: "\f55d";
}
.mdi-thumb-up:before {
content: "\f55e";
}
.mdi-thumb-up-outline:before {
content: "\f55f";
}
.mdi-thumbs-up-down:before {
content: "\f560";
}
.mdi-ticket:before {
content: "\f561";
}
.mdi-ticket-account:before {
content: "\f562";
}
.mdi-tie:before {
content: "\f563";
}
.mdi-timelapse:before {
content: "\f564";
}
.mdi-timer:before {
content: "\f565";
}
.mdi-timer-10:before {
content: "\f566";
}
.mdi-timer-3:before {
content: "\f567";
}
.mdi-timer-off:before {
content: "\f568";
}
.mdi-timer-sand:before {
content: "\f569";
}
.mdi-timetable:before {
content: "\f56a";
}
.mdi-toggle-switch:before {
content: "\f56b";
}
.mdi-toggle-switch-off:before {
content: "\f56c";
}
.mdi-tooltip:before {
content: "\f56d";
}
.mdi-tooltip-edit:before {
content: "\f56e";
}
.mdi-tooltip-image:before {
content: "\f56f";
}
.mdi-tooltip-outline:before {
content: "\f570";
}
.mdi-tooltip-outline-plus:before {
content: "\f571";
}
.mdi-tooltip-text:before {
content: "\f572";
}
.mdi-tor:before {
content: "\f573";
}
.mdi-traffic-light:before {
content: "\f574";
}
.mdi-train:before {
content: "\f575";
}
.mdi-tram:before {
content: "\f576";
}
.mdi-transcribe:before {
content: "\f577";
}
.mdi-transcribe-close:before {
content: "\f578";
}
.mdi-transfer:before {
content: "\f579";
}
.mdi-tree:before {
content: "\f57a";
}
.mdi-trello:before {
content: "\f57b";
}
.mdi-trending-down:before {
content: "\f57c";
}
.mdi-trending-neutral:before {
content: "\f57d";
}
.mdi-trending-up:before {
content: "\f57e";
}
.mdi-trophy:before {
content: "\f57f";
}
.mdi-trophy-award:before {
content: "\f580";
}
.mdi-trophy-variant:before {
content: "\f581";
}
.mdi-truck:before {
content: "\f582";
}
.mdi-tshirt-crew:before {
content: "\f583";
}
.mdi-tshirt-v:before {
content: "\f584";
}
.mdi-tumblr:before {
content: "\f585";
}
.mdi-tumblr-reblog:before {
content: "\f586";
}
.mdi-twitch:before {
content: "\f587";
}
.mdi-twitter:before {
content: "\f588";
}
.mdi-twitter-box:before {
content: "\f589";
}
.mdi-twitter-circle:before {
content: "\f58a";
}
.mdi-twitter-retweet:before {
content: "\f58b";
}
.mdi-ubuntu:before {
content: "\f58c";
}
.mdi-umbrella:before {
content: "\f58d";
}
.mdi-umbrella-outline:before {
content: "\f58e";
}
.mdi-undo:before {
content: "\f58f";
}
.mdi-undo-variant:before {
content: "\f590";
}
.mdi-unfold-less:before {
content: "\f591";
}
.mdi-unfold-more:before {
content: "\f592";
}
.mdi-ungroup:before {
content: "\f593";
}
.mdi-untappd:before {
content: "\f594";
}
.mdi-upload:before {
content: "\f595";
}
.mdi-usb:before {
content: "\f596";
}
.mdi-vector-curve:before {
content: "\f597";
}
.mdi-vector-point:before {
content: "\f598";
}
.mdi-vector-square:before {
content: "\f599";
}
.mdi-verified:before {
content: "\f59a";
}
.mdi-vibrate:before {
content: "\f59b";
}
.mdi-video:before {
content: "\f59c";
}
.mdi-video-off:before {
content: "\f59d";
}
.mdi-video-switch:before {
content: "\f59e";
}
.mdi-view-agenda:before {
content: "\f59f";
}
.mdi-view-array:before {
content: "\f5a0";
}
.mdi-view-carousel:before {
content: "\f5a1";
}
.mdi-view-column:before {
content: "\f5a2";
}
.mdi-view-dashboard:before {
content: "\f5a3";
}
.mdi-view-day:before {
content: "\f5a4";
}
.mdi-view-grid:before {
content: "\f5a5";
}
.mdi-view-headline:before {
content: "\f5a6";
}
.mdi-view-list:before {
content: "\f5a7";
}
.mdi-view-module:before {
content: "\f5a8";
}
.mdi-view-quilt:before {
content: "\f5a9";
}
.mdi-view-stream:before {
content: "\f5aa";
}
.mdi-view-week:before {
content: "\f5ab";
}
.mdi-vimeo:before {
content: "\f5ac";
}
.mdi-vine:before {
content: "\f5ad";
}
.mdi-vk:before {
content: "\f5ae";
}
.mdi-vk-box:before {
content: "\f5af";
}
.mdi-vk-circle:before {
content: "\f5b0";
}
.mdi-voicemail:before {
content: "\f5b1";
}
.mdi-volume-high:before {
content: "\f5b2";
}
.mdi-volume-low:before {
content: "\f5b3";
}
.mdi-volume-medium:before {
content: "\f5b4";
}
.mdi-volume-off:before {
content: "\f5b5";
}
.mdi-vpn:before {
content: "\f5b6";
}
.mdi-walk:before {
content: "\f5b7";
}
.mdi-wallet:before {
content: "\f5b8";
}
.mdi-wallet-giftcard:before {
content: "\f5b9";
}
.mdi-wallet-membership:before {
content: "\f5ba";
}
.mdi-wallet-travel:before {
content: "\f5bb";
}
.mdi-watch:before {
content: "\f5bc";
}
.mdi-watch-export:before {
content: "\f5bd";
}
.mdi-watch-import:before {
content: "\f5be";
}
.mdi-water:before {
content: "\f5bf";
}
.mdi-water-off:before {
content: "\f5c0";
}
.mdi-water-pump:before {
content: "\f5c1";
}
.mdi-weather-cloudy:before {
content: "\f5c2";
}
.mdi-weather-fog:before {
content: "\f5c3";
}
.mdi-weather-hail:before {
content: "\f5c4";
}
.mdi-weather-lightning:before {
content: "\f5c5";
}
.mdi-weather-night:before {
content: "\f5c6";
}
.mdi-weather-partlycloudy:before {
content: "\f5c7";
}
.mdi-weather-pouring:before {
content: "\f5c8";
}
.mdi-weather-rainy:before {
content: "\f5c9";
}
.mdi-weather-snowy:before {
content: "\f5ca";
}
.mdi-weather-sunny:before {
content: "\f5cb";
}
.mdi-weather-sunset:before {
content: "\f5cc";
}
.mdi-weather-sunset-down:before {
content: "\f5cd";
}
.mdi-weather-sunset-up:before {
content: "\f5ce";
}
.mdi-weather-windy:before {
content: "\f5cf";
}
.mdi-weather-windy-variant:before {
content: "\f5d0";
}
.mdi-web:before {
content: "\f5d1";
}
.mdi-webcam:before {
content: "\f5d2";
}
.mdi-weight:before {
content: "\f5d3";
}
.mdi-weight-kilogram:before {
content: "\f5d4";
}
.mdi-whatsapp:before {
content: "\f5d5";
}
.mdi-wheelchair-accessibility:before {
content: "\f5d6";
}
.mdi-white-balance-auto:before {
content: "\f5d7";
}
.mdi-white-balance-incandescent:before {
content: "\f5d8";
}
.mdi-white-balance-irradescent:before {
content: "\f5d9";
}
.mdi-white-balance-sunny:before {
content: "\f5da";
}
.mdi-wifi:before {
content: "\f5db";
}
.mdi-wii:before {
content: "\f5dc";
}
.mdi-wikipedia:before {
content: "\f5dd";
}
.mdi-window-close:before {
content: "\f5de";
}
.mdi-window-closed:before {
content: "\f5df";
}
.mdi-window-maximize:before {
content: "\f5e0";
}
.mdi-window-minimize:before {
content: "\f5e1";
}
.mdi-window-open:before {
content: "\f5e2";
}
.mdi-window-restore:before {
content: "\f5e3";
}
.mdi-windows:before {
content: "\f5e4";
}
.mdi-wordpress:before {
content: "\f5e5";
}
.mdi-worker:before {
content: "\f5e6";
}
.mdi-wunderlist:before {
content: "\f5e7";
}
.mdi-xbox:before {
content: "\f5e8";
}
.mdi-xbox-controller:before {
content: "\f5e9";
}
.mdi-xbox-controller-off:before {
content: "\f5ea";
}
.mdi-xda:before {
content: "\f5eb";
}
.mdi-xml:before {
content: "\f5ec";
}
.mdi-yeast:before {
content: "\f5ed";
}
.mdi-yelp:before {
content: "\f5ee";
}
.mdi-youtube-play:before {
content: "\f5ef";
}
.mdi-zip-box:before {
content: "\f5f0";
}body:not(.compose-mode) .lazy-loading:not(.lazy-loading-not-hide) {
visibility: hidden;
}
body #page .lazy-loading.lazy-loading-end-animation,
body #page .lazy-loading.lazy-loading-before-start-animation {
visibility: visible;
}
.lazy-loading-timer-element {
font-size: 0;
line-height: 1;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lazy-loading-timer-element.start-timer {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
}
.lazy-loading-timer-element {
font-size: 0;
line-height: 1;
height: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-clip {
-moz-transform: scale(0);
-ms-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
zoom: 1;
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-clip {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-moz-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
-ms-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
-o-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
-webkit-transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
transition: transform 0.4s cubic-bezier(.35,.8,.25,1.34);
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-fading {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-fading {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-right {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateX(7%);
-ms-transform: translateX(7%);
-webkit-transform: translateX(7%);
-o-transform: translateX(7%);
transform: translateX(7%);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-right {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-left {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateX(-7%);
-ms-transform: translateX(-7%);
-webkit-transform: translateX(-7%);
-o-transform: translateX(-7%);
transform: translateX(-7%);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-left {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-bottom {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateY(7%);
-ms-transform: translateY(7%);
-webkit-transform: translateY(7%);
-o-transform: translateY(7%);
transform: translateY(7%);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-bottom {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-drop-top {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-drop-top {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-moz-transition: transform 0.7s, opacity 0.7s;
-ms-transition: transform 0.7s, opacity 0.7s;
-o-transition: transform 0.7s, opacity 0.7s;
-webkit-transition: transform 0.7s, opacity 0.7s;
transition: transform 0.7s, opacity 0.7s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-slide-right {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-slide-right {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-moz-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
-ms-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
-o-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
-webkit-transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
transition: transform 0.3s cubic-bezier(.33,.8,.14,1.2), opacity 0.1s;
} body .lazy-loading.lazy-loading-before-start-animation .lazy-loading-item-move-up {
-webkit-opacity: 0;
-moz-opacity: 0;
filter: alpha(opacity=0);
opacity: 0;
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-webkit-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
}
body .lazy-loading.lazy-loading-start-animation .lazy-loading-item-move-up {
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
opacity: 1;
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-moz-transition: transform 1s, opacity 1s;
-ms-transition: transform 1s, opacity 1s;
-o-transition: transform 1s, opacity 1s;
-webkit-transition: transform 1s, opacity 1s;
transition: transform 1s, opacity 1s;
}@font-face {
font-family: 'TheGem Header';
src:url(//www.jansen-aschendorf.de/wp-content/themes/thegem/fonts/thegem-header/thegem-header.eot);
src:url(//www.jansen-aschendorf.de/wp-content/themes/thegem/fonts/thegem-header/thegem-header.eot?#iefix) format('embedded-opentype'),
url(//www.jansen-aschendorf.de/wp-content/themes/thegem/fonts/thegem-header/thegem-header.woff) format('woff'),
url(//www.jansen-aschendorf.de/wp-content/themes/thegem/fonts/thegem-header/thegem-header.ttf) format('truetype'),
url(//www.jansen-aschendorf.de/wp-content/themes/thegem/fonts/thegem-header/thegem-header.svg#thegem-header) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.gem-print-icon.gem-icon-pack-thegem-header {
display: inline-block;
font-family: 'TheGem Header';
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
text-align: center;
vertical-align: middle;
font-size: 16px;
}
.tgh-icon.account:before {
content: "\e700";
}
.tgh-icon.alert:before {
content: "\e701";
}
.tgh-icon.arrow-collapse-down:before {
content: "\e702";
}
.tgh-icon.arrow-collapse-up:before {
content: "\e703";
}
.tgh-icon.at:before {
content: "\e704";
}
.tgh-icon.basket:before {
content: "\e705";
}
.tgh-icon.bell:before {
content: "\e706";
}
.tgh-icon.bookmark:before {
content: "\e707";
}
.tgh-icon.briefcase:before {
content: "\e708";
}
.tgh-icon.calendar-month:before {
content: "\e709";
}
.tgh-icon.camera:before {
content: "\e70a";
}
.tgh-icon.cart:before {
content: "\e70b";
}
.tgh-icon.check:before {
content: "\e70c";
}
.tgh-icon.check-circle:before {
content: "\e70d";
}
.tgh-icon.chevron-double-down:before {
content: "\e70e";
}
.tgh-icon.chevron-double-left:before {
content: "\e70f";
}
.tgh-icon.chevron-double-right:before {
content: "\e710";
}
.tgh-icon.chevron-double-up:before {
content: "\e711";
}
.tgh-icon.chevron-down:before {
content: "\e712";
}
.tgh-icon.chevron-down-circle:before {
content: "\e713";
}
.tgh-icon.chevron-left:before {
content: "\e714";
}
.tgh-icon.chevron-left-circle:before {
content: "\e715";
}
.tgh-icon.chevron-right:before {
content: "\e716";
}
.tgh-icon.chevron-right-circle:before {
content: "\e717";
}
.tgh-icon.chevron-up:before {
content: "\e718";
}
.tgh-icon.chevron-up-circle:before {
content: "\e719";
}
.tgh-icon.clock-time-three:before {
content: "\e71a";
}
.tgh-icon.close:before {
content: "\e71b";
}
.tgh-icon.close-circle:before {
content: "\e71c";
}
.tgh-icon.cog:before {
content: "\e71d";
}
.tgh-icon.comment-text:before {
content: "\e71e";
}
.tgh-icon.credit-card:before {
content: "\e71f";
}
.tgh-icon.cube:before {
content: "\e720";
}
.tgh-icon.cursor-default-click:before {
content: "\e721";
}
.tgh-icon.database:before {
content: "\e722";
}
.tgh-icon.dots-horizontal-circle:before {
content: "\e723";
}
.tgh-icon.email:before {
content: "\e724";
}
.tgh-icon.equalizer:before {
content: "\e725";
}
.tgh-icon.flag:before {
content: "\e726";
}
.tgh-icon.gift:before {
content: "\e727";
}
.tgh-icon.globe-model:before {
content: "\e728";
}
.tgh-icon.heart:before {
content: "\e729";
}
.tgh-icon.home:before {
content: "\e72a";
}
.tgh-icon.image-filter-drama:before {
content: "\e72b";
}
.tgh-icon.information:before {
content: "\e72c";
}
.tgh-icon.key:before {
content: "\e72d";
}
.tgh-icon.lifebuoy:before {
content: "\e72e";
}
.tgh-icon.link-variant:before {
content: "\e72f";
}
.tgh-icon.lock:before {
content: "\e730";
}
.tgh-icon.logout:before {
content: "\e731";
}
.tgh-icon.magnify:before {
content: "\e732";
}
.tgh-icon.map:before {
content: "\e733";
}
.tgh-icon.map-marker:before {
content: "\e734";
}
.tgh-icon.menu:before {
content: "\e735";
}
.tgh-icon.monitor:before {
content: "\e736";
}
.tgh-icon.phone:before {
content: "\e737";
}
.tgh-icon.pin:before {
content: "\e738";
}
.tgh-icon.share-variant:before {
content: "\e739";
}
.tgh-icon.shopping-bag:before {
content: "\e73a";
}
.tgh-icon.shopping-cart:before {
content: "\e73b";
}
.tgh-icon.star:before {
content: "\e73c";
}
.tgh-icon.tag:before {
content: "\e73d";
}
.tgh-icon.tune:before {
content: "\e73e";
}
.tgh-icon.weather-night:before {
content: "\e73f";
}
.tgh-icon.weather-sunny:before {
content: "\e740";
}
.tgh-icon.web:before {
content: "\e741";
}
.tgh-icon.wrench:before {
content: "\e742";
}
.tgh-icon.address-card:before {
content: "\e900";
}
.tgh-icon.arrow-alt-circle-down:before {
content: "\e901";
}
.tgh-icon.arrow-alt-circle-left:before {
content: "\e902";
}
.tgh-icon.arrow-alt-circle-right:before {
content: "\e903";
}
.tgh-icon.arrow-alt-circle-up:before {
content: "\e904";
}
.tgh-icon.at1:before {
content: "\e905";
}
.tgh-icon.award:before {
content: "\e906";
}
.tgh-icon.ban:before {
content: "\e907";
}
.tgh-icon.bell1:before {
content: "\e908";
}
.tgh-icon.bookmark1:before {
content: "\e909";
}
.tgh-icon.book-open:before {
content: "\e90a";
}
.tgh-icon.box:before {
content: "\e90b";
}
.tgh-icon.bullhorn:before {
content: "\e90c";
}
.tgh-icon.caret-down:before {
content: "\e90d";
}
.tgh-icon.caret-left:before {
content: "\e90e";
}
.tgh-icon.caret-right:before {
content: "\e90f";
}
.tgh-icon.caret-up:before {
content: "\e910";
}
.tgh-icon.certificate:before {
content: "\e911";
}
.tgh-icon.clock1:before {
content: "\e912";
}
.tgh-icon.cloud1:before {
content: "\e913";
}
.tgh-icon.cog1:before {
content: "\e914";
}
.tgh-icon.comment1:before {
content: "\e915";
}
.tgh-icon.comment-alt:before {
content: "\e916";
}
.tgh-icon.envelope:before {
content: "\e917";
}
.tgh-icon.fire-alt:before {
content: "\e918";
}
.tgh-icon.flag1:before {
content: "\e919";
}
.tgh-icon.folder:before {
content: "\e91a";
}
.tgh-icon.globe1:before {
content: "\e91b";
}
.tgh-icon.headset:before {
content: "\e91c";
}
.tgh-icon.home1:before {
content: "\e91d";
}
.tgh-icon.info-circle:before {
content: "\e91e";
}
.tgh-icon.key2:before {
content: "\e91f";
}
.tgh-icon.lock2:before {
content: "\e920";
}
.tgh-icon.map-marker-alt:before {
content: "\e921";
}
.tgh-icon.mobile-alt:before {
content: "\e922";
}
.tgh-icon.moon:before {
content: "\e923";
}
.tgh-icon.percentage:before {
content: "\e924";
}
.tgh-icon.phone-alt:before {
content: "\e925";
}
.tgh-icon.search:before {
content: "\e926";
}
.tgh-icon.star2:before {
content: "\e927";
}
.tgh-icon.sun:before {
content: "\e928";
}
.tgh-icon.times-circle:before {
content: "\e929";
}
.tgh-icon.user-circle:before {
content: "\e92a";
}
.tgh-icon.wallet1:before {
content: "\e92b";
}
.tgh-icon.adjust-vert:before {
content: "\e600";
}
.tgh-icon.archive:before {
content: "\e601";
}
.tgh-icon.arrow_carrot-2down:before {
content: "\e602";
}
.tgh-icon.arrow_carrot-2left:before {
content: "\e603";
}
.tgh-icon.arrow_carrot-2right:before {
content: "\e604";
}
.tgh-icon.arrow_carrot-2up:before {
content: "\e605";
}
.tgh-icon.arrow_carrot-down:before {
content: "\e606";
}
.tgh-icon.arrow_carrot-down2:before {
content: "\e607";
}
.tgh-icon.arrow_carrot-left:before {
content: "\e608";
}
.tgh-icon.arrow_carrot-left2:before {
content: "\e609";
}
.tgh-icon.arrow_carrot-right:before {
content: "\e60a";
}
.tgh-icon.arrow_carrot-right2:before {
content: "\e60b";
}
.tgh-icon.arrow_carrot-up:before {
content: "\e60c";
}
.tgh-icon.arrow_carrot-up2:before {
content: "\e60d";
}
.tgh-icon.book:before {
content: "\e60e";
}
.tgh-icon.cart1:before {
content: "\e60f";
}
.tgh-icon.check1:before {
content: "\e610";
}
.tgh-icon.check2:before {
content: "\e611";
}
.tgh-icon.clock:before {
content: "\e612";
}
.tgh-icon.close1:before {
content: "\e613";
}
.tgh-icon.close2:before {
content: "\e614";
}
.tgh-icon.cloud:before {
content: "\e615";
}
.tgh-icon.cloud-download:before {
content: "\e616";
}
.tgh-icon.cloud-upload:before {
content: "\e617";
}
.tgh-icon.comment:before {
content: "\e618";
}
.tgh-icon.creditcard:before {
content: "\e619";
}
.tgh-icon.drawer:before {
content: "\e61a";
}
.tgh-icon.drive:before {
content: "\e61b";
}
.tgh-icon.el-ul:before {
content: "\e61c";
}
.tgh-icon.error-triangle:before {
content: "\e61d";
}
.tgh-icon.floppy:before {
content: "\e61e";
}
.tgh-icon.gift1:before {
content: "\e61f";
}
.tgh-icon.globe:before {
content: "\e620";
}
.tgh-icon.globe-2:before {
content: "\e621";
}
.tgh-icon.headphones:before {
content: "\e622";
}
.tgh-icon.heart1:before {
content: "\e623";
}
.tgh-icon.house:before {
content: "\e624";
}
.tgh-icon.id:before {
content: "\e625";
}
.tgh-icon.info:before {
content: "\e626";
}
.tgh-icon.key1:before {
content: "\e627";
}
.tgh-icon.laptop:before {
content: "\e628";
}
.tgh-icon.lifesaver:before {
content: "\e629";
}
.tgh-icon.like:before {
content: "\e62a";
}
.tgh-icon.lock1:before {
content: "\e62b";
}
.tgh-icon.mail:before {
content: "\e62c";
}
.tgh-icon.map1:before {
content: "\e62d";
}
.tgh-icon.menu1:before {
content: "\e62e";
}
.tgh-icon.menu-circle2:before {
content: "\e62f";
}
.tgh-icon.menu-square2:before {
content: "\e630";
}
.tgh-icon.mic:before {
content: "\e631";
}
.tgh-icon.paperclip:before {
content: "\e632";
}
.tgh-icon.pens:before {
content: "\e633";
}
.tgh-icon.percent:before {
content: "\e634";
}
.tgh-icon.phone1:before {
content: "\e635";
}
.tgh-icon.pin1:before {
content: "\e636";
}
.tgh-icon.pushpin:before {
content: "\e637";
}
.tgh-icon.ribbon:before {
content: "\e638";
}
.tgh-icon.search2:before {
content: "\e639";
}
.tgh-icon.share-thin:before {
content: "\e63a";
}
.tgh-icon.shopping-bag1:before {
content: "\e63b";
}
.tgh-icon.shopping-cart1:before {
content: "\e63c";
}
.tgh-icon.star1:before {
content: "\e63d";
}
.tgh-icon.tag1:before {
content: "\e63e";
}
.tgh-icon.toolbox:before {
content: "\e63f";
}
.tgh-icon.wallet:before {
content: "\e640";
}
.tgh-icon.airport:before {
content: "\e9a0";
}
.tgh-icon.aperture:before {
content: "\e9a1";
}
.tgh-icon.audio-cable:before {
content: "\e9a2";
}
.tgh-icon.audio-wave:before {
content: "\e9a3";
}
.tgh-icon.bios:before {
content: "\e9a4";
}
.tgh-icon.camping-tent:before {
content: "\e9a5";
}
.tgh-icon.cd:before {
content: "\e9a6";
}
.tgh-icon.centralized-network:before {
content: "\e9a7";
}
.tgh-icon.certificate1:before {
content: "\e9a8";
}
.tgh-icon.clock-time-four-outline:before {
content: "\e9a9";
}
.tgh-icon.cocktail:before {
content: "\e9aa";
}
.tgh-icon.coffee-to-go:before {
content: "\e9ab";
}
.tgh-icon.computer-mouse:before {
content: "\e9ac";
}
.tgh-icon.cone:before {
content: "\e9ad";
}
.tgh-icon.cup-with-straw:before {
content: "\e9ae";
}
.tgh-icon.cylinder:before {
content: "\e9af";
}
.tgh-icon.diamond-heart:before {
content: "\e9b0";
}
.tgh-icon.email-open:before {
content: "\e9b1";
}
.tgh-icon.email-open-outline:before {
content: "\e9b2";
}
.tgh-icon.email-outline:before {
content: "\e9b3";
}
.tgh-icon.farmer:before {
content: "\e9b4";
}
.tgh-icon.fingerprint:before {
content: "\e9b5";
}
.tgh-icon.fire-alt1:before {
content: "\e9b6";
}
.tgh-icon.flip-flops:before {
content: "\e9b7";
}
.tgh-icon.footwear:before {
content: "\e9b8";
}
.tgh-icon.game-controller:before {
content: "\e9b9";
}
.tgh-icon.globe-earth:before {
content: "\e9ba";
}
.tgh-icon.hand-box:before {
content: "\e9bb";
}
.tgh-icon.hot-air-balloon:before {
content: "\e9bc";
}
.tgh-icon.hotspot:before {
content: "\e9bd";
}
.tgh-icon.jewel:before {
content: "\e9be";
}
.tgh-icon.laptop-metrics:before {
content: "\e9bf";
}
.tgh-icon.laptop-settings:before {
content: "\e9c0";
}
.tgh-icon.lifebuoy1:before {
content: "\e9c1";
}
.tgh-icon.map-marker1:before {
content: "\e9c2";
}
.tgh-icon.map-marker-circle:before {
content: "\e9c3";
}
.tgh-icon.map-pin:before {
content: "\e9c4";
}
.tgh-icon.monitor1:before {
content: "\e9c5";
}
.tgh-icon.mountain:before {
content: "\e9c6";
}
.tgh-icon.musical:before {
content: "\e9c7";
}
.tgh-icon.phone2:before {
content: "\e9c8";
}
.tgh-icon.phone-outline:before {
content: "\e9c9";
}
.tgh-icon.physics:before {
content: "\e9ca";
}
.tgh-icon.push-pin:before {
content: "\e9cb";
}
.tgh-icon.quill-pen:before {
content: "\e9cc";
}
.tgh-icon.sail-boat:before {
content: "\e9cd";
}
.tgh-icon.settings:before {
content: "\e9ce";
}
.tgh-icon.severity:before {
content: "\e9cf";
}
.tgh-icon.shoes:before {
content: "\e9d0";
}
.tgh-icon.shopping-bag2:before {
content: "\e9d1";
}
.tgh-icon.ssd:before {
content: "\e9d2";
}
.tgh-icon.star3:before {
content: "\e9d3";
}
.tgh-icon.star-of-bethlehem:before {
content: "\e9d4";
}
.tgh-icon.street-view:before {
content: "\e9d5";
}
.tgh-icon.synchronize:before {
content: "\e9d6";
}
.tgh-icon.thanksgiving:before {
content: "\e9d7";
}
.tgh-icon.themes:before {
content: "\e9d8";
}
.tgh-icon.t-shirt-on-hanger:before {
content: "\e9d9";
}
.tgh-icon.usb-memory-stick:before {
content: "\e9da";
}
.tgh-icon.user-shield:before {
content: "\e9db";
}
.tgh-icon.video:before {
content: "\e9dc";
}
.tgh-icon.web1:before {
content: "\e9dd";
}
.tgh-icon.wet:before {
content: "\e9de";
}
.tgh-icon.windy-weather:before {
content: "\e9df";
}
.tgh-icon.tiktok:before {
content: "\e9e0";
}
.tgh-icon.tiktok-round:before {
content: "\e9e1";
}
.tgh-icon.tiktok-square:before {
content: "\e9e2";
}.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: '\e60f';
font-family: 'thegem-icons';
font-style: normal;
font-weight: normal;
font-style: normal;
font-size: 63px;
height: 63px;
line-height: 63px;
width: 63px;
text-align: center;
position: absolute;
top: 0%;
left: 50%;
margin-left: -30px;
margin-top: -30px;
z-index: 5;
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s;
transition: top 0.3s, opacity 0.3s;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
top: 50%;
opacity: 1;
-webkit-transition: top 0.4s ease 0.1s, opacity 0.5s 0.1s;
transition: top 0.4s ease 0.1s, opacity 0.5s 0.1s;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
width: 100%;
padding: 0 25%;
text-align: center;
position: absolute;
top: -50%;
left: 0;
margin-top: -15px;
z-index: 5;
opacity: 0;
text-transform: uppercase;
-webkit-transition: top 0.3s, opacity 0.3s;
transition: top 0.3s, opacity 0.3s;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
top: 25%;
opacity: 1;
-webkit-transition: top 0.3s 0.2s, opacity 0.5s 0.25s;
transition: top 0.3s 0.2s, opacity 0.5s 0.25s;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
width: 100%;
padding: 0 25%;
text-align: center;
position: absolute;
top: 20%;
left: 0;
margin-top: -12px;
z-index: 5;
opacity: 0;
-webkit-transition: top 0.5s, opacity 0.4s;
transition: top 0.5s, opacity 0.4s;
}
.gem-gallery-hover-default .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
top: 75%;
opacity: 1;
-webkit-transition: top 0.3s, opacity 0.3s;
transition: top 0.3s, opacity 0.3s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: '\e629';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 32px;
width: 70px;
height: 70px;
line-height: 68px;
text-align: center;
position: absolute;
top: 125%;
left: 50%;
margin-left: -35px;
margin-top: -35px;
z-index: 5;
opacity: 0;
border-radius: 70px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.5s 0.05s, -webkit-transform 0s 0.55s, top 0.5s 0.05s;
transition: opacity 0.5s 0.05s, transform 0s 0.55s, top 0.5s 0.05s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
top: 50%;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s 0.05s, -webkit-transform 0.5s 0.05s;
transition: top 0s 0.05s, transform 0.5s 0.05s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
width: 100%;
padding: 0 25%;
text-align: center;
position: absolute;
top: 100%;
left: 0;
margin-top: -15px;
z-index: 5;
opacity: 0;
text-transform: uppercase;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0s 0.6s, top 0.5s 0.1s;
transition: opacity 0.5s 0.1s, transform 0s 0.6s, top 0.5s 0.1s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
top: 25%;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s, -webkit-transform 0.5s;
transition: top 0s, transform 0.5s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
width: 100%;
padding: 0 25%;
text-align: center;
position: absolute;
top: 150%;
left: 0;
margin-top: -12px;
z-index: 5;
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.5s, -webkit-transform 0s 0.5s, top 0.5s;
transition: opacity 0.5s, transform 0s 0.5s, top 0.5s;
}
.gem-gallery-hover-zooming-blur .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
top: 75%;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s 0.1s, -webkit-transform 0.5s 0.1s;
transition: top 0s 0.1s, transform 0.5s 0.1s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a .gem-gallery-caption:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
background: none !important;
-webkit-transition: opacity 0.5s 0.2s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before {
opacity: 0;
background: -moz-linear-gradient(left,  rgba(255,43,88,0.8) 0%, rgba(255,216,0,0.8) 100%) !important;
background: -webkit-linear-gradient(left,  rgba(255,43,88,0.8) 0%,rgba(255,216,0,0.8) 100%) !important;
background: linear-gradient(to right,  rgba(255,43,88,0.8) 0%,rgba(255,216,0,0.8) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccff2b58', endColorstr='#ccffd800',GradientType=1 ) !important;
transition: opacity 0.5s 0.2s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:before {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: '\e629';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 32px;
width: 70px;
height: 70px;
line-height: 68px;
text-align: center;
position: absolute;
top: 80%;
left: 66px;
z-index: 5;
opacity: 0;
border-radius: 70px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.5s 0.05s, -webkit-transform 0s 0.55s, top 0.5s 0.05s;
transition: opacity 0.5s 0.05s, transform 0s 0.55s, top 0.5s 0.05s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
top: 63px;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: top 0s 0.05s, -webkit-transform 0.5s 0.05s;
transition: top 0s 0.05s, transform 0.5s 0.05s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
max-width: 100%;
padding: 25px 67px;
text-align: left;
position: absolute;
top: auto;
bottom: -100%;
left: 0;
margin: 0;
z-index: 5;
opacity: 0;
text-transform: uppercase;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0s 0.6s, bottom 0.5s 0.1s;
transition: opacity 0.5s 0.1s, transform 0s 0.6s, bottom 0.5s 0.1s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
bottom: 0;
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: bottom 0s, -webkit-transform 0.5s;
transition: bottom 0s, transform 0.5s;
}
.gem-gallery-hover-gradient .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
display: none !important;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: '\e629';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 32px;
height: 32px;
line-height: 32px;
width: 32px;
text-align: left;
position: absolute;
top: 52%;
left: 0%;
-webkit-transition: left 0.25s, opacity 0.3s;
transition: left 0.25s, opacity 0.3s;
margin-top: -32px;
z-index: 5;
opacity: 0;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
top: 52%;
left: 8%;
opacity: 1;
-webkit-transition: left 0.25s, opacity 0.3s;
transition: left 0.25s, opacity 0.3s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-line{
content: '';
width: 0;
height: 2px;
background-color: #fff;
display: block;
position: absolute;
top: 59%;
left: 8%;
opacity: 0;
z-index: 100;
-webkit-transition: width 0.25s, opacity 0.5s;
transition: width 0.25s, opacity 0.5s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-line {
content: '';
width: 84%;
opacity: 1;
-webkit-transition: width 0.25s, opacity 0.5s;
transition: width 0.25s, opacity 0.5s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
text-align: left;
position: absolute;
top: 63%;
left: 0%;
z-index: 5;
opacity: 0;
text-transform: uppercase;
-webkit-transition: left 0.25s 0.05s, opacity 0.25s 0.05s;
transition: left 0.25s 0.05s, opacity 0.25s 0.05s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
top: 63%;
opacity: 1;
left:8%;
-webkit-transition: left 0.25s 0.05s, opacity 0.25s 0.05s;
transition: left 0.25s 0.05s, opacity 0.25s 0.05s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
text-align: left;
position: absolute;
width: 84%;
top: 77%;
left: 0%;
z-index: 5;
opacity: 0;
-webkit-transition: left 0.25s 0.1s, opacity 0.25s 0.1s;
transition: left 0.25s 0.1s, opacity 0.25s 0.1s;
}
.gem-gallery-hover-horizontal-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
top: 77%;
left: 8%;
opacity: 1;
-webkit-transition: left 0.25s 0.1s, opacity 0.25s 0.1s;
transition: left 0.25s 0.1s, opacity 0.25s 0.1s;
}
.gem-gallery-item-description p {
padding-bottom: 0px;
margin-bottom: 0px;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
content: '\e629';
font-family: 'thegem-icons';
font-weight: normal;
font-style: normal;
font-size: 32px;
height: 32px;
line-height: 32px;
width: 32px;
text-align: left;
position: absolute;
top: 50%;
left: 8%;
-webkit-transition: top 0.25s 0.1s, opacity 0.3s 0.1s;
transition: top 0.25s 0.1s, opacity 0.3s 0.1s;
margin-top: -32px;
z-index: 5;
opacity: 0;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item a:after {
-webkit-transition: top 0.25s ease, opacity 0.3s;
transition: top 0.25s ease, opacity 0.3s;
top: 22%;
left: 8%;
opacity: 1;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-line{
content: '';
width: 0;
height: 2px;
background-color: #fff;
display: block;
position: absolute;
top: 29%;
left: 8%;
opacity: 0;
z-index: 100;
-webkit-transition: width 0.25s, opacity 0.5s;
transition: width 0.25s, opacity 0.5s;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-line {
content: '';
width: 84%;
opacity: 1;
-webkit-transition: width 0.25s, opacity 0.5s;
transition: width 0.25s, opacity 0.5s;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-title {
text-align: left;
position: absolute;
top: 70%;
left: 8%;
z-index: 5;
opacity: 0;
text-transform: uppercase;
-webkit-transition: top 0.25s 0.05s, opacity 0.25s 0.05s;
transition: top 0.25s 0.05s, opacity 0.25s 0.05s;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-title {
top: 33%;
opacity: 1;
left:8%;
-webkit-transition: top 0.25s 0.05s, opacity 0.25s 0.05s;
transition: top 0.25s 0.05s, opacity 0.25s 0.05s;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap .gem-gallery-item .gem-gallery-item-description {
text-align: left;
width: 84%;
position: absolute;
top: 70%;
left: 8%;
z-index: 5;
opacity: 0;
-webkit-transition: top 0.25s, opacity 0.25s;
transition: top 0.25s, opacity 0.25s;
}
.gem-gallery-hover-vertical-sliding .gem-gallery-preview-carousel-wrap:hover .gem-gallery-item .gem-gallery-item-description {
top: 47%;
left: 8%;
opacity: 1;
-webkit-transition: top 0.25s 0.1s, opacity 0.25s 0.1s;
transition: top 0.25s 0.1s, opacity 0.25s 0.1s;
}.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;
line-height: 30px;
height: auto;
border-radius: 15px;
font-size: var(--thegem-to-body-tiny-font-size);
color: inherit;
border: none;
}
.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;
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);
text-transform: var(--thegem-to-tabs-title-thin-text-transform);
font-size: var(--thegem-to-tabs-title-thin-font-size);
line-height: var(--thegem-to-tabs-title-thin-line-height);
letter-spacing: var(--thegem-to-tabs-title-thin-letter-spacing);
color: var(--thegem-to-h6-color);
}
.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 {
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);
text-transform: var(--thegem-to-tabs-title-text-transform);
font-size: var(--thegem-to-tabs-title-font-size);
line-height: var(--thegem-to-tabs-title-line-height);
letter-spacing: 0;
color: var(--thegem-to-h6-color);
}
.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-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(//www.jansen-aschendorf.de/wp-content/themes/thegem/css/blur.svg#blur);
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(//www.jansen-aschendorf.de/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(//www.jansen-aschendorf.de/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;
}.portfolio.portfolio-slider.item-separator .portfolio-item:before {
opacity: 1;
}
.portfolio.portfolio-slider.item-separator .portfolio-item:after {
opacity: 0;
}
.portfolio.portfolio-slider.item-separator .portfolio-item.currentPosition-last:after {
opacity: 1;
}
.portfolio.portfolio-slider.item-separator .fullwidth-block .portfolio-item.currentPosition-last:after {
opacity: 0;
}
.portfolio.portfolio-slider.item-separator .portfolio-item.currentPosition-last + .portfolio-item:before {
opacity: 0;
}
.portfolio.portfolio-slider.item-separator .fullwidth-block .portfolio-item.currentPosition-first:before {
opacity: 0;
}
.portfolio.portfolio-slider .fullwidth-block {
padding: 0;
}
.portfolio.portfolio-slider.disable-socials .portolio-slider-center .portfolio-set {
margin-bottom: 0;
}
.portfolio.portfolio-slider.without-padding .portolio-slider-center .fullwidth-block {
padding: 0;
}
.portfolio.portfolio-slider .portfolio-item .wrap {
padding-bottom: 0;
}
.portfolio.portfolio-slider .portfolio-item .wrap {
background: none;
}
@media only screen and (min-width: 992px) and (max-width: 1240px) {
.portfolio.portfolio-slider.hover-vertical-sliding .portfolio-item:not(.double-item-squared) .overlay .links .caption .subtitle,
.portfolio.portfolio-slider.hover-vertical-sliding .portfolio-item:not(.double-item-squared) .overlay .links .caption .info {
display: none;
}
}
.portfolio.portfolio-slider h2 {
text-align: center;
}
.portfolio.portfolio-slider {
position: relative;
}
.portfolio.portfolio-slider.full .portolio-slider-content {
margin: 0;
}
.portfolio.portfolio-slider .portolio-slider-center {
max-width: 1170px;
margin: 0 auto;
padding-bottom: 0px;
}
.portfolio.portfolio-slider.full .portolio-slider-center {
max-width: none;
margin: 0;
}
.portfolio.portfolio-slider .portfolio-set {
white-space: nowrap;
margin-bottom: 0;
}
.portfolio.portfolio-slider .portfolio-set .portfolio-item {
display: inline-block;
float: none;
position: relative;
}
.portfolio.portfolio-slider.gem-slider-animation-one .portfolio-set .portfolio-item {
float: left;
}
.portfolio.portfolio-slider.hover-gradient .portfolio-item .image .overlay .links a.icon svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.portfolio.portfolio-slider:not(.hover-zooming-blur) .portfolio-item .image .overlay .links a.icon:hover svg {
fill: #393d50;
} .portfolio-slider .portolio-slider-prev,
.portfolio-slider .portolio-slider-next {
opacity: 0;
transition: all .2s linear;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear
}
.portfolio.portfolio-slider:hover .portolio-slider-prev,
.portfolio.portfolio-slider:hover .portolio-slider-next {
opacity: 1;
transition: all .2s linear;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear
}
.portfolio.portfolio-slider .portolio-slider-prev span,
.portfolio.portfolio-slider .portolio-slider-next span {
display: inline-block;
font-family: 'thegem-icons';
font-style: normal;
cursor: pointer;
}
.portfolio.portfolio-slider .portolio-slider-prev span {
left: 0
}
.portfolio.portfolio-slider .portolio-slider-next span {
right: 0
}
.portfolio.portfolio-slider .portolio-slider-prev {
float: left;
text-align: right;
position: relative;
z-index: 10
}
.portfolio.portfolio-slider .portolio-slider-next {
float: right;
text-align: left;
position: relative;
z-index: 10
}
.portfolio.portfolio-slider .portolio-slider-next span, .portfolio.portfolio-slider .portolio-slider-prev span {
font-size: 0
}
.portfolio.portfolio-slider.gem-slider-animation-one .portolio-slider-next,
.portfolio.portfolio-slider.gem-slider-animation-one .portolio-slider-prev {
position: absolute;
left: 0;
top: 0;
z-index: 2
}
.portfolio.portfolio-slider.gem-slider-animation-one .portolio-slider-next {
left: auto;
right: 0
}
.portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-prev span:after {
content:'\e637' ;
vertical-align: middle;
font-size: 48px;
}
.portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-next span:after {
content:'\e638' ;
vertical-align: middle;
font-size: 48px;
}
.portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-prev span,
.portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-next span {
padding: 28px 16px
}
.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-prev span,
.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-next span {
padding: 7px 6px;
}
.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-prev span:after,
.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-next span:after {
font-size: 24px;
}
.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-prev span:after {
content:'\e636' ;
vertical-align: middle;
}
.portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-next span:after {
content:'\e634' ;
vertical-align: middle;
}
@media  (max-width: 1024px) {
body .portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-prev,
body .portfolio_slider_arrow_small.portfolio.portfolio-slider .portolio-slider-next {
margin-top: 0;
}
}
.hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .title, .hover-gradient.title-on-page.title-style-dark .portfolio-item .image .overlay .links .caption .title > div, .hover-circular.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 > div {
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
}
.thegem-touch #page .portfolio.portfolio-slider .portolio-slider-prev, .thegem-touch .portfolio.portfolio-slider .portolio-slider-next {
display: block
}
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-prev, .thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-next {
margin-top: 0
}
@media (max-width: 1023px) {
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-prev,
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-next {
margin-top: 0
}
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-prev span,
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-next span {
padding: 7px 6px
}
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-prev span i,
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-next span i {
font-size: 24px
}
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-prev span svg,
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-next span svg {
width: 24px
}
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-prev span {
vertical-align: middle
}
.thegem-touch #page .portfolio_slider_arrow_big.portfolio.portfolio-slider .portolio-slider-next span {
vertical-align: middle
}
}  .portfolio-slider .portolio-slider-prev span,
.portfolio-slider .portolio-slider-next span,
.portfolio-slider .portolio-slider-prev span i,
.portfolio-slider .portolio-slider-next span i,
.portfolio-slider .portolio-slider-prev span svg,
.portfolio-slider .portolio-slider-next span svg,
.portfolio-slider .portfolio-item .image-inner {
-o-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.portfolio-slider .portolio-slider-center > div > div {
margin: -21px;
}
.portfolio-slider .portfolio-item {
padding: 21px;
}
.portfolio-slider:not(.columns-1):not(.portfolio-style-masonry) .portfolio-item .wrap > .caption .subtitle {
max-height: unset;
}
.portfolio-slider .portfolio-item .wrap > .caption .subtitle {
padding-bottom: 0;
padding-top: 0;
}
.portfolio-slider .portfolio-item .wrap {
border-bottom: unset;
}
.portfolio-slider .portfolio-item .wrap > .caption {
border-bottom: 1px solid #dfe5e8;
}
.portfolio-slider .portfolio-item:hover .wrap > .caption {
border-bottom-color: #f4f6f7;
}
.portfolio-slider.background-style-gray .portfolio-item .wrap > .caption,
.portfolio-slider.background-style-dark .portfolio-item .wrap > .caption,
.portfolio-slider.background-style-transparent .portfolio-item .wrap > .caption {
border-bottom-width: 0;
}.hover-default .portfolio-item .image .image-inner img,
.hover-default .gallery-item .overlay-wrap .image-wrap img {
overflow: hidden;
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .image-inner img,
.hover-default .gallery-item:is(:hover, .hover-effect) .overlay-wrap .image-wrap img {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.hover-default .portfolio-item .image .overlay,
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay,
.hover-default .gallery-item .overlay-wrap .overlay,
.hover-default .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay {
display: block;
}
.hover-default .portfolio-item .image .overlay:before,
.hover-default .gallery-item .overlay-wrap .overlay:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay:before,
.hover-default .gallery-item:is(:hover, .hover-effect) .overlay-wrap .overlay:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s, background-color 0.5s;
transition: opacity 0.5s, background-color 0.5s;
}
.portfolio.hover-default .portfolio-item .image .overlay .links .portfolio-icons > .icon,
.portfolio.hover-default .portfolio-item .image .overlay .links .portfolio-icons-inner > .icon,
.gem-gallery-grid.hover-default .gallery-item .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-default .portfolio-item .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
display: inline-block;
opacity: 0;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.gem-gallery-grid.hover-default .gallery-item .overlay .overlay-content-inner a.icon.link {
margin-left: 10px;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon,
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon,
.gem-gallery-grid.hover-default .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon,
.portfolio.products.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links a.icon:before {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links a.icon:hover:before {
color: #393d50;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(1),
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(1),
.hover-default .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(1),
.portfolio.products.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .portfolio-icons.product-bottom a.added_to_cart {
-webkit-transition: opacity 1s 0.12s, transform 0.5s 0.12s;
transition: opacity 1s 0.12s, transform 0.5s 0.12s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(2),
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(2),
.hover-default .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(2) {
-webkit-transition: opacity 1s 0.17s, transform 0.5s 0.17s;
transition: opacity 1s 0.17s, transform 0.5s 0.17s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(3),
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(3),
.hover-default .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(3) {
-webkit-transition: opacity 1s 0.19s, transform 0.5s 0.19s;
transition: opacity 1s 0.19s, transform 0.5s 0.19s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(4),
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(4),
.hover-default .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(4) {
-webkit-transition: opacity 1s 0.21s, transform 0.5s 0.21s;
transition: opacity 1s 0.21s, transform 0.5s 0.21s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon:nth-child(5),
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons-inner > .icon:nth-child(5),
.hover-default .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner a.icon:nth-child(5) {
-webkit-transition: opacity 1s 0.23s, transform 0.5s 0.23s;
transition: opacity 1s 0.23s, transform 0.5s 0.23s;
}
.hover-default .portfolio-item .image .links .caption .title,
.hover-default .gallery-item .overlay .overlay-content-inner .title,
.hover-default.version-alternative .portfolio-item .image .links .caption .info {
opacity: 0;
position: relative;
top: -200px;
-webkit-transition: opacity 0.3s, top 0.3s;
transition: opacity 0.3s, top 0.3s;
}
.hover-default .gallery-item .overlay .overlay-content-inner .title {
margin-top: 30px;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .links .caption .title,
.hover-default .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .title,
.hover-default.version-alternative .portfolio-item:is(:hover, .hover-effect) .image .links .caption .info {
opacity: 1;
top: 0;
-webkit-transition: opacity 0.3s 0.2s, top 0.3s 0.2s;
transition: opacity 0.3s 0.2s, top 0.3s 0.2s;
}
.hover-default .gallery-item .overlay .overlay-content-inner .subtitle {
margin-top: 20px;
}
.hover-default .portfolio-item .image .links .caption .description,
.hover-default .portfolio-item .image .links .caption .details,
.hover-default .gallery-item .overlay .overlay-content-inner .subtitle,
.hover-default:not(.version-alternative) .portfolio-item .image .links .caption .info {
opacity: 0;
position: relative;
top: -200px;
-webkit-transition: opacity 0.4s, top 0.5s;
transition: opacity 0.4s, top 0.5s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .links .caption .description,
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .links .caption .details,
.hover-default .gallery-item:is(:hover, .hover-effect) .overlay .overlay-content-inner .subtitle,
.hover-default:not(.version-alternative) .portfolio-item:is(:hover, .hover-effect) .image .links .caption .info {
opacity: 1;
top: 0;
-webkit-transition: opacity 0.5s, top 0.4s;
transition: opacity 0.5s, top 0.4s;
}
.hover-default .portfolio-item .image .overlay .links .portfolio-sharing-pane {
opacity: 0;
margin-top: 0;
margin-bottom: 0;
-webkit-transform: translateY(-1000px);
transform: translateY(-1000px);
-webkit-transition: opacity 0.3s, margin 0.3s 0.3s;
transition: opacity 0.3s, margin 0.3s 0.3s, transform 0s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane {
visibility: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.5s, -webkit-transform 0s, margin 0.3s 0.3s;
transition: opacity 0.5s, transform 0s, margin 0.3s 0.3s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active {
opacity: 1;
visibility: visible;
margin-top: 20px;
margin-bottom: 10px;
-webkit-transition: opacity 0.5s, margin 0.3s;
transition: opacity 0.5s, margin 0.3s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane .socials-item-icon {
opacity: 0;
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active .socials-item-icon {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.hover-default .portfolio-item .image .links .caption .product-info {
opacity: 0;
position: relative;
top: -200px;
-webkit-transition: opacity 0.4s, top 0.5s;
transition: opacity 0.4s, top 0.5s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .links .caption .product-info {
opacity: 1;
top: 0;
-webkit-transition: opacity 0.5s, top 0.4s;
transition: opacity 0.5s, top 0.4s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(1) .socials-item-icon,
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(1) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s, opacity 0.3s;
transition: color 0.3s, transform 0.3s, opacity 0.3s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(2) .socials-item-icon,
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(2) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.05s, opacity 0.3s 0.05s;
transition: color 0.3s, transform 0.3s 0.05s, opacity 0.3s 0.05s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(3) .socials-item-icon,
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(3) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.1s, opacity 0.3s 0.1s;
transition: color 0.3s, transform 0.3s 0.1s, opacity 0.3s 0.1s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(4) .socials-item-icon,
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(4) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.15s, opacity 0.3s 0.15s;
transition: color 0.3s, transform 0.3s 0.15s, opacity 0.3s 0.15s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(5) .socials-item-icon,
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(5) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
transition: color 0.3s, transform 0.3s 0.2s, opacity 0.3s 0.2s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(6) .socials-item-icon,
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(6) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.25s, opacity 0.3s 0.25s;
transition: color 0.3s, transform 0.3s 0.25s, opacity 0.3s 0.25s;
}
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane a.socials-item:nth-child(7) .socials-item-icon,
.hover-default .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-sharing-pane.active a.socials-item:nth-child(7) .socials-item-icon {
-webkit-transition: color 0.3s, -webkit-transform 0.3s 0.3s, opacity 0.3s 0.3s;
transition: color 0.3s, transform 0.3s 0.3s, opacity 0.3s 0.3s;
} .hover-default.version-alternative .portfolio-item .image .portfolio-likes {
position: absolute;
right: 8px;
top: 3px;
opacity: 0;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s 0.1s;
z-index: 3;
}
.hover-default.version-alternative .portfolio-item:is(:hover, .hover-effect) .image .portfolio-likes {
opacity: 1;
}
.hover-default.version-alternative.caption-position-hover .portfolio-item:not(:hover, .hover-effect) .image .set,
.hover-default.version-alternative.caption-position-image .portfolio-item:is(:hover, .hover-effect) .image .set {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.hover-default.version-alternative.caption-position-image .portfolio-item .image .overlay .links {
justify-content: flex-end;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: auto;
max-height: 100%;
-webkit-transition: bottom 0.3s, transform 0.3s;
transition: bottom 0.3s, transform 0.3s;
}
.hover-default.version-alternative.caption-position-image .portfolio-item.appearance-type-featured_image:is(:hover, .hover-effect) .image .overlay .links {
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.hover-default.version-alternative .portfolio-item .image .overlay .links .caption {
padding: 15px 15px 0;
}
.hover-default.version-alternative.caption-position-image .portfolio-item .image .links .caption .title,
.hover-default.version-alternative.caption-position-image .portfolio-item .image .links .caption .info {
opacity: 1;
top: 0;
transition: all 0.3s;
}
.hover-default.version-alternative.caption-position-image .portfolio-item.appearance-type-featured_image:not(:hover, .hover-effect) .image .links .caption .title,
.hover-default.version-alternative.caption-position-image .portfolio-item:not(.appearance-type-featured_image) .image .links .caption .title {
margin-bottom: 20px;
}
.hover-default.version-alternative.caption-position-image:is(.columns-4, .columns-5, .columns-6) .portfolio-item:not(.double-item) .image .links .caption .title,
.hover-default.version-alternative.caption-position-image .portfolio-item.small-item .image .links .caption .title {
margin-bottom: 12px;
}
.hover-default.version-alternative.caption-position-image .portfolio-item .image .links .caption .description,
.hover-default.version-alternative.caption-position-image .portfolio-item .image .links .caption .details {
opacity: 1;
position: initial;
}
.hover-default.version-alternative.caption-position-image .portfolio-item.appearance-type-featured_image:is(:hover, .hover-effect) .image .links .caption .slide-content-hidden {
margin-bottom: 0 !important;
}
.hover-default.version-alternative.caption-position-image .portfolio-item .image .overlay:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
opacity: 1;
background: -moz-linear-gradient(top, rgba(30,87,153,0) 65%, rgba(0,0,0,0.5) 100%);
background: -webkit-linear-gradient(top, rgba(30,87,153,0) 65%,rgba(0,0,0,0.5) 100%);
background: linear-gradient(to bottom, rgba(30,87,153,0) 65%,rgba(0,0,0,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#80000000',GradientType=0 );
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.hover-default.version-alternative.caption-position-image .portfolio-item.appearance-type-featured_image:is(:hover, .hover-effect) .image .overlay:after {
opacity: 0;
}
.hover-default.version-alternative.caption-position-image .portfolio-item:is(:hover, .hover-effect) .image .overlay .links .portfolio-icons > .icon {
-webkit-transition-duration: 1s, 0.4s;
transition-duration: 1s, 0.4s;
}