@font-face {
font-family: 'czicons';
src: url(//holzbau-meinholz.de/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.woff2) format('woff2'),
url(//holzbau-meinholz.de/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.woff) format('woff'),
url(//holzbau-meinholz.de/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.ttf) format('truetype'),
url(//holzbau-meinholz.de/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.svg#czicons) format('svg');
font-weight: normal;
font-style: normal;
font-display: block
}
[class^="czico-"]:before,
[class*=" czico-"]:before {
font-family: "czicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.czico-Icon-Action-Profile-Off:before { --fa: '\e800'; content: '\e800'; } .czico-Icon-Action-Profile-On:before { --fa: '\e801'; content: '\e801'; } .czico-002-right-arrow-3:before { --fa: '\e802'; content: '\e802'; } .czico-003-left-arrow-2:before { --fa: '\e803'; content: '\e803'; } .czico-004-right-arrow-2:before { --fa: '\e804'; content: '\e804'; } .czico-005-right-arrow-1:before { --fa: '\e805'; content: '\e805'; } .czico-006-left-arrow-1:before { --fa: '\e806'; content: '\e806'; } .czico-007-left-arrow:before { --fa: '\e807'; content: '\e807'; } .czico-008-right-arrow:before { --fa: '\e808'; content: '\e808'; } .czico-009-little-thin-expand-arrows:before { --fa: '\e809'; content: '\e809'; } .czico-010-expand:before { --fa: '\e80a'; content: '\e80a'; } .czico-011-blank-check-box:before { --fa: '\e80b'; content: '\e80b'; } .czico-012-done:before { --fa: '\e80c'; content: '\e80c'; } .czico-013-export:before { --fa: '\e80d'; content: '\e80d'; } .czico-014-cube:before { --fa: '\e80e'; content: '\e80e'; } .czico-015-push-pin:before { --fa: '\e80f'; content: '\e80f'; } .czico-016-map-localization:before { --fa: '\e810'; content: '\e810'; } .czico-017-credit-card-2:before { --fa: '\e811'; content: '\e811'; } .czico-018-credit-card-1:before { --fa: '\e812'; content: '\e812'; } .czico-019-wallet-1:before { --fa: '\e813'; content: '\e813'; } .czico-020-credit-card:before { --fa: '\e814'; content: '\e814'; } .czico-021-shield-5:before { --fa: '\e815'; content: '\e815'; } .czico-022-shield-4:before { --fa: '\e816'; content: '\e816'; } .czico-023-guarantee:before { --fa: '\e817'; content: '\e817'; } .czico-024-security-badge:before { --fa: '\e818'; content: '\e818'; } .czico-chat-1:before { --fa: '\e819'; content: '\e819'; } .czico-002-communication:before { --fa: '\e81a'; content: '\e81a'; } .czico-003-multimedia-2:before { --fa: '\e81b'; content: '\e81b'; } .czico-004-balloon:before { --fa: '\e81c'; content: '\e81c'; } .czico-005-speech-bubble:before { --fa: '\e81d'; content: '\e81d'; } .czico-006-speech-bubble-with-text-lines:before { --fa: '\e81e'; content: '\e81e'; } .czico-007-phone-chat-with-wifi-signal:before { --fa: '\e81f'; content: '\e81f'; } .czico-008-chat-2:before { --fa: '\e820'; content: '\e820'; } .czico-009-speech-bubbles-comment-option:before { --fa: '\e821'; content: '\e821'; } .czico-010-support:before { --fa: '\e822'; content: '\e822'; } .czico-011-chat-1:before { --fa: '\e823'; content: '\e823'; } .czico-012-chat:before { --fa: '\e824'; content: '\e824'; } .czico-013-whatsapp-logo:before { --fa: '\e825'; content: '\e825'; } .czico-014-arrows-11:before { --fa: '\e826'; content: '\e826'; } .czico-015-play:before { --fa: '\e827'; content: '\e827'; } .czico-017-arrows-9:before { --fa: '\e828'; content: '\e828'; } .czico-042-shopping-cart-1:before { --fa: '\e829'; content: '\e829'; } .czico-043-heart-outline:before { --fa: '\e82a'; content: '\e82a'; } .czico-044-heart-1:before { --fa: '\e82b'; content: '\e82b'; } .czico-045-heart:before { --fa: '\e82c'; content: '\e82c'; } .czico-046-like:before { --fa: '\e82d'; content: '\e82d'; } .czico-047-line-1:before { --fa: '\e82e'; content: '\e82e'; } .czico-048-bars-2:before { --fa: '\e82f'; content: '\e82f'; } .czico-049-music:before { --fa: '\e830'; content: '\e830'; } .czico-050-interface-2:before { --fa: '\e831'; content: '\e831'; } .czico-018-play-button-4:before { --fa: '\e832'; content: '\e832'; } .czico-052-three-2:before { --fa: '\e833'; content: '\e833'; } .czico-053-three-1:before { --fa: '\e834'; content: '\e834'; } .czico-019-shopping-bag-6:before { --fa: '\e835'; content: '\e835'; } .czico-055-three:before { --fa: '\e836'; content: '\e836'; } .czico-056-menu-8:before { --fa: '\e837'; content: '\e837'; } .czico-057-menu-6:before { --fa: '\e838'; content: '\e838'; } .czico-058-menu-7:before { --fa: '\e839'; content: '\e839'; } .czico-020-shopping-basket-1:before { --fa: '\e83a'; content: '\e83a'; } .czico-060-bars:before { --fa: '\e83b'; content: '\e83b'; } .czico-061-menu-4:before { --fa: '\e83c'; content: '\e83c'; } .czico-062-menu-3:before { --fa: '\e83d'; content: '\e83d'; } .czico-063-menu-2:before { --fa: '\e83e'; content: '\e83e'; } .czico-064-home-4:before { --fa: '\e83f'; content: '\e83f'; } .czico-021-shopping-bag-7:before { --fa: '\e840'; content: '\e840'; } .czico-066-home-3:before { --fa: '\e841'; content: '\e841'; } .czico-067-house-outline:before { --fa: '\e842'; content: '\e842'; } .czico-068-home-2:before { --fa: '\e843'; content: '\e843'; } .czico-069-home-1:before { --fa: '\e844'; content: '\e844'; } .czico-070-home:before { --fa: '\e845'; content: '\e845'; } .czico-071-interface-1:before { --fa: '\e846'; content: '\e846'; } .czico-072-check-mark:before { --fa: '\e847'; content: '\e847'; } .czico-073-checked-3:before { --fa: '\e848'; content: '\e848'; } .czico-074-tick-inside-circle:before { --fa: '\e849'; content: '\e849'; } .czico-075-checked-2:before { --fa: '\e84a'; content: '\e84a'; } .czico-076-success:before { --fa: '\e84b'; content: '\e84b'; } .czico-077-flag:before { --fa: '\e84c'; content: '\e84c'; } .czico-078-globe:before { --fa: '\e84d'; content: '\e84d'; } .czico-079-pin:before { --fa: '\e84e'; content: '\e84e'; } .czico-080-placeholder-3:before { --fa: '\e84f'; content: '\e84f'; } .czico-081-placeholder-2:before { --fa: '\e850'; content: '\e850'; } .czico-082-maps-and-flags:before { --fa: '\e851'; content: '\e851'; } .czico-083-placeholder-1:before { --fa: '\e852'; content: '\e852'; } .czico-084-placeholder:before { --fa: '\e853'; content: '\e853'; } .czico-085-multimedia-1:before { --fa: '\e854'; content: '\e854'; } .czico-086-note:before { --fa: '\e855'; content: '\e855'; } .czico-022-shopping-bag-5:before { --fa: '\e856'; content: '\e856'; } .czico-088-envelope-of-white-paper:before { --fa: '\e857'; content: '\e857'; } .czico-089-mail-1:before { --fa: '\e858'; content: '\e858'; } .czico-090-envelope-1:before { --fa: '\e859'; content: '\e859'; } .czico-091-message-1:before { --fa: '\e85a'; content: '\e85a'; } .czico-092-mail:before { --fa: '\e85b'; content: '\e85b'; } .czico-093-message:before { --fa: '\e85c'; content: '\e85c'; } .czico-094-envelope:before { --fa: '\e85d'; content: '\e85d'; } .czico-095-user-4:before { --fa: '\e85e'; content: '\e85e'; } .czico-096-user-shape:before { --fa: '\e85f'; content: '\e85f'; } .czico-097-user-3:before { --fa: '\e860'; content: '\e860'; } .czico-098-profile-1:before { --fa: '\e861'; content: '\e861'; } .czico-099-user-2:before { --fa: '\e862'; content: '\e862'; } .czico-100-user-1:before { --fa: '\e863'; content: '\e863'; } .czico-101-user:before { --fa: '\e864'; content: '\e864'; } .czico-102-avatar:before { --fa: '\e865'; content: '\e865'; } .czico-103-tool-1:before { --fa: '\e866'; content: '\e866'; } .czico-104-circle:before { --fa: '\e867'; content: '\e867'; } .czico-105-link-3:before { --fa: '\e868'; content: '\e868'; } .czico-106-foreign:before { --fa: '\e869'; content: '\e869'; } .czico-107-web-link:before { --fa: '\e86a'; content: '\e86a'; } .czico-108-link-2:before { --fa: '\e86b'; content: '\e86b'; } .czico-109-link-symbol-1:before { --fa: '\e86c'; content: '\e86c'; } .czico-110-link-symbol:before { --fa: '\e86d'; content: '\e86d'; } .czico-111-unlink-1:before { --fa: '\e86e'; content: '\e86e'; } .czico-112-unlink:before { --fa: '\e86f'; content: '\e86f'; } .czico-113-link-1:before { --fa: '\e870'; content: '\e870'; } .czico-114-signs-1:before { --fa: '\e871'; content: '\e871'; } .czico-115-cross-3:before { --fa: '\e872'; content: '\e872'; } .czico-116-cross-2:before { --fa: '\e873'; content: '\e873'; } .czico-117-web:before { --fa: '\e874'; content: '\e874'; } .czico-118-cross-1:before { --fa: '\e875'; content: '\e875'; } .czico-119-cross:before { --fa: '\e876'; content: '\e876'; } .czico-120-tool:before { --fa: '\e877'; content: '\e877'; } .czico-121-signs:before { --fa: '\e878'; content: '\e878'; } .czico-122-sign:before { --fa: '\e879'; content: '\e879'; } .czico-123-add-7:before { --fa: '\e87a'; content: '\e87a'; } .czico-124-add-6:before { --fa: '\e87b'; content: '\e87b'; } .czico-125-add-song:before { --fa: '\e87c'; content: '\e87c'; } .czico-126-add-5:before { --fa: '\e87d'; content: '\e87d'; } .czico-127-add-4:before { --fa: '\e87e'; content: '\e87e'; } .czico-128-add-3:before { --fa: '\e87f'; content: '\e87f'; } .czico-129-plus-1:before { --fa: '\e880'; content: '\e880'; } .czico-023-shopping-bag-4:before { --fa: '\e881'; content: '\e881'; } .czico-024-shopping-cart-4:before { --fa: '\e882'; content: '\e882'; } .czico-132-arrows-8:before { --fa: '\e883'; content: '\e883'; } .czico-133-arrows-7:before { --fa: '\e884'; content: '\e884'; } .czico-134-arrows-6:before { --fa: '\e885'; content: '\e885'; } .czico-135-arrows-5:before { --fa: '\e886'; content: '\e886'; } .czico-136-play-button-3:before { --fa: '\e887'; content: '\e887'; } .czico-137-play-button-2:before { --fa: '\e888'; content: '\e888'; } .czico-138-play-button-1:before { --fa: '\e889'; content: '\e889'; } .czico-139-search-8:before { --fa: '\e88a'; content: '\e88a'; } .czico-140-search-7:before { --fa: '\e88b'; content: '\e88b'; } .czico-141-interface:before { --fa: '\e88c'; content: '\e88c'; } .czico-142-search-6:before { --fa: '\e88d'; content: '\e88d'; } .czico-143-magnifier-tool:before { --fa: '\e88e'; content: '\e88e'; } .czico-144-musica-searcher:before { --fa: '\e88f'; content: '\e88f'; } .czico-145-search-5:before { --fa: '\e890'; content: '\e890'; } .czico-146-search-4:before { --fa: '\e891'; content: '\e891'; } .czico-147-magnifying-glass:before { --fa: '\e892'; content: '\e892'; } .czico-148-search-3:before { --fa: '\e893'; content: '\e893'; } .czico-149-basket:before { --fa: '\e894'; content: '\e894'; } .czico-150-shopping-cart:before { --fa: '\e895'; content: '\e895'; } .czico-151-shopping-bag-1:before { --fa: '\e896'; content: '\e896'; } .czico-025-shopping-cart-3:before { --fa: '\e897'; content: '\e897'; } .czico-026-shopping-bag-3:before { --fa: '\e898'; content: '\e898'; } .czico-027-shopping-bag-2:before { --fa: '\e899'; content: '\e899'; } .czico-028-shopping-basket:before { --fa: '\e89a'; content: '\e89a'; } .czico-029-shopping-cart-2:before { --fa: '\e89b'; content: '\e89b'; } .czico-030-shopping-purse-icon:before { --fa: '\e89c'; content: '\e89c'; } .czico-031-commerce-9:before { --fa: '\e89d'; content: '\e89d'; } .czico-032-web-1:before { --fa: '\e89e'; content: '\e89e'; } .czico-033-commerce-8:before { --fa: '\e89f'; content: '\e89f'; } .czico-035-tool-2:before { --fa: '\e8a0'; content: '\e8a0'; } .czico-036-commerce-6:before { --fa: '\e8a1'; content: '\e8a1'; } .czico-037-commerce-5:before { --fa: '\e8a2'; content: '\e8a2'; } .czico-164-commerce-1:before { --fa: '\e8a3'; content: '\e8a3'; } .czico-165-play-button:before { --fa: '\e8a4'; content: '\e8a4'; } .czico-166-download-1:before { --fa: '\e8a5'; content: '\e8a5'; } .czico-038-commerce-4:before { --fa: '\e8a6'; content: '\e8a6'; } .czico-168-shopping-bag:before { --fa: '\e8a7'; content: '\e8a7'; } .czico-039-commerce-3:before { --fa: '\e8a8'; content: '\e8a8'; } .czico-170-location:before { --fa: '\e8a9'; content: '\e8a9'; } .czico-171-circular-clock:before { --fa: '\e8aa'; content: '\e8aa'; } .czico-172-zoom-in:before { --fa: '\e8ab'; content: '\e8ab'; } .czico-173-add:before { --fa: '\e8ac'; content: '\e8ac'; } .czico-174-search-2:before { --fa: '\e8ad'; content: '\e8ad'; } .czico-040-interface-3:before { --fa: '\e8ae'; content: '\e8ae'; } .czico-176-menu-1:before { --fa: '\e8af'; content: '\e8af'; } .czico-041-commerce-2:before { --fa: '\e8b0'; content: '\e8b0'; } .czico-178-check:before { --fa: '\e8b1'; content: '\e8b1'; } .czico-179-close:before { --fa: '\e8b2'; content: '\e8b2'; } .czico-180-multimedia:before { --fa: '\e8b3'; content: '\e8b3'; } .czico-181-search-1:before { --fa: '\e8b4'; content: '\e8b4'; } .czico-182-search:before { --fa: '\e8b5'; content: '\e8b5'; } .czico-183-social-media:before { --fa: '\e8b6'; content: '\e8b6'; } .czico-184-favorite:before { --fa: '\e8b7'; content: '\e8b7'; } .czico-185-internet:before { --fa: '\e8b8'; content: '\e8b8'; } .czico-186-luxury:before { --fa: '\e8b9'; content: '\e8b9'; } .czico-187-up-arrow-1:before { --fa: '\e8ba'; content: '\e8ba'; } .czico-188-arrows-2:before { --fa: '\e8bb'; content: '\e8bb'; } .czico-189-arrows-1:before { --fa: '\e8bc'; content: '\e8bc'; } .czico-190-arrows:before { --fa: '\e8bd'; content: '\e8bd'; } .czico-191-commerce:before { --fa: '\e8be'; content: '\e8be'; } .czico-192-youtube:before { --fa: '\e8bf'; content: '\e8bf'; } .czico-193-checked:before { --fa: '\e8c0'; content: '\e8c0'; } .czico-194-download:before { --fa: '\e8c1'; content: '\e8c1'; } .czico-195-equal:before { --fa: '\e8c2'; content: '\e8c2'; } .czico-196-link:before { --fa: '\e8c3'; content: '\e8c3'; } .czico-197-menu:before { --fa: '\e8c4'; content: '\e8c4'; } .czico-198-cancel:before { --fa: '\e8c5'; content: '\e8c5'; } .czico-199-up-arrow:before { --fa: '\e8c6'; content: '\e8c6'; } .czico-200-down-arrow:before { --fa: '\e8c7'; content: '\e8c7'; } .czico-201-back:before { --fa: '\e8c8'; content: '\e8c8'; } .czico-202-checked-1:before { --fa: '\e8c9'; content: '\e8c9'; } .czico-025-shield-3:before { --fa: '\e8ca'; content: '\e8ca'; } .czico-026-shield-2:before { --fa: '\e8cb'; content: '\e8cb'; } .czico-027-shield-1:before { --fa: '\e8cc'; content: '\e8cc'; } .czico-028-target-4:before { --fa: '\e8cd'; content: '\e8cd'; } .czico-029-target-3:before { --fa: '\e8ce'; content: '\e8ce'; } .czico-030-target-2:before { --fa: '\e8cf'; content: '\e8cf'; } .czico-031-objective:before { --fa: '\e8d0'; content: '\e8d0'; } .czico-032-apple:before { --fa: '\e8d1'; content: '\e8d1'; } .czico-033-qr-code:before { --fa: '\e8d2'; content: '\e8d2'; } .czico-034-blackberry-1:before { --fa: '\e8d3'; content: '\e8d3'; } .czico-035-blackberry:before { --fa: '\e8d4'; content: '\e8d4'; } .czico-036-windows:before { --fa: '\e8d5'; content: '\e8d5'; } .czico-037-windows-logo:before { --fa: '\e8d6'; content: '\e8d6'; } .czico-038-android:before { --fa: '\e8d7'; content: '\e8d7'; } .czico-039-clock-2:before { --fa: '\e8d8'; content: '\e8d8'; } .czico-040-target-1:before { --fa: '\e8d9'; content: '\e8d9'; } .czico-041-physics:before { --fa: '\e8da'; content: '\e8da'; } .czico-042-medal-1:before { --fa: '\e8db'; content: '\e8db'; } .czico-043-flask:before { --fa: '\e8dc'; content: '\e8dc'; } .czico-044-placeholder:before { --fa: '\e8dd'; content: '\e8dd'; } .czico-045-smartphone:before { --fa: '\e8de'; content: '\e8de'; } .czico-046-favorite:before { --fa: '\e8df'; content: '\e8df'; } .czico-047-telemarketer:before { --fa: '\e8e0'; content: '\e8e0'; } .czico-048-dashboard:before { --fa: '\e8e1'; content: '\e8e1'; } .czico-049-megaphone:before { --fa: '\e8e2'; content: '\e8e2'; } .czico-050-eye:before { --fa: '\e8e3'; content: '\e8e3'; } .czico-051-user:before { --fa: '\e8e4'; content: '\e8e4'; } .czico-052-target:before { --fa: '\e8e5'; content: '\e8e5'; } .czico-053-settings:before { --fa: '\e8e6'; content: '\e8e6'; } .czico-054-hand-shake:before { --fa: '\e8e7'; content: '\e8e7'; } .czico-055-conversation:before { --fa: '\e8e8'; content: '\e8e8'; } .czico-056-quality:before { --fa: '\e8e9'; content: '\e8e9'; } .czico-057-medal:before { --fa: '\e8ea'; content: '\e8ea'; } .czico-058-pie-chart:before { --fa: '\e8eb'; content: '\e8eb'; } .czico-059-bag-1:before { --fa: '\e8ec'; content: '\e8ec'; } .czico-060-equal:before { --fa: '\e8ed'; content: '\e8ed'; } .czico-061-bag:before { --fa: '\e8ee'; content: '\e8ee'; } .czico-062-box-2:before { --fa: '\e8ef'; content: '\e8ef'; } .czico-063-box-1:before { --fa: '\e8f0'; content: '\e8f0'; } .czico-064-shield:before { --fa: '\e8f1'; content: '\e8f1'; } .czico-065-heart:before { --fa: '\e8f2'; content: '\e8f2'; } .czico-066-money-4:before { --fa: '\e8f3'; content: '\e8f3'; } .czico-067-truck:before { --fa: '\e8f4'; content: '\e8f4'; } .czico-068-wallet:before { --fa: '\e8f5'; content: '\e8f5'; } .czico-069-tag:before { --fa: '\e8f6'; content: '\e8f6'; } .czico-070-price:before { --fa: '\e8f7'; content: '\e8f7'; } .czico-071-money-3:before { --fa: '\e8f8'; content: '\e8f8'; } .czico-072-discount:before { --fa: '\e8f9'; content: '\e8f9'; } .czico-073-money-2:before { --fa: '\e8fa'; content: '\e8fa'; } .czico-074-money-1:before { --fa: '\e8fb'; content: '\e8fb'; } .czico-075-news:before { --fa: '\e8fc'; content: '\e8fc'; } .czico-076-bill:before { --fa: '\e8fd'; content: '\e8fd'; } .czico-077-like:before { --fa: '\e8fe'; content: '\e8fe'; } .czico-078-support:before { --fa: '\e8ff'; content: '\e8ff'; } .czico-079-hand:before { --fa: '\e900'; content: '\e900'; } .czico-080-box:before { --fa: '\e901'; content: '\e901'; } .czico-081-money:before { --fa: '\e902'; content: '\e902'; } .czico-082-shop:before { --fa: '\e903'; content: '\e903'; } .czico-083-rocket-ship:before { --fa: '\e904'; content: '\e904'; } .czico-084-creative:before { --fa: '\e905'; content: '\e905'; } .czico-085-light-bulb:before { --fa: '\e906'; content: '\e906'; } .czico-086-speech-bubble-3:before { --fa: '\e907'; content: '\e907'; } .czico-016-arrows-10:before { --fa: '\e908'; content: '\e908'; } .czico-088-speech-bubble-1:before { --fa: '\e909'; content: '\e909'; } .czico-089-speech-bubble:before { --fa: '\e90a'; content: '\e90a'; } .czico-090-mail-2:before { --fa: '\e90b'; content: '\e90b'; } .czico-091-mail-1:before { --fa: '\e90c'; content: '\e90c'; } .czico-092-phone-call-1:before { --fa: '\e90d'; content: '\e90d'; } .czico-093-email:before { --fa: '\e90e'; content: '\e90e'; } .czico-094-mail:before { --fa: '\e90f'; content: '\e90f'; } .czico-095-play-button:before { --fa: '\e910'; content: '\e910'; } .czico-096-music-player:before { --fa: '\e911'; content: '\e911'; } .czico-097-check:before { --fa: '\e912'; content: '\e912'; } .czico-098-tick-4:before { --fa: '\e913'; content: '\e913'; } .czico-099-tick-3:before { --fa: '\e914'; content: '\e914'; } .czico-100-tick-2:before { --fa: '\e915'; content: '\e915'; } .czico-101-tick-1:before { --fa: '\e916'; content: '\e916'; } .czico-102-checklist:before { --fa: '\e917'; content: '\e917'; } .czico-103-success:before { --fa: '\e918'; content: '\e918'; } .czico-104-tick:before { --fa: '\e919'; content: '\e919'; } .czico-105-check-mark-1:before { --fa: '\e91a'; content: '\e91a'; } .czico-106-check-mark:before { --fa: '\e91b'; content: '\e91b'; } .czico-remove-1:before { --fa: '\e91c'; content: '\e91c'; } .czico-108-small-calendar:before { --fa: '\e91d'; content: '\e91d'; } .czico-109-clock-1:before { --fa: '\e91e'; content: '\e91e'; } .czico-110-calendar:before { --fa: '\e91f'; content: '\e91f'; } .czico-111-clock:before { --fa: '\e920'; content: '\e920'; } .czico-112-location:before { --fa: '\e921'; content: '\e921'; } .czico-Icon-Action-Cart-Off:before { --fa: '\e922'; content: '\e922'; } .czico-114-internet-1:before { --fa: '\e923'; content: '\e923'; } .czico-115-grid-world:before { --fa: '\e924'; content: '\e924'; } .czico-116-internet:before { --fa: '\e925'; content: '\e925'; } .czico-117-gallery-layout:before { --fa: '\e926'; content: '\e926'; } .czico-118-square-grid:before { --fa: '\e927'; content: '\e927'; } .czico-119-gallery:before { --fa: '\e928'; content: '\e928'; } .czico-120-layout:before { --fa: '\e929'; content: '\e929'; } .czico-121-24-hours:before { --fa: '\e92a'; content: '\e92a'; } .czico-122-phone-call:before { --fa: '\e92b'; content: '\e92b'; } .czico-123-call:before { --fa: '\e92c'; content: '\e92c'; } .czico-124-smartphone-call:before { --fa: '\e92d'; content: '\e92d'; } .czico-minus-symbol:before { --fa: '\e92e'; content: '\e92e'; } .czico-Icon-Action-Cart-On:before { --fa: '\e92f'; content: '\e92f'; } .czico-line-button:before { --fa: '\e930'; content: '\e930'; } .czico-minus:before { --fa: '\e931'; content: '\e931'; } .czico-minus-2:before { --fa: '\e932'; content: '\e932'; } .czico-minus-1:before { --fa: '\e933'; content: '\e933'; } .czico-Icon-Badges-RecommendedProduct:before { --fa: '\e934'; content: '\e934'; } .czico-Icon-Location-Pin:before { --fa: '\e935'; content: '\e935'; } .czico-Icon-Action-Registeration-Signout:before { --fa: '\e936'; content: '\e936'; } .czico-discount:before { --fa: '\e937'; content: '\e937'; } .czico-gift-box:before { --fa: '\e938'; content: '\e938'; } .czico-Icon-Action-Order:before { --fa: '\e939'; content: '\e939'; } .czico-close:before { --fa: '\e93a'; content: '\e93a'; } .czico-close-bold:before { --fa: '\e93b'; content: '\e93b'; } .czico-cancel:before { --fa: '\e93c'; content: '\e93c'; } .czico-Icon-Navigation-Arrow-Left:before { --fa: '\e93d'; content: '\e93d'; } .czico-Icon-Navigation-Chevron-Right:before { --fa: '\e93e'; content: '\e93e'; } .czico-Icon-Navigation-Chevron-Left:before { --fa: '\e93f'; content: '\e93f'; } .czico-Icon-Navigation-Arrow-Right:before { --fa: '\e940'; content: '\e940'; } .czico-Icon-Navigation-Arrow-Down:before { --fa: '\e941'; content: '\e941'; } .czico-Icon-Navigation-Expand-More:before { --fa: '\e942'; content: '\e942'; } .czico-Icon-Navigation-Expand-Less:before { --fa: '\e943'; content: '\e943'; } .czico-clock:before { --fa: '\e944'; content: '\e944'; } .czico-Icon-Action-Favorite-Off:before { --fa: '\e945'; content: '\e945'; } .czico-Icon-Action-Favorite-On:before { --fa: '\e946'; content: '\e946'; } .czico-Icon-Alert-Notification-Active:before { --fa: '\e947'; content: '\e947'; } .czico-Icon-Alert-Notification-Active-Fill:before { --fa: '\e948'; content: '\e948'; } .czico-Icon-Action-Share:before { --fa: '\e949'; content: '\e949'; } .czico-Icon-Action-PriceChart:before { --fa: '\e94a'; content: '\e94a'; } .czico-Icon-Action-Search-Trend:before { --fa: '\e94b'; content: '\e94b'; } .czico-Icon-Action-Search-Search:before { --fa: '\e94c'; content: '\e94c'; } .czico-Icon-Action-Compare:before { --fa: '\e94d'; content: '\e94d'; } .czico-Icon-Badges-Seller:before { --fa: '\e94e'; content: '\e94e'; } .czico-add-compare:before { --fa: '\e94f'; content: '\e94f'; } .czico-Icon-Action-Support:before { --fa: '\e950'; content: '\e950'; } .czico-Icon-Action-Filter:before { --fa: '\e951'; content: '\e951'; } .czico-params:before { --fa: '\e952'; content: '\e952'; } .czico-seller-sm:before { --fa: '\e953'; content: '\e953'; } .czico-seller-new:before { --fa: '\e954'; content: '\e954'; } .czico-comments:before { --fa: '\e955'; content: '\e955'; } .czico-faq:before { --fa: '\e956'; content: '\e956'; } .czico-guarantee:before { --fa: '\e957'; content: '\e957'; } .czico-guaranteed:before { --fa: '\e958'; content: '\e958'; } .czico-positive:before { --fa: '\e959'; content: '\e959'; } .czico-Brand-Digikala-USPs-Monocolor-7daysreturn:before { --fa: '\e95a'; content: '\e95a'; } .czico-Brand-Digikala-USPs-Monocolor-7x24:before { --fa: '\e95b'; content: '\e95b'; } .czico-Brand-Digikala-USPs-Monocolor-BestPrice:before { --fa: '\e95c'; content: '\e95c'; } .czico-Brand-Digikala-USPs-Monocolor-ExpressDelivery:before { --fa: '\e95d'; content: '\e95d'; } .czico-Brand-Digikala-USPs-Monocolor-OriginalPruduct:before { --fa: '\e95e'; content: '\e95e'; } .czico-Brand-Digikala-USPs-Monocolor-CashonDelivery:before { --fa: '\e95f'; content: '\e95f'; } .czico-Icon-Action-Delete:before { --fa: '\e960'; content: '\e960'; } .czico-Icon-Action-SaveforLater:before { --fa: '\e961'; content: '\e961'; } .czico-Icon-Badges-Delivery-Base:before { --fa: '\e962'; content: '\e962'; } .czico-Icon-Action-Category-Outline:before { --fa: '\e963'; content: '\e963'; } .czico-001-left-arrow-3:before { --fa: '\e964'; content: '\e964'; } .czico-aparat:before { --fa: '\e965'; content: '\e965'; } .czico-shape1:before { --fa: '\eb2b'; content: '\eb2b'; } .czico-xtra:before { --fa: '\eb2c'; content: '\eb2c'; } .czico-shape8:before { --fa: '\eb2d'; content: '\eb2d'; } .czico-shape2:before { --fa: '\eb2e'; content: '\eb2e'; } .czico-shape3:before { --fa: '\eb2f'; content: '\eb2f'; } .czico-shape4:before { --fa: '\eb30'; content: '\eb30'; } .czico-shape5:before { --fa: '\eb31'; content: '\eb31'; } .czico-shape6:before { --fa: '\eb32'; content: '\eb32'; } .czico-shape7:before { --fa: '\eb33'; content: '\eb33'; } .czico-snowflake-4:before { --fa: '\eb34'; content: '\eb34'; } .czico-snowflake-1:before { --fa: '\eb35'; content: '\eb35'; } .czico-snowflake-2:before { --fa: '\eb36'; content: '\eb36'; } .czico-snowflake-3:before { --fa: '\eb37'; content: '\eb37'; } .czico-009-percentage:before { --fa: '\eb38'; content: '\eb38'; } .czico-010-percentage-1:before { --fa: '\eb39'; content: '\eb39'; } .czico-011-price-tag:before { --fa: '\eb3a'; content: '\eb3a'; } .czico-012-smartphone:before { --fa: '\eb3b'; content: '\eb3b'; } .czico-013-discount:before { --fa: '\eb3c'; content: '\eb3c'; } .czico-014-percentage-2:before { --fa: '\eb3d'; content: '\eb3d'; } .czico-015-24-hours-support:before { --fa: '\eb3e'; content: '\eb3e'; } .czico-016-telemarketer:before { --fa: '\eb3f'; content: '\eb3f'; } .czico-017-rescue-tube:before { --fa: '\eb40'; content: '\eb40'; } .czico-018-rescue-tube:before { --fa: '\eb41'; content: '\eb41'; } .czico-019-rescue-tube:before { --fa: '\eb42'; content: '\eb42'; } .czico-020-rescue-tube:before { --fa: '\eb43'; content: '\eb43'; } .czico-021-rescue-tube:before { --fa: '\eb44'; content: '\eb44'; } .czico-022-live-preserver:before { --fa: '\eb45'; content: '\eb45'; } .czico-long-right-arrow:before { --fa: '\eb46'; content: '\eb46'; } .czico-long-left-arrow:before { --fa: '\eb47'; content: '\eb47'; } .czico-abstract-christmas-tree:before { --fa: '\eb48'; content: '\eb48'; } .czico-snowflake-5:before { --fa: '\eb49'; content: '\eb49'; } .czico-shuffle:before { --fa: '\e966'; content: '\e966'; } .czico-loop:before { --fa: '\e967'; content: '\e967'; } .czico-flow-cross:before { --fa: '\e968'; content: '\e968'; } .czico-loop-alt:before { --fa: '\e969'; content: '\e969'; } .czico-down-small:before { --fa: '\e96a'; content: '\e96a'; } .czico-left-small:before { --fa: '\e96b'; content: '\e96b'; } .czico-right-small:before { --fa: '\e96c'; content: '\e96c'; } .czico-up-small:before { --fa: '\e96d'; content: '\e96d'; } .czico-menu:before { --fa: '\e96e'; content: '\e96e'; } .czico-menu-outline:before { --fa: '\e96f'; content: '\e96f'; } .czico-list:before { --fa: '\e970'; content: '\e970'; } .czico-article:before { --fa: '\e971'; content: '\e971'; } .czico-loop-1:before { --fa: '\e972'; content: '\e972'; } .czico-ok:before { --fa: '\e973'; content: '\e973'; } .czico-th-large:before { --fa: '\e974'; content: '\e974'; } .czico-th-list:before { --fa: '\e975'; content: '\e975'; } .czico-arrow-app-left-down:before { --fa: '\e995'; content: '\e995'; } .czico-arrow-app-down:before { --fa: '\e996'; content: '\e996'; } .czico-arrow-app-left:before { --fa: '\e997'; content: '\e997'; } .czico-arrow-app-right-down:before { --fa: '\e998'; content: '\e998'; } .czico-arrow-app-left-up:before { --fa: '\e999'; content: '\e999'; } .czico-arrow-app-up:before { --fa: '\e99a'; content: '\e99a'; } .czico-arrow-app-right-up:before { --fa: '\e99b'; content: '\e99b'; } .czico-arrow-app-right:before { --fa: '\e99c'; content: '\e99c'; } .czico-box-filled:before { --fa: '\e99d'; content: '\e99d'; } .czico-tripadvisor:before { --fa: '\e99e'; content: '\e99e'; } .czico-box-outline-1:before { --fa: '\e99f'; content: '\e99f'; } .czico-link-outline-1:before { --fa: '\e9a0'; content: '\e9a0'; } .czico-sale-outline-1:before { --fa: '\e9a1'; content: '\e9a1'; } .czico-play-outline-1:before { --fa: '\e9a2'; content: '\e9a2'; } .czico-crown-outline:before { --fa: '\e9a3'; content: '\e9a3'; } .czico-box-outline-2:before { --fa: '\e9a'; content: '\e9a4'; }[data-cz-style] {
opacity: 0
}
.disable-hover {
pointer-events: none;
}
.wpcf7 p br {
display: none
}
.page_content i:before {
margin: 0;
width: auto;
line-height: inherit
}
.codevz-color-white,
.codevz-color-white a,
.codevz-color-white a:hover {
color: #fff
}
.codevz-color-black,
.codevz-color-black a,
.codevz-color-black a:hover {
color: #000
}
.codevz-color-white a:hover,
.codevz-color-black a:hover {
opacity: .9
}
.wpb_animate_when_almost_visible {
position: relative;
transition: none !important;
z-index: 1
}
.codevz-page-content-element {
position: relative;
z-index: 1
}
.xtra-hide-cursor,
.xtra-hide-cursor a,
.xtra-hide-cursor a:hover {
cursor: none
} .cz_sticky_row.vc_row {
position: fixed !important;
width: 101% !important;
bottom: 0 !important;
left: 0 !important;
right: auto;
z-index: 999
}
.cz_five_columns > .wpb_column,
.cz_five_columns > .vc_vc_column {
width: calc( 100% / 5 )
}
.cz_five_columns > .wpb_column:last-child,
.cz_five_columns > .vc_vc_column:last-child {
display: none
}
.fixed_bg, 
.fixed_bg .vc_parallax-inner,
.cz_fixed_bg, 
.cz_fixed_bg .vc_parallax-inner {
background-attachment: fixed
}
.vc_row {
position: relative;
z-index: auto
}
div.vc_row[data-vc-full-width],
footer div.vc_row[data-vc-full-width] {
overflow: visible
}
div.vc_parallax, 
div.vc_parallax[data-vc-full-width] {
overflow: hidden !important
}
div.vc_col-has-fill > .vc_column-inner, 
div.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, 
div.vc_row-has-fill + .vc_row>.vc_column_container > .vc_column-inner, 
div.vc_row-has-fill > .vc_column_container > .vc_column-inner,
div.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, 
div.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, 
div.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, 
div.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
padding-top: 0
}
.no_padding .vc_column_container > .vc_column-inner,
.nopadding .vc_column_container > .vc_column-inner {
padding: 0
}
.vc_message_box {
padding: 1em 2em 1em 5.5em
}
.vc_message_box-icon {
border-right: 1px dotted;
box-shadow: 5px 0 1px rgba(50, 50, 93, .04)
}
.cz_gradient_white_down {
background: linear-gradient(to top, #fff, transparent)
}
.cz_gradient_white_up {
background: linear-gradient(to top, transparent, #fff)
}
.vc_cz_contact_form_7 {
min-height: 40px
} [class*='fx_'], [class*='fx_'] > div {
transition: all 220ms ease-in-out, color 1ms
}
.fx_opacity > div,
.fx_opacity_hover > div:hover,
.column-fx_opacity > div,
.column-fx_opacity_hover > div:hover {
opacity: .5
}
.fx_full_opacity:hover,
.column-fx_full_opacity:hover {
opacity: 1
}
.fx_zoom_0,
.column-fx_zoom_0 {
z-index: 99;
transform: scale(1.05)
}
.fx_zoom_0_hover:hover,
.column-fx_zoom_0_hover:hover {
z-index: 100;
transform: scale(1.05)
}
.fx_zoom_1,
.column-fx_zoom_1 {
z-index: 99;
transform: scale(1.1)
}
.fx_zoom_1_hover:hover,
.column-fx_zoom_1_hover:hover {
z-index: 100;
transform: scale(1.1)
}
.fx_zoom_2,
.column-fx_zoom_2 {
z-index: 99;
transform: scale(1.2)
}
.fx_zoom_2_hover:hover,
.column-fx_zoom_2_hover:hover {
z-index: 100;
transform: scale(1.2)
}
.fx_inner_line .cz_box_front_inner > div:before,
.fx_inner_line_hover .cz_box_front_inner > div:before,
.column-fx_inner_line > .elementor-element-populated:before,
.column-fx_inner_line_hover > .elementor-element-populated:before {
content: '';
position: absolute;
border: 4px solid rgba(167, 167, 167, .2);
visibility: visible;
z-index: 0;
left: 10px;
top: 10px;
width: calc(100% - 30px);
height: calc(100% - 30px);
opacity: 0;
transform: scale(1.1, 1.1);
border-radius: inherit;
transition: all 220ms ease-in-out
}
.column-fx_inner_line > .elementor-element-populated:before,
.column-fx_inner_line_hover > .elementor-element-populated:before {
z-index: 1;
width: calc(100% - 20px);
height: calc(100% - 20px)
}
.fx_inner_line .cz_box_front_inner > div:before,
.fx_inner_line_hover .cz_box_front_inner > div:hover:before,
.column-fx_inner_line > .elementor-element-populated:before,
.column-fx_inner_line_hover > .elementor-element-populated:hover:before {
opacity: 1;
transform: scale(1, 1)
}
.fx_up,
.fx_up_hover:hover,
.column-fx_up,
.column-fx_up_hover:hover {
transform: translateY(-30px)
}
.fx_down,
.fx_down_hover:hover,
.column-fx_down,
.column-fx_down_hover:hover {
transform: translateY(30px)
}
.fx_right,
.fx_right_hover:hover,
.column-fx_right,
.column-fx_right_hover:hover {
transform: translateX(30px)
}
.fx_left,
.fx_left_hover:hover,
.column-fx_left,
.column-fx_left_hover:hover {
transform: translateX(-30px)
}
.fx_z_hover > div,
.column-fx_z_hover > div {
transition: all .6s cubic-bezier(.77, 0, .175, 1)
}
.fx_z_hover:hover > div,
.column-fx_z_hover:hover > div {
transform: rotateZ(360deg)
}
.fx_bounce_hover:hover,
.column-fx_bounce_hover:hover {
animation: fx_bounce .8s forwards
}
@keyframes fx_bounce {
0%, 20%, 60%, 100% {transform: translateY(0)}
40% {transform: translateY(-20px)}
80% {transform: translateY(-10px)}
}
.fx_skew_left, 
.fx_skew_left_hover:hover,
.column-fx_skew_left, 
.column-fx_skew_left_hover:hover {
transform: skew(10deg)
}
.fx_skew_right, 
.fx_skew_right_hover:hover,
.column-fx_skew_right, 
.column-fx_skew_right_hover:hover {
transform: skew(-10deg)
}
.fx_flash_hover:hover *,
.column-fx_flash_hover:hover * {
z-index: 99;
animation: fx_flash 1s forwards
}
@keyframes fx_flash {
0% {opacity: .4}
25% {opacity: .1}
50% {opacity: .8}
75% {opacity: .2}
100% {opacity: 1}
}
.cz_content_box_parent_fx .fx_shine_hover .cz_box_front_inner,
.xtra-service-box .fx_shine_hover,
.xtra-service-box-hover .fx_shine_hover,
.column-fx_shine_hover {
position: relative;
overflow: hidden
}
.cz_content_box_parent_fx .fx_shine_hover .cz_box_front_inner:before,
.xtra-service-box .fx_shine_hover:before,
.xtra-service-box-hover .fx_shine_hover:before,
.column-fx_shine_hover:before {
position: absolute;
top: 0;
left: -120%;
z-index: 2;
display: block;
visibility: visible;
content: '';
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
transform: skewX(-25deg)
}
.cz_content_box_parent_fx .fx_shine_hover .cz_box_front_inner:hover:before,
.xtra-service-box .fx_shine_hover:hover:before,
.xtra-service-box-hover .fx_shine_hover:hover:before,
.column-fx_shine_hover:hover:before {
z-index: 99;
animation: fx_shine 1s forwards
}
@keyframes fx_shine {
0% {left: -90%}
100% {left: 130%}
}
.fx_grayscale > div,
.fx_grayscale_hover > div:hover,
.column-fx_grayscale > div,
.column-fx_grayscale_hover > div:hover {
filter: grayscale(100%)
}
.fx_remove_grayscale_hover:hover,
.column-fx_remove_grayscale_hover:hover {
filter: grayscale(0%)
}
.fx_grow_rotate_right,
.fx_grow_rotate_right_hover:hover,
.column-fx_grow_rotate_right,
.column-fx_grow_rotate_right_hover:hover {
z-index: 99;
transform: scale(1.06) rotate(3deg);
}
.fx_grow_rotate_left,
.fx_grow_rotate_left_hover:hover,
.column-fx_grow_rotate_left,
.column-fx_grow_rotate_left_hover:hover {
z-index: 99;
transform: scale(1.06) rotate(-3deg);
}
.fx_bob,
.fx_bob_hover:hover,
.cz_hotspot_bob,
.column-fx_bob > div,
.column-fx_bob_hover > div:hover {
z-index: 99;
animation-name: hvr-bob-float, hvr-bob;
animation-duration: .3s, 1s;
animation-delay: 0s, .3s;
animation-timing-function: ease-out, ease-in-out;
animation-iteration-count: 1, infinite;
animation-fill-mode: none, forwards;
animation-direction: normal, alternate;
box-shadow: 0 35px 35px rgba(50, 50, 93, .1)
}
@keyframes hvr-bob {
0% {transform: translateY(-8px)}
50% {transform: translateY(-4px)}
100% {transform: translateY(-8px)}
}
@keyframes hvr-bob-float {
100% {transform: translateY(-8px)}
}
.fx_wobble_skew_hover:hover,
.column-fx_wobble_skew_hover:hover {
z-index: 9;
animation: hvr-wobble-skew 1s forwards ease-in-out
}
@keyframes hvr-wobble-skew {
16.65% {transform: skew(-12deg)}
33.3% {transform: skew(10deg)}
49.95% {transform: skew(-6deg)}
66.6% {transform: skew(4deg)}
83.25% {transform: skew(-2deg)}
100% {transform: skew(0)}
} [class*='cz_brfx_'], 
[data-animation^='cz_grid_brfx_'] > div {
position: relative;
overflow: hidden !important
}
[class*='cz_brfx_'] > *, 
[data-animation^='cz_grid_brfx_'] > div > div > * {
opacity: 0
}
[data-animation^='cz_grid_brfx_'] > div {
opacity: 1 !important
}
[data-animation^='cz_grid_brfx_'] > div > div {
overflow: hidden
}
[class*='cz_brfx_']:before, 
[data-animation^='cz_grid_brfx_'] > div > div:before {
content: '';
position: absolute;
left: -1px;
top: 0;
width: 101%;
height: 100%;
background: #111;
z-index: 99;
visibility: visible;
animation-delay: inherit !important
}
[class*='cz_brfx_'].wpb_start_animation > *,
[data-animation^='cz_grid_brfx_'] > [class*='cz_grid_brfx_'] > div > * {
animation-delay: inherit !important;
animation: czItfxDone 1.3s forwards
}
@keyframes czItfxDone {
50% {opacity: 0}
54% {opacity: 1}
100% {opacity: 1}
}
[data-animation='cz_grid_brfx_right'] > div > div:before {
transform: translateX(-100%)
}
.cz_brfx_right.wpb_start_animation:before,
[data-animation='cz_grid_brfx_right'] > .cz_grid_brfx_right > div:before {
transform: translateX(-100%);
animation: czItfxRight 1.3s cubic-bezier(.77, 0, .175, 1) forwards
}
@keyframes czItfxRight {
0% {transform: translateX(-100%)}
50% {transform: translateX(0)}
100% {transform: translateX(100%)}
}
[data-animation='cz_grid_brfx_left'] > div > div:before {
transform: translateX(100%)
}
.cz_brfx_left.wpb_start_animation:before,
[data-animation='cz_grid_brfx_left'] > .cz_grid_brfx_left > div:before {
transform: translateX(100%);
animation: czItfxLeft 1.3s cubic-bezier(.77, 0, .175, 1) forwards
}
@keyframes czItfxLeft {
0% {transform: translateX(100%)}
50% {transform: translateX(0)}
100% {transform: translateX(-100%)}
}
[data-animation='cz_grid_brfx_up'] > div > div:before {
transform: translateY(100%)
}
.cz_brfx_up.wpb_start_animation:before,
[data-animation='cz_grid_brfx_up'] > .cz_grid_brfx_up > div:before {
transform: translateY(100%);
animation: czItfxUp 1.3s cubic-bezier(.77, 0, .175, 1) forwards
}
@keyframes czItfxUp {
0% {transform: translateY(100%);opacity: 1;}
50% {transform: translateY(0);opacity: 1;}
100% {transform: translateY(-100%);opacity: 1;}
}
[data-animation='cz_grid_brfx_down'] > div > div:before {
transform: translateY(-100%)
}
.cz_brfx_down.wpb_start_animation:before,
[data-animation='cz_grid_brfx_down'] > .cz_grid_brfx_down > div:before {
transform: translateY(-100%);
animation: czItfxDown 1.3s cubic-bezier(.77, 0, .175, 1) forwards
}
@keyframes czItfxDown {
0% {transform: translateY(-100%)}
50% {transform: translateY(0)}
100% {transform: translateY(100%)}
} .cz_social {
position: relative
}
.rtl .cz_social.tal {
text-align: right !important
}
.rtl .cz_social.tar {
text-align: left !important
}
.header_1 .cz_social {
z-index: 99999
}
#xtra-social-popup {
text-align: center
}
.xtra-social-dropdown {
position: absolute;
display: none;
z-index: 2;
top: 100%;
left: 50%;
padding: 8px;
width: max-content;
background: #fff;
border-radius: 2px;
color: initial;
margin-top: 18px;
text-align: center;
margin-left: 0 !important;
margin-right: 0 !important;
transform: translateX(-50%);
box-shadow: 1px 6px 20px rgba(17, 17, 17, .1)
}
footer .xtra-social-dropdown {
top: auto;
bottom: 100%;
margin-bottom: 18px;
margin-top: 0
}
.xtra-social-dropdown:before {
content: no-close-quote;
width: 15px;
height: 15px;
position: absolute;
top: 1px;
left: 50%;
background: inherit;
background-image: none;
z-index: -1;
transform: rotate(45deg) translateX(-50%)
}
footer .xtra-social-dropdown:before {
top: auto;
bottom: -10px
}
.xtra-social-icon-trigger {
cursor: pointer;
width: 2em;
height: 2em;
font-size: 22px;
line-height: 2em;
border-radius: 2px;
text-align: center;
vertical-align: middle;
transition: all .2s ease-in-out;
border: 1px solid transparent
}
.cz_social a {
position: relative;
display: inline-block;
text-align: center;
font-size: 20px;
width: 2em;
height: 2em;
line-height: 2em
}
.cz_vertical_elm .cz_social a,
.xtra-social-columnar a {
display: block;
margin-left: 0 !important;
margin-right: 0 !important
}
.cz_social_inline_title a {
width: auto;
padding: 0 20px
}
.cz_social_inline_title i,
#wp-admin-bar-query-monitor small {
margin-right: 10px;
display: inline-block
}
.rtl .cz_social_inline_title i {
margin-right: 0;
margin-left: 10px
}
.cz_social span {
display: none
}
.cz_social_inline_title span {
font-size: .8em;
display: inline
}
.cz_social i {
line-height: inherit
}
[class*="cz_tooltip_"] [data-title] {
position: relative
}
[class*="cz_tooltip_"] [data-title]:after {
position: absolute;
content: attr(data-title);
font-family: "Open Sans", Arial, Helvetica;
font-size: 12px;
font-weight: 500;
line-height: 1;
z-index: 9;
color: #fff;
background: #111;
padding: 8px 12px;
border-radius: 2px;
opacity: 0;
visibility: hidden;
white-space: nowrap;
transition: all .2s ease-in-out
}
[class*="cz_tooltip_"] [data-title]:hover:after {
opacity: 1;
visibility: visible;
}
.cz_tooltip_up [data-title]:after {top:-7px;left:50%;transform:translate(-50%, -100%) scale(.8)}
.cz_tooltip_up [data-title]:hover:after {transform:translate(-50%, -100%) scale(1)}
.cz_tooltip_down [data-title]:after {bottom:-7px;left:50%;transform:translate(-50%, 100%) scale(.8)}
.cz_tooltip_down [data-title]:hover:after {transform:translate(-50%, 100%) scale(1)}
.cz_tooltip_right [data-title]:after {right:-7px;top:50%;transform:translate(100%, -50%) scale(.8)}
.cz_tooltip_right [data-title]:hover:after {transform:translate(100%, -50%) scale(1)}
.cz_tooltip_left [data-title]:after {left:-7px;top:50%;transform:translate(-100%, -50%) scale(.8)}
.cz_tooltip_left [data-title]:hover:after {transform:translate(-100%, -50%) scale(1)}
.cz_social_icons a,
.cz_social_icons a i:before {
box-sizing: content-box
}
.cz_social_icons a:not([href]) {
pointer-events: none
}
.cz_social_colored i, .cz_social_colored_hover a:hover i {color: #666}
.cz_social_colored .cz-twitter i, .cz_social_colored_hover .cz-twitter:hover i {color: #1DA1F2 !important} 
.cz_social_colored .cz-x-twitter i, .cz_social_colored_hover .cz-x-twitter:hover i {color: #000000 !important} 
.cz_social_colored .cz-facebook i, .cz_social_colored_hover .cz-facebook:hover i,
.cz_social_colored .cz-facebook-f i, .cz_social_colored_hover .cz-facebook-f:hover i {color: #3b5998 !important}
.cz_social_colored .cz-google i, .cz_social_colored_hover .cz-google:hover i {color: #dd4b39 !important}
.cz_social_colored .cz-pinterest i, .cz_social_colored_hover .cz-pinterest:hover i, 
.cz_social_colored .cz-pinterest-p i, .cz_social_colored_hover .cz-pinterest-p:hover i {color: #cb2027 !important}
.cz_social_colored .cz-linkedin i, .cz_social_colored_hover .cz-linkedin:hover i,
.cz_social_colored .cz-linkedin-in i, .cz_social_colored_hover .cz-linkedin-in:hover i {color: #007bb6 !important}
.cz_social_colored .cz-youtube i, .cz_social_colored_hover .cz-youtube:hover i,
.cz_social_colored .cz-youtube-play i, .cz_social_colored_hover .cz-youtube-play:hover i {color: #bb0000 !important}
.cz_social_colored .cz-vimeo i, .cz_social_colored_hover .cz-vimeo:hover i {color: #1ab7ea !important}
.cz_social_colored .cz-delicious i, .cz_social_colored_hover .cz-delicious:hover i {color: #0078f0 !important}
.cz_social_colored .cz-tumblr i, .cz_social_colored_hover .cz-tumblr:hover i {color: #32506d !important}
.cz_social_colored .cz-instagram i, .cz_social_colored_hover .cz-instagram:hover i {color: #bc2a8d !important}
.cz_social_colored .cz-flickr i, .cz_social_colored_hover .cz-flickr:hover i {color: #ff0084 !important}
.cz_social_colored .cz-dribbble i, .cz_social_colored_hover .cz-dribbble:hover i {color: #ea4c89 !important}
.cz_social_colored .cz-quora i, .cz_social_colored_hover .cz-quora:hover i {color: #a82400 !important}
.cz_social_colored .cz-foursquare i, .cz_social_colored_hover .cz-foursquare:hover i {color: #0072b1 !important}
.cz_social_colored .cz-forrst i, .cz_social_colored_hover .cz-forrst:hover i {color: #5B9A68 !important}
.cz_social_colored .cz-vk i, .cz_social_colored_hover .cz-vk:hover i {color: #45668e !important}
.cz_social_colored .cz-wordpress i, .cz_social_colored_hover .cz-wordpress:hover i {color: #21759b !important}
.cz_social_colored .cz-stumbleupon i, .cz_social_colored_hover .cz-stumbleupon:hover i {color: #EB4823 !important}
.cz_social_colored .cz-yahoo i, .cz_social_colored_hover .cz-yahoo:hover i {color: #7B0099 !important}
.cz_social_colored .cz-soundcloud i, .cz_social_colored_hover .cz-soundcloud:hover i {color: #ff3a00 !important}
.cz_social_colored .cz-mixcloud i, .cz_social_colored_hover .cz-mixcloud:hover i {color: #273a4b !important}
.cz_social_colored .cz-skype i, .cz_social_colored_hover .cz-skype:hover i {color: #00AFF0 !important}
.cz_social_colored .cz-reddit i, .cz_social_colored_hover .cz-reddit:hover i {color: #FF5700 !important}
.cz_social_colored .cz-whatsapp i, .cz_social_colored_hover .cz-whatsapp:hover i,
.cz_social_colored .cz-013-whatsapp-logo i, .cz_social_colored_hover .cz-013-whatsapp-logo:hover i {color: #25D366 !important}
.cz_social_colored .cz-behance i, .cz_social_colored_hover .cz-behance:hover i {color: #131418 !important}
.cz_social_colored .cz-telegram i, .cz_social_colored_hover .cz-telegram:hover i,
.cz_social_colored .cz-telegram-plane i, .cz_social_colored_hover .cz-telegram-plane:hover i,
.cz_social_colored .cz-paper-plane i, .cz_social_colored_hover .cz-paper-plane:hover i,
.cz_social_colored .cz-paper-plane-o i, .cz_social_colored_hover .cz-paper-plane-o:hover i {color: #0088cc !important}
.cz_social_colored .cz-aparat i, .cz_social_colored_hover .cz-aparat:hover i {color: #ed0b58 !important}
.cz_social_colored_bg a, .cz_social_colored_bg_hover a:hover {background: #aaa}
.cz_social_colored_bg .cz-twitter,  .cz_social_colored_bg_hover .cz-twitter:hover {background-color: #1DA1F2 !important} 
.cz_social_colored_bg .cz-x-twitter,  .cz_social_colored_bg_hover .cz-x-twitter:hover {background-color: #000000 !important} 
.cz_social_colored_bg .cz-facebook, .cz_social_colored_bg_hover .cz-facebook:hover,
.cz_social_colored_bg .cz-facebook-f, .cz_social_colored_bg_hover .cz-facebook-f:hover {background-color: #3b5998 !important}
.cz_social_colored_bg .cz-google, .cz_social_colored_bg_hover .cz-google:hover {background-color: #dd4b39 !important}
.cz_social_colored_bg .cz-pinterest, .cz_social_colored_bg_hover .cz-pinterest:hover,
.cz_social_colored_bg .cz-pinterest-p, .cz_social_colored_bg_hover .cz-pinterest-p:hover {background-color: #cb2027 !important}
.cz_social_colored_bg .cz-linkedin, .cz_social_colored_bg_hover .cz-linkedin:hover,
.cz_social_colored_bg .cz-linkedin-in, .cz_social_colored_bg_hover .cz-linkedin-in:hover {background-color: #007bb6 !important}
.cz_social_colored_bg .cz-youtube, .cz_social_colored_bg_hover .cz-youtube:hover,
.cz_social_colored_bg .cz-youtube-play, .cz_social_colored_bg_hover .cz-youtube-play:hover {background-color: #bb0000 !important}
.cz_social_colored_bg .cz-vimeo, .cz_social_colored_bg_hover .cz-vimeo:hover {background-color: #1ab7ea !important}
.cz_social_colored_bg .cz-delicious, .cz_social_colored_bg_hover .cz-delicious:hover {background-color: #0078f0 !important}
.cz_social_colored_bg .cz-tumblr, .cz_social_colored_bg_hover .cz-tumblr:hover {background-color: #32506d !important}
.cz_social_colored_bg .cz-instagram, .cz_social_colored_bg_hover .cz-instagram:hover {background-color: #a17357 !important;background: radial-gradient(circle farthest-corner at 35% 100%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 10% 140%,#feda7e,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e42e66 50%,#fa5332 70%,#ffdc80 100%) !important}
.cz_social_colored_bg .cz-flickr, .cz_social_colored_bg_hover .cz-flickr:hover {background-color: #ff0084 !important}
.cz_social_colored_bg .cz-dribbble, .cz_social_colored_bg_hover .cz-dribbble:hover {background-color: #ea4c89 !important}
.cz_social_colored_bg .cz-quora, .cz_social_colored_bg_hover .cz-quora:hover {background-color: #a82400 !important}
.cz_social_colored_bg .cz-foursquare, .cz_social_colored_bg_hover .cz-foursquare:hover {background-color: #0072b1 !important}
.cz_social_colored_bg .cz-forrst, .cz_social_colored_bg_hover .cz-forrst:hover {background-color: #5B9A68 !important}
.cz_social_colored_bg .cz-vk, .cz_social_colored_bg_hover .cz-vk:hover {background-color: #45668e !important}
.cz_social_colored_bg .cz-wordpress, .cz_social_colored_bg_hover .cz-wordpress:hover {background-color: #21759b !important}
.cz_social_colored_bg .cz-stumbleupon, .cz_social_colored_bg_hover .cz-stumbleupon:hover {background-color: #EB4823 !important}
.cz_social_colored_bg .cz-yahoo, .cz_social_colored_bg_hover .cz-yahoo:hover {background-color: #7B0099 !important}
.cz_social_colored_bg .cz-soundcloud, .cz_social_colored_bg_hover .cz-soundcloud:hover {background-color: #ff3a00 !important}
.cz_social_colored_bg .cz-mixcloud, .cz_social_colored_bg_hover .cz-mixcloud:hover {background-color: #273a4b !important}
.cz_social_colored_bg .cz-skype, .cz_social_colored_bg_hover .cz-skype:hover {background-color: #00AFF0 !important}
.cz_social_colored_bg .cz-reddit, .cz_social_colored_bg_hover .cz-reddit:hover {background-color: #FF5700 !important}
.cz_social_colored_bg .cz-whatsapp, .cz_social_colored_bg_hover .cz-whatsapp:hover,
.cz_social_colored_bg .cz-013-whatsapp-logo, .cz_social_colored_bg_hover .cz-013-whatsapp-logo:hover {background-color: #25D366 !important}
.cz_social_colored_bg .cz-behance, .cz_social_colored_bg_hover .cz-behance:hover {background-color: #131418 !important}
.cz_social_colored_bg .cz-telegram, .cz_social_colored_bg_hover .cz-telegram:hover,
.cz_social_colored_bg .cz-telegram-plane, .cz_social_colored_bg_hover .cz-telegram-plane:hover,
.cz_social_colored_bg .cz-paper-plane, .cz_social_colored_bg_hover .cz-paper-plane:hover,
.cz_social_colored_bg .cz-paper-plane-o, .cz_social_colored_bg_hover .cz-paper-plane-o:hover {background-color: #0088cc !important}
.cz_social_colored_bg .cz-aparat, .cz_social_colored_bg_hover .cz-aparat:hover {background-color: #ed0b58 !important}
.cz_social_colored_bg a, .cz_social_colored_bg_hover a:hover {color: #fff}
.cz_social_fx_0 a:hover i {
animation: socialZoomOut .4s cubic-bezier(0.9, 0.05, 0.1, 1) forwards
}
@keyframes socialZoomOut {
from {opacity: .5;transform: scale(0, 0)}
to {opacity: 1;transform: scale(1, 1)}
}
.cz_social_fx_1 a:hover i {
animation: socialZoomIn .3s cubic-bezier(0.9, 0.05, 0.1, 1) forwards
}
@keyframes socialZoomIn {
49% {transform: scale(1, 1)}
50% {opacity: 0;transform: scale(0, 0)}
51% {opacity: 1;transform: scale(2, 2)}
}
.cz_social_fx_2 a:hover i {
animation: socialFxB .3s cubic-bezier(0.9, 0.05, 0.1, 1) forwards
}
@keyframes socialFxB {
49% {transform: translateY(-100%)}
50% {opacity: 0;transform: translateY(100%)}
51% {opacity: 1}
}
.cz_social_fx_3 a:hover i {
animation: socialFxC .3s cubic-bezier(0.9, 0.05, 0.1, 1) forwards
}
@keyframes socialFxC {
49% {transform: translateY(100%)}
50% {opacity: 0;transform: translateY(-100%)}
51% {opacity: 1}
}
.cz_social_fx_4 a:hover i {
animation: socialFxD .3s cubic-bezier(0.9, 0.05, 0.1, 1) forwards
}
@keyframes socialFxD {
49% {transform: translateX(100%)}
50% {opacity: 0;transform: translateX(-100%)}
51% {opacity: 1}
}
.cz_social_fx_5 a:hover i {
animation: socialFxE .3s cubic-bezier(0.9, 0.05, 0.1, 1) forwards
}
@keyframes socialFxE {
49% {transform: translateX(-100%)}
50% {opacity: 0;transform: translateX(100%)}
51% {opacity: 1}
}
.cz_social_fx_6 a:hover i {
animation: socialFxF .4s cubic-bezier(0.9, 0.05, 0.1, 1) forwards
}
@keyframes socialFxF {
from {transform: rotate(0deg)}
to {transform: rotate(360deg)}
}
.cz_social_fx_7 a:hover i {
animation: wobble .5s 10 cubic-bezier(0.9, 0.05, 0.1, 1) forwards
}
@keyframes wobble {0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}
.cz_social_fx_8 a:hover i {
animation: flash .5s 10 cubic-bezier(0.9, 0.05, 0.1, 1) forwards
}
@keyframes flash {0%,50%,100%{opacity:1}25%,75%{opacity:0}}
.cz_social_fx_9 a:hover {
animation: bounceFX .6s cubic-bezier(0.9, 0.05, 0.1, 1) forwards
}
@keyframes bounceFX {
0%, 10%, 20%, 50%, 80% {transform: translateY(0)}
40% {transform: translateY(-6px)}
60% {transform: translateY(-6px)}
}
.cz_social_fx_10 a i, .cz_social_fx_11 a i {transition: all .4s cubic-bezier(0.9, 0.05, 0.1, 1)}
.cz_social_fx_10 a:hover i {transform:rotateY(360deg)}
.cz_social_fx_11 a:hover i {transform:rotateX(360deg)} .cz_infinite_anim_1 {
animation: InfiniteAnimA 4s ease-in-out infinite
}
@keyframes InfiniteAnimA {
0% {transform: translate(0, 0)}
50% {transform: translate(30px, 0)}
100% {transform: translate(0, 0)}
}
.cz_infinite_anim_2 {
animation: InfiniteAnimB 4s ease-in-out infinite
}
@keyframes InfiniteAnimB {
0% {transform: translate(0, 0)}
50% {transform: translate(0, 30px)}
100% {transform: translate(0, 0)}
}
.cz_infinite_anim_3 {
animation: InfiniteAnimC 4s ease-in-out infinite
}
@keyframes InfiniteAnimC {
0% {transform: translate(0, 0)}
50% {transform: translate(30px, 30px)}
100% {transform: translate(0, 0)}
}
.cz_infinite_anim_4 {
animation: InfiniteAnimD 4s ease-in-out infinite
}
@keyframes InfiniteAnimD {
0% {transform: translate(0, 0)}
50% {transform: translate(-30px, 30px)}
100% {transform: translate(0, 0)}
}
.cz_infinite_anim_5 {
animation: InfiniteAnimE 4s linear infinite
}
@keyframes InfiniteAnimE {
0% {transform: translate(0, 0)}
25% {transform: translate(10px, 10px)}
50% {transform: translate(20px, 0)}
75% {transform: translate(10px, -10px)}
100% {transform: translate(0, 0)}
}
.cz_loop_spinner {
display: inline-block;
animation-duration: 2.5s !important;
animation: czSpinner linear infinite
}
.cz_loop_spinner_normal {
display: inline-block;
animation-duration: 10s !important;
animation: czSpinner linear infinite
}
.cz_loop_spinner_slow {
display: inline-block;
animation-duration: 20s !important;
animation: czSpinner linear infinite
}
@keyframes czSpinner {
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}
.cz_loop_pulse {
animation: czPulse 2s infinite
}
@keyframes czPulse {
0% {transform: scale3d(1,1,1)}
50% {transform: scale3d(1.05,1.05,1.05)}
100% {transform: scale3d(1,1,1)}
}
.cz_loop_tada {
animation: czTada 1s infinite
}
@keyframes czTada {
0% {transform: scale3d(1,1,1)}
10%,20% {transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90% {transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80% {transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
100% {transform: scale3d(1,1,1)}
}
.cz_loop_flash {
animation: czFlash 2.5s infinite
}
@keyframes czFlash {
0%,50%,100% {opacity: 1}
25%,75% {opacity: 0}
}
.cz_loop_swing {
animation: czSwing 1.5s infinite
}
@keyframes czSwing {
20% {transform: rotate3d(0,0,1,15deg)}
40% {transform: rotate3d(0,0,1,-10deg)}
60% {transform: rotate3d(0,0,1,5deg)}
80% {transform: rotate3d(0,0,1,-5deg)}
100% {transform: rotate3d(0,0,1,0deg)}
}
.cz_loop_jello {
animation: czJello 1s infinite
}
@keyframes czJello {
11.1% {transform: none}
22.2% {transform: skewX(-12.5deg) skewY(-12.5deg)}
33.3% {transform: skewX(6.25deg) skewY(6.25deg)}
44.4% {transform: skewX(-3.125deg) skewY(-3.125deg)}
55.5% {transform: skewX(1.5625deg) skewY(1.5625deg)}
66.6% {transform: skewX(-0.78125deg) skewY(-0.78125deg)}
77.7% {transform: skewX(.390625deg) skewY(.390625deg)}
88.8% {transform: skewX(-0.1953125deg) skewY(-0.1953125deg)}
100% {transform: none}
} .cz_svg_bg {
position: relative;
overflow: visible !important;
max-width: 100%
}
.cz_svg_bg:before {
content: '';
left: -40px;
top: 40px;
width: 100%;
height: 100%;
display: block;
position: absolute;
visibility: visible;
z-index: 0
} .cz_image {
position: relative;
width: 100%
}
div.cz_image > div {
display: block
}
.cz_main_image, .cz_image_in {
position: relative;
z-index: 1;
overflow: hidden;
transition: all .2s ease-in-out
}
.cz_image .cz_hover_image {
position: absolute !important;
top: 50%;
left: 50%;
z-index: 2;
opacity: 0;
width: 100%;
overflow: hidden;
transform: translate(-50%, -50%);
transition: all .3s ease-in-out
}
.cz_main_image, 
.cz_hover_image, 
.cz_image .cz_image_in img {
border-radius: inherit
}
.cz_image:not(.cz_image_no_fx) .cz_image_in:hover .cz_main_image {
opacity: 0
}
.cz_image .cz_op_0 img{opacity:0}
.cz_image .cz_op_100 img{opacity:1}
.cz_image .cz_op_1 img{opacity:.1}
.cz_image .cz_op_2 img{opacity:.2}
.cz_image .cz_op_3 img{opacity:.3}
.cz_image .cz_op_4 img{opacity:.4}
.cz_image .cz_op_5 img{opacity:.5}
.cz_image .cz_op_6 img{opacity:.6}
.cz_image .cz_op_7 img{opacity:.7}
.cz_image .cz_op_8 img{opacity:.8}
.cz_image .cz_op_9 img{opacity:.9}
.cz_image_in:hover .cz_hover_image {
opacity: 1
}
.cz_image_no_fx .cz_hover_image {
opacity: 0 !important
}
.cz_image_caption {
position: relative;
z-index: 9;
transition: all .2s ease-in-out
}
.cz_image_caption_sticky .cz_image_caption {
position: absolute !important;
display: none;
left: auto;
top: auto;
right: auto !important;
bottom: auto !important;
transition: none
}
.cz_image_caption_sticky:hover {
z-index: 9
}
.codevz-plus-image-info-box > div > i {
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
z-index: 3;
font-size: 22px;
color: #fff;
background: #333;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
border-radius: 100px;
box-sizing: content-box;
padding: 10px
}
.codevz-plus-image-info-box[data-position="top-left"] > div > i {
right: auto;
left: 20px
}
.codevz-plus-image-info-box[data-position="bottom-left"] > div > i {
top: auto;
right: auto;
bottom: 20px;
left: 20px
}
.codevz-plus-image-info-box[data-position="bottom-right"] > div > i {
top: auto;
bottom: 20px
}
.codevz-plus-image-info-box .cz_image_caption {
position: absolute;
top: 0;
left: 0;
margin: 0;
z-index: 2;
width: 100%;
height: 100%;
padding: 50px;
overflow: hidden;
background: #ffffffd9;
box-sizing: border-box;
clip-path: circle(0% at calc(100% - 30px) 40px);
transition: all .7s ease-in-out
}
.codevz-plus-image-info-box[data-position="top-left"] .cz_image_caption {
clip-path: circle(0% at calc(0% + 30px) calc(0% + 40px))
}
.codevz-plus-image-info-box[data-position="bottom-left"] .cz_image_caption {
clip-path: circle(0% at calc(0% + 30px) calc(100% - 40px))
}
.codevz-plus-image-info-box[data-position="bottom-right"] .cz_image_caption {
clip-path: circle(0% at calc(100% - 30px) calc(100% - 40px))
}
.codevz-plus-image-info-box.codevz-plus-image-info-box-show .cz_image_caption {
clip-path: circle(150%)
} [class*="codevz-plus-inverted-radius-"] {
--r: 30px; --s: 30px; --x: 40px; --y: 40px; border-radius: var(--r);
mask-repeat: no-repeat !important
}
.codevz-plus-inverted-radius-top-right {
--_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
--_g:conic-gradient(at calc(100% - var(--r)) var(--r),#0000 25%,#000 0);
--_d:(var(--s) + var(--r));
mask:
calc(100% - var(--_d) - var(--x)) 0 var(--_m),
100% calc(var(--_d) + var(--y)) var(--_m),
radial-gradient(var(--s) at 100% 0,#0000 99%,#000 calc(100% + 1px)) 
calc(-1*var(--r) - var(--x)) calc(var(--r) + var(--y)),
var(--_g) calc(-1*var(--_d) - var(--x)) 0,
var(--_g) 0 calc(var(--_d) + var(--y))
}
.codevz-plus-inverted-radius-top-left {
--_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
--_g:conic-gradient(at var(--r) var(--r),#000 75%,#0000 0);
--_d:(var(--s) + var(--r));
mask:
calc(var(--_d) + var(--x)) 0 var(--_m),
0 calc(var(--_d) + var(--y)) var(--_m),
radial-gradient(var(--s) at 0 0,#0000 99%,#000 calc(100% + 1px)) 
calc(var(--r) + var(--x)) calc(var(--r) + var(--y)),
var(--_g) calc(var(--_d) + var(--x)) 0,
var(--_g) 0 calc(var(--_d) + var(--y))
}
.codevz-plus-inverted-radius-bottom-left {
--_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
--_g:conic-gradient(from 180deg at var(--r) calc(100% - var(--r)),#0000 25%,#000 0);
--_d:(var(--s) + var(--r));
mask:
calc(var(--_d) + var(--x)) 100% var(--_m),
0 calc(100% - var(--_d) - var(--y)) var(--_m),
radial-gradient(var(--s) at 0 100%,#0000 99%,#000 calc(100% + 1px)) 
calc(var(--r) + var(--x)) calc(-1*var(--r) - var(--y)),
var(--_g) calc(var(--_d) + var(--x)) 0,
var(--_g) 0 calc(-1*var(--_d) - var(--y))
}
.codevz-plus-inverted-radius-bottom-right {
--_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);
--_g:conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),#0000 25%,#000 0);
--_d:(var(--s) + var(--r));
mask:
calc(100% - var(--_d) - var(--x)) 100% var(--_m),
100% calc(100% - var(--_d) - var(--y)) var(--_m),
radial-gradient(var(--s) at 100% 100%,#0000 99%,#000 calc(100% + 1px)) 
calc(-1*var(--r) - var(--x)) calc(-1*var(--r) - var(--y)),
var(--_g) calc(-1*var(--_d) - var(--x)) 0,
var(--_g) 0 calc(-1*var(--_d) - var(--y))
} .cz_image_flip_h .cz_image_in,
.cz_image_flip_v .cz_image_in{
perspective: 2500px;
overflow: visible
}
.cz_image_flip_h .cz_image_in .cz_main_image,
.cz_image_flip_v .cz_image_in .cz_main_image {
z-index:9;  
transform: rotateY(0deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .7s cubic-bezier(.175, .885, .32, 1.275)
}
.cz_image_flip_h:hover .cz_image_in .cz_main_image,
.cz_image_flip_v:hover .cz_image_in .cz_main_image {
z-index: 9;
transform: rotateY(180deg);
}
.cz_image_flip_h .cz_image_in .cz_hover_image,
.cz_image_flip_v .cz_image_in .cz_hover_image {
opacity: 1;
z-index: 8;
transform: translate(-50%, -50%) rotateY(-180deg);
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .7s cubic-bezier(.175, .885, .32, 1.275)
}
.cz_image_flip_h:hover .cz_image_in .cz_hover_image,
.cz_image_flip_v:hover .cz_image_in .cz_hover_image {
z-index:10;
transform: translate(-50%, -50%) rotateY(0deg)
}
.cz_image_flip_v .cz_image_in .cz_main_image {transform: rotateX(0deg)}
.cz_image_flip_v:hover .cz_image_in .cz_main_image {transform: rotateX(180deg)}
.cz_image_flip_v .cz_image_in .cz_hover_image {transform: translate(-50%, -50%) rotateX(-180deg)}
.cz_image_flip_v:hover .cz_image_in .cz_hover_image {transform: translate(-50%, -50%) rotateY(0deg)}
.cz_image_fade_to_top .cz_main_image, .cz_image_fade_to_top .cz_hover_image,
.cz_image_fade_to_bottom .cz_main_image, .cz_image_fade_to_bottom .cz_hover_image,
.cz_image_fade_to_left .cz_main_image, .cz_image_fade_to_left .cz_hover_image,
.cz_image_fade_to_right .cz_main_image, .cz_image_fade_to_right .cz_hover_image,
.cz_image_zoom_in .cz_main_image, .cz_image_zoom_in .cz_hover_image,
.cz_image_zoom_out .cz_main_image, .cz_image_zoom_out .cz_hover_image,
.cz_image_blurred .cz_main_image, .cz_image_blurred .cz_hover_image {
transition: all .7s cubic-bezier(.175, .885, .32, 1.275)
}
.cz_image_fade_to_top:hover .cz_main_image {transform: translateY(-40px);opacity: 0}
.cz_image_fade_to_top .cz_hover_image {transform: translate(-50%, -40%)}
.cz_image_fade_to_top:hover .cz_hover_image {transform: translate(-50%, -50%);opacity: 1}
.cz_image_fade_to_bottom:hover .cz_main_image {transform: translateY(40px);opacity: 0}
.cz_image_fade_to_bottom .cz_hover_image {transform: translate(-50%, -60%)}
.cz_image_fade_to_bottom:hover .cz_hover_image {transform: translate(-50%, -50%);opacity: 1}
.cz_image_fade_to_left:hover .cz_main_image {transform: translateX(-40px);opacity: 0}
.cz_image_fade_to_left .cz_hover_image {transform: translate(-40%, -50%)}
.cz_image_fade_to_left:hover .cz_hover_image {transform: translate(-50%, -50%);opacity: 1}
.cz_image_fade_to_right:hover .cz_main_image {transform: translateX(40px);opacity: 0}
.cz_image_fade_to_right .cz_hover_image {transform: translate(-60%, -50%)}
.cz_image_fade_to_right:hover .cz_hover_image {transform: translate(-50%, -50%);opacity: 1}
.cz_image_zoom_in:hover .cz_main_image {transform: scale(.9);opacity: 0}
.cz_image_zoom_in .cz_hover_image {transform: translate(-50%, -50%) scale(.9)}
.cz_image_zoom_in:hover .cz_hover_image {transform: translate(-50%, -50%) scale(1);opacity: 1}
.cz_image_zoom_out:hover .cz_main_image {transform: scale(1.1);opacity: 0}
.cz_image_zoom_out .cz_hover_image {transform: translate(-50%, -50%) scale(1.1)}
.cz_image_zoom_out:hover .cz_hover_image {transform: translate(-50%, -50%) scale(1);opacity: 1}
.cz_image_blurred .cz_main_image {filter: blur(0)}
.cz_image_blurred:hover .cz_main_image {filter: blur(10px);opacity: 0}
.cz_image_blurred .cz_hover_image {filter: blur(10px)}
.cz_image_blurred:hover .cz_hover_image {filter: blur(0);opacity: 1}
.cz_image_no_effect .cz_main_image, .cz_image_no_effect .cz_hover_image {
transition: none
}
.cz_image_slow_fade .cz_main_image, .cz_image_slow_fade .cz_hover_image {
transition: all .6s ease-in-out
}
.xtra-image-full-width img {
width: 100%
} .cz_slanted_tr,.cz_slanted_tr_a > a,.cz_slanted_tr_div > div{
clip-path: polygon(0 0, 101% 25%, 100% 100%, 0 100%);
-webkit-clip-path: polygon(0 0, 101% 25%, 100% 100%, 0 100%)
}
.cz_slanted_tl,.cz_slanted_tl_a > a,.cz_slanted_tl_div > div{
clip-path: polygon(0 25%, 101% 0, 100% 100%, 0 100%);
-webkit-clip-path: polygon(0 25%, 101% 0, 100% 100%, 0 100%)
}
.cz_slanted_br,.cz_slanted_br_a > a,.cz_slanted_br_div > div{
clip-path: polygon(0 0, 101% 0, 100% 75%, 0 100%);
-webkit-clip-path: polygon(0 0, 101% 0, 100% 75%, 0 100%)
}
.cz_slanted_bl,.cz_slanted_bl_a > a,.cz_slanted_bl_div > div{
clip-path: polygon(0px -1px,101% -1px,101% 100%,0px 75%);
-webkit-clip-path: polygon(0px -1px,101% -1px,101% 100%,0px 75%)
}
.cz_slanted_trbl,.cz_slanted_trbl_a > a,.cz_slanted_trbl_div > div{
clip-path: polygon(0 0, 101% 25%, 100% 100%, 0 75%);
-webkit-clip-path: polygon(0 0, 101% 25%, 100% 100%, 0 75%)
}
.cz_slanted_tlbr,.cz_slanted_tlbr_a > a,.cz_slanted_tlbr_div > div{
clip-path: polygon(0 25%, 101% 0, 100% 75%, 0 100%);
-webkit-clip-path: polygon(0 25%, 101% 0, 100% 75%, 0 100%)
} .cz_rel{position: relative}
.z_1{z-index:-1}
.z0{z-index:0}
.z1{z-index:1}
.z2{z-index:2}
.z3{z-index:3}
.z4{z-index:4}
.z5{z-index:5}
.z9,.z9:hover{z-index:9 !important}
.z99{z-index:99 !important}
.z999{z-index:999}
.z9999{z-index:9999} .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner {
z-index: auto !important
}
.vc_gitem_row .vc_gitem-col {
padding: 30px 30px 10px !important
}
.vc_gitem-post-data-source-post_excerpt > div {
line-height: 2 !important
}
.vc_gitem-post-data-source-post_title > div {
font-weight: 500 !important
}
.vc_gitem-animate-slideBottom .vc_gitem-zone-b, 
.vc_gitem-animate-slideInLeft .vc_gitem-zone-b {
transition: all .4s ease-in-out !important
}
h2.widgettitle {
font-size: 26px;
margin-bottom: 26px
}
.select2-results, 
.chosen-container {
color: #222
}
.cz_language_switcher img {
width: auto
}
.dialog-type-lightbox {
z-index: 99999
}
.rtl .jet-carousel .slick-list {
direction: rtl
}
.codevz-top-banner {
display: none;
position: relative;
text-align: center;
background: #232323;
padding: 20px;
color: #fff
}
.codevz-top-banner-always {
display: block
}
.codevz-top-banner > i {
position: absolute;
right: 40px;
top: 50%;
cursor: pointer;
transition: all .2s ease-in-out;
transform: translateY(-50%)
}
.codevz-plus-overlay-gradient:after {
--overlay-gr: #fff;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
visibility: visible;
pointer-events: none;
background: linear-gradient(to right,
var(--overlay-gr, #fff) 0%,
var(--overlay-gr, #fff) 2%,
transparent,
transparent,
var(--overlay-gr, #fff) 98%,
var(--overlay-gr, #fff) 100%);
z-index: 1
} @media screen and (min-width: 768px) {
.hide_on_desktop,
.show_on_tablet,
.show_on_mobile {
display: none !important
}
.show_on_desktop,
.show_only_desktop {
display: block !important
}
}
@media (max-width:768px) and (min-width:480px) {
.hide_on_tablet,
.show_only_desktop,
.show_only_mobile,
.codevz-top-banner {
display: none !important
}
.show_on_tablet,
.show_only_tablet {
display: block !important
}
.theiaStickySidebar,
.theiaStickySidebar > div {
margin-top: 0 !important
}
}
@media screen and (max-width: 480px) {
.hide_on_mobile,
.show_on_tablet.show_only_tablet,
.codevz-top-banner {
display: none !important
}
.show_on_tablet:not(.hide_on_mobile,.show_only_tablet),
.show_on_mobile,
.show_only_mobile {
display: block !important
}
.theiaStickySidebar,
.theiaStickySidebar > div {
margin-top: 0 !important
}
.codevz-plus-image-info-box .cz_image_caption {
padding: 30px
}
[class*="codevz-plus-inverted-radius-"] {
--r: 10px;
--s: 10px;
--x: 20px;
--y: 20px
}
}