@font-face {
font-family: 'czicons';
src: url(//bekatesisat.com/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.eot);
src: url(//bekatesisat.com/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.eot#iefix) format('embedded-opentype'),
url(//bekatesisat.com/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.woff2) format('woff2'),
url(//bekatesisat.com/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.woff) format('woff'),
url(//bekatesisat.com/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.ttf) format('truetype'),
url(//bekatesisat.com/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.svg#czicons) format('svg');
font-weight: normal;
font-style: normal;
}
[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;
line-height: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.czico-Icon-Action-Profile-Off:before { content: '\e800'; } .czico-Icon-Action-Profile-On:before { content: '\e801'; } .czico-002-right-arrow-3:before { content: '\e802'; } .czico-003-left-arrow-2:before { content: '\e803'; } .czico-004-right-arrow-2:before { content: '\e804'; } .czico-005-right-arrow-1:before { content: '\e805'; } .czico-006-left-arrow-1:before { content: '\e806'; } .czico-007-left-arrow:before { content: '\e807'; } .czico-008-right-arrow:before { content: '\e808'; } .czico-009-little-thin-expand-arrows:before { content: '\e809'; } .czico-010-expand:before { content: '\e80a'; } .czico-011-blank-check-box:before { content: '\e80b'; } .czico-012-done:before { content: '\e80c'; } .czico-013-export:before { content: '\e80d'; } .czico-014-cube:before { content: '\e80e'; } .czico-015-push-pin:before { content: '\e80f'; } .czico-016-map-localization:before { content: '\e810'; } .czico-017-credit-card-2:before { content: '\e811'; } .czico-018-credit-card-1:before { content: '\e812'; } .czico-019-wallet-1:before { content: '\e813'; } .czico-020-credit-card:before { content: '\e814'; } .czico-021-shield-5:before { content: '\e815'; } .czico-022-shield-4:before { content: '\e816'; } .czico-023-guarantee:before { content: '\e817'; } .czico-024-security-badge:before { content: '\e818'; } .czico-chat-1:before { content: '\e819'; } .czico-002-communication:before { content: '\e81a'; } .czico-003-multimedia-2:before { content: '\e81b'; } .czico-004-balloon:before { content: '\e81c'; } .czico-005-speech-bubble:before { content: '\e81d'; } .czico-006-speech-bubble-with-text-lines:before { content: '\e81e'; } .czico-007-phone-chat-with-wifi-signal:before { content: '\e81f'; } .czico-008-chat-2:before { content: '\e820'; } .czico-009-speech-bubbles-comment-option:before { content: '\e821'; } .czico-010-support:before { content: '\e822'; } .czico-011-chat-1:before { content: '\e823'; } .czico-012-chat:before { content: '\e824'; } .czico-013-whatsapp-logo:before { content: '\e825'; } .czico-014-arrows-11:before { content: '\e826'; } .czico-015-play:before { content: '\e827'; } .czico-017-arrows-9:before { content: '\e828'; } .czico-042-shopping-cart-1:before { content: '\e829'; } .czico-043-heart-outline:before { content: '\e82a'; } .czico-044-heart-1:before { content: '\e82b'; } .czico-045-heart:before { content: '\e82c'; } .czico-046-like:before { content: '\e82d'; } .czico-047-line-1:before { content: '\e82e'; } .czico-048-bars-2:before { content: '\e82f'; } .czico-049-music:before { content: '\e830'; } .czico-050-interface-2:before { content: '\e831'; } .czico-018-play-button-4:before { content: '\e832'; } .czico-052-three-2:before { content: '\e833'; } .czico-053-three-1:before { content: '\e834'; } .czico-019-shopping-bag-6:before { content: '\e835'; } .czico-055-three:before { content: '\e836'; } .czico-056-menu-8:before { content: '\e837'; } .czico-057-menu-6:before { content: '\e838'; } .czico-058-menu-7:before { content: '\e839'; } .czico-020-shopping-basket-1:before { content: '\e83a'; } .czico-060-bars:before { content: '\e83b'; } .czico-061-menu-4:before { content: '\e83c'; } .czico-062-menu-3:before { content: '\e83d'; } .czico-063-menu-2:before { content: '\e83e'; } .czico-064-home-4:before { content: '\e83f'; } .czico-021-shopping-bag-7:before { content: '\e840'; } .czico-066-home-3:before { content: '\e841'; } .czico-067-house-outline:before { content: '\e842'; } .czico-068-home-2:before { content: '\e843'; } .czico-069-home-1:before { content: '\e844'; } .czico-070-home:before { content: '\e845'; } .czico-071-interface-1:before { content: '\e846'; } .czico-072-check-mark:before { content: '\e847'; } .czico-073-checked-3:before { content: '\e848'; } .czico-074-tick-inside-circle:before { content: '\e849'; } .czico-075-checked-2:before { content: '\e84a'; } .czico-076-success:before { content: '\e84b'; } .czico-077-flag:before { content: '\e84c'; } .czico-078-globe:before { content: '\e84d'; } .czico-079-pin:before { content: '\e84e'; } .czico-080-placeholder-3:before { content: '\e84f'; } .czico-081-placeholder-2:before { content: '\e850'; } .czico-082-maps-and-flags:before { content: '\e851'; } .czico-083-placeholder-1:before { content: '\e852'; } .czico-084-placeholder:before { content: '\e853'; } .czico-085-multimedia-1:before { content: '\e854'; } .czico-086-note:before { content: '\e855'; } .czico-022-shopping-bag-5:before { content: '\e856'; } .czico-088-envelope-of-white-paper:before { content: '\e857'; } .czico-089-mail-1:before { content: '\e858'; } .czico-090-envelope-1:before { content: '\e859'; } .czico-091-message-1:before { content: '\e85a'; } .czico-092-mail:before { content: '\e85b'; } .czico-093-message:before { content: '\e85c'; } .czico-094-envelope:before { content: '\e85d'; } .czico-095-user-4:before { content: '\e85e'; } .czico-096-user-shape:before { content: '\e85f'; } .czico-097-user-3:before { content: '\e860'; } .czico-098-profile-1:before { content: '\e861'; } .czico-099-user-2:before { content: '\e862'; } .czico-100-user-1:before { content: '\e863'; } .czico-101-user:before { content: '\e864'; } .czico-102-avatar:before { content: '\e865'; } .czico-103-tool-1:before { content: '\e866'; } .czico-104-circle:before { content: '\e867'; } .czico-105-link-3:before { content: '\e868'; } .czico-106-foreign:before { content: '\e869'; } .czico-107-web-link:before { content: '\e86a'; } .czico-108-link-2:before { content: '\e86b'; } .czico-109-link-symbol-1:before { content: '\e86c'; } .czico-110-link-symbol:before { content: '\e86d'; } .czico-111-unlink-1:before { content: '\e86e'; } .czico-112-unlink:before { content: '\e86f'; } .czico-113-link-1:before { content: '\e870'; } .czico-114-signs-1:before { content: '\e871'; } .czico-115-cross-3:before { content: '\e872'; } .czico-116-cross-2:before { content: '\e873'; } .czico-117-web:before { content: '\e874'; } .czico-118-cross-1:before { content: '\e875'; } .czico-119-cross:before { content: '\e876'; } .czico-120-tool:before { content: '\e877'; } .czico-121-signs:before { content: '\e878'; } .czico-122-sign:before { content: '\e879'; } .czico-123-add-7:before { content: '\e87a'; } .czico-124-add-6:before { content: '\e87b'; } .czico-125-add-song:before { content: '\e87c'; } .czico-126-add-5:before { content: '\e87d'; } .czico-127-add-4:before { content: '\e87e'; } .czico-128-add-3:before { content: '\e87f'; } .czico-129-plus-1:before { content: '\e880'; } .czico-023-shopping-bag-4:before { content: '\e881'; } .czico-024-shopping-cart-4:before { content: '\e882'; } .czico-132-arrows-8:before { content: '\e883'; } .czico-133-arrows-7:before { content: '\e884'; } .czico-134-arrows-6:before { content: '\e885'; } .czico-135-arrows-5:before { content: '\e886'; } .czico-136-play-button-3:before { content: '\e887'; } .czico-137-play-button-2:before { content: '\e888'; } .czico-138-play-button-1:before { content: '\e889'; } .czico-139-search-8:before { content: '\e88a'; } .czico-140-search-7:before { content: '\e88b'; } .czico-141-interface:before { content: '\e88c'; } .czico-142-search-6:before { content: '\e88d'; } .czico-143-magnifier-tool:before { content: '\e88e'; } .czico-144-musica-searcher:before { content: '\e88f'; } .czico-145-search-5:before { content: '\e890'; } .czico-146-search-4:before { content: '\e891'; } .czico-147-magnifying-glass:before { content: '\e892'; } .czico-148-search-3:before { content: '\e893'; } .czico-149-basket:before { content: '\e894'; } .czico-150-shopping-cart:before { content: '\e895'; } .czico-151-shopping-bag-1:before { content: '\e896'; } .czico-025-shopping-cart-3:before { content: '\e897'; } .czico-026-shopping-bag-3:before { content: '\e898'; } .czico-027-shopping-bag-2:before { content: '\e899'; } .czico-028-shopping-basket:before { content: '\e89a'; } .czico-029-shopping-cart-2:before { content: '\e89b'; } .czico-030-shopping-purse-icon:before { content: '\e89c'; } .czico-031-commerce-9:before { content: '\e89d'; } .czico-032-web-1:before { content: '\e89e'; } .czico-033-commerce-8:before { content: '\e89f'; } .czico-035-tool-2:before { content: '\e8a0'; } .czico-036-commerce-6:before { content: '\e8a1'; } .czico-037-commerce-5:before { content: '\e8a2'; } .czico-164-commerce-1:before { content: '\e8a3'; } .czico-165-play-button:before { content: '\e8a4'; } .czico-166-download-1:before { content: '\e8a5'; } .czico-038-commerce-4:before { content: '\e8a6'; } .czico-168-shopping-bag:before { content: '\e8a7'; } .czico-039-commerce-3:before { content: '\e8a8'; } .czico-170-location:before { content: '\e8a9'; } .czico-171-circular-clock:before { content: '\e8aa'; } .czico-172-zoom-in:before { content: '\e8ab'; } .czico-173-add:before { content: '\e8ac'; } .czico-174-search-2:before { content: '\e8ad'; } .czico-040-interface-3:before { content: '\e8ae'; } .czico-176-menu-1:before { content: '\e8af'; } .czico-041-commerce-2:before { content: '\e8b0'; } .czico-178-check:before { content: '\e8b1'; } .czico-179-close:before { content: '\e8b2'; } .czico-180-multimedia:before { content: '\e8b3'; } .czico-181-search-1:before { content: '\e8b4'; } .czico-182-search:before { content: '\e8b5'; } .czico-183-social-media:before { content: '\e8b6'; } .czico-184-favorite:before { content: '\e8b7'; } .czico-185-internet:before { content: '\e8b8'; } .czico-186-luxury:before { content: '\e8b9'; } .czico-187-up-arrow-1:before { content: '\e8ba'; } .czico-188-arrows-2:before { content: '\e8bb'; } .czico-189-arrows-1:before { content: '\e8bc'; } .czico-190-arrows:before { content: '\e8bd'; } .czico-191-commerce:before { content: '\e8be'; } .czico-192-youtube:before { content: '\e8bf'; } .czico-193-checked:before { content: '\e8c0'; } .czico-194-download:before { content: '\e8c1'; } .czico-195-equal:before { content: '\e8c2'; } .czico-196-link:before { content: '\e8c3'; } .czico-197-menu:before { content: '\e8c4'; } .czico-198-cancel:before { content: '\e8c5'; } .czico-199-up-arrow:before { content: '\e8c6'; } .czico-200-down-arrow:before { content: '\e8c7'; } .czico-201-back:before { content: '\e8c8'; } .czico-202-checked-1:before { content: '\e8c9'; } .czico-025-shield-3:before { content: '\e8ca'; } .czico-026-shield-2:before { content: '\e8cb'; } .czico-027-shield-1:before { content: '\e8cc'; } .czico-028-target-4:before { content: '\e8cd'; } .czico-029-target-3:before { content: '\e8ce'; } .czico-030-target-2:before { content: '\e8cf'; } .czico-031-objective:before { content: '\e8d0'; } .czico-032-apple:before { content: '\e8d1'; } .czico-033-qr-code:before { content: '\e8d2'; } .czico-034-blackberry-1:before { content: '\e8d3'; } .czico-035-blackberry:before { content: '\e8d4'; } .czico-036-windows:before { content: '\e8d5'; } .czico-037-windows-logo:before { content: '\e8d6'; } .czico-038-android:before { content: '\e8d7'; } .czico-039-clock-2:before { content: '\e8d8'; } .czico-040-target-1:before { content: '\e8d9'; } .czico-041-physics:before { content: '\e8da'; } .czico-042-medal-1:before { content: '\e8db'; } .czico-043-flask:before { content: '\e8dc'; } .czico-044-placeholder:before { content: '\e8dd'; } .czico-045-smartphone:before { content: '\e8de'; } .czico-046-favorite:before { content: '\e8df'; } .czico-047-telemarketer:before { content: '\e8e0'; } .czico-048-dashboard:before { content: '\e8e1'; } .czico-049-megaphone:before { content: '\e8e2'; } .czico-050-eye:before { content: '\e8e3'; } .czico-051-user:before { content: '\e8e4'; } .czico-052-target:before { content: '\e8e5'; } .czico-053-settings:before { content: '\e8e6'; } .czico-054-hand-shake:before { content: '\e8e7'; } .czico-055-conversation:before { content: '\e8e8'; } .czico-056-quality:before { content: '\e8e9'; } .czico-057-medal:before { content: '\e8ea'; } .czico-058-pie-chart:before { content: '\e8eb'; } .czico-059-bag-1:before { content: '\e8ec'; } .czico-060-equal:before { content: '\e8ed'; } .czico-061-bag:before { content: '\e8ee'; } .czico-062-box-2:before { content: '\e8ef'; } .czico-063-box-1:before { content: '\e8f0'; } .czico-064-shield:before { content: '\e8f1'; } .czico-065-heart:before { content: '\e8f2'; } .czico-066-money-4:before { content: '\e8f3'; } .czico-067-truck:before { content: '\e8f4'; } .czico-068-wallet:before { content: '\e8f5'; } .czico-069-tag:before { content: '\e8f6'; } .czico-070-price:before { content: '\e8f7'; } .czico-071-money-3:before { content: '\e8f8'; } .czico-072-discount:before { content: '\e8f9'; } .czico-073-money-2:before { content: '\e8fa'; } .czico-074-money-1:before { content: '\e8fb'; } .czico-075-news:before { content: '\e8fc'; } .czico-076-bill:before { content: '\e8fd'; } .czico-077-like:before { content: '\e8fe'; } .czico-078-support:before { content: '\e8ff'; } .czico-079-hand:before { content: '\e900'; } .czico-080-box:before { content: '\e901'; } .czico-081-money:before { content: '\e902'; } .czico-082-shop:before { content: '\e903'; } .czico-083-rocket-ship:before { content: '\e904'; } .czico-084-creative:before { content: '\e905'; } .czico-085-light-bulb:before { content: '\e906'; } .czico-086-speech-bubble-3:before { content: '\e907'; } .czico-016-arrows-10:before { content: '\e908'; } .czico-088-speech-bubble-1:before { content: '\e909'; } .czico-089-speech-bubble:before { content: '\e90a'; } .czico-090-mail-2:before { content: '\e90b'; } .czico-091-mail-1:before { content: '\e90c'; } .czico-092-phone-call-1:before { content: '\e90d'; } .czico-093-email:before { content: '\e90e'; } .czico-094-mail:before { content: '\e90f'; } .czico-095-play-button:before { content: '\e910'; } .czico-096-music-player:before { content: '\e911'; } .czico-097-check:before { content: '\e912'; } .czico-098-tick-4:before { content: '\e913'; } .czico-099-tick-3:before { content: '\e914'; } .czico-100-tick-2:before { content: '\e915'; } .czico-101-tick-1:before { content: '\e916'; } .czico-102-checklist:before { content: '\e917'; } .czico-103-success:before { content: '\e918'; } .czico-104-tick:before { content: '\e919'; } .czico-105-check-mark-1:before { content: '\e91a'; } .czico-106-check-mark:before { content: '\e91b'; } .czico-remove-1:before { content: '\e91c'; } .czico-108-small-calendar:before { content: '\e91d'; } .czico-109-clock-1:before { content: '\e91e'; } .czico-110-calendar:before { content: '\e91f'; } .czico-111-clock:before { content: '\e920'; } .czico-112-location:before { content: '\e921'; } .czico-Icon-Action-Cart-Off:before { content: '\e922'; } .czico-114-internet-1:before { content: '\e923'; } .czico-115-grid-world:before { content: '\e924'; } .czico-116-internet:before { content: '\e925'; } .czico-117-gallery-layout:before { content: '\e926'; } .czico-118-square-grid:before { content: '\e927'; } .czico-119-gallery:before { content: '\e928'; } .czico-120-layout:before { content: '\e929'; } .czico-121-24-hours:before { content: '\e92a'; } .czico-122-phone-call:before { content: '\e92b'; } .czico-123-call:before { content: '\e92c'; } .czico-124-smartphone-call:before { content: '\e92d'; } .czico-minus-symbol:before { content: '\e92e'; } .czico-Icon-Action-Cart-On:before { content: '\e92f'; } .czico-line-button:before { content: '\e930'; } .czico-minus:before { content: '\e931'; } .czico-minus-2:before { content: '\e932'; } .czico-minus-1:before { content: '\e933'; } .czico-Icon-Badges-RecommendedProduct:before { content: '\e934'; } .czico-Icon-Location-Pin:before { content: '\e935'; } .czico-Icon-Action-Registeration-Signout:before { content: '\e936'; } .czico-discount:before { content: '\e937'; } .czico-gift-box:before { content: '\e938'; } .czico-Icon-Action-Order:before { content: '\e939'; } .czico-close:before { content: '\e93a'; } .czico-close-bold:before { content: '\e93b'; } .czico-cancel:before { content: '\e93c'; } .czico-Icon-Navigation-Arrow-Left:before { content: '\e93d'; } .czico-Icon-Navigation-Chevron-Right:before { content: '\e93e'; } .czico-Icon-Navigation-Chevron-Left:before { content: '\e93f'; } .czico-Icon-Navigation-Arrow-Right:before { content: '\e940'; } .czico-Icon-Navigation-Arrow-Down:before { content: '\e941'; } .czico-Icon-Navigation-Expand-More:before { content: '\e942'; } .czico-Icon-Navigation-Expand-Less:before { content: '\e943'; } .czico-clock:before { content: '\e944'; } .czico-Icon-Action-Favorite-Off:before { content: '\e945'; } .czico-Icon-Action-Favorite-On:before { content: '\e946'; } .czico-Icon-Alert-Notification-Active:before { content: '\e947'; } .czico-Icon-Alert-Notification-Active-Fill:before { content: '\e948'; } .czico-Icon-Action-Share:before { content: '\e949'; } .czico-Icon-Action-PriceChart:before { content: '\e94a'; } .czico-Icon-Action-Search-Trend:before { content: '\e94b'; } .czico-Icon-Action-Search-Search:before { content: '\e94c'; } .czico-Icon-Action-Compare:before { content: '\e94d'; } .czico-Icon-Badges-Seller:before { content: '\e94e'; } .czico-add-compare:before { content: '\e94f'; } .czico-Icon-Action-Support:before { content: '\e950'; } .czico-Icon-Action-Filter:before { content: '\e951'; } .czico-params:before { content: '\e952'; } .czico-seller-sm:before { content: '\e953'; } .czico-seller-new:before { content: '\e954'; } .czico-comments:before { content: '\e955'; } .czico-faq:before { content: '\e956'; } .czico-guarantee:before { content: '\e957'; } .czico-guaranteed:before { content: '\e958'; } .czico-positive:before { content: '\e959'; } .czico-Brand-Digikala-USPs-Monocolor-7daysreturn:before { content: '\e95a'; } .czico-Brand-Digikala-USPs-Monocolor-7x24:before { content: '\e95b'; } .czico-Brand-Digikala-USPs-Monocolor-BestPrice:before { content: '\e95c'; } .czico-Brand-Digikala-USPs-Monocolor-ExpressDelivery:before { content: '\e95d'; } .czico-Brand-Digikala-USPs-Monocolor-OriginalPruduct:before { content: '\e95e'; } .czico-Brand-Digikala-USPs-Monocolor-CashonDelivery:before { content: '\e95f'; } .czico-Icon-Action-Delete:before { content: '\e960'; } .czico-Icon-Action-SaveforLater:before { content: '\e961'; } .czico-Icon-Badges-Delivery-Base:before { content: '\e962'; } .czico-Icon-Action-Category-Outline:before { content: '\e963'; } .czico-001-left-arrow-3:before { content: '\e964'; } .czico-aparat:before { content: '\e965'; } .czico-shape1:before { content: '\eb2b'; } .czico-xtra:before { content: '\eb2c'; } .czico-shape8:before { content: '\eb2d'; } .czico-shape2:before { content: '\eb2e'; } .czico-shape3:before { content: '\eb2f'; } .czico-shape4:before { content: '\eb30'; } .czico-shape5:before { content: '\eb31'; } .czico-shape6:before { content: '\eb32'; } .czico-shape7:before { content: '\eb33'; } .czico-snowflake-4:before { content: '\eb34'; } .czico-snowflake-1:before { content: '\eb35'; } .czico-snowflake-2:before { content: '\eb36'; } .czico-snowflake-3:before { content: '\eb37'; } .czico-009-percentage:before { content: '\eb38'; } .czico-010-percentage-1:before { content: '\eb39'; } .czico-011-price-tag:before { content: '\eb3a'; } .czico-012-smartphone:before { content: '\eb3b'; } .czico-013-discount:before { content: '\eb3c'; } .czico-014-percentage-2:before { content: '\eb3d'; } .czico-015-24-hours-support:before { content: '\eb3e'; } .czico-016-telemarketer:before { content: '\eb3f'; } .czico-017-rescue-tube:before { content: '\eb40'; } .czico-018-rescue-tube:before { content: '\eb41'; } .czico-019-rescue-tube:before { content: '\eb42'; } .czico-020-rescue-tube:before { content: '\eb43'; } .czico-021-rescue-tube:before { content: '\eb44'; } .czico-022-live-preserver:before { content: '\eb45'; } .czico-long-right-arrow:before { content: '\eb46'; } .czico-long-left-arrow:before { content: '\eb47'; } .czico-abstract-christmas-tree:before { content: '\eb48'; } .czico-snowflake-5:before { content: '\eb49'; }.wpcf7-form p:has([data-cf7apps-honeypot]),
.wpcf7-form p:has(.cf7apps-honeypot-wrap) {
margin: 0;
padding: 0;
height: 0;
min-height: 0;
line-height: 0;
font-size: 0;
border: 0;
} .cf7apps-honeypot-wrap,
[data-cf7apps-honeypot] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.cf7apps-honeypot-wrap .hp-message,
[data-cf7apps-honeypot] .hp-message {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.cf7apps-honeypot-wrap input.wpcf7-form-control[type="text"],
[data-cf7apps-honeypot] input.wpcf7-form-control[type="text"] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
border: 0;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root,:host,.sl-theme-light{color-scheme:light;--sl-color-gray-50:hsl(0 0% 97.5%);--sl-color-gray-100:hsl(240 4.8% 95.9%);--sl-color-gray-200:hsl(240 5.9% 90%);--sl-color-gray-300:hsl(240 4.9% 83.9%);--sl-color-gray-400:hsl(240 5% 64.9%);--sl-color-gray-500:hsl(240 3.8% 46.1%);--sl-color-gray-600:hsl(240 5.2% 33.9%);--sl-color-gray-700:hsl(240 5.3% 26.1%);--sl-color-gray-800:hsl(240 3.7% 15.9%);--sl-color-gray-900:hsl(240 5.9% 10%);--sl-color-gray-950:hsl(240 7.3% 8%);--sl-color-red-50:hsl(0 85.7% 97.3%);--sl-color-red-100:hsl(0 93.3% 94.1%);--sl-color-red-200:hsl(0 96.3% 89.4%);--sl-color-red-300:hsl(0 93.5% 81.8%);--sl-color-red-400:hsl(0 90.6% 70.8%);--sl-color-red-500:hsl(0 84.2% 60.2%);--sl-color-red-600:hsl(0 72.2% 50.6%);--sl-color-red-700:hsl(0 73.7% 41.8%);--sl-color-red-800:hsl(0 70% 35.3%);--sl-color-red-900:hsl(0 62.8% 30.6%);--sl-color-red-950:hsl(0 60% 19.6%);--sl-color-orange-50:hsl(33.3 100% 96.5%);--sl-color-orange-100:hsl(34.3 100% 91.8%);--sl-color-orange-200:hsl(32.1 97.7% 83.1%);--sl-color-orange-300:hsl(30.7 97.2% 72.4%);--sl-color-orange-400:hsl(27 96% 61%);--sl-color-orange-500:hsl(24.6 95% 53.1%);--sl-color-orange-600:hsl(20.5 90.2% 48.2%);--sl-color-orange-700:hsl(17.5 88.3% 40.4%);--sl-color-orange-800:hsl(15 79.1% 33.7%);--sl-color-orange-900:hsl(15.3 74.6% 27.8%);--sl-color-orange-950:hsl(15.2 69.1% 19%);--sl-color-amber-50:hsl(48 100% 96.1%);--sl-color-amber-100:hsl(48 96.5% 88.8%);--sl-color-amber-200:hsl(48 96.6% 76.7%);--sl-color-amber-300:hsl(45.9 96.7% 64.5%);--sl-color-amber-400:hsl(43.3 96.4% 56.3%);--sl-color-amber-500:hsl(37.7 92.1% 50.2%);--sl-color-amber-600:hsl(32.1 94.6% 43.7%);--sl-color-amber-700:hsl(26 90.5% 37.1%);--sl-color-amber-800:hsl(22.7 82.5% 31.4%);--sl-color-amber-900:hsl(21.7 77.8% 26.5%);--sl-color-amber-950:hsl(22.9 74.1% 16.7%);--sl-color-yellow-50:hsl(54.5 91.7% 95.3%);--sl-color-yellow-100:hsl(54.9 96.7% 88%);--sl-color-yellow-200:hsl(52.8 98.3% 76.9%);--sl-color-yellow-300:hsl(50.4 97.8% 63.5%);--sl-color-yellow-400:hsl(47.9 95.8% 53.1%);--sl-color-yellow-500:hsl(45.4 93.4% 47.5%);--sl-color-yellow-600:hsl(40.6 96.1% 40.4%);--sl-color-yellow-700:hsl(35.5 91.7% 32.9%);--sl-color-yellow-800:hsl(31.8 81% 28.8%);--sl-color-yellow-900:hsl(28.4 72.5% 25.7%);--sl-color-yellow-950:hsl(33.1 69% 13.9%);--sl-color-lime-50:hsl(78.3 92% 95.1%);--sl-color-lime-100:hsl(79.6 89.1% 89.2%);--sl-color-lime-200:hsl(80.9 88.5% 79.6%);--sl-color-lime-300:hsl(82 84.5% 67.1%);--sl-color-lime-400:hsl(82.7 78% 55.5%);--sl-color-lime-500:hsl(83.7 80.5% 44.3%);--sl-color-lime-600:hsl(84.8 85.2% 34.5%);--sl-color-lime-700:hsl(85.9 78.4% 27.3%);--sl-color-lime-800:hsl(86.3 69% 22.7%);--sl-color-lime-900:hsl(87.6 61.2% 20.2%);--sl-color-lime-950:hsl(86.5 60.6% 13.9%);--sl-color-green-50:hsl(138.5 76.5% 96.7%);--sl-color-green-100:hsl(140.6 84.2% 92.5%);--sl-color-green-200:hsl(141 78.9% 85.1%);--sl-color-green-300:hsl(141.7 76.6% 73.1%);--sl-color-green-400:hsl(141.9 69.2% 58%);--sl-color-green-500:hsl(142.1 70.6% 45.3%);--sl-color-green-600:hsl(142.1 76.2% 36.3%);--sl-color-green-700:hsl(142.4 71.8% 29.2%);--sl-color-green-800:hsl(142.8 64.2% 24.1%);--sl-color-green-900:hsl(143.8 61.2% 20.2%);--sl-color-green-950:hsl(144.3 60.7% 12%);--sl-color-emerald-50:hsl(151.8 81% 95.9%);--sl-color-emerald-100:hsl(149.3 80.4% 90%);--sl-color-emerald-200:hsl(152.4 76% 80.4%);--sl-color-emerald-300:hsl(156.2 71.6% 66.9%);--sl-color-emerald-400:hsl(158.1 64.4% 51.6%);--sl-color-emerald-500:hsl(160.1 84.1% 39.4%);--sl-color-emerald-600:hsl(161.4 93.5% 30.4%);--sl-color-emerald-700:hsl(162.9 93.5% 24.3%);--sl-color-emerald-800:hsl(163.1 88.1% 19.8%);--sl-color-emerald-900:hsl(164.2 85.7% 16.5%);--sl-color-emerald-950:hsl(164.3 87.5% 9.4%);--sl-color-teal-50:hsl(166.2 76.5% 96.7%);--sl-color-teal-100:hsl(167.2 85.5% 89.2%);--sl-color-teal-200:hsl(168.4 83.8% 78.2%);--sl-color-teal-300:hsl(170.6 76.9% 64.3%);--sl-color-teal-400:hsl(172.5 66% 50.4%);--sl-color-teal-500:hsl(173.4 80.4% 40%);--sl-color-teal-600:hsl(174.7 83.9% 31.6%);--sl-color-teal-700:hsl(175.3 77.4% 26.1%);--sl-color-teal-800:hsl(176.1 69.4% 21.8%);--sl-color-teal-900:hsl(175.9 60.8% 19%);--sl-color-teal-950:hsl(176.5 58.6% 11.4%);--sl-color-cyan-50:hsl(183.2 100% 96.3%);--sl-color-cyan-100:hsl(185.1 95.9% 90.4%);--sl-color-cyan-200:hsl(186.2 93.5% 81.8%);--sl-color-cyan-300:hsl(187 92.4% 69%);--sl-color-cyan-400:hsl(187.9 85.7% 53.3%);--sl-color-cyan-500:hsl(188.7 94.5% 42.7%);--sl-color-cyan-600:hsl(191.6 91.4% 36.5%);--sl-color-cyan-700:hsl(192.9 82.3% 31%);--sl-color-cyan-800:hsl(194.4 69.6% 27.1%);--sl-color-cyan-900:hsl(196.4 63.6% 23.7%);--sl-color-cyan-950:hsl(196.8 61% 16.1%);--sl-color-sky-50:hsl(204 100% 97.1%);--sl-color-sky-100:hsl(204 93.8% 93.7%);--sl-color-sky-200:hsl(200.6 94.4% 86.1%);--sl-color-sky-300:hsl(199.4 95.5% 73.9%);--sl-color-sky-400:hsl(198.4 93.2% 59.6%);--sl-color-sky-500:hsl(198.6 88.7% 48.4%);--sl-color-sky-600:hsl(200.4 98% 39.4%);--sl-color-sky-700:hsl(201.3 96.3% 32.2%);--sl-color-sky-800:hsl(201 90% 27.5%);--sl-color-sky-900:hsl(202 80.3% 23.9%);--sl-color-sky-950:hsl(202.3 73.8% 16.5%);--sl-color-blue-50:hsl(213.8 100% 96.9%);--sl-color-blue-100:hsl(214.3 94.6% 92.7%);--sl-color-blue-200:hsl(213.3 96.9% 87.3%);--sl-color-blue-300:hsl(211.7 96.4% 78.4%);--sl-color-blue-400:hsl(213.1 93.9% 67.8%);--sl-color-blue-500:hsl(217.2 91.2% 59.8%);--sl-color-blue-600:hsl(221.2 83.2% 53.3%);--sl-color-blue-700:hsl(224.3 76.3% 48%);--sl-color-blue-800:hsl(225.9 70.7% 40.2%);--sl-color-blue-900:hsl(224.4 64.3% 32.9%);--sl-color-blue-950:hsl(226.2 55.3% 18.4%);--sl-color-indigo-50:hsl(225.9 100% 96.7%);--sl-color-indigo-100:hsl(226.5 100% 93.9%);--sl-color-indigo-200:hsl(228 96.5% 88.8%);--sl-color-indigo-300:hsl(229.7 93.5% 81.8%);--sl-color-indigo-400:hsl(234.5 89.5% 73.9%);--sl-color-indigo-500:hsl(238.7 83.5% 66.7%);--sl-color-indigo-600:hsl(243.4 75.4% 58.6%);--sl-color-indigo-700:hsl(244.5 57.9% 50.6%);--sl-color-indigo-800:hsl(243.7 54.5% 41.4%);--sl-color-indigo-900:hsl(242.2 47.4% 34.3%);--sl-color-indigo-950:hsl(243.5 43.6% 22.9%);--sl-color-violet-50:hsl(250 100% 97.6%);--sl-color-violet-100:hsl(251.4 91.3% 95.5%);--sl-color-violet-200:hsl(250.5 95.2% 91.8%);--sl-color-violet-300:hsl(252.5 94.7% 85.1%);--sl-color-violet-400:hsl(255.1 91.7% 76.3%);--sl-color-violet-500:hsl(258.3 89.5% 66.3%);--sl-color-violet-600:hsl(262.1 83.3% 57.8%);--sl-color-violet-700:hsl(263.4 70% 50.4%);--sl-color-violet-800:hsl(263.4 69.3% 42.2%);--sl-color-violet-900:hsl(263.5 67.4% 34.9%);--sl-color-violet-950:hsl(265.1 61.5% 21.4%);--sl-color-purple-50:hsl(270 100% 98%);--sl-color-purple-100:hsl(268.7 100% 95.5%);--sl-color-purple-200:hsl(268.6 100% 91.8%);--sl-color-purple-300:hsl(269.2 97.4% 85.1%);--sl-color-purple-400:hsl(270 95.2% 75.3%);--sl-color-purple-500:hsl(270.7 91% 65.1%);--sl-color-purple-600:hsl(271.5 81.3% 55.9%);--sl-color-purple-700:hsl(272.1 71.7% 47.1%);--sl-color-purple-800:hsl(272.9 67.2% 39.4%);--sl-color-purple-900:hsl(273.6 65.6% 32%);--sl-color-purple-950:hsl(276 59.5% 16.5%);--sl-color-fuchsia-50:hsl(289.1 100% 97.8%);--sl-color-fuchsia-100:hsl(287 100% 95.5%);--sl-color-fuchsia-200:hsl(288.3 95.8% 90.6%);--sl-color-fuchsia-300:hsl(291.1 93.1% 82.9%);--sl-color-fuchsia-400:hsl(292 91.4% 72.5%);--sl-color-fuchsia-500:hsl(292.2 84.1% 60.6%);--sl-color-fuchsia-600:hsl(293.4 69.5% 48.8%);--sl-color-fuchsia-700:hsl(294.7 72.4% 39.8%);--sl-color-fuchsia-800:hsl(295.4 70.2% 32.9%);--sl-color-fuchsia-900:hsl(296.7 63.6% 28%);--sl-color-fuchsia-950:hsl(297.1 56.8% 14.5%);--sl-color-pink-50:hsl(327.3 73.3% 97.1%);--sl-color-pink-100:hsl(325.7 77.8% 94.7%);--sl-color-pink-200:hsl(325.9 84.6% 89.8%);--sl-color-pink-300:hsl(327.4 87.1% 81.8%);--sl-color-pink-400:hsl(328.6 85.5% 70.2%);--sl-color-pink-500:hsl(330.4 81.2% 60.4%);--sl-color-pink-600:hsl(333.3 71.4% 50.6%);--sl-color-pink-700:hsl(335.1 77.6% 42%);--sl-color-pink-800:hsl(335.8 74.4% 35.3%);--sl-color-pink-900:hsl(335.9 69% 30.4%);--sl-color-pink-950:hsl(336.2 65.4% 15.9%);--sl-color-rose-50:hsl(355.7 100% 97.3%);--sl-color-rose-100:hsl(355.6 100% 94.7%);--sl-color-rose-200:hsl(352.7 96.1% 90%);--sl-color-rose-300:hsl(352.6 95.7% 81.8%);--sl-color-rose-400:hsl(351.3 94.5% 71.4%);--sl-color-rose-500:hsl(349.7 89.2% 60.2%);--sl-color-rose-600:hsl(346.8 77.2% 49.8%);--sl-color-rose-700:hsl(345.3 82.7% 40.8%);--sl-color-rose-800:hsl(343.4 79.7% 34.7%);--sl-color-rose-900:hsl(341.5 75.5% 30.4%);--sl-color-rose-950:hsl(341.3 70.1% 17.1%);--sl-color-primary-50:var(--sl-color-sky-50);--sl-color-primary-100:var(--sl-color-sky-100);--sl-color-primary-200:var(--sl-color-sky-200);--sl-color-primary-300:var(--sl-color-sky-300);--sl-color-primary-400:var(--sl-color-sky-400);--sl-color-primary-500:var(--sl-color-sky-500);--sl-color-primary-600:var(--sl-color-sky-600);--sl-color-primary-700:var(--sl-color-sky-700);--sl-color-primary-800:var(--sl-color-sky-800);--sl-color-primary-900:var(--sl-color-sky-900);--sl-color-primary-950:var(--sl-color-sky-950);--sl-color-success-50:var(--sl-color-green-50);--sl-color-success-100:var(--sl-color-green-100);--sl-color-success-200:var(--sl-color-green-200);--sl-color-success-300:var(--sl-color-green-300);--sl-color-success-400:var(--sl-color-green-400);--sl-color-success-500:var(--sl-color-green-500);--sl-color-success-600:var(--sl-color-green-600);--sl-color-success-700:var(--sl-color-green-700);--sl-color-success-800:var(--sl-color-green-800);--sl-color-success-900:var(--sl-color-green-900);--sl-color-success-950:var(--sl-color-green-950);--sl-color-warning-50:var(--sl-color-amber-50);--sl-color-warning-100:var(--sl-color-amber-100);--sl-color-warning-200:var(--sl-color-amber-200);--sl-color-warning-300:var(--sl-color-amber-300);--sl-color-warning-400:var(--sl-color-amber-400);--sl-color-warning-500:var(--sl-color-amber-500);--sl-color-warning-600:var(--sl-color-amber-600);--sl-color-warning-700:var(--sl-color-amber-700);--sl-color-warning-800:var(--sl-color-amber-800);--sl-color-warning-900:var(--sl-color-amber-900);--sl-color-warning-950:var(--sl-color-amber-950);--sl-color-danger-50:var(--sl-color-red-50);--sl-color-danger-100:var(--sl-color-red-100);--sl-color-danger-200:var(--sl-color-red-200);--sl-color-danger-300:var(--sl-color-red-300);--sl-color-danger-400:var(--sl-color-red-400);--sl-color-danger-500:var(--sl-color-red-500);--sl-color-danger-600:var(--sl-color-red-600);--sl-color-danger-700:var(--sl-color-red-700);--sl-color-danger-800:var(--sl-color-red-800);--sl-color-danger-900:var(--sl-color-red-900);--sl-color-danger-950:var(--sl-color-red-950);--sl-color-neutral-50:var(--sl-color-gray-50);--sl-color-neutral-100:var(--sl-color-gray-100);--sl-color-neutral-200:var(--sl-color-gray-200);--sl-color-neutral-300:var(--sl-color-gray-300);--sl-color-neutral-400:var(--sl-color-gray-400);--sl-color-neutral-500:var(--sl-color-gray-500);--sl-color-neutral-600:var(--sl-color-gray-600);--sl-color-neutral-700:var(--sl-color-gray-700);--sl-color-neutral-800:var(--sl-color-gray-800);--sl-color-neutral-900:var(--sl-color-gray-900);--sl-color-neutral-950:var(--sl-color-gray-950);--sl-color-neutral-0:hsl(0,0%,100%);--sl-color-neutral-1000:hsl(0,0%,0%);--sl-border-radius-small:.1875rem;--sl-border-radius-medium:.25rem;--sl-border-radius-large:.5rem;--sl-border-radius-x-large:1rem;--sl-border-radius-circle:50%;--sl-border-radius-pill:9999px;--sl-shadow-x-small:0 1px 2px hsl(240 3.8% 46.1% / 6%);--sl-shadow-small:0 1px 2px hsl(240 3.8% 46.1% / 12%);--sl-shadow-medium:0 2px 4px hsl(240 3.8% 46.1% / 12%);--sl-shadow-large:0 2px 8px hsl(240 3.8% 46.1% / 12%);--sl-shadow-x-large:0 4px 16px hsl(240 3.8% 46.1% / 12%);--sl-spacing-3x-small:.125rem;--sl-spacing-2x-small:.25rem;--sl-spacing-x-small:.5rem;--sl-spacing-small:.75rem;--sl-spacing-medium:1rem;--sl-spacing-large:1.25rem;--sl-spacing-x-large:1.75rem;--sl-spacing-2x-large:2.25rem;--sl-spacing-3x-large:3rem;--sl-spacing-4x-large:4.5rem;--sl-transition-x-slow:1000ms;--sl-transition-slow:500ms;--sl-transition-medium:250ms;--sl-transition-fast:150ms;--sl-transition-x-fast:50ms;--sl-font-mono:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;--sl-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--sl-font-serif:Georgia,"Times New Roman",serif;--sl-font-size-2x-small:.625rem;--sl-font-size-x-small:.75rem;--sl-font-size-small:.875rem;--sl-font-size-medium:1rem;--sl-font-size-large:1.25rem;--sl-font-size-x-large:1.5rem;--sl-font-size-2x-large:2.25rem;--sl-font-size-3x-large:3rem;--sl-font-size-4x-large:4.5rem;--sl-font-weight-light:300;--sl-font-weight-normal:400;--sl-font-weight-semibold:500;--sl-font-weight-bold:700;--sl-letter-spacing-denser:-.03em;--sl-letter-spacing-dense:-.015em;--sl-letter-spacing-normal:normal;--sl-letter-spacing-loose:.075em;--sl-letter-spacing-looser:.15em;--sl-line-height-denser:1;--sl-line-height-dense:1.4;--sl-line-height-normal:1.8;--sl-line-height-loose:2.2;--sl-line-height-looser:2.6;--sl-focus-ring-color:var(--sl-color-primary-600);--sl-focus-ring-style:solid;--sl-focus-ring-width:3px;--sl-focus-ring:var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);--sl-focus-ring-offset:1px;--sl-button-font-size-small:var(--sl-font-size-x-small);--sl-button-font-size-medium:var(--sl-font-size-small);--sl-button-font-size-large:var(--sl-font-size-medium);--sl-input-height-small:1.875rem;--sl-input-height-medium:2.5rem;--sl-input-height-large:3.125rem;--sl-input-background-color:var(--sl-color-neutral-0);--sl-input-background-color-hover:var(--sl-input-background-color);--sl-input-background-color-focus:var(--sl-input-background-color);--sl-input-background-color-disabled:var(--sl-color-neutral-100);--sl-input-border-color:var(--sl-color-neutral-300);--sl-input-border-color-hover:var(--sl-color-neutral-400);--sl-input-border-color-focus:var(--sl-color-primary-500);--sl-input-border-color-disabled:var(--sl-color-neutral-300);--sl-input-border-width:1px;--sl-input-required-content:"*";--sl-input-required-content-offset:-2px;--sl-input-required-content-color:var(--sl-input-label-color);--sl-input-border-radius-small:var(--sl-border-radius-medium);--sl-input-border-radius-medium:var(--sl-border-radius-medium);--sl-input-border-radius-large:var(--sl-border-radius-medium);--sl-input-font-family:var(--sl-font-sans);--sl-input-font-weight:var(--sl-font-weight-normal);--sl-input-font-size-small:var(--sl-font-size-small);--sl-input-font-size-medium:var(--sl-font-size-medium);--sl-input-font-size-large:var(--sl-font-size-large);--sl-input-letter-spacing:var(--sl-letter-spacing-normal);--sl-input-color:var(--sl-color-neutral-700);--sl-input-color-hover:var(--sl-color-neutral-700);--sl-input-color-focus:var(--sl-color-neutral-700);--sl-input-color-disabled:var(--sl-color-neutral-900);--sl-input-icon-color:var(--sl-color-neutral-500);--sl-input-icon-color-hover:var(--sl-color-neutral-600);--sl-input-icon-color-focus:var(--sl-color-neutral-600);--sl-input-placeholder-color:var(--sl-color-neutral-500);--sl-input-placeholder-color-disabled:var(--sl-color-neutral-600);--sl-input-spacing-small:var(--sl-spacing-small);--sl-input-spacing-medium:var(--sl-spacing-medium);--sl-input-spacing-large:var(--sl-spacing-large);--sl-input-focus-ring-color:hsl(198.6 88.7% 48.4% / 40%);--sl-input-focus-ring-offset:0;--sl-input-filled-background-color:var(--sl-color-neutral-100);--sl-input-filled-background-color-hover:var(--sl-color-neutral-100);--sl-input-filled-background-color-focus:var(--sl-color-neutral-100);--sl-input-filled-background-color-disabled:var(--sl-color-neutral-100);--sl-input-filled-color:var(--sl-color-neutral-800);--sl-input-filled-color-hover:var(--sl-color-neutral-800);--sl-input-filled-color-focus:var(--sl-color-neutral-700);--sl-input-filled-color-disabled:var(--sl-color-neutral-800);--sl-input-label-font-size-small:var(--sl-font-size-small);--sl-input-label-font-size-medium:var(--sl-font-size-medium);--sl-input-label-font-size-large:var(--sl-font-size-large);--sl-input-label-color:inherit;--sl-input-help-text-font-size-small:var(--sl-font-size-x-small);--sl-input-help-text-font-size-medium:var(--sl-font-size-small);--sl-input-help-text-font-size-large:var(--sl-font-size-medium);--sl-input-help-text-color:var(--sl-color-neutral-500);--sl-toggle-size-small:.875rem;--sl-toggle-size-medium:1.125rem;--sl-toggle-size-large:1.375rem;--sl-overlay-background-color:hsl(240 3.8% 46.1% / 33%);--sl-panel-background-color:var(--sl-color-neutral-0);--sl-panel-border-color:var(--sl-color-neutral-200);--sl-panel-border-width:1px;--sl-tooltip-border-radius:var(--sl-border-radius-medium);--sl-tooltip-background-color:var(--sl-color-neutral-800);--sl-tooltip-color:var(--sl-color-neutral-0);--sl-tooltip-font-family:var(--sl-font-sans);--sl-tooltip-font-weight:var(--sl-font-weight-normal);--sl-tooltip-font-size:var(--sl-font-size-small);--sl-tooltip-line-height:var(--sl-line-height-dense);--sl-tooltip-padding:var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-arrow-size:6px;--sl-z-index-drawer:700;--sl-z-index-dialog:800;--sl-z-index-dropdown:900;--sl-z-index-toast:950;--sl-z-index-tooltip:1000;}@supports (scrollbar-gutter:stable){.sl-scroll-lock{scrollbar-gutter:var(--sl-scroll-lock-gutter)!important}.sl-scroll-lock body{overflow:hidden!important}}@supports not (scrollbar-gutter:stable){.sl-scroll-lock body{padding-right:var(--sl-scroll-lock-size)!important;overflow:hidden!important}}.sl-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--sl-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto;}.sl-toast-stack sl-alert{margin:var(--sl-spacing-medium);}.sl-toast-stack sl-alert::part(base){box-shadow:var(--sl-shadow-large);}:host,.sl-theme-dark{color-scheme:dark;--sl-color-gray-50:hsl(240 5.1% 15%);--sl-color-gray-100:hsl(240 5.7% 18.2%);--sl-color-gray-200:hsl(240 4.6% 22%);--sl-color-gray-300:hsl(240 5% 27.6%);--sl-color-gray-400:hsl(240 5% 35.5%);--sl-color-gray-500:hsl(240 3.7% 44%);--sl-color-gray-600:hsl(240 5.3% 58%);--sl-color-gray-700:hsl(240 5.6% 73%);--sl-color-gray-800:hsl(240 7.3% 84%);--sl-color-gray-900:hsl(240 9.1% 91.8%);--sl-color-gray-950:hsl(0 0% 95%);--sl-color-red-50:hsl(0 56% 23.9%);--sl-color-red-100:hsl(.6 60% 33.9%);--sl-color-red-200:hsl(.9 67.2% 37.1%);--sl-color-red-300:hsl(1.1 71.3% 43.7%);--sl-color-red-400:hsl(1 76% 52.5%);--sl-color-red-500:hsl(.7 89.6% 57.2%);--sl-color-red-600:hsl(0 98.6% 67.9%);--sl-color-red-700:hsl(0 100% 72.3%);--sl-color-red-800:hsl(0 100% 85.6%);--sl-color-red-900:hsl(0 100% 90.3%);--sl-color-red-950:hsl(0 100% 95.9%);--sl-color-orange-50:hsl(15 64.2% 23.3%);--sl-color-orange-100:hsl(15.1 70.9% 31.1%);--sl-color-orange-200:hsl(15.3 75.7% 35.5%);--sl-color-orange-300:hsl(17.1 83.5% 42.7%);--sl-color-orange-400:hsl(20.1 88% 50.8%);--sl-color-orange-500:hsl(24.3 100% 50.5%);--sl-color-orange-600:hsl(27.2 100% 57.7%);--sl-color-orange-700:hsl(31.3 100% 68.7%);--sl-color-orange-800:hsl(33.8 100% 79.3%);--sl-color-orange-900:hsl(38.9 100% 87.7%);--sl-color-orange-950:hsl(46.2 100% 95%);--sl-color-amber-50:hsl(21.9 66.3% 21.1%);--sl-color-amber-100:hsl(21.5 73.6% 29.7%);--sl-color-amber-200:hsl(22.3 77.6% 33.3%);--sl-color-amber-300:hsl(25.4 84.2% 39.6%);--sl-color-amber-400:hsl(31.4 87.4% 46.7%);--sl-color-amber-500:hsl(37 96.6% 48.3%);--sl-color-amber-600:hsl(43.3 100% 53.4%);--sl-color-amber-700:hsl(46.5 100% 61.1%);--sl-color-amber-800:hsl(49.3 100% 73%);--sl-color-amber-900:hsl(51.8 100% 85%);--sl-color-amber-950:hsl(60 100% 94.6%);--sl-color-yellow-50:hsl(32.5 60% 18.2%);--sl-color-yellow-100:hsl(28.1 68.6% 29%);--sl-color-yellow-200:hsl(31.3 75.8% 30.8%);--sl-color-yellow-300:hsl(34.7 84.4% 35.3%);--sl-color-yellow-400:hsl(40.1 87.3% 43.3%);--sl-color-yellow-500:hsl(44.7 88% 46%);--sl-color-yellow-600:hsl(47.7 100% 50.9%);--sl-color-yellow-700:hsl(51.3 100% 59.9%);--sl-color-yellow-800:hsl(54.6 100% 73%);--sl-color-yellow-900:hsl(58.9 100% 84.2%);--sl-color-yellow-950:hsl(60 100% 94%);--sl-color-lime-50:hsl(86.5 54.4% 18%);--sl-color-lime-100:hsl(87.6 56.8% 23.3%);--sl-color-lime-200:hsl(85.8 63.2% 24.5%);--sl-color-lime-300:hsl(86.1 72% 29.4%);--sl-color-lime-400:hsl(85.5 76.8% 37.3%);--sl-color-lime-500:hsl(84.3 74.2% 42.1%);--sl-color-lime-600:hsl(82.8 81.5% 52.6%);--sl-color-lime-700:hsl(82 89.9% 64%);--sl-color-lime-800:hsl(80.9 97.9% 76.6%);--sl-color-lime-900:hsl(77.9 100% 85.8%);--sl-color-lime-950:hsl(69.5 100% 93.8%);--sl-color-green-50:hsl(144.3 53.6% 16%);--sl-color-green-100:hsl(143.2 55.4% 23.5%);--sl-color-green-200:hsl(141.5 58.2% 26.3%);--sl-color-green-300:hsl(140.8 64.2% 31.8%);--sl-color-green-400:hsl(140.3 68% 39.2%);--sl-color-green-500:hsl(141.1 64.9% 43%);--sl-color-green-600:hsl(141.6 72.4% 55.2%);--sl-color-green-700:hsl(141.7 82.7% 70.1%);--sl-color-green-800:hsl(141 90.9% 82.1%);--sl-color-green-900:hsl(142 100% 89.1%);--sl-color-green-950:hsl(144 100% 95.5%);--sl-color-emerald-50:hsl(164.3 75% 13.5%);--sl-color-emerald-100:hsl(163.5 72.6% 20.1%);--sl-color-emerald-200:hsl(162.1 73.7% 22.4%);--sl-color-emerald-300:hsl(161.3 77.3% 27.6%);--sl-color-emerald-400:hsl(159.6 77.1% 34.3%);--sl-color-emerald-500:hsl(159.1 73.5% 37.9%);--sl-color-emerald-600:hsl(157.8 66.8% 48.9%);--sl-color-emerald-700:hsl(156.2 76.1% 63.8%);--sl-color-emerald-800:hsl(152.4 84.4% 77.4%);--sl-color-emerald-900:hsl(149.3 100% 87%);--sl-color-emerald-950:hsl(158.6 100% 94.8%);--sl-color-teal-50:hsl(176.5 51.5% 15.4%);--sl-color-teal-100:hsl(175.9 54.7% 22.3%);--sl-color-teal-200:hsl(175.9 60.7% 23.9%);--sl-color-teal-300:hsl(174.5 67.3% 28.8%);--sl-color-teal-400:hsl(174.4 71.9% 34.9%);--sl-color-teal-500:hsl(173.1 71% 38.3%);--sl-color-teal-600:hsl(172.3 68.2% 48.1%);--sl-color-teal-700:hsl(170.5 81.3% 61.5%);--sl-color-teal-800:hsl(168.4 92.1% 75.2%);--sl-color-teal-900:hsl(168.3 100% 86%);--sl-color-teal-950:hsl(180 100% 95.5%);--sl-color-cyan-50:hsl(197.1 53.8% 20.3%);--sl-color-cyan-100:hsl(196.8 57.3% 27.2%);--sl-color-cyan-200:hsl(195.3 62.7% 29.4%);--sl-color-cyan-300:hsl(193.5 71.3% 34.1%);--sl-color-cyan-400:hsl(192.5 76.8% 40.6%);--sl-color-cyan-500:hsl(189.4 78.6% 42.6%);--sl-color-cyan-600:hsl(188.2 89.1% 51.7%);--sl-color-cyan-700:hsl(187 98.6% 66.2%);--sl-color-cyan-800:hsl(184.9 100% 78.3%);--sl-color-cyan-900:hsl(180 100% 86.6%);--sl-color-cyan-950:hsl(180 100% 94.8%);--sl-color-sky-50:hsl(203 63.8% 20.9%);--sl-color-sky-100:hsl(203.4 70.4% 28%);--sl-color-sky-200:hsl(202.7 75.8% 30.8%);--sl-color-sky-300:hsl(203.1 80.4% 36.1%);--sl-color-sky-400:hsl(202.1 80.5% 44.3%);--sl-color-sky-500:hsl(199.7 85.9% 47.7%);--sl-color-sky-600:hsl(198.7 97.9% 57.2%);--sl-color-sky-700:hsl(198.7 100% 70.5%);--sl-color-sky-800:hsl(198.8 100% 82.5%);--sl-color-sky-900:hsl(198.5 100% 89.9%);--sl-color-sky-950:hsl(186 100% 95.5%);--sl-color-blue-50:hsl(227.1 49.5% 22.7%);--sl-color-blue-100:hsl(225.8 58.9% 36.8%);--sl-color-blue-200:hsl(227.7 64.4% 42.9%);--sl-color-blue-300:hsl(226.1 72.7% 51.2%);--sl-color-blue-400:hsl(222.6 86.5% 56.3%);--sl-color-blue-500:hsl(217.8 95.8% 57.4%);--sl-color-blue-600:hsl(213.3 100% 65%);--sl-color-blue-700:hsl(210.9 100% 74.8%);--sl-color-blue-800:hsl(211.5 100% 83.4%);--sl-color-blue-900:hsl(211 100% 88.9%);--sl-color-blue-950:hsl(201.8 100% 95.3%);--sl-color-indigo-50:hsl(243.5 40.8% 27%);--sl-color-indigo-100:hsl(242.9 45.7% 37.6%);--sl-color-indigo-200:hsl(244.7 52.7% 43.1%);--sl-color-indigo-300:hsl(245.3 60.5% 52.4%);--sl-color-indigo-400:hsl(244.1 79.2% 60.4%);--sl-color-indigo-500:hsl(239.6 88.7% 63.8%);--sl-color-indigo-600:hsl(234.5 96.7% 70.9%);--sl-color-indigo-700:hsl(229.4 100% 78.3%);--sl-color-indigo-800:hsl(227.1 100% 85%);--sl-color-indigo-900:hsl(223.8 100% 89.9%);--sl-color-indigo-950:hsl(220 100% 95.1%);--sl-color-violet-50:hsl(265.1 57.3% 25.4%);--sl-color-violet-100:hsl(263.5 63.8% 39.4%);--sl-color-violet-200:hsl(263.4 66.2% 44.1%);--sl-color-violet-300:hsl(263.7 72.8% 52.4%);--sl-color-violet-400:hsl(262.5 87.3% 59.8%);--sl-color-violet-500:hsl(258.3 95.1% 63.2%);--sl-color-violet-600:hsl(255.1 100% 67.2%);--sl-color-violet-700:hsl(253 100% 81.5%);--sl-color-violet-800:hsl(251.7 100% 87.9%);--sl-color-violet-900:hsl(254.1 100% 91.7%);--sl-color-violet-950:hsl(257.1 100% 96.1%);--sl-color-purple-50:hsl(276 54.3% 20.5%);--sl-color-purple-100:hsl(273.6 61.8% 35.4%);--sl-color-purple-200:hsl(272.9 64% 41.4%);--sl-color-purple-300:hsl(271.9 68.1% 49.2%);--sl-color-purple-400:hsl(271.5 85.1% 57.8%);--sl-color-purple-500:hsl(270.7 96.4% 62.1%);--sl-color-purple-600:hsl(270.5 100% 71.9%);--sl-color-purple-700:hsl(270.9 100% 81.3%);--sl-color-purple-800:hsl(272.4 100% 87.7%);--sl-color-purple-900:hsl(276.7 100% 91.5%);--sl-color-purple-950:hsl(300 100% 96.5%);--sl-color-fuchsia-50:hsl(297.1 51.2% 18.6%);--sl-color-fuchsia-100:hsl(296.7 59.5% 31.5%);--sl-color-fuchsia-200:hsl(295.4 65.4% 35.1%);--sl-color-fuchsia-300:hsl(294.6 67.4% 42.2%);--sl-color-fuchsia-400:hsl(293.3 68.7% 51.2%);--sl-color-fuchsia-500:hsl(292.1 88.4% 57.7%);--sl-color-fuchsia-600:hsl(292 98.5% 59.5%);--sl-color-fuchsia-700:hsl(292.4 100% 79.5%);--sl-color-fuchsia-800:hsl(292.9 100% 86.8%);--sl-color-fuchsia-900:hsl(300 100% 91.5%);--sl-color-fuchsia-950:hsl(300 100% 96.3%);--sl-color-pink-50:hsl(336.2 59.6% 20%);--sl-color-pink-100:hsl(336.8 63.9% 34%);--sl-color-pink-200:hsl(336.8 68.7% 37.6%);--sl-color-pink-300:hsl(336.1 71.8% 44.5%);--sl-color-pink-400:hsl(333.9 74.9% 53.1%);--sl-color-pink-500:hsl(330.7 86.3% 57.7%);--sl-color-pink-600:hsl(328.6 91.5% 67.2%);--sl-color-pink-700:hsl(327.4 97.6% 78.7%);--sl-color-pink-800:hsl(325.1 100% 86.6%);--sl-color-pink-900:hsl(322.1 100% 91.3%);--sl-color-pink-950:hsl(315 100% 95.9%);--sl-color-rose-50:hsl(342.3 62.9% 21.5%);--sl-color-rose-100:hsl(342.8 68.9% 34.2%);--sl-color-rose-200:hsl(344.8 72.6% 37.3%);--sl-color-rose-300:hsl(346.9 75.8% 43.7%);--sl-color-rose-400:hsl(348.2 80.1% 52.7%);--sl-color-rose-500:hsl(350.4 94.8% 57.5%);--sl-color-rose-600:hsl(351.2 100% 58.1%);--sl-color-rose-700:hsl(352.3 100% 78.1%);--sl-color-rose-800:hsl(352 100% 86.2%);--sl-color-rose-900:hsl(354.5 100% 90.7%);--sl-color-rose-950:hsl(353.3 100% 95.7%);--sl-color-primary-50:var(--sl-color-sky-50);--sl-color-primary-100:var(--sl-color-sky-100);--sl-color-primary-200:var(--sl-color-sky-200);--sl-color-primary-300:var(--sl-color-sky-300);--sl-color-primary-400:var(--sl-color-sky-400);--sl-color-primary-500:var(--sl-color-sky-500);--sl-color-primary-600:var(--sl-color-sky-600);--sl-color-primary-700:var(--sl-color-sky-700);--sl-color-primary-800:var(--sl-color-sky-800);--sl-color-primary-900:var(--sl-color-sky-900);--sl-color-primary-950:var(--sl-color-sky-950);--sl-color-success-50:var(--sl-color-green-50);--sl-color-success-100:var(--sl-color-green-100);--sl-color-success-200:var(--sl-color-green-200);--sl-color-success-300:var(--sl-color-green-300);--sl-color-success-400:var(--sl-color-green-400);--sl-color-success-500:var(--sl-color-green-500);--sl-color-success-600:var(--sl-color-green-600);--sl-color-success-700:var(--sl-color-green-700);--sl-color-success-800:var(--sl-color-green-800);--sl-color-success-900:var(--sl-color-green-900);--sl-color-success-950:var(--sl-color-green-950);--sl-color-warning-50:var(--sl-color-amber-50);--sl-color-warning-100:var(--sl-color-amber-100);--sl-color-warning-200:var(--sl-color-amber-200);--sl-color-warning-300:var(--sl-color-amber-300);--sl-color-warning-400:var(--sl-color-amber-400);--sl-color-warning-500:var(--sl-color-amber-500);--sl-color-warning-600:var(--sl-color-amber-600);--sl-color-warning-700:var(--sl-color-amber-700);--sl-color-warning-800:var(--sl-color-amber-800);--sl-color-warning-900:var(--sl-color-amber-900);--sl-color-warning-950:var(--sl-color-amber-950);--sl-color-danger-50:var(--sl-color-red-50);--sl-color-danger-100:var(--sl-color-red-100);--sl-color-danger-200:var(--sl-color-red-200);--sl-color-danger-300:var(--sl-color-red-300);--sl-color-danger-400:var(--sl-color-red-400);--sl-color-danger-500:var(--sl-color-red-500);--sl-color-danger-600:var(--sl-color-red-600);--sl-color-danger-700:var(--sl-color-red-700);--sl-color-danger-800:var(--sl-color-red-800);--sl-color-danger-900:var(--sl-color-red-900);--sl-color-danger-950:var(--sl-color-red-950);--sl-color-neutral-50:var(--sl-color-gray-50);--sl-color-neutral-100:var(--sl-color-gray-100);--sl-color-neutral-200:var(--sl-color-gray-200);--sl-color-neutral-300:var(--sl-color-gray-300);--sl-color-neutral-400:var(--sl-color-gray-400);--sl-color-neutral-500:var(--sl-color-gray-500);--sl-color-neutral-600:var(--sl-color-gray-600);--sl-color-neutral-700:var(--sl-color-gray-700);--sl-color-neutral-800:var(--sl-color-gray-800);--sl-color-neutral-900:var(--sl-color-gray-900);--sl-color-neutral-950:var(--sl-color-gray-950);--sl-color-neutral-0:hsl(240,5.9%,11%);--sl-color-neutral-1000:hsl(0,0%,100%);--sl-border-radius-small:.1875rem;--sl-border-radius-medium:.25rem;--sl-border-radius-large:.5rem;--sl-border-radius-x-large:1rem;--sl-border-radius-circle:50%;--sl-border-radius-pill:9999px;--sl-shadow-x-small:0 1px 2px rgb(0 0 0 / 18%);--sl-shadow-small:0 1px 2px rgb(0 0 0 / 24%);--sl-shadow-medium:0 2px 4px rgb(0 0 0 / 24%);--sl-shadow-large:0 2px 8px rgb(0 0 0 / 24%);--sl-shadow-x-large:0 4px 16px rgb(0 0 0 / 24%);--sl-spacing-3x-small:.125rem;--sl-spacing-2x-small:.25rem;--sl-spacing-x-small:.5rem;--sl-spacing-small:.75rem;--sl-spacing-medium:1rem;--sl-spacing-large:1.25rem;--sl-spacing-x-large:1.75rem;--sl-spacing-2x-large:2.25rem;--sl-spacing-3x-large:3rem;--sl-spacing-4x-large:4.5rem;--sl-transition-x-slow:1000ms;--sl-transition-slow:500ms;--sl-transition-medium:250ms;--sl-transition-fast:150ms;--sl-transition-x-fast:50ms;--sl-font-mono:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;--sl-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--sl-font-serif:Georgia,"Times New Roman",serif;--sl-font-size-2x-small:.625rem;--sl-font-size-x-small:.75rem;--sl-font-size-small:.875rem;--sl-font-size-medium:1rem;--sl-font-size-large:1.25rem;--sl-font-size-x-large:1.5rem;--sl-font-size-2x-large:2.25rem;--sl-font-size-3x-large:3rem;--sl-font-size-4x-large:4.5rem;--sl-font-weight-light:300;--sl-font-weight-normal:400;--sl-font-weight-semibold:500;--sl-font-weight-bold:700;--sl-letter-spacing-denser:-.03em;--sl-letter-spacing-dense:-.015em;--sl-letter-spacing-normal:normal;--sl-letter-spacing-loose:.075em;--sl-letter-spacing-looser:.15em;--sl-line-height-denser:1;--sl-line-height-dense:1.4;--sl-line-height-normal:1.8;--sl-line-height-loose:2.2;--sl-line-height-looser:2.6;--sl-focus-ring-color:var(--sl-color-primary-700);--sl-focus-ring-style:solid;--sl-focus-ring-width:3px;--sl-focus-ring:var(--sl-focus-ring-style) var(--sl-focus-ring-width) var(--sl-focus-ring-color);--sl-focus-ring-offset:1px;--sl-button-font-size-small:var(--sl-font-size-x-small);--sl-button-font-size-medium:var(--sl-font-size-small);--sl-button-font-size-large:var(--sl-font-size-medium);--sl-input-height-small:1.875rem;--sl-input-height-medium:2.5rem;--sl-input-height-large:3.125rem;--sl-input-background-color:var(--sl-color-neutral-0);--sl-input-background-color-hover:var(--sl-input-background-color);--sl-input-background-color-focus:var(--sl-input-background-color);--sl-input-background-color-disabled:var(--sl-color-neutral-100);--sl-input-border-color:var(--sl-color-neutral-400);--sl-input-border-color-hover:var(--sl-color-neutral-500);--sl-input-border-color-focus:var(--sl-color-primary-600);--sl-input-border-color-disabled:var(--sl-color-neutral-400);--sl-input-border-width:1px;--sl-input-required-content:"*";--sl-input-required-content-offset:-2px;--sl-input-required-content-color:var(--sl-input-label-color);--sl-input-border-radius-small:var(--sl-border-radius-medium);--sl-input-border-radius-medium:var(--sl-border-radius-medium);--sl-input-border-radius-large:var(--sl-border-radius-medium);--sl-input-font-family:var(--sl-font-sans);--sl-input-font-weight:var(--sl-font-weight-normal);--sl-input-font-size-small:var(--sl-font-size-small);--sl-input-font-size-medium:var(--sl-font-size-medium);--sl-input-font-size-large:var(--sl-font-size-large);--sl-input-letter-spacing:var(--sl-letter-spacing-normal);--sl-input-color:var(--sl-color-neutral-700);--sl-input-color-hover:var(--sl-color-neutral-700);--sl-input-color-focus:var(--sl-color-neutral-700);--sl-input-color-disabled:var(--sl-color-neutral-900);--sl-input-icon-color:var(--sl-color-neutral-500);--sl-input-icon-color-hover:var(--sl-color-neutral-600);--sl-input-icon-color-focus:var(--sl-color-neutral-600);--sl-input-placeholder-color:var(--sl-color-neutral-500);--sl-input-placeholder-color-disabled:var(--sl-color-neutral-600);--sl-input-spacing-small:var(--sl-spacing-small);--sl-input-spacing-medium:var(--sl-spacing-medium);--sl-input-spacing-large:var(--sl-spacing-large);--sl-input-focus-ring-color:hsl(198.6 88.7% 48.4% / 40%);--sl-input-focus-ring-offset:0;--sl-input-filled-background-color:var(--sl-color-neutral-100);--sl-input-filled-background-color-hover:var(--sl-color-neutral-100);--sl-input-filled-background-color-focus:var(--sl-color-neutral-100);--sl-input-filled-background-color-disabled:var(--sl-color-neutral-100);--sl-input-filled-color:var(--sl-color-neutral-800);--sl-input-filled-color-hover:var(--sl-color-neutral-800);--sl-input-filled-color-focus:var(--sl-color-neutral-700);--sl-input-filled-color-disabled:var(--sl-color-neutral-800);--sl-input-label-font-size-small:var(--sl-font-size-small);--sl-input-label-font-size-medium:var(--sl-font-size-medium);--sl-input-label-font-size-large:var(--sl-font-size-large);--sl-input-label-color:inherit;--sl-input-help-text-font-size-small:var(--sl-font-size-x-small);--sl-input-help-text-font-size-medium:var(--sl-font-size-small);--sl-input-help-text-font-size-large:var(--sl-font-size-medium);--sl-input-help-text-color:var(--sl-color-neutral-600);--sl-toggle-size-small:.875rem;--sl-toggle-size-medium:1.125rem;--sl-toggle-size-large:1.375rem;--sl-overlay-background-color:hsl(0 0% 0% / 43%);--sl-panel-background-color:var(--sl-color-neutral-50);--sl-panel-border-color:var(--sl-color-neutral-200);--sl-panel-border-width:1px;--sl-tooltip-border-radius:var(--sl-border-radius-medium);--sl-tooltip-background-color:var(--sl-color-neutral-800);--sl-tooltip-color:var(--sl-color-neutral-0);--sl-tooltip-font-family:var(--sl-font-sans);--sl-tooltip-font-weight:var(--sl-font-weight-normal);--sl-tooltip-font-size:var(--sl-font-size-small);--sl-tooltip-line-height:var(--sl-line-height-dense);--sl-tooltip-padding:var(--sl-spacing-2x-small) var(--sl-spacing-x-small);--sl-tooltip-arrow-size:6px;--sl-z-index-drawer:700;--sl-z-index-dialog:800;--sl-z-index-dropdown:900;--sl-z-index-toast:950;--sl-z-index-tooltip:1000;}@supports (scrollbar-gutter:stable){.sl-scroll-lock{scrollbar-gutter:var(--sl-scroll-lock-gutter)!important}.sl-scroll-lock body{overflow:hidden!important}}@supports not (scrollbar-gutter:stable){.sl-scroll-lock body{padding-right:var(--sl-scroll-lock-size)!important;overflow:hidden!important}}.sl-toast-stack{position:fixed;top:0;inset-inline-end:0;z-index:var(--sl-z-index-toast);width:28rem;max-width:100%;max-height:100%;overflow:auto;}.sl-toast-stack sl-alert{margin:var(--sl-spacing-medium);}.sl-toast-stack sl-alert::part(base){box-shadow:var(--sl-shadow-large);}.xtra-share {
border: 1px solid rgba(167, 167, 167, 0.3);
border-radius: 3px;
text-align: center;
padding: 10px;
margin-top: 30px;
align-items: center
}
.xtra-share:before {
content: attr( data-title )
}
.xtra-share a {
font-size: 22px;
margin: 0 5px;
opacity: .5
}
.xtra-share a:hover {
opacity: 1
}
#xtra_quick_view .xtra-share {
display: none
}
@keyframes xtraShareAbsorber {
0%, 10%, 20%, 50%, 80% {transform: translateY(0)}
40% {transform: translateY(-8px)}
60% {transform: translateY(-8px)}
}
@media screen and (max-width:480px) {
div.xtra-share {
text-align: center !important
}
.cz_social.xtra-share a {
font-size: 14px
}
}
@media print {
.xtra-printing > *:not(#xtraPrint),
.xtra-printing .xtra-post-title-date {
display: none !important
}
.xtra-printing h1,
.xtra-printing h2, 
.xtra-printing .xtra-post-title, 
.xtra-printing .page_title .codevz-section-title {
color: #000 !important;
font-size: 30px !important;
border: 0 !important
}
}[data-cz-style] {
opacity: 0
}
.inner_layout style, 
.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
}
.cz-particles {
position: relative;
min-height: 300px !important
}
.cz-particles > * {
z-index: 1
}
.cz-particles canvas {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0
}
.wpb_animate_when_almost_visible {
position: relative;
transition: none !important;
z-index: 2
}
.codevz-page-content-element {
position: relative;
z-index: 1
} .vc_column_container {
min-height: 5px
}
.cz_post_content > .vc_empty-placeholder {
display: none
}
.vc_welcome-brand img {
margin: 0 auto
}
.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
}
.compose-mode .vc_row:hover {
z-index: 99999 !important
}
.vc_row[data-vc-full-width],
footer .vc_row[data-vc-full-width] {
z-index: 0;
overflow: visible
}
.vc_parallax, 
.vc_parallax[data-vc-full-width] {
overflow: hidden
}
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
} [data-src], .cz_dloader {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNhN2E3YTciPg0KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIHN0cm9rZS13aWR0aD0iMiI+DQogICAgICAgICAgICA8Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMyIgY3g9IjE4IiBjeT0iMTgiIHI9IjE4Ii8+DQogICAgICAgICAgICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiPg0KICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtDQogICAgICAgICAgICAgICAgICAgIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSINCiAgICAgICAgICAgICAgICAgICAgdHlwZT0icm90YXRlIg0KICAgICAgICAgICAgICAgICAgICBmcm9tPSIwIDE4IDE4Ig0KICAgICAgICAgICAgICAgICAgICB0bz0iMzYwIDE4IDE4Ig0KICAgICAgICAgICAgICAgICAgICBkdXI9IjFzIg0KICAgICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPg0KICAgICAgICAgICAgPC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+");
background-repeat: no-repeat;
background-position: center;
background-size: 30px
}
.cz_dloader {
background-size: 40px;
width: 100px;
height: 100px;
margin: 20px auto
}
[data-src] {
transition: all .1s ease-in-out;
opacity: .6
}
img.lazyDone {
width: auto;
background-color: transparent;
background-image: none;
opacity: 1
} .cz_group_parallax {
position: relative;
min-height: 100px;
height: 600px
}
.cz_group_parallax img {
border-radius: inherit
}
.cz_layer_parallax {
position: absolute
} [class*='fx_'], [class*='fx_'] > div {
transition: all 220ms ease-in-out, color 1ms
}
[class*='cz_parallax_'] {
position: relative;
z-index: 2;
transition: transform .5s cubic-bezier(0, 0, .25, 1)
}
[class*='cz_parallax_'] > div {
display: block
}
[class*='cz_mparallax_'] {
transition: transform .8s cubic-bezier(0, 0, .25, 1)
}
.fx_opacity > div,
.fx_opacity_hover > div:hover {
opacity: .5
}
.fx_full_opacity:hover {
opacity: 1
}
.fx_zoom_0 {
z-index: 99;
transform: scale(1.05)
}
.fx_zoom_0_hover:hover {
z-index: 100;
transform: scale(1.05)
}
.fx_zoom_1 {
z-index: 99;
transform: scale(1.1)
}
.fx_zoom_1_hover:hover {
z-index: 100;
transform: scale(1.1)
}
.fx_zoom_2 {
z-index: 99;
transform: scale(1.2)
}
.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 {
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
}
.fx_inner_line .cz_box_front_inner > div:before,
.fx_inner_line_hover .cz_box_front_inner > div:hover:before {
opacity: 1;
transform: scale(1, 1)
}
.fx_up, .fx_up_hover:hover {
transform: translateY(-30px)
}
.fx_down, .fx_down_hover:hover {
transform: translateY(30px)
}
.fx_right, .fx_right_hover:hover {
transform: translateX(30px)
}
.fx_left, .fx_left_hover:hover {
transform: translateX(-30px)
}
.fx_z_hover > div {
transition: all .6s cubic-bezier(.77, 0, .175, 1)
}
.fx_z_hover:hover > div {
transform: rotateZ(360deg)
}
.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 {
transform: skew(10deg)
}
.fx_skew_right, 
.fx_skew_right_hover:hover {
transform: skew(-10deg)
}
.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}
}
.fx_shine_hover {
position: relative;
overflow: hidden
}
.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)
}
.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 {
filter: grayscale(100%)
}
.fx_remove_grayscale_hover:hover {
filter: grayscale(0%)
}
.fx_grow_rotate_right,
.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 {
z-index: 99;
transform: scale(1.06) rotate(-3deg);
}
.fx_bob,
.fx_bob_hover:hover,
.cz_hotspot_bob {
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 {
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)}
} .cz_posts_equal > .clr {
display: flex;
width: 100%
}
.cz_equal_height .cz_eqh ,
.cz_equal_height .cz_eqh > div,
.cz_equal_height .cz_eqh > div > div,
.cz_equal_height .cz_eqh > div > div > div,
.cz_posts_equal article {
display: flex
}
.cz_equal_height .cz_eqh,
.cz_equal_height .vc_cz_content_box {
display: flex;
height: 100%
}
.cz_equal_height .vc_element-container,
.cz_equal_height .vc_cz_content_box div.cz_wrap,
.cz_equal_height .cz_eqh > div, 
.cz_equal_height .cz_eqh > div > div, 
.cz_equal_height .cz_eqh > div > div > div, 
.cz_equal_height .cz_eqh > div > div > div > div,
.cz_equal_height .cz_eqh > div > div > div > div > div {
width: 100%
}
.vc_row-o-content-middle .cz_box_front_inner,
.vc_row-o-content-bottom .cz_box_front_inner {
display: flex;
align-items: center;
box-sizing: border-box
}
.vc_row-o-content-bottom .cz_box_front_inner {
align-items: flex-end
}
.cz_equal_height .wpb_wrapper,
.cz_equal_height .vc_column-inner {
flex-grow: inherit;
height: 100%
} .cz_content_box,
.cz_box_front_inner,
.cz_box_back_inner,
.cz_content_box_parent_fx {
position: relative;
z-index: 1
}
.cz_content_box_parent_fx:hover,
.cz_content_box:hover {
z-index: 1 !important
}
div[data-tilt] {
transform-style: preserve-3d
}
div[data-tilt]:hover {
z-index: 2
}
a[data-tilt], 
div[data-tilt], 
div[data-tilt] > div, 
div[data-tilt].cz_btn {
transition: none
}
div[data-tilt] .cz_box_front_inner > div, 
div[data-tilt] .cz_box_back_inner > div, 
div[data-tilt].cz_btn span {
transition: all .4s ease
}
div[data-tilt]:hover .cz_box_front_inner > div, 
div[data-tilt]:hover .cz_box_back_inner > div, 
div[data-tilt].cz_btn:hover span {
transform: translateZ(20px)
}
.cz_content_box_gradient {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: all .2s ease-in-out
}
.cz_content_box_full_before:before, 
.cz_content_box_full_stretch:before,
.cz_content_box_full_after:after,
.cz_content_box_full_stretch:after {
position: absolute;
content: '';
top: 0;
width: 6000px;
height: 100%;
background: inherit;
visibility: visible;
border-radius: inherit;
z-index: -1
}
.cz_content_box_full_before:before, 
.cz_content_box_full_stretch:before {
right: 0
}
.cz_content_box_full_after:after, 
.cz_content_box_full_stretch:after {
left: 0
}
.cz_content_box_full_before > div > div,
.cz_content_box_full_after > div > div,
.cz_content_box_full_stretch > div > div {
position: relative;
z-index: 1
} .fx_flip_v .cz_box_front, 
.fx_flip_v .cz_box_back,
.fx_flip_h .cz_box_front, 
.fx_flip_h .cz_box_back,
.cz_box_backed {
position: relative;
transform-style: preserve-3d;
perspective: 1000px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cz_box_backed .cz_box_front_inner, 
.cz_box_backed .cz_box_back_inner {
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cz_content_box.cz_box_backed > * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .8s cubic-bezier(.25,.1,.11,1.1)
}
.cz_box_backed .cz_box_back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
background-size: cover;
display: block !important
}
.cz_box_front_inner, 
.cz_box_back_inner {
margin: 0;
padding: 30px;
transition: all .2s ease-in-out
}
.cz_box_front_inner > div {
border-radius: inherit;
}
.cz_box_back_inner_position {
box-sizing:border-box
}
.fx_flip_v.cz_box_backed .cz_box_front_inner > *, 
.fx_flip_v.cz_box_backed .cz_box_back_inner > *,
.fx_flip_h.cz_box_backed .cz_box_front_inner > *, 
.fx_flip_h.cz_box_backed .cz_box_back_inner > * {
align-items: stretch;
transform-style: preserve-3d;
perspective: 1000px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(95px) scale(.81)
}
.fx_flip_v.cz_box_backed .cz_box_back_inner_position, 
.fx_flip_h.cz_box_backed .cz_box_back_inner_position {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cz_box_back_inner > div {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.cz_box_backed .cz_box_back_inner {
height: calc(100% - 60px)
}
.cz_box_backed .cz_box_back {
transform: rotateY(180deg)
}
.cz_box_backed:hover .cz_box_back {
transform: rotateY(0deg)
}
.cz_box_backed:hover .cz_box_front {
transform: rotateY(-180deg)
}
.fx_flip_v.cz_box_backed .cz_box_back {
transform: rotateX(180deg)
}
.fx_flip_v.cz_box_backed:hover .cz_box_back {
transform: rotateX(0deg)
}
.fx_flip_v.cz_box_backed:hover .cz_box_front {
transform: rotateX(-180deg)
}
.cz_box_hide_arrow .cz_box_front_inner > span {
display: none
} [class*='fx_backed_'] .cz_box_front {
transform: none
}
[class*='fx_backed_'] .cz_box_back {
transform: none;
opacity: 0;
visibility: hidden
}
[class*='fx_backed_']:hover .cz_box_front {
opacity: 0;
visibility: hidden
}
[class*='fx_backed_']:hover .cz_box_back {
transform: initial;
opacity: 1;
visibility: visible
}
.fx_backed_fade_to_top .cz_box_back {transform: translateY(20%)}
.fx_backed_fade_to_top:hover .cz_box_front {transform: translateY(-20%)}
.fx_backed_fade_to_bottom .cz_box_back {transform: translateY(-20%)}
.fx_backed_fade_to_bottom:hover .cz_box_front {transform: translateY(20%)}
.fx_backed_fade_to_left .cz_box_back {transform: translateX(20%)}
.fx_backed_fade_to_left:hover .cz_box_front {transform: translateX(-20%)}
.fx_backed_fade_to_right .cz_box_back {transform: translateX(-20%)}
.fx_backed_fade_to_right:hover .cz_box_front {transform: translateX(20%)}
.fx_backed_zoom_in .cz_box_back {transform: scale(.8)}
.fx_backed_zoom_in:hover .cz_box_front {transform: scale(1.1)}
.fx_backed_zoom_out .cz_box_back {transform: scale(1.1)}
.fx_backed_zoom_out:hover .cz_box_front {transform: scale(.8)}
.fx_backed_bend_in .cz_box_back {transform-origin: bottom;transform: rotateX(-200deg)}
.fx_backed_bend_in .cz_box_front {transform-origin: bottom;transform: rotateX(0)}
.fx_backed_bend_in:hover .cz_box_front {transform: rotateX(101deg)}
.fx_backed_bend_in:hover .cz_box_back {transform: rotateX(0deg)}
.fx_backed_blurred .cz_box_front {filter: blur(0px)}
.fx_backed_blurred:hover .cz_box_front {filter: blur(6px);opacity: 1;visibility: visible}
.fx_backed_blurred:hover .cz_box_front,
.fx_backed_fade_out_in:hover .cz_box_front {transform: none}
.cz_box_back_title {
font-size: 22px;
font-weight: 700
}
.cz_box_back_btn {
font-size: 16px;
padding: 10px 20px;
color: #fff;
background: #111;
margin: 20px 0 0;
display: inline-block
}
[class*='cz_box_back_pos_'] .cz_box_back_inner_position {
position: absolute
}
.cz_box_back_pos_tl .cz_box_back_inner_position {
top: 30px;
left: 30px
}
.cz_box_back_pos_tc .cz_box_back_inner_position {
text-align: center;
top: 30px;
left: 50%;
transform: translateX(-50%);
width: 90%
}
.cz_box_back_pos_tr .cz_box_back_inner_position {
top: 30px;
right: 30px
}
.cz_box_back_pos_bl .cz_box_back_inner_position {
bottom: 30px;
left: 30px
}
.cz_box_back_pos_bc .cz_box_back_inner_position {
text-align: center;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: 90%
}
.cz_box_back_pos_br .cz_box_back_inner_position {
bottom: 30px;
right: 30px
}
.cz_box_back_pos_ml .cz_box_back_inner_position {
top: 50%;
left: 30px;
transform: translateY(-50%);
width: 90%
}
.cz_box_back_pos_mc .cz_box_back_inner_position {
text-align: center;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%
}
.cz_box_back_pos_mr .cz_box_back_inner_position {
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 90%
}
.cz_box_backed_disabled .cz_box_back {
display: none
}
.cz_split_box {
z-index: -1;
background-size: cover;
background-position: center center
}
.cz_split_box_left > div,
.cz_split_box_right > div {
position: relative;
width: 50%;
float: left
}
.cz_split_box_q > div,
.cz_split_box_q > div {
width: 65%
}
.cz_split_box_q .cz_split_box {
width: 35%
}
[class*='cz_split_box_'] {
overflow: hidden
}
[class*='cz_split_box_'] .cz_box_front_inner > span {
content: '';
z-index: 1;
visibility: visible;
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 20px;
background: inherit;
transform: translate(-50%, -50%) rotate(45deg);
}
.cz_split_box_right .cz_box_front_inner > span {
left: auto;
right: 0;
transform: translate(50%, -50%) rotate(45deg)
}
.cz_split_box_top .cz_box_front_inner > span {
left: 50%;
top: 0
}
.cz_split_box_bottom .cz_box_front_inner > span {
left: 50%;
top: auto;
bottom: 0;
transform: translate(-50%, 50%) rotate(45deg)
}
.cz_split_box img {
width: 100%
} .cz_chat {
position: relative
}
.cz_chat > div {
background: #ebf0ff;
padding: 20px;
margin: 0 0 20px 90px;
border-radius: 15px 15px 15px 0
}
.cz_chat_right > div {
background: #e6fae7;
margin: 0 90px 20px 0;
border-radius: 15px 15px 0 15px
}
.cz_chat > img {
position: absolute;
left: 0;
bottom: 0;
border-radius: 100%;
width: 80px;
height: 80px
}
.cz_chat_right > img {
left: auto;
right: 0
} .cz_plv_number {
float: left;
width: 80px;
text-align: center;
position: relative
}
.rtl .cz_plv_number {float: right}
.cz_plv_number b {
position: absolute;
left: 50%;
width: 2px;
background: #a7a7a7;
z-index: 0;
height: 100%;
transform: translateX(-50%);
}
.cz_plv_number span {
position: relative;
width: 2em;
height: 2em;
line-height: 2em;
border: 1px solid;
font-size: 18px;
display: inline-block;
border-radius: 100%;
margin: 0 0 20px;
background: #fff;
z-index: 1;
transition: all .2s ease-in-out
}
.cz_content_box .wpb_button, 
.cz_content_box .wpb_content_element, 
.cz_content_box ul.wpb_thumbnails-fluid > li,
.cz_plv_content p, 
.cz_plv_content .wpb_button, 
.cz_plv_content .wpb_content_element, 
.cz_plv_content ul.wpb_thumbnails-fluid > li,
.cz_acc .wpb_content_element,
.cz_history_1 .wpb_content_element {
margin-bottom: 0 !important
}
.cz_plv_t .cz_plv_number span {
margin: 0
}
.cz_plv_m .cz_plv_number span {
margin: 0;
top: 50%;
transform: translateY(-50%);
} .cz_btn {
position: relative;
display: inline-block;
border: 0;
margin: 0 0 -10px;
overflow: hidden;
padding: .6em 1.2em;
border-style: solid;
color: #fff;
background: #4e71fe;
text-align: initial;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition: all .2s ease-in-out
}
[class*='fx_'] .cz_btn {
-webkit-backface-visibility: visible;
backface-visibility: visible
}
.cz_btn:hover {
color: #fff
}
.cz_btn_inline {display: inline-block}
.vc_cz_button.cz_btn_inline {display: inline-block !important}
.cz_btn_block a {display: block;text-align:center}
.cz_btn_left {float: left}
.rtl .cz_btn_left {float: right}
.cz_btn_center {display: block;width: 100%;text-align: center}
.cz_btn_right {float: right}
.rtl .cz_btn_right {float: left}
.cz_btn_no_fx:before, .cz_btn_no_fx:after {display: none}
.cz_btn:before, .cz_btn:after {
position: absolute;
display: none;
content: '';
border: 0 !important;
padding: 0 !important;
}
.cz_btn strong {
font-weight: inherit;
vertical-align: middle;
white-space: nowrap;
}
.cz_btn_subtitle strong, 
.cz_btn_subtitle i {
display: inline-block;
vertical-align: middle
}
.cz_btn span {
position: relative;
z-index: 1;
display: block;
vertical-align: middle;
white-space: nowrap;
transition: all .3s ease-in-out
}
.cz_btn b {
width: auto;
white-space: nowrap;
padding: inherit;
margin: 0;
opacity: 0;
font-weight: inherit;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
transition: all .3s ease-in-out
}
.cz_btn:hover span {opacity: 0}
.cz_btn:hover b {opacity: 1}
.cz_btn_txt_no_fx:hover span {opacity: 1}
.cz_btn_txt_no_fx:hover b {opacity: 0}
.cz_btn i {
position: relative;
display: inline-block;
vertical-align: middle;
letter-spacing:0;
margin: 0 8px 0 0;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center
}
.cz_btn_icon_after i, .rtl .cz_btn i {
margin: 0 0 0 8px
}
.rtl .cz_btn_icon_after i {margin: 0 8px 0 0}
.cz_btn img {
transition: all .3s ease-in-out
}
.cz_btn:hover img:first-child,
.cz_btn img:last-child {
opacity: 0
}
.cz_btn img:last-child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.cz_btn:hover img:last-child {
opacity: 1
} .cz_btn_txt_move_up b {transform: translate(-50%, 25%)}
.cz_btn_txt_move_up:hover b {opacity: 1;transform: translate(-50%, -50%)}
.cz_btn_txt_move_up:hover span {opacity: 0;transform: translateY(-50%)} .cz_btn_txt_move_down b {transform: translate(-50%, -100%)}
.cz_btn_txt_move_down:hover b {opacity: 1;transform: translate(-50%, -50%)}
.cz_btn_txt_move_down:hover span {opacity: 0;transform: translateY(50%)} .cz_btn_txt_move_right b {transform: translate(-100%, -50%)}
.cz_btn_txt_move_right:hover b {opacity: 1;transform: translate(-50%, -50%)}
.cz_btn_txt_move_right:hover span {opacity: 0;transform: translateX(100%)} .cz_btn_txt_move_left b {transform: translate(100%, -50%)}
.cz_btn_txt_move_left:hover b {opacity: 1;transform: translate(-50%, -50%)}
.cz_btn_txt_move_left:hover span {opacity: 0;transform: translateX(-100%)} .cz_btn_beat {overflow: visible}
.cz_btn_beat:before {
display: block;
height: 100%;
width: 100%;
top: 50%;
left: 50%;
background: inherit;
z-index: -1;
opacity: .6;
transform: scale(0) translate(-50%, -50%);
transform-origin: top left
}
.cz_btn_beat:hover {
transition: background-color .2s .4s, color .1s .3s;
animation: BeatFx .4s forwards
}
.cz_btn_beat:hover:before {
animation: BeatFxB .4s forwards
}
@keyframes BeatFx {
60% {transform: scale(.8)}
85% {transform: scale(1.2)}
100% {transform: scale(1)}
}
@keyframes BeatFxB {
to {opacity: 0;transform: scale(1.6) translate(-50%, -50%)}
} .cz_btn_move_up_icon {overflow: hidden}
.cz_btn_move_up_icon i {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
text-align: center;
transform: translate(-50%, 100%);
margin: 0;
transition: all .3s ease-in-out
}
.cz_btn_move_up_icon img {
margin: 0 auto
}
.cz_btn_move_up_icon span strong {display: block;position: relative;transition: all .3s ease-in-out}
.cz_btn_move_up_icon i {opacity: 0}
.cz_btn_move_up_icon:hover i {opacity: 1;transform: translate(-50%, -50%)}
.cz_btn_move_up_icon:hover b {opacity: 0}
.cz_btn_move_up_icon:hover span {opacity: 1}
.cz_btn_move_up_icon:hover span strong {transform: translateY(-130%) !important} .cz_btn_show_hidden_icon i {opacity: 0;margin-right: -14px;transition: all .2s ease-in-out}
.rtl .cz_btn_show_hidden_icon i {margin-right: 0;margin-left: -14px}
.cz_btn_show_hidden_icon:hover i {opacity: 1;margin-right: 10px}
.rtl .cz_btn_show_hidden_icon:hover i {margin-right: 0;margin-left: 10px}
.cz_btn_icon_after.cz_btn_show_hidden_icon i {margin-right: 0;margin-left: -14px}
.rtl .cz_btn_icon_after.cz_btn_show_hidden_icon i {margin-right: -14px;margin-left: 0}
.cz_btn_icon_after.cz_btn_show_hidden_icon:hover i {margin-right: 0;margin-left: 8px}
.rtl .cz_btn_icon_after.cz_btn_show_hidden_icon:hover i {margin-right: 8px;margin-left: 0} .cz_btn_ghost_icon {overflow: hidden}
.cz_btn_ghost_icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(3, 3);
margin: 0;
opacity: .3;
transition: all .2s ease-in-out
}
.cz_btn_ghost_icon:hover i {opacity: 1;transform: translate(-50%, -50%) scale(1.4, 1.4)}
.cz_btn_ghost_icon:hover strong {opacity: 0;transform: scale(.8, .8)}
.cz_btn_zoom_out:hover {animation: none;transform: scale(.9)}
.cz_btn_zoom_in:hover {animation: none;transform: scale(1.1)}
.cz_btn_move_up:hover {animation: none;transform: translateY(-6px)} .cz_btn_winkle:hover {animation: BtnFxWinkle .8s forwards}
@keyframes BtnFxWinkle {
0%{transform:translateX(0%)}
15%{transform:translateX(-15%) rotate(-5deg)}
30%{transform:translateX(10%) rotate(3deg)}
45%{transform:translateX(-5%) rotate(-3deg)}
60%{transform:translateX(10%) rotate(2deg)}
75%{transform:translateX(-5%) rotate(-1deg)}
100%{transform:translateX(0%)}
} .cz_btn_half_to_fill, .cz_btn_half_to_fill:hover, 
.cz_btn_half_to_fill_v, .cz_btn_half_to_fill_v:hover {
background: none !important;
box-shadow: none !important;
border: 0 !important;
color: #a7a7a7
}
.cz_btn_half_to_fill:before,
.cz_btn_half_to_fill_v:before,
.cz_btn_half_to_fill:after,
.cz_btn_half_to_fill_v:after {
display: block;
background: #111;
width: 40px;
height: 100%;
top: 0;
left: 0;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
transition: all .3s cubic-bezier(.77, 0, .175, 1)
}
.cz_btn_half_to_fill:after, .cz_btn_half_to_fill_v:after {
opacity: 0
}
.cz_btn_half_to_fill_v:before, .cz_btn_half_to_fill_v:after {
width: 100%;
height: 6px;
top: auto;
bottom: 0
}
.cz_btn_half_to_fill:hover:before, .cz_btn_half_to_fill_v:hover:before,
.cz_btn_half_to_fill:hover:after, .cz_btn_half_to_fill_v:hover:after {
width: 100%;
height: 100%;
opacity: 1
} .cz_btn_absorber:hover {animation: BtnFxAbsorber .8s forwards}
@keyframes BtnFxAbsorber {
0%, 10%, 20%, 50%, 80% {transform: translateY(0)}
40% {transform: translateY(-8px)}
60% {transform: translateY(-8px)}
} .cz_btn_zoom_out_in:hover b {
transform-origin: top left;
animation: BtnFxOutIn .8s forwards
}
@keyframes BtnFxOutIn {
0% {transform: scale(1) translate(-50%, -50%)}
25% {transform: scale(0) translate(-50%, -50%)}
50% {transform: scale(1.2) translate(-50%, -50%)}
75% {transform: scale(.8) translate(-50%, -50%)}
100% {transform: scale(1) translate(-50%, -50%)}
} .cz_btn_fill_up, .cz_btn_fill_down, 
.cz_btn_fill_left, .cz_btn_fill_right {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: none !important
}
.cz_btn_fill_up:before, .cz_btn_fill_down:before, 
.cz_btn_fill_left:before, .cz_btn_fill_right:before,
.cz_btn_fill_up:after, .cz_btn_fill_down:after, 
.cz_btn_fill_left:after, .cz_btn_fill_right:after {
display: block;
top: -1px;
left: -1px;
width: calc( 100% + 2px );
height: calc( 100% + 2px );
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
background: #111;
transform: translateY(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .3s ease-in-out
}
.cz_btn_fill_up:after {transform: translateY(100%)}
.cz_btn_fill_up:hover:before {transform: translateY(-100%)}
.cz_btn_fill_down:after {transform: translateY(-100%)}
.cz_btn_fill_down:hover:before {transform: translateY(100%)}
.cz_btn_fill_left:after {transform: translateX(100%)}
.cz_btn_fill_left:hover:before {transform: translateX(-100%)}
.cz_btn_fill_right:after {transform: translateX(-100%)}
.cz_btn_fill_right:hover:before {transform: translateX(100%)}
.cz_btn_fill_up:hover:after, .cz_btn_fill_down:hover:after,
.cz_btn_fill_left:hover:after, .cz_btn_fill_right:hover:after {transform: translateY(0)} .cz_btn_flash {
opacity: 1;
animation: czFlashFx 1s forwards
}
.cz_btn_flash:hover {
opacity: 1;
animation: czFlashFx 1s forwards
}
@keyframes czFlashFx {
0% {opacity: .1}
100% {opacity: 1}
} .cz_btn_shine:before {
top: 0;
left: 125%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
border: 0 !important;
border-radius: 0 !important;
animation: btnShineDef .7s forwards;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%) !important;
transform: skewX(-25deg)
}
.cz_btn_shine:hover:before {left: -125%;animation: btnShine .7s forwards}
@keyframes btnShine {100% {left: 125%}}
@keyframes btnShineDef {100% {left: -125%}} .cz_btn_circle_fade:before {
top: 50%;
left: 50%;
z-index: 2;
display: block;
width: 0;
height: 0;
background: rgba(255,255,255,.2) !important;
border: 0 !important;
border-radius: 100% !important;
transform: translate(-50%, -50%);
opacity: 0;
}
.cz_btn_circle_fade:hover:before {
animation: btnCircle .8s forwards
}
@keyframes btnCircle {
0% {opacity: 1}
40% {opacity: 1}
100% {
width: 200%;
height: 200%;
opacity: 0
}
} .cz_btn_blur {
animation: btnBlurDef .8s forwards
}
.cz_btn_blur:hover {
animation: btnBlur .8s forwards
}
.cz_btn_blur:hover span {
opacity: 0
}
.cz_btn_blur .cz_btn_onhover {
transform: translate(-50%, -50%) !important
}
.cz_btn_blur:hover .cz_btn_onhover {
opacity: 1
}
@keyframes btnBlur {
0% {filter: blur(5px)}
100% {filter: blur(0)}
}
@keyframes btnBlurDef {
0% {filter: blur(5px)}
100% {filter: blur(0)}
} .cz_btn_unroll_v, .cz_btn_unroll_h {
background: none !important
}
.cz_btn_unroll_v:before, .cz_btn_unroll_h:before,
.cz_btn_unroll_v:after, .cz_btn_unroll_h:after {
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0 !important;
border-radius: 0 !important;
transform-origin: center;
transform: scale(1, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .3s ease-in-out
}
.cz_btn_unroll_v:after {transform: scale(1, 0)}
.cz_btn_unroll_h:after {transform: scale(0, 1)}
.cz_btn_unroll_v:before, .cz_btn_unroll_h:before,
.cz_btn_unroll_v:hover:after, .cz_btn_unroll_h:hover:after {
transform: scale(1)
} ul.cz_stylish_list,
.cz_post_content ul.cz_stylish_list,
.rtl ul.cz_stylish_list {
margin: 0;
padding: 0;
list-style: none !important
}
.cz_stylish_list li {
margin: 0 0 10px;
display: list-item;
width: 100%;
transition: all .2s ease-in-out
}
.cz_stylish_list a {
display: block;
color: inherit !important
}
.cz_stylish_list i {
font-size: 1em;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
display: block;
transition: all .1s ease-in-out
}
.cz_stylish_list li > div > span {
line-height: 1.6;
display: block
}
.cz_stylish_list small {
opacity: 1;
display: table
}
.cz_stylish_list li > div,
.cz_stylish_list li > a > div {
color: inherit;
display: table-cell;
vertical-align: middle;
text-decoration: inherit
}
.cz_stylish_list .cz_sl_icon {
vertical-align: top
}
.cz_stylish_list .cz_sl_image i {
width: auto;
height: auto
}
.cz_sl_icon_hover_zoom_in li:hover i {transform: scale(1.25, 1.25)}
.cz_sl_icon_hover_zoom_out li:hover i {transform: scale(0.875, 0.875)}
.cz_sl_icon_hover_blur li:hover i {animation: btnBlur .8s forwards}
.cz_sl_icon_hover_flash li:hover i {animation: czFlashFx .8s forwards}
.cz_sl_icon_hover_absorber li:hover i {animation: BtnFxAbsorber .8s forwards}
.cz_sl_icon_hover_wobble li:hover i {animation: hvr-wobble-skew .8s forwards}
.cz_sl_icon_hover_zoom_in_fade li:hover i {animation: tabZoomIn .8s forwards}
.cz_sl_icon_hover_zoom_out_fade li:hover i {animation: tabZoomOut .8s forwards}
.cz_sl_icon_hover_push_in li:hover i {animation: tabPushIn .8s forwards} [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%)}
50% {transform: translateY(0)}
100% {transform: translateY(-100%)}
}
[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%)}
}
.rtl .cz_data_price {
direction: ltr !important
}
.rtl .cz_data_price span {
margin: 0 4px 0 0;
} .cz_quote blockquote {
padding: 30px
}
.cz_quote .cz_quote_info {
margin: 40px 0 0;
display: table
}
.cz_quote .cz_quote_info img {
border-radius: 100%;
display: inline-block;
margin-right: 20px;
max-width: 80px;
vertical-align: middle
}
.rtl .cz_quote .cz_quote_info img {
margin-right: 0;
margin-left: 20px
}
.cz_quote_center .cz_quote_info img {
margin: 0 auto
}
.cz_quote h4 {
display: inline-block;
font-weight: normal;
vertical-align: middle;
margin: 0
}
.cz_quote blockquote:before {
display: none
}
.cz_quote_arrow blockquote {
background: #fff
}
.cz_quote_arrow blockquote:after {
content: "\00a0";
display: block;
position: absolute;
bottom: -10px;
left: 62px;
width: 20px;
height: 20px;
background: inherit;
z-index: 0;
border-width: 0 1px 1px 0;
border-style: inherit;
border-color: inherit;
transform: rotate(45deg)
}
.rtl .cz_quote_arrow blockquote:after {right: 62px;left: auto}
.cz_quote_arrow .cz_quote_info {
margin: 20px 30px
}
.cz_quote_center {
text-align: center
}
.cz_quote_center blockquote:after,
.rtl .cz_quote_center blockquote:after {
left: calc(51% - 20px)
}
.rtl .cz_quote_center blockquote:after {right: auto}
.cz_quote_center .cz_quote_info {
margin: 20px auto 0
}
.cz_quote_center blockquote:after {
z-index: -1
}
.cz_quote.cz_quote_center .cz_quote_info img {
display: table;
margin: 0 auto
}
.cz_quote_center h4 {
display: block;
padding: 10px 0
}
.cz_quote_top blockquote:after {
border-width: 1px 0 0 1px;
bottom: auto;
top: -10px
}
.cz_quote_center.cz_quote_top .cz_quote_info {
margin: 0 auto 20px
}
i.cz_quote_shape {
display: block;
opacity: .1;
font-size: 100px
}
.cz_quote_both_second {
position: absolute;
bottom: 10%;
right: 10%
}
.cz_quote_rating i {
margin-right: 1px
} .cz_testimonials {
position: relative
}
.cz_testimonials_content {
position: relative;
border: 1px solid transparent;
background-color: rgba(167, 167, 167, .1);
padding: 30px;
border-radius: 0
}
.cz_testimonials_content p {margin-bottom: 0}
.cz_testimonials_bottom_arrow .cz_testimonials_content:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 30px 22px 0 0;
border-color: transparent;
border-top-color: inherit;
position: absolute;
left: -1px;
bottom: -1px;
transform: translateY(100%);
}
.rtl .cz_testimonials_bottom_arrow .cz_testimonials_content:after {
left: auto;
right: -1px;
border-width: 30px 0 0 22px
}
.cz_testimonials_top_arrow .cz_testimonials_content:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 0 22px;
border-color: transparent;
border-left-color: inherit;
position: absolute;
left: -1px;
top: -1px;
transform: translateY(-100%)
}
.rtl .cz_testimonials_top_arrow .cz_testimonials_content:after {
left: auto;
right: -1px;
border-width: 30px 22px 0 0
}
.cz_testimonials_meta > div {
display: inline-block;
vertical-align: middle
}
.cz_testimonials_avatar {
overflow: hidden;
border-radius: 100%;
width: 80px
}
.cz_testimonials_avatar img {
border-radius: inherit;
width: inherit;
height: inherit
}
.cz_testimonials_name {
font-size: 18px;
font-weight: bold
}
.cz_testimonials_subname {
font-size: 16px;
font-weight: 300;
color: #707070
}
.cz_testimonials_name_subname {
margin: 0 0 0 20px
}
.rtl .cz_testimonials_name_subname {
margin: 0 20px 0 0
}
.cz_testimonials_s1 .cz_testimonials_meta,
.cz_testimonials_s3 .cz_testimonials_meta {
margin: 20px 0 0
}
.cz_testimonials_s2 .cz_testimonials_meta,
.cz_testimonials_s4 .cz_testimonials_meta {
margin: 0 0 20px
}
.cz_testimonials_s5 .cz_testimonials,
.cz_testimonials_s6 .cz_testimonials {
text-align: center
}
.cz_testimonials_s5 .cz_testimonials_name_subname,
.cz_testimonials_s6 .cz_testimonials_name_subname {
margin: 0 auto;
display: table;
text-align: center
}
.cz_testimonials_s5 .cz_testimonials_content {
padding-bottom: 60px
}
.cz_testimonials_s5 .cz_testimonials_avatar {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%)
}
.cz_testimonials_s5 .cz_testimonials_name_subname > div {
display: inline-block;
vertical-align: middle;
margin: 20px 4px 0
}
.cz_testimonials_s6 .cz_testimonials_content {
padding-top: 60px
}
.cz_testimonials_s6 .cz_testimonials_avatar {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%)
}
.cz_testimonials_s6 .cz_testimonials_name_subname > div {
display: inline-block;
vertical-align: middle;
margin: 0 4px 20px
}
.cz_testimonials_s7 .cz_testimonials_content {
text-align: center
}
.cz_testimonials_s7 .cz_testimonials_name_subname {
margin: 0
} .progress_bar {
position: relative;
width: 100%;
height: 6px;
margin: 50px 0 0;
line-height: 26px;
background-color: rgba(167, 167, 167, .2)
}
.progress_bar span {
position: absolute;
height: 100%;
bottom: 0;
left: 0;
border-radius: inherit;
background-color: #111;
overflow: visible !important;
transition: width 1.5s ease-in-out
}
.stripes span:before {
content: '';
height: 100%;
width: 100%;
position: absolute;
background-size: 30px 30px;			
background-image: linear-gradient(to right bottom, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
transform: translateZ(0);
animation: animateStripes 3s linear infinite
}
@keyframes animateStripes {
0% {background-position: 0 0}
100% {background-position: 60px 0}
}
.progress_bar b {
position: absolute;
right: 0;
top: -28px;
display: none;
font-size: 3em;
font-weight: bold
}
.rtl .progress_bar b {
right: auto;
left: 0
}
.pbar2 b {
font-size: 14px;
background: #111;
color: #fff;
opacity: 1;
padding: 2px 8px;
font-weight: normal;
z-index: 1;
top: calc(50% - 15px);
right: -20px;
border-radius: 2px
}
.rtl .pbar2 b {
right: auto;
left: -20px
}
.pbar3 b {
top: -34px;
font-size: 20px
}
.progress_bar p {
position: absolute;
font-size: 1.4em;
top: -34px;
left: 0
}
.cz_progress_bar_icon {
position: relative;
display: inline-block
}
.cz_progress_bar_icon i {
display: inline;
margin: 0 8px 0 0
}
.cz_progress_bar_icon > div {
position: absolute;
overflow: hidden;
height: 100%;
width: 0;
top: 0;
left: 0;
transition: all .8s ease-in-out
}
.rtl .cz_progress_bar_icon > div,
.rtl .progress_bar p,
.rtl .progress_bar span {
left: auto;
right: 0
}
.cz_progress_bar_icon > div div {
position: absolute;
width: 500%
} .cz_wh div span {
box-sizing: border-box;
padding: 0 0 6px
}
.cz_wh small {
display: inline-block;
line-height: 2;
opacity: 1;
background: red;
padding: 4px 6px;
border-radius: 2px;
margin-left: 6px;
color: #fff
}
.cz_wh_line_between small {
position: absolute;
top: -20px;
margin-left: 10px
}
.cz_wh i {
vertical-align: middle;
width: 1em;
height: 1em;
line-height: 1em;
display: inline-block;
text-align: center
}
.cz_wh b {
vertical-align: middle;
display: inline-block;
font-weight: inherit
}
.cz_wh div {
position: relative;
width: 100%
}
.cz_wh_line {
display: block;
height: 1px;
border-bottom: 1px solid
}
.cz_wh_line_between .cz_wh_line {
position: absolute;
content: '';
width: auto;
top: 60%;
left: 0;
right: 0
}
.cz_wh_sub {
display: block;
color: #a7a7a7
}
.cz_wh_left {
float: left;
text-align: left
}
.cz_wh_right,
.rtl .cz_wh_left {
float: right;
text-align: right
}
.rtl .cz_wh_right {
float: left;
text-align: left
} .slick-slider {
position: relative;
direction: ltr;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: static;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block
}
.slick-track:before,
.slick-track:after {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-track style,
.slick-track script,
.slick-track link {
display: none
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
.rtl .slick-slide {
direction: rtl
}
.cz_related_posts .slick-slide {
margin: 0 5px
}
.slick-slide img {
display: block;
margin: 0 auto
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
} .overflow_visible .slick-list {
overflow: visible !important;
clip-path: none !important;
-webkit-clip-path: none !important
}
.overflow_visible .slick-slide, 
.is_center .slick-slide {
opacity: .3;
transform: scale(.92, .92);
transition: opacity .8s ease, transform .8s ease
}
.overflow_visible .slick-active, 
.is_center .slick-center, 
.is_synced .slick-current {
transform: scale(1, 1);
opacity: 1
}
.is_center .slick-center {
position: relative;
z-index: 1
}
.odd_even .slick-slide:nth-child(odd) {
margin-top: 30px !important
}
.even_odd .slick-slide:nth-child(even) {
margin-top: 30px !important
} button.slick-arrow {
z-index: 1;
box-shadow: none;
font-size: 20px;
text-align: center;
color: #a7a7a7;
background: transparent;
border: 1px solid transparent;
padding: 0;
position: absolute;
cursor: pointer;
top: 0;
left: 0;
width: 2em;
height: 2em;
line-height: 2em;
box-sizing: content-box;
transition: all .2s ease-in-out
}
.slick-arrow:after {
display: none
}
.no_arrows .slick-arrow, 
.no_dots .slick-dots {
display: none !important
}
.slick-disabled {
opacity: .3
}
.arrows_inner .slick-arrow {
margin: 0 10px
}
.arrows_tl .slick-arrow {transform: translate(0, -110%)}
.arrows_tl .slick-next {transform: translate(110%, -110%)}
.arrows_inner.arrows_tl .slick-arrow {transform: translate(10%, 10%)}
.arrows_inner.arrows_tl .slick-next {transform: translate(120%, 10%)}
.arrows_tc .slick-arrow {left: 50%;transform: translate(-105%, -110%)}
.arrows_tc .slick-next {transform: translate(5%, -110%)}
.arrows_inner.arrows_tc .slick-arrow {transform: translate(-120%, 10%)}
.arrows_inner.arrows_tc .slick-next {transform: translate(-10%, 10%)}
.arrows_tr .slick-arrow {
right: 0;
left: auto;
transform: translate(-110%, -110%)
}
.arrows_tr .slick-next {transform: translate(0, -110%)}
.arrows_inner.arrows_tr .slick-arrow {transform: translate(-120%, 10%)}
.arrows_inner.arrows_tr .slick-next {transform: translate(-10%, 10%)}
.arrows_tlr .slick-arrow {transform: translate(0, -110%)}
.arrows_tlr .slick-next {
left: auto;
right: 0;
transform: translate(0, -110%)
}
.arrows_inner.arrows_tlr .slick-arrow {transform: translate(10%, 10%)}
.arrows_inner.arrows_tlr .slick-next {transform: translate(-10%, 10%)}
.arrows_mlr .slick-arrow {
top: 50%;
transform: translate(-110%, -50%);
}
.arrows_mlr .slick-next {
left: auto;
right: 0;
transform: translate(110%, -50%)
}
.arrows_inner.arrows_mlr .slick-arrow {transform: translate(10%, -50%)}
.arrows_inner.arrows_mlr .slick-next {transform: translate(-10%, -50%)}
.arrows_blr .slick-arrow {
top: auto;
bottom: 0;
transform: translate(0, 110%)
}
.arrows_blr .slick-next {
left: auto;
right: 0;
transform: translate(0, 110%)
}
.arrows_inner.arrows_blr .slick-arrow {transform: translate(10%, -10%)}
.arrows_inner.arrows_blr .slick-next {transform: translate(-10%, -10%)}
.arrows_bl .slick-arrow {
top: auto;
bottom: 0;
transform: translate(0, 110%)
}
.arrows_bl .slick-next {
top: auto;
bottom: 0;
transform: translate(110%, 110%)
}
.arrows_inner.arrows_bl .slick-arrow {transform: translate(10%, -10%)}
.arrows_inner.arrows_bl .slick-next {transform: translate(120%, -10%)}
.arrows_bc .slick-arrow {
top: auto;
bottom: 0;
left: 50%;
transform: translate(-105%, 110%)
}
.arrows_bc .slick-next {transform: translate(5%, 110%)}
.arrows_inner.arrows_bc .slick-arrow {transform: translate(-120%, -10%)}
.arrows_inner.arrows_bc .slick-next {transform: translate(-10%, -10%)}
.arrows_br .slick-arrow {
top: auto;
left: auto;
bottom: 0;
right: 0;
transform: translate(-110%, 110%)
}
.arrows_br .slick-next {transform: translate(0, 110%)}
.arrows_inner.arrows_br .slick-arrow {transform: translate(-120%, -10%)}
.arrows_inner.arrows_br .slick-next {transform: translate(-10%, -10%)} ul.slick-dots {
position: absolute;
bottom: -40px;
display: block;
width: 100%;
text-align: center;
margin: 0 auto !important;
padding: 0 !important;
list-style: none
}
.dots_show_on_hover .slick-dots,
.arrows_show_on_hover .slick-arrow {
opacity: 0;
transition: all .2s ease-in-out
}
.dots_show_on_hover:hover .slick-dots,
.arrows_show_on_hover:hover .slick-arrow {
opacity: 1
}
.dots_inner .slick-dots {
bottom: 20px
}
.slick-dots li {
display: inline-block;
margin: 0 2px
}
.slick-dots li button {
padding: 2px 8px;
font-size: 0;
display: block;
cursor: pointer;
border: 0;
color: initial;
background: #a7a7a7;
opacity: .3;
width: 1em;
height: 1em;
transition: all .2s ease-in-out
}
.slick-dots li button:after {
display: none
}
li.slick-active button,
.slick-dots li button:hover {
padding: 2px 12px;
opacity: 1
}
.dots_tc .slick-dots {
bottom: auto;
top: -50px
}
.dots_tl .slick-dots, 
.dots_tr .slick-dots {
bottom: auto;
top: -50px;
text-align: left
}
.dots_inner.dots_tc .slick-dots,
.dots_inner.dots_tl .slick-dots, 
.dots_inner.dots_tr .slick-dots {
bottom: auto;
top: 20px
}
.dots_bc, .dots_br, .dots_bl {
margin-bottom: 40px
}
.dots_tr .slick-dots, 
.dots_br .slick-dots {
text-align: right
}
.dots_bl .slick-dots {
text-align: left
}
.dots_vtl .slick-dots, 
.dots_vbl .slick-dots, 
.dots_vml .slick-dots {
bottom: auto;
top: 20px;
left: -60px;
width: 40px;
text-align: right
} 
.dots_inner.dots_vtl .slick-dots,
.dots_inner.dots_vbl .slick-dots, 
.dots_inner.dots_vml .slick-dots {
left: 20px
}
.dots_vtl .slick-dots li, 
.dots_vbl .slick-dots li, 
.dots_vml .slick-dots li {
display: block;
margin: -10px 0
}
.dots_vtl .slick-dots li button, 
.dots_vbl .slick-dots li button, 
.dots_vml .slick-dots li button {
display: inline-block
}
.dots_vtr .slick-dots, 
.dots_vbr .slick-dots, 
.dots_vmr .slick-dots {
bottom: auto;
top: 20px;
right: -60px;
width: 40px;
text-align: left
} 
.widget .dots_vtr .slick-dots {
right: -45px;
top: 0
}
.dots_inner.dots_vtr .slick-dots,
.dots_inner.dots_vbr .slick-dots, 
.dots_inner.dots_vmr .slick-dots {
right: 20px
}
.dots_vtr .slick-dots li, 
.dots_vbr .slick-dots li, 
.dots_vmr .slick-dots li {
display: block;
margin: -10px 0
}
.dots_vml .slick-dots {
top: 40%
}
.dots_vbl .slick-dots, 
.dots_vbr .slick-dots {
top: auto;
bottom: 20px
}
.dots_vtr .slick-dots li button, 
.dots_vbr .slick-dots li button, 
.dots_vmr .slick-dots li button {
display: inline-block
}
.dots_vmr .slick-dots {
top: 40%
}
.dots_circle .slick-dots li button {
padding: 5px;
border-radius: 100%
}
.dots_circle_2 .slick-dots li {
margin: 0 8px
}
.dots_circle_2 .slick-dots li button {
padding: 3px;
border-radius: 100%
}
.dots_circle_2 li.slick-active button,
.dots_circle_2 .slick-dots li button:hover {
transform: scale(2)
}
.dots_circle_outline .slick-dots li button {
padding: 4px;
border-radius: 100%;
border: 2px solid;
background: none !important
}
.dots_circle_outline .slick-dots li button:before {
display: none
}
.dots_square .slick-dots li button {
padding: 6px
}
.dots_lozenge .slick-dots li button {
padding: 6px;
transform: rotate(45deg)
}
.dots_tiny_line .slick-dots li button {
padding: 1px 10px
}
.dots_tiny_line li.slick-active button {
padding: 1px 16px
}
.dots_drop .slick-dots li button {
padding: 6px;
border-radius: 0 20px 20px;
transform: rotate(45deg)
}
.cz_related_posts .dots_tr .slick-dots {
top: -68px
}
.slick .slick-track {
display: none
}
.slick-initialized .slick-track {
display: block
}
.slick li.product {
width: 100% !important;
margin: 0 !important
} .cz_gradient_title {
display: inline-block;
background-size: cover;
background-position: center;
z-index: 1;
background-image: linear-gradient(to right,#252220,#6d6d6d);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}
.cz_gradient_title * {
-webkit-background-clip: inherit;
-webkit-text-fill-color: inherit;
background: inherit;
}
.cz_gradient_title_center {
display: table;
margin: 0 auto;
}
.cz_gradient_title.cz_mobile_text_center {
display: block
} .cz_title {
position: relative;
z-index: 1
}
.cz_title_has_bg {
z-index: 2
}
.cz_title.tac .cz_title_content {
margin-right: auto;
margin-left: auto
}
.cz_title_vertical > div, 
.cz_title_vertical_2 > div {
position: absolute;
top: -80px;
left: 0;
z-index: 2;
white-space: nowrap;
transform: rotate(90deg);
transform-origin: bottom left;
animation: none !important
}
.cz_title_vertical_2 > div {
top: -40px;
left: 0;
transform-origin: 0 0;
transform: rotate(-90deg) translateX(-100%)
}
.cz_title_vertical.cz_title_vertical_outside > div {
top: 0;
left: 0;
transform-origin: 0 0;
transform: rotate(90deg) translate(0, 40%)
}
.cz_title_vertical_2.cz_title_vertical_outside > div {
transform: rotate(-90deg) translate(-100%, -140%)
}
.cz_title_content {
display: table;
position: relative;
word-break: break-word;
transition: all .2s ease-in-out
}
.cz_title_pos_block .cz_title_content,
.cz_title_pos_block .cz_title_content > div {
width: 100%;
display: block
}
.cz_title_pos_left .cz_title_content {
float: left
}
.cz_title_pos_center .cz_title_content {
float: none;
margin: 0 auto;
display: table
}
.cz_title_pos_center:not(.cz_title_has_icon) .cz_title_content > div {
display: block
}
.cz_title_pos_right .cz_title_content {
float: right
}
.cz_title_content > div {
position: relative;
z-index: 2;
vertical-align: middle;
word-break: normal
}
.cz_title_content > * {
display: table-cell
}
.cz_title_has_bg .cz_title_content {
padding: 10px 30px
}
.cz_title_has_icon .cz_title_content {
padding: 10px 0
}
.cz_title_content * {
margin: 0
}
.cz_title_content hr {
display: block;
margin: 10px 0
}
.cz_title_content > span {
margin: 0 15px 0 0;
position: relative;
font-size: 20px;
transition: all .2s ease-in-out
}
.rtl .cz_title_content > span {
margin: 0 0 0 15px
}
.cz_title_pos_block .cz_title_content > span {
margin-right: 0 !important;
margin-left: 0 !important
}
.cz_title_content > i {
font-size: 2em;
margin: 0;
text-align: center;
width: 2em;
height: 2em;
line-height: 2em;
display: inline-block;
vertical-align: sub;
transition: all .2s ease-in-out
}
.cz_title_content > i:before,
.cz_title_content > i span,
.cz_title_content .cz_title_image {
display: inline-block
}
.cz_title_content .cz_title_image {
overflow: hidden;
max-width: 120px
}
.cz_title_image img {
width: inherit
}
.cz_title_number {
font-style: normal
}
.cz_title_shape {
position: absolute;
left: 0;
top: 0;
font-size: 140px;
font-weight: 900;
width: 100%;
line-height: 1;
pointer-events: none;
transform-origin: 0;
z-index: 1;
word-wrap: initial;
transition: all .2s ease-in-out
}
.rtl .cz_title_shape {
left: auto;
right: 0
}
.shape_square, .shape_circle, 
.shape_rectangle, .shape_rhombus, 
.shape_rhombus_radius {
background: #404040;
width: 150px;
height: 150px
}
.shape_circle {
border-radius: 100%
}
.shape_rhombus, .shape_rhombus_radius {
display: inline-block;
transform: rotate(45deg)
}
.shape_rhombus_radius {
border-radius: 20%
}
.shape_rectangle {
transform: scaleX(2)
}
.cz_title_shape_outline {
background: none;
border: 10px solid
}
.cz_title_line {
width: 100%;
height: 4px;
display: block;
margin: 0 0 20px
}
.cz_title_line span {
font-size: 0;
height: 100%;
display: inline-block;
position: relative;
top: -20px;
background: #a7a7a7;
width: 60px
}
.cz_line_after_title,
.cz_line_before_title {
position: relative
}
.cz_title_content .cz_line_side_solo {
font-size: 0;
height: 4px;
width: 50px;
display: inline-block;
vertical-align: bottom;
margin: 0 20px 0 0;
background: rgba(167, 167, 167, .4)
}
.cz_title.tac .cz_title_shape,
.tac.cz_title_shape {
left: 50%;
transform: translate(-50%,-50%)
}
.rtl .cz_title.tac .cz_title_shape,
.rtl .tac.cz_title_shape {
right: 50%;
left: auto;
transform: translate(50%,-50%)
}
.cz_title.tac .cz_title_shape.tal,
.cz_title.tac .cz_title_shape.tar {
transform: none
}
.cz_title.tac .shape_rectangle {
transform: scaleX(2) translate(-50%,-50%)
}
.cz_title.tac .shape_rhombus, 
.cz_title.tac .shape_rhombus_radius {
transform: rotate(45deg) translate(-50%,-50%)
}
.rtl .cz_title.tac .shape_rhombus, 
.rtl .cz_title.tac .shape_rhombus_radius {
transform: rotate(45deg) translate(50%,-50%)
}
.cz_title .cz_title_shape.tal {left: 0}
.cz_title .cz_title_shape.tar {left: auto;right: 0}
.cz_title_ba_line .cz_title_content {display: inline-block}
.shape_image {width: auto}
.rtl .cz_title_content .cz_line_side_solo, 
.cz_title_content .cz_line_side_after {
margin: 0 0 0 20px
}
.rtl .cz_title_content .cz_line_side_after {
margin: 0 20px 0 0
} .cz_table {
text-align: left
}
.cz_table th, .cz_table td {
padding: 10px 0 10px 20px
} .cz_sml_inner {
position: relative;
overflow: hidden;
margin: 0 0 20px
}
.cz_sml_overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
background: none;
transition: all .3s ease-in-out
}
.cz_sml_open .cz_sml_overlay {
opacity: 0;
visibility: hidden
}
.cz_sml > a {
display: inline-block
}
.cz_sml_open > a span:nth-child(1), 
.cz_sml > a span:nth-child(2) {
display: none
}
.cz_sml_open > a span:nth-child(2) {
display: block
} .cz_svg {
margin: 0 auto;
background-size: cover;
background-position: center center;
max-width: 100%
}
.cz_svg svg {
position: relative;
left: -1px;
display: block;
width: calc(100% + 1px);
height: 100%;
}
.rtl .cz_svg svg {
left: auto;
right: -1px
}
.cz_svg path {
fill-rule: evenodd
} .cz_acc > div > div {
margin-bottom: 10px
}
.cz_acc_child {
position: relative;
display: block;
padding: 16px 40px 16px 20px;
font-size: 20px;
border: 1px solid rgba(167, 167, 167, .2);
margin: 0;
cursor: pointer;
font-weight: 500;
transition: all .2s ease-in-out
}
.rtl .cz_acc_child {
padding: 16px 20px 16px 40px
}
.cz_acc_child i:first-child {
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
text-align: center;
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0
}
.rtl .cz_acc_child i:first-child {
margin: 0 0 0 10px
}
.cz_acc_child div {
line-height: 1.4;
display: inline-block;
vertical-align: middle;
max-width: 80%
}
.cz_acc_child .cz-acc-number, 
.cz_acc_child .cz-acc-image {
margin: 0 20px 0 0;
width: auto;
height: auto;
font-style: normal !important
}
.rtl .cz_acc_child .cz-acc-number, 
.rtl .cz_acc_child .cz-acc-image {
margin: 0 0 0 20px
}
.cz_acc_child_content {
display: none;
padding: 20px;
border: 1px solid rgba(167, 167, 167, .2);
border-top: 0;
margin: 0 0 10px
}
.cz_acc_open_icon,
.cz_acc_close_icon {
position: absolute;
top: 50%;
right: 20px;
font-size: 22px;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
transform: translateY(-50%);
animation: czAccArrowFX .4s forwards
}
@keyframes czAccArrowFX {
0% {transform: translateY(-50%) scale(0, 0)}
100% {transform: translateY(-50%) scale(1, 1)}
}
.cz_acc_open_icon.fa-play,
.cz_acc_close_icon.fa-play {
font-size: 18px;
top: calc(50% - 12px)
}
i.cz_acc_close_icon {
display: none
}
.cz_acc_icon_before .cz_acc_child {
padding: 16px 20px 16px 50px
}
.rtl .cz_acc_icon_before .cz_acc_child {
padding: 16px 50px 16px 20px
}
.cz_acc_icon_before .cz_acc_open_icon,
.cz_acc_icon_before .cz_acc_close_icon,
.rtl .cz_acc_open_icon,
.rtl .cz_acc_close_icon {
left: 20px;
right: auto
}
.rtl .cz_acc_icon_before .cz_acc_open_icon,
.rtl .cz_acc_icon_before .cz_acc_close_icon {
right: 20px;
left: auto
}
.cz_acc_child small {
opacity: 1;
}
.cz_acc_subtitle_inline small {
display: inline-block;
margin: 0 0 0 8px
}
.rtl .cz_acc_subtitle_inline small {
margin: 0 8px 0 0
} .cz_ticker {
padding: 10px 18px;
border: 1px solid #ff3100
}
header .cz_ticker {
width: 460px
}
.cz_ticker_badge {
line-height: 2;
padding: 0 12px;
font-size: 12px;
border-radius: 2px;
background: #ff3100;
color: #fff;
position: absolute;
left: 18px;
top: -16px;
z-index: 1
}
.rtl .cz_ticker_badge {left: auto;right: 18px}
.cz_ticker small {
display: inline-block;
padding: 2px 8px;
margin: 0;
background: rgba(167, 167, 167, .14);
border-radius: 2px
}
.cz_ticker.slick-slider .slick-arrow {
width: 30px;
height: auto;
background: none;
border: 0;
transform: translate(0, -50%);
top: 50%;
right: 10px;
margin: 0;
line-height: 1em;
width: 1em;
height: 1em
}
.cz_ticker.slick-slider .slick-prev {
right: 32px
}
.rtl .cz_ticker.slick-slider .slick-prev {
left: 10px;
right: auto
}
.rtl .cz_ticker.slick-slider .slick-next {
left: 32px;
right: auto
}
.cz_ticker.slick-slider .slick-arrow:before {
background: none
} .cz_cbox_img {
position: relative
}
.cz_cbox_img .content {
margin: 0;
position: absolute;
bottom: auto;
top: 20px;
left: 20px;
width: calc(100% - 100px)
}
.cz_cbox_bottom .content {
bottom: 20px;
top: auto
} .cz_history_1 {
position: relative;
margin: 0;
padding: 0 0 0 40px
}
.rtl .cz_history_1 {padding: 0 40px 0 0}
.cz_has_year {margin-left: 82px}
.rtl .cz_has_year {margin-left: 0;margin-right: 82px}
.cz_history_1 > span:first-child {
position: absolute;
top: -4px;
left: -82px;
padding: 2px 12px;
border: 1px solid;
border-radius: 4px;
transition: all .2s ease-in-out
}
.rtl .cz_history_1 > span:first-child {right: -82px;left: auto}
.cz_history_1:before {
content: '';
width: 8px;
height: 8px;
background: #ffffff;
border-radius: 100%;
border-width: 1px;
border-color: #111;
border-style: solid;
display: block;
z-index: 1;
position: absolute;
left: 1px;
top: 8px
}
.rtl .cz_history_1:before {right: 2px;left: auto}
.cz_history_1:after {
content: '';
width: 2px;
height: calc(100% - -35px);
top: 14px;
border: 0;
border-left: 1px solid;
display: block;
position: absolute;
left: 5px;
top: 12px;
z-index: 0
}
.rtl .cz_history_1:after {right: 5px;left: auto}
.slick .cz_history_slide_year, 
.slick_sync .cz_history_slide_content {
display: none
}
.cz_history_slide_year {
display: inline-block;
float: right;
padding: 4px 12px;
background: #fff;
border: 1px solid;
cursor: pointer;
border-radius: 2px
}
.slick.slick_sync .slick-slide {
transform: scale(1, 1);
margin: 0
}
.slick_sync .cz_history_slide:before {
content: '';
position: absolute;
left: 0;
border-bottom: 1px solid;
width: 100%;
height: 1px;
top: calc(50% - 1px);
z-index: -1
} .cz_line {
position: relative;
margin: 10px 0;
width: 100%;
height: 4px;
background: #111
}
.cz_line.tac {
margin: 0 auto;
display: table
}
.cz_line.tal {float: left}
.cz_line.tar {float: right}
.cz_line_before_circle:before,
.cz_line_after_circle:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 8px;
height: 8px;
border: 2px solid;
border-radius: 100%;
transform: translate(-96%, -50%)
}
.cz_line_after_circle:after {
left: auto;
right: 0;
top: 50%;
transform: translate(96%, -50%)
} .cz_tabs {position: relative}
.cz_tab {display: none;margin: 30px 0 0}
.cz_tabs_blur .cz_tab > div {animation: btnBlur .8s forwards}
.cz_tabs_flash .cz_tab > div {animation: czFlashFx .8s forwards}
.cz_tabs_bounce .cz_tab > div {animation: BtnFxAbsorber .8s forwards}
.cz_tabs_wobble_skew .cz_tab > div {animation: hvr-wobble-skew .8s forwards}
.cz_tabs_zoom_out .cz_tab > div {animation: tabZoomOut .8s forwards}
.cz_tabs_zoom_in .cz_tab > div {animation: tabZoomIn .8s forwards}
.cz_tabs_fade_in_up .cz_tab > div {animation: tabFadeInUp .8s forwards}
.cz_tabs_fade_in_down .cz_tab > div {animation: tabFadeInBottom .8s forwards}
.cz_tabs_fade_in_right .cz_tab > div {animation: tabFadeInRight .8s forwards}
.cz_tabs_fade_in_left .cz_tab > div {animation: tabFadeInLeft .8s forwards}
.cz_tabs_rotate .cz_tab > div {animation: socialFxF .8s forwards}
.cz_tabs_right_left .cz_tab > div {animation: InfiniteAnimA .8s forwards}
.cz_tabs_swing .cz_tab > div {animation: tabSwing .8s forwards}
.cz_tabs_push_in .cz_tab > div {animation: tabPushIn .8s forwards}
@keyframes tabSwing {
20% {transform: rotate3d(0,0,1,4deg)}
40% {transform: rotate3d(0,0,1,-4deg)}
60% {transform: rotate3d(0,0,1,2deg)}
80% {transform: rotate3d(0,0,1,-2deg)}
100% {transform: rotate3d(0,0,1,0deg)}
}
@keyframes tabPushIn {
0% {opacity: 0;transform: translateX(-30%)}
60% {opacity: 1;transform: translateX(10%)}
100% {opacity: 1;transform: translateX(0)}
}
@keyframes tabFadeInUp {
49% {transform: translateY(-50px)}
50% {opacity: 0;transform: translateY(50px)}
51% {opacity: 1}
}
@keyframes tabFadeInBottom {
49% {transform: translateY(50px)}
50% {opacity: 0;transform: translateY(-50px)}
51% {opacity: 1}
}
@keyframes tabFadeInRight {
49% {transform: translateX(50px)}
50% {opacity: 0;transform: translateX(-50px)}
51% {opacity: 1}
}
@keyframes tabFadeInLeft {
49% {transform: translateX(-50px)}
50% {opacity: 0;transform: translateX(50px)}
51% {opacity: 1}
}
@keyframes tabZoomOut {
0% {opacity: 0;transform: scale(1.1)}
50% {opacity: 1;transform: scale(1)}
}
@keyframes tabZoomIn {
0% {opacity: 0;transform: scale(.9)}
50% {opacity: 1;transform: scale(1)}
}
.cz_tabs_content .vc_cz_tab {display: none}
.cz_tabs_content .vc_cz_tab:first-child {display: block}
.vc_cz_tabs .cz_tab {display: block;min-height: 100px}
.cz_tab.active, .cz_tab.cz_active {display: block}
.cz_tab_a {
position: relative;
cursor: pointer;
display: inline-block;
padding: 0 0 12px;
margin: 0 20px -4px 0;
font-size: 16px;
font-weight: bold;
border-bottom: 4px solid transparent
}
.rtl .cz_tab_a {
margin: 0 0 -4px 20px
}
.cz_tab_a > span {
display: inline-block;
vertical-align: middle
}
.cz_tab_a i {
width: 1em;
height: 1em;
line-height: 1em
}
.cz_tab_a .cz_tab_image {
width: auto;
height: auto
}
.cz_tab_a.active, .cz_tab_a.cz_active {
border-bottom-color: inherit
}
.cz_tabs_htl .cz_tab_a, .cz_tabs_hbl .cz_tab_a {
float: left
}
.rtl .cz_tabs_htl .cz_tab_a, .rtl .cz_tabs_hbl .cz_tab_a {
float: right
}
.cz_tabs_htc .cz_tabs_nav, .cz_tabs_hbc .cz_tabs_nav {
text-align: center
}
.cz_tabs_htc .cz_tab_a, .cz_tabs_hbc .cz_tab_a {
float: none
}
.cz_tabs_htr .cz_tab_a, .cz_tabs_hbr .cz_tab_a {
float: right
}
.rtl .cz_tabs_htr .cz_tab_a, .rtl .cz_tabs_hbr .cz_tab_a {
float: left
}
.cz_tabs_is_v .cz_tabs_nav {
width: 30%;
float: left
}
.cz_tabs_is_v .cz_tabs_content {
width: 70%;
float: left
}
.rtl .cz_tabs_is_v .cz_tabs_nav,
.rtl .cz_tabs_is_v .cz_tabs_content {
float: right
}
.cz_tabs_is_v .cz_tab {
padding: 0 30px
}
.cz_tabs_is_v .cz_tab_a {
margin: 0 0 10px;
display: block
}
.cz_tabs_vr .cz_tabs_nav, .cz_tabs_vr .cz_tabs_content {
float: right
}
.rtl .cz_tabs_vr .cz_tabs_nav, .rtl .cz_tabs_vr .cz_tabs_content {
float: left
}
.cz_tabs_vl .cz_tab, .cz_tabs_vr .cz_tab {
margin: 0
}
.cz_tabs > select {
display: none;
margin: 40px 0 10px
} .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
}
.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 {
display: block
}
.cz_social_inline_title a {
width: auto;
padding: 0 20px
}
.cz_social_inline_title i {
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-block
}
.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;
width: -webkit-max-content;
width: -moz-max-content;
width: -ms-max-content;
width: max-content;
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_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: #00aced !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: #00aced !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 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 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 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 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 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 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 forwards
}
@keyframes socialFxF {
from {transform: rotate(0deg)}
to {transform: rotate(360deg)}
}
.cz_social_fx_7 a:hover i {
animation: wobble .5s 10 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 forwards
}
@keyframes flash {0%,50%,100%{opacity:1}25%,75%{opacity:0}}
.cz_social_fx_9 a:hover {
animation: bounceFX .6s 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 ease}
.cz_social_fx_10 a:hover i {transform:rotateY(360deg)}
.cz_social_fx_11 a:hover i {transform:rotateX(360deg)} .cz_team {
position: relative;
box-sizing: border-box
}
.cz_team:hover {
z-index: 1
}
.cz_team p {margin: 0}
.cz_team_img, .cz_team_img img, 
.cz_team_content, .cz_team_social {
position: relative;
margin: 0 auto;
width: 100%;
transition: all .2s ease-in-out
}
.cz_team_img, .cz_team_img img {
border-radius: inherit;
overflow: hidden
}
.cz_team_2:hover img,
.cz_team_3:hover img,
.cz_team_4:hover img,
.cz_team_5:hover img {
opacity: .5
}
.cz_team h1, .cz_team h2, .cz_team h3, .cz_team h4, .cz_team h5, .cz_team h6 {
margin: 0
}
.cz_team_1 .cz_team_social, 
.cz_team_1 .cz_team_content {
margin: 20px 0 0
}
.cz_team_2 .cz_team_content,
.cz_team_4 .cz_team_content {
margin: 20px 0 0
}
.cz_team_2 .cz_team_social {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: hidden;
opacity: 0;
width: 90%
}
.cz_team_3 .cz_team_social,
.cz_team_3 .cz_team_content,
.cz_team_5 .cz_team_social,
.cz_team_5 .cz_team_content {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: calc( 100% - 60px );
visibility: hidden;
opacity: 0
}
.cz_team_4 .cz_team_social {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
width: calc( 100% - 60px )
}
.cz_team_social_in {
display: inline-block
}
.cz_team_3 .cz_team_content {
top: 30px;
bottom: auto
}
.cz_team_5 .cz_team_content {
bottom: 80px
}
.cz_team_2:hover .cz_team_social,
.cz_team_3:hover .cz_team_social,
.cz_team_3:hover .cz_team_content,
.cz_team_5:hover .cz_team_social,
.cz_team_5:hover .cz_team_content {
visibility: visible;
opacity: 1
}
.cz_team_rev_hover .cz_team_social,
.cz_team_rev_hover .cz_team_content {
visibility: visible;
opacity: 1
}
.cz_team_rev_hover:hover .cz_team_social,
.cz_team_rev_hover:hover .cz_team_content {
visibility: hidden;
opacity: 0
}
.cz_team_always_show .cz_team_social,
.cz_team_always_show .cz_team_content {
visibility: visible;
opacity: 1
}
.cz_social_v .cz_social a {display: block}
.cz_team_6, .cz_team_6 .cz_team_img,
.cz_team_7, .cz_team_7 .cz_team_img {
overflow: visible
}
.cz_team_6 .cz_team_content,
.cz_team_7 .cz_team_content {
position: absolute;
z-index: 99;
display: none;
transition: none;
background: #212121;
color: #fff;
padding: 10px 20px;
white-space: nowrap;
width: auto;
}
.cz_team_7 .cz_team_social {
margin-top: 20px
} .cz_box_ribbon {
z-index: 9;
position: absolute;
top: 42px;
text-align: center;
margin: 0 auto;
display: block;
width: 200px;
padding: 6px 0;
color: #fff;
background: #111;
transform: rotate(-45deg);
}
.cz_ribbon_tl {
left: -40px
}
.cz_ribbon_tr {
transform: rotate(45deg);
right: -40px
}
.cz_ribbon_tc {
top: 0;
left: 50%;
transform: translateX(-50%)
}
.cz_ribbon_bl {
transform: rotate(45deg);
left: -40px;
top: auto;
bottom: 42px;
}
.cz_ribbon_br {
transform: rotate(-45deg);
top: auto;
right: -40px;
bottom: 42px;
}
.cz_ribbon_bc {
top: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%)
} .cz_free_position_element {
z-index: 99;
display: block;
position: absolute
}
.vc_cz_free_position_element:hover {
z-index: 9999
}
.cz_show_onhover,
.wpb_wrapper:hover .cz_hide_onhover {
opacity: 0;
visibility: hidden;
transition: all .24s ease-in-out
}
.wpb_wrapper:hover .cz_show_onhover, 
.cz_hide_onhover {
visibility: visible;
opacity: 1;
transition: all .24s ease-in-out
}
.cz_show_fadeup {transform: translateY(10px)}
.cz_show_fadedown {transform: translateY(-10px)}
.wpb_wrapper:hover .cz_show_fadeup, 
.wpb_wrapper:hover .cz_show_fadedown {
transform: translateY(0)
}
.cz_show_fadeleft {transform: translateX(10px)}
.cz_show_faderight {transform: translateX(-10px)}
.wpb_wrapper:hover .cz_show_fadeleft, 
.wpb_wrapper:hover .cz_show_faderight {
transform: translateX(0)
}
.cz_show_zoomin {transform: scale(.8)}
.cz_show_zoomout {transform: scale(1.2)}
.wpb_wrapper:hover .cz_show_zoomin,
.wpb_wrapper:hover .cz_show_zoomout {
transform: scale(1)
} .cz_infinite_anim_1 {
transform: translateZ(0);
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 {
transform: translateZ(0);
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 {
transform: translateZ(0);
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 {
transform: translateZ(0);
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 {
transform: translateZ(0);
animation: InfiniteAnimE 4s ease-in-out 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 {
transform: translateZ(0);
animation: czSpinner 2.5s infinite
}
@keyframes czSpinner {
to {transform: rotate(360deg)}
}
.cz_loop_pulse {
transform: translateZ(0);
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 {
transform: translateZ(0);
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 {
transform: translateZ(0);
animation: czFlash 2.5s infinite
}
@keyframes czFlash {
0%,50%,100% {opacity: 1}
25%,75% {opacity: 0}
}
.cz_loop_swing {
transform: translateZ(0);
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 {
transform: translateZ(0);
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}
} .sm2-bar-ui.cz_only_play {
width: 42px;
height: 42px;
min-width: 43px
}
.cz_only_play .sm2-playlist,
.cz_only_play .sm2-volume,
.cz_only_play .sm2-inline-status {
display: none
}
.cz_center_tm {
display: table;
margin: 0 auto
}
.cz-music-player .sm2-playlist-wrapper ul li .sm2-icon {
color: inherit !important;
text-indent: 0 !important;
text-align: center
} .cz_subscribe_elm {
position: relative;
float: left;
width: 100%;
max-width: 100%
}
.cz_subscribe_elm input {
padding: 11px
}
.cz_subscribe_elm button {
position: absolute !important;
right: 0;
top: 0
}
.rtl .cz_subscribe_elm button {
left: 0;
right: auto
}
.cz_subscribe_relative button {
position: relative !important;
margin: 10px 0 0
}
.cz_subscribe_round button, 
.cz_subscribe_round input, 
.cz_subscribe_round_2 button, 
.cz_subscribe_round_2 input {
border-radius: 50px !important
}
.cz_subscribe_round input, 
.cz_subscribe_round_2 input {
padding-left: 20px;
padding-right: 20px
}
.cz_subscribe_round_2 button {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important
}
.rtl .cz_subscribe_round_2 button {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: 20px !important;
border-bottom-left-radius: 20px !important
}
.cz_subscribe_elm_center {
margin: 0 auto;
float: none;
display: table
}
.cz_subscribe_btn_center button {
margin: 10px auto 0 !important;
display: table !important
}
.cz_subscribe_elm_right,
.cz_subscribe_btn_right button {
float: right
} .jpictura:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.jpictura.jpictura-off-content-flow{position:fixed}
.jpictura .jpictura-item{display:block;float:left;position:relative;overflow:hidden}
.jpictura .jpictura-item.jpictura-invisible{visibility:hidden}
.jpictura .jpictura-item.jpictura-hidden{display:none}
.jpictura .jpictura-item .jpictura-image{display:block;position:relative}
.jpictura .jpictura-item.cropped-if-stretched .jpictura-image{max-width:100%}
.jpictura.fade-in-items .jpictura-item{animation-name:a;animation-duration:4s}
.jpictura.fade-in-items .jpictura-item.jpictura-hidden,
.jpictura.fade-in-items .jpictura-item.jpictura-invisible{animation:none}
.jpictura.stretch-images .jpictura-item.stretch-by-width .jpictura-image{max-height:none;width:100%}
.jpictura.stretch-images .jpictura-item.stretch-by-height .jpictura-image{width:100%;height:100%}
.jpictura.stretch-images.disable-cropping-images .jpictura-item.cropped-if-stretched .jpictura-image{max-width:100%;max-height:100%;width:auto;height:auto}
.jpictura.center-images .jpictura-item .jpictura-image.horizontal-misfit{left:50%;transform:translateX(-50%)} .jpictura.center-images .jpictura-item .jpictura-image.horizontal-misfit.vertical-misfit{transform:translate(-50%,-50%)}@-webkit-keyframes a{0%{opacity:0}to{opacity:1}}@keyframes a{0%{opacity:0}to{opacity:1}} .cz_grid_p {
margin: 0 -10px
}
.cz_grid {
width:100%;
margin: 0
}
.cz_grid_item {
position:relative;
float: left
}
.rtl .cz_grid_item {
float: right
}
.cz_grid_item > div {
position: relative;
margin: 0 10px 20px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all .2s ease-in-out
}
.slick .cz_grid_p {
margin-left: 0 !important;
margin-right: 0 !important
}
.slick .cz_grid_item > div {
margin: 0 !important
}
.overflow_visible .slick-list {
clip-path: none !important;
-webkit-clip-path: none !important
}
.cz_gallery_badge {
position: absolute;
z-index: 9;
top: -20px;
right: -20px;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
background: #ff3535;
color: #fff;
font-weight: bold;
font-size: 12px
}
.cz_grid_disable_links a {
pointer-events: none;
position: relative;
display: block
}
.cz_grid_disable_links a:after {
z-index: 1;
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cz_single_line_title h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.cz_grid_c1 .cz_grid_item {width: calc(100%)}
.cz_grid_c2 .cz_grid_item, 
.cz_metro_1 .cz_grid_item:nth-child(3n+2), 
.cz_metro_2 .cz_grid_item:nth-child(2),
.cz_metro_2 .cz_grid_item:nth-child(9),
.cz_metro_2 .cz_grid_item:nth-child(12),
.cz_metro_2 .cz_grid_item:nth-child(19),
.cz_metro_2 .cz_grid_item:nth-child(22),
.cz_metro_2 .cz_grid_item:nth-child(29),
.cz_metro_2 .cz_grid_item:nth-child(32),
.cz_metro_2 .cz_grid_item:nth-child(39),
.cz_metro_2 .cz_grid_item:nth-child(42),
.cz_metro_3 .cz_grid_item:nth-child(5n+3),
.cz_metro_4 .cz_grid_item:nth-child(4),
.cz_metro_8 .cz_grid_item:nth-child(6n+4),
.cz_metro_8 .cz_grid_item:nth-child(6n+5),
.cz_grid_1big .cz_grid_item:nth-child(2) {width: calc(100% / 2)}
.cz_grid_c3 .cz_grid_item {width: calc(100% / 3)}
.cz_metro_5 .cz_grid_item:nth-child(7n+2), 
.cz_metro_6 .cz_grid_item:nth-child(5n+3) {width: calc(100% / 3 * 2)}
.cz_grid_c4 .cz_grid_item {width: calc(100% / 4)}
.cz_grid_c5 .cz_grid_item {width: calc(100% / 5)}
.cz_grid_c6 .cz_grid_item {width: calc(100% / 6)}
.cz_metro_9 .cz_grid_item:nth-child(4n+2) {width: calc(100% / 6 * 3)}
.cz_metro_10 .cz_grid_item:nth-child(7n+2) {width: calc(100% / 6 * 2)}
.cz_grid_c7 .cz_grid_item {width: calc(100% / 7)}
.cz_metro_7 .cz_grid_item:nth-child(6n+2) {width: calc(100% / 7 * 3)}
.cz_grid_c8 .cz_grid_item {width: calc(100% / 8)}
.cz_grid_link {
direction: ltr;
display: block;
position: relative;
overflow: hidden;
clip-path: inset(0% 0% 0% 0%);
-webkit-clip-path: inset(0% 0% 0% 0%)
}
.cz_grid_item img {
border-radius: inherit !important;
width: 100%;
transition: all .6s ease-in-out
}
.cz_grid_item_svg img {
background: rgba(167, 167, 167, .1)
}
.cz_grid_item_svg {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU4IDU4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OCA1ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiPgo8Zz4KCTxwYXRoIGQ9Ik01Nyw2SDFDMC40NDgsNiwwLDYuNDQ3LDAsN3Y0NGMwLDAuNTUzLDAuNDQ4LDEsMSwxaDU2YzAuNTUyLDAsMS0wLjQ0NywxLTFWN0M1OCw2LjQ0Nyw1Ny41NTIsNiw1Nyw2eiBNNTYsNTBIMlY4aDU0VjUweiIgZmlsbD0iI2RlZGVkZSIvPgoJPHBhdGggZD0iTTE2LDI4LjEzOGMzLjA3MSwwLDUuNTY5LTIuNDk4LDUuNTY5LTUuNTY4QzIxLjU2OSwxOS40OTgsMTkuMDcxLDE3LDE2LDE3cy01LjU2OSwyLjQ5OC01LjU2OSw1LjU2OSAgIEMxMC40MzEsMjUuNjQsMTIuOTI5LDI4LjEzOCwxNiwyOC4xMzh6IE0xNiwxOWMxLjk2OCwwLDMuNTY5LDEuNjAyLDMuNTY5LDMuNTY5UzE3Ljk2OCwyNi4xMzgsMTYsMjYuMTM4cy0zLjU2OS0xLjYwMS0zLjU2OS0zLjU2OCAgIFMxNC4wMzIsMTksMTYsMTl6IiBmaWxsPSIjZGVkZWRlIi8+Cgk8cGF0aCBkPSJNNyw0NmMwLjIzNCwwLDAuNDctMC4wODIsMC42Ni0wLjI0OWwxNi4zMTMtMTQuMzYybDEwLjMwMiwxMC4zMDFjMC4zOTEsMC4zOTEsMS4wMjMsMC4zOTEsMS40MTQsMHMwLjM5MS0xLjAyMywwLTEuNDE0ICAgbC00LjgwNy00LjgwN2w5LjE4MS0xMC4wNTRsMTEuMjYxLDEwLjMyM2MwLjQwNywwLjM3MywxLjA0LDAuMzQ1LDEuNDEzLTAuMDYyYzAuMzczLTAuNDA3LDAuMzQ2LTEuMDQtMC4wNjItMS40MTNsLTEyLTExICAgYy0wLjE5Ni0wLjE3OS0wLjQ1Ny0wLjI2OC0wLjcyLTAuMjYyYy0wLjI2NSwwLjAxMi0wLjUxNSwwLjEyOS0wLjY5NCwwLjMyNWwtOS43OTQsMTAuNzI3bC00Ljc0My00Ljc0MyAgIGMtMC4zNzQtMC4zNzMtMC45NzItMC4zOTItMS4zNjgtMC4wNDRMNi4zMzksNDQuMjQ5Yy0wLjQxNSwwLjM2NS0wLjQ1NSwwLjk5Ny0wLjA5LDEuNDEyQzYuNDQ3LDQ1Ljg4Niw2LjcyMyw0Niw3LDQ2eiIgZmlsbD0iI2RlZGVkZSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
background-repeat: no-repeat;
background-position: center;
}
.cz_grid_item h3 {
font-size: 22px
} .cz_grid_search {
position: relative;
display: inline-block;
width: 190px;
color: #a7a7a7;
margin: 0 0 20px;
padding: 6px 20px;
border-radius: 50px;
margin: 0 15px
} .cz_grid_grayscale img,
.cz_grid_grayscale_on_hover:hover img,
.cz_grid_grayscale_remove img {
filter: grayscale(100%)
}
.cz_grid_grayscale_remove:hover img {
filter: grayscale(0%)
}
.cz_grid_blur img {
filter: blur(0)
}
.cz_grid_blur:hover img {
filter: blur(2px)
}
.cz_grid_zoom_in:hover img,
.cz_grid_zoom_out img {
transform: scale(1.1)
}
.cz_grid_zoom_out:hover img {
transform: scale(1)
}
.cz_grid_zoom_rotate:hover img {
transform: scale(1.15) rotate(-5deg)
}
.cz_grid_flash:hover img {
opacity: 1;
animation: czFlashFx 1s forwards
}
.cz_grid_shine:after {
position: absolute;
content: '';
top: 0;
left: 150%;
z-index: 2;
display: block;
width: 50%;
height: 100%;
border: 0;
border-radius: 0;
animation: btnShineDef 1s forwards;
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,.3));
transform: skewX(-25deg)
}
.cz_grid_shine:hover:after {left: -125%;animation: btnShine 1s forwards}
.cz_grid_item > div:hover .cz_grid_inset_clip_1x {
clip-path: inset(5px 5px 5px 5px);
-webkit-clip-path: inset(5px 5px 5px 5px)
}
.cz_grid_item > div:hover .cz_grid_inset_clip_2x {
clip-path: inset(10px 10px 10px 10px);
-webkit-clip-path: inset(10px 10px 10px 10px)
}
.cz_grid_item > div:hover .cz_grid_inset_clip_3x {
clip-path: inset(15px 15px 15px 15px);
-webkit-clip-path: inset(15px 15px 15px 15px)
}
.cz_grid_zoom_mask {
clip-path: inset(10px 10px 10px 10px);
-webkit-clip-path: inset(10px 10px 10px 10px)
}
.cz_grid_item > div:hover .cz_grid_zoom_mask {
clip-path: inset(0% 0% 0% 0%);
-webkit-clip-path: inset(0% 0% 0% 0%);
z-index: 2
}
.cz_grid_item > div:hover .cz_grid_scale {
transform: scale(1.1);
z-index: 2
}
.cz_grid_item > div:hover .cz_grid_scale2 {
transform: scale(1.2);
z-index: 2
}
.cz_grid_rhombus_hover {
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)
}
.cz_grid_rhombus,
.cz_grid_item > div:hover .cz_grid_rhombus_hover {
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)
} ul.cz_grid_filters {
list-style-type: none;
margin: 0;
padding: 0;
}
.tag .cz_grid_filters,
.category .cz_grid_filters,
[class*="tax-"] .cz_grid_filters {
display: none
}
.cz_grid_filters li {
position: relative;
display: inline-block;
color: #a7a7a7;
margin: 0 0 20px;
padding: 6px 20px;
cursor: pointer;
border-radius: 50px;
border: 1px solid transparent;
transition: all .3s ease-in-out
}
.cz_grid_filters li.cz_active_filter {
font-weight: 500;
color: #111
}
.cz_grid_filters li:after {
position: absolute;
content: '';
right: 0;
top: 50%;
transform: translateY(-50%)
}
.cz_grid_filters li:last-child:after {
display: none
}
.cz_grid_filters_count li span {
text-align: center;
margin: 0;
width: 1em;
height: 1em;
line-height: 1em;
border-radius: 2px;
display: inline-block;
transition: all 300ms cubic-bezier(.77, 0, .175, 1);
}
.cz_grid_filters_count_a li span,
.cz_grid_filters_count_ah li span {
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
transform: translate(-50%, -80%)
}
.cz_grid_filters_count_i li span {
margin: 0 0 0 10px;
opacity: .5
}
.rtl .cz_grid_filters_count_i li span {
margin: 0 10px 0 0
}
.cz_grid_filters_count_a li span,
.cz_grid_filters_count li:hover span,
li.cz_active_filter span {
top: 0;
opacity: 1
}
li[data-filter=".cz_no_count"] {
display: none !important
} .cz_ajax_pagination {
display: block;
position: relative;
width: 100%
}
.cz_ajax_loadmore a, 
.cz_ajax_infinite a {
display: inline-block;
padding: 10px 20px;
background: #111;
color: #fff;
border-radius: 2px;
margin: 20px 0 0;
overflow: hidden;
border: 2px solid transparent;
transition: all .2s linear
}
.cz_loadmore_block a {display: block;text-align: center}
.cz_ajax_loadmore a:hover, .cz_ajax_infinite a:hover {color: #fff}
.cz_ajax_infinite a {opacity: 0}
.cz_ajax_infinite .cz_ajax_loading {opacity: 1}
.cz_ajax_loadmore .cz_ajax_loading, 
.cz_ajax_infinite .cz_ajax_loading {
font-size: 0 !important;
margin: 0 auto;
text-indent: -99999px;
color: transparent !important;
padding: 0 !important;
width: 40px !important;
height: 40px !important;
background: none !important;
border-radius: 100% !important;
border-color: rgba(167, 167, 167, .4);
border-right-color: #111;
transform: translateZ(0);
animation: rotateInfinite .6s linear infinite
}
@keyframes rotateInfinite {
from {transform: rotate(0deg)}
to {transform: rotate(360deg)}
}
.cz_data_sub_prefix {
opacity: .6
}
.cz_ajax_end {
opacity: .3;
font-size: 12px !important;
pointer-events: none
} .cz_grid_1 .cz_grid_item > div:hover .cz_grid_link:before,
.cz_grid_1.cz_grid_1_hide_on_hover .cz_grid_link:before {
opacity: 1
}
.cz_grid_1 .cz_grid_link:before, 
.cz_grid_1_hide_on_hover .cz_grid_item > div:hover .cz_grid_link:before {
content: '';
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 1;
border-radius: inherit;
background: rgba(0, 0, 0, .4);
border: 0;
transition: all 500ms cubic-bezier(.77, 0, .175, 1)
}
.cz_grid_overlay_border .cz_grid_link:before {
height: calc( 100% - 4px );
width: calc( 100% - 4px );
border: 2px solid transparent
}
.cz_grid_overlay_5px .cz_grid_link:before {
height: 96%;
width: 96%;
top: 2%;
left: 2%;
}
.cz_grid_overlay_10px .cz_grid_link:before {
height: 92%;
width: 92%;
top: 4%;
left: 4%;
}
.cz_grid_overlay_15px .cz_grid_link:before {
height: 88%;
width: 88%;
top: 6%;
left: 6%;
}
.cz_grid_overlay_20px .cz_grid_link:before {
height: 86%;
width: 86%;
top: 7%;
left: 7%;
}
.cz_grid_1 .cz_grid_details {
position: absolute;
top: 20px;
left: 50%;
z-index: 2;
width: 90%; transform: translateX(-50%)
}
.cz_grid_1_mid .cz_grid_details {
top: 50%;
transform: translate(-50%, -50%)
}
.cz_grid_1_bot .cz_grid_details {
top: auto;
bottom: 20px
}
.cz_grid_1 .cz_grid_icon {
font-size: 30px;
margin: 0 0 20px;
color: #fff;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
opacity: 0;
transform: translateY(20px);
transition: all 400ms cubic-bezier(.77, 0, .175, 1)
}
.cz_grid_1_no_title:not(.cz_grid_1_w_info) .cz_grid_icon {
margin: 0
}
.cz_grid_1 h3, 
.cz_grid_1 h4,
.cz_grid_1 .cz_post_excerpt {
position: relative;
color: #fff;
opacity: 0;
margin: 0;
word-break: break-word;
transform: translateY(20px);
transition: all 500ms cubic-bezier(.77, 0, .175, 1)
}
.cz_grid_1 .cz_post_excerpt {
display: none;
margin: 10px 0;
transition: all 700ms cubic-bezier(.77, 0, .175, 1)
}
.cz_grid_1_has_excerpt .cz_post_excerpt {
display: block
}
.cz_grid_1 small {
font-size: .7em;
color: #fff;
opacity: 0;
margin: 8px 0;
transform: translateY(20px);
transition: all 900ms cubic-bezier(.77, 0, .175, 1)
}
.cz_grid_1_no_title h3, .cz_grid_1_no_title h4,
.cz_grid_1_no_hover .cz_grid_details,
.cz_grid_1_no_hover .cz_grid_link:before,
.cz_grid_1_no_desc small,
.cz_grid_1_no_icon .cz_grid_icon {
display: none
}
.cz_grid_1 .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateY(0);
opacity: 1
}
.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateY(-20px);
opacity: 0
}
.cz_grid_fib .cz_grid_item a .cz_grid_details > * {
transform: translateY(-20px)
}
.cz_grid_fib .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_fib.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateY(0);
opacity: 1
}
.cz_grid_fib.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateY(20px);
opacity: 0
}
.cz_grid_fil .cz_grid_item a .cz_grid_details > * {
transform: translateX(20px)
}
.cz_grid_fil .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_fil.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0);
opacity: 1
}
.cz_grid_fil.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(-20px);
opacity: 0
}
.cz_grid_fir .cz_grid_item a .cz_grid_details > * {
transform: translateX(-20px)
}
.cz_grid_fir .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_fir.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0);
opacity: 1
}
.cz_grid_fir.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(20px);
opacity: 0
}
.cz_grid_zin .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(.5)
}
.cz_grid_zin .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_zin.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1);
opacity: 1
}
.cz_grid_zin.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(0) scale(1.5);
opacity: 0
}
.cz_grid_zou .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1.5)
}
.cz_grid_zou .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_zou.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1);
opacity: 1
}
.cz_grid_zou.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(0) scale(.5);
opacity: 0
}
.cz_grid_siv .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1, 0);
transform-origin: center
}
.cz_grid_siv .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_siv.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1);
opacity: 1
}
.cz_grid_siv.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(0) scale(1, 0);
opacity: 0
}
.cz_grid_sih .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(0, 1);
transform-origin: center
}
.cz_grid_sih .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_sih.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0) scale(1);
opacity: 1
}
.cz_grid_sih.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(0) scale(0, 1);
opacity: 0
}
.cz_grid_sil .cz_grid_item a .cz_grid_details > .cz_grid_icon,
.cz_grid_sir .cz_grid_item a .cz_grid_details > .cz_grid_icon {
transform: translateX(-1000%);
}
.cz_grid_sil .cz_grid_item a .cz_grid_details > * {
transform: translateX(140%);
opacity: 1
}
.cz_grid_sil .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_sil.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0)
}
.cz_grid_sil.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(-140%)
}
.cz_grid_sir .cz_grid_item a .cz_grid_details > * {
transform: translateX(-140%);
opacity: 1
}
.cz_grid_sir .cz_grid_item > div:hover a .cz_grid_details > *,
.cz_grid_sir.cz_grid_1_hide_on_hover .cz_grid_item a .cz_grid_details > * {
transform: translateX(0)
}
.cz_grid_sir.cz_grid_1_hide_on_hover .cz_grid_item > div:hover a .cz_grid_details > * {
transform: translateX(140%)
}
.cz_grid_1_always_show .cz_grid_link:before,
.cz_grid_1_always_show .cz_grid_item h3, 
.cz_grid_1_always_show .cz_grid_item h4,  
.cz_grid_1_always_show .cz_grid_item small,
.cz_grid_1_always_show .cz_grid_item .cz_post_excerpt,
.cz_grid_1_always_show .cz_grid_item .cz_grid_icon {
transform: translateY(0) scale(1) !important;
opacity: 1 !important
}
.cz_grid_1 .cz_grid_item * {
transform-origin: center
}
.cz_grid_1_title_sub_after .cz_grid_link {
margin: 0 0 20px
}
.cz_grid_1_title_sub_after:not(.cz_grid_1_subtitle_on_img) a .cz_grid_details {
text-align: center !important;
transform: translate(-50%, -50%);
top: 50% !important;
left: 50% !important;
bottom: auto
}
.cz_grid_1_title_sub_after:not(.cz_grid_1_subtitle_on_img) a .cz_grid_details i {
margin: 0
}
.cz_grid_1_title_sub_after:not(.cz_grid_1_subtitle_on_img) * {
transform-origin: center !important
}
.cz_grid_1_title_sub_after .cz_grid_details_outside {
display: block !important;
width: initial !important;
transform: none !important;
text-align: inherit;
z-index: 2;
position: relative;
left: 0;
top: 0
}
.cz_grid_1_title_sub_after .cz_grid_details_outside h3,
.cz_grid_1_title_sub_after .cz_grid_details_outside small, 
.cz_grid_1_title_sub_after .cz_post_excerpt {
display: block !important;
position: static !important;
transform: none !important;
color: #111;
opacity: 1 !important
}
.cz_grid_1_no_image .cz_grid_link {
display: none !important
}
.cz_grid_1_small_image a .cz_grid_details {
width: 100% !important
}
.cz_grid_1_small_image .cz_grid_link {
width: 80px;
float: left;
margin: 0 20px 30px 0
}
.cz_grid_1_small_image .cz_grid_icon {
margin: 0 !important
}
.cz_grid_1_small_image .cz_grid_item > div {
border-radius: 0 !important
}
.cz_grid_details small .cz_cats_2 > * {
margin: 0 2px 4px 2px;
border-radius: 3px;
padding: 2px 10px;
background: rgba(174, 174, 174, .1)
}
.cz_grid_details small .cz_cats_3 > * {
background: #fff !important;
color: #6e6e6e;
}
.cz_grid_details small .cz_cats_4 > * {
background: #111 !important;
color: #ddd;
}
.cz_grid_details small .cz_cats_5 > * {
background: none !important;
border: 1px solid rgba(174, 174, 174, .2)
}
.cz_grid_details small .cz_cats_6 > * {
border: 0 !important;
color: #fff !important;
background: #111
}
.cz_grid_details small .cz_cats_7 > * {
border: 0 !important;
color: #111 !important;
background: #fff
}
.cz_grid_1 .cz_post_author_avatar {
margin: 0 10px 0 0
}
.cz_grid_1 small * {
display: inline-block;
vertical-align: middle
}
.cz_grid_1 .cz_post_author_name {
display: block !important
}
.cz_grid_1 .cz_post_author_name {
margin-top: 4px
}
.cz_post_author_avatar .cz_sub_icon {
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
width: 2.2em;
height: 2.2em;
line-height: 2.2em;
text-align: center;
background: #111;
color: #fff
}
.cz_post_data {float: left;margin: 0 10px 0 0}
.rtl .cz_post_data {direction: rtl}
.cz_post_data_r {float: right;margin: 0 0 0 10px}
.cz_meta_all_center small {text-align: center}
.cz_meta_all_center small * {float: none !important} .cz_grid[data-animation] {
perspective: initial;
perspective-origin: center
}
.cz_grid[data-animation="cz_grid_anim_fall_perspective"] {
perspective: 2000px
}
.cz_grid[data-animation] .cz_grid_item {
opacity: 0
}
.cz_grid_anim_fade_in {animation: gridFadeIn .6s forwards}
@keyframes gridFadeIn {100% {opacity: 1}}
.cz_grid_anim_move_up {transform: translateY(100px);animation: gridMoveUp .6s forwards}
@keyframes gridMoveUp {100% {transform: translateY(0);opacity: 1}}
.cz_grid_anim_move_down {transform: translateY(-100px);animation: gridMoveDown .6s forwards}
@keyframes gridMoveDown {100% {transform: translateY(0);opacity: 1}}
.cz_grid_anim_move_left {transform: translateX(100px);animation: gridMoveLeft .6s forwards}
@keyframes gridMoveLeft {100% {transform: translateX(0);opacity: 1}}
.cz_grid_anim_move_right {transform: translateX(-100px);animation: gridMoveRight .6s forwards}
@keyframes gridMoveRight {100% {transform: translateX(0);opacity: 1}}
.cz_grid_anim_zoom_in {transform: scale(.6);animation: gridZoomIn .6s forwards}
@keyframes gridZoomIn {100% {transform: scale(1);opacity: 1}}
.cz_grid_anim_zoom_out {transform: scale(1.2);animation: gridZoomOut .6s forwards}
@keyframes gridZoomOut {100% {transform: scale(1);opacity: 1}}
.cz_grid_anim_fall_perspective {transform-style: preserve-3d;transform: translateZ(400px) translateY(300px) rotateX(-90deg);animation: gridFallPerspective .6s forwards}
@keyframes gridFallPerspective {100% {transform: translateZ(0px) translateY(0px) rotateX(0deg);opacity: 1}}
.cz_grid_anim_slant {transform-style: preserve-3d;transform-origin: 0% 0%;transform: rotateX(-80deg);animation: gridSlant .6s forwards}
@keyframes gridSlant {100% {transform: rotateX(0deg);opacity: 1}}
.cz_grid_anim_helix {transform-style: preserve-3d;transform: rotateY(-90deg);animation: gridHelix .6s forwards}
@keyframes gridHelix {100% {transform: rotateY(0deg);opacity: 1}} .cz_posts_list_1 .cz_grid_link,
.cz_posts_list_2 .cz_grid_link,
.cz_posts_list_3 .cz_grid_link,
.cz_posts_list_5 .cz_grid_link {
width: 360px;
float: left;
box-sizing: border-box;
}
.rtl .cz_posts_list_1 .cz_grid_link,
.rtl .cz_posts_list_2 .cz_grid_link,
.rtl .cz_posts_list_3 .cz_grid_link,
.rtl .cz_posts_list_5 .cz_grid_link {
float: right
}
.cz_posts_list_1 div > .cz_grid_details,
.cz_posts_list_2 div > .cz_grid_details,
.cz_posts_list_3 div > .cz_grid_details,
.cz_posts_list_5 div > .cz_grid_details {
width: calc( 100% - 360px ) !important;
float: left;
box-sizing: border-box;
padding: 0 0 0 40px
}
.cz_posts_list_5 .cz_posts_list_first .cz_grid_link,
.cz_posts_list_5 .cz_posts_list_first div > .cz_grid_details {
padding: 0 !important;
width: 100% !important;
float: none !important
}
.rtl .cz_posts_list_1 div > .cz_grid_details,
.rtl .cz_posts_list_2 div > .cz_grid_details,
.rtl .cz_posts_list_3 div > .cz_grid_details,
.rtl .cz_posts_list_5 div > .cz_grid_details {
float: right;
padding: 0 40px 0 0
}
.rtl .cz_posts_list_5 .cz_post_data {
float: right
}
.cz_posts_list_2 .cz_posts_list_odd div > .cz_grid_details,
.cz_posts_list_3 div > .cz_grid_details {
padding: 0 40px 0 0
}
.rtl .cz_posts_list_2 .cz_posts_list_odd div > .cz_grid_details,
.rtl .cz_posts_list_3 div > .cz_grid_details {
padding: 0 0 0 40px
}
.cz_posts_list_3 .cz_grid_link,
.cz_posts_list_2 .cz_posts_list_odd .cz_grid_link {
float: right
}
.rtl .cz_posts_list_3 .cz_grid_link,
.rtl .cz_posts_list_2 .cz_posts_list_odd .cz_grid_link {
float: left
} .sm2-bar-ui .bd, 
.sm2-bar-ui .sm2-extra-controls {
background: #565656
} .cz_overlay {
position: fixed;
display: none;
top: 0;
left: 0;
z-index: 1000;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .6)
}
.cz_popup_modal .cz_overlay {
z-index: 1
}
.cz_popup_modal, .vc_element.vc_cz_popup {
display: none;
z-index: 99999999;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.cz_popup_in {
position: fixed;
top: 50%;
left: 50%;
width: 500px;
min-width: 300px;
min-height: 30px;
max-height: 88%;
padding: 40px;
z-index: 2;
color: #111;
overflow: auto;
background: #fff;
transform-origin: center;
animation: CubicInPopup .4s cubic-bezier(.180, .890, .330, 1.270) forwards
}
@keyframes CubicInPopup {
from {transform: translate(-50%, -50%) scale(0.95)}
to {transform: translate(-50%, -50%) scale(1)}
}
.vc_element.vc_cz_popup {
overflow: visible !important
}
.cz_close_popup {
position: absolute;
top: 60px;
right: 60px;
margin: 0;
color: #fff;
font-size: 24px;
cursor: pointer;
border-radius: 50px;
z-index: 9;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
mix-blend-mode: difference;
transition: all .3s ease-in-out
}
.cz_close_popup:hover {
transform: rotate(180deg)
}
.rtl .cz_close_popup {
left: 60px;
right: auto
} .cz_image_comparison_slider {
overflow: hidden
}
.cz_image_container {
position: relative;
max-width: 100%;
margin: 0 auto;
border-radius: inherit
}
.cz_image_container img {
display: block;
width: 100%;
border-radius: inherit
}
.cz_image_label {
position: absolute;
bottom: 10px;
right: 10px;
color: #fff;
padding: 6px 16px;
border-radius: 2px;
opacity: 0;
white-space: nowrap;
transform: translateY(20px);
transition: transform .3s .7s, opacity .3s .7s
}
.cz_image_label.is_hidden {
visibility: hidden
}
.is_visible .cz_image_label {
opacity: 1;
transform: translateY(0)
}
.cz_resize_img {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
overflow: hidden;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-right: 1px solid rgba(255, 255, 255, .1)
}
.cz_resize_img img {
position: absolute;
left: 0;
top: 0;
display: block;
height: 100%;
width: auto;
max-width: none
}
.cz_resize_img .cz_image_label {
right: auto;
left: 10px
}
.is_visible .cz_resize_img {
width: 50%; }
@keyframes cz_bounce_in {
0% {width: 0}
60% {width: 55%}
100% {width: 50%}
}
.cz_handle {
position: absolute;
height: 44px;
width: 44px;
left: 50%;
top: 50%;
border-radius: 50%;
background: #fff;
cursor: col-resize;
box-shadow: 0 0 0 6px rgba(0, 0, 0, .1), 0 0 10px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .2);
opacity: 0;
transform: translate3d(0, 0, 0) scale(0) translate(-50%, -50%)
}
.cz_handle:before {
font-family: "Font Awesome 5 Free";
content: "\f337";
font-weight: 900;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.is_visible .cz_handle {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1) translate(-50%, -50%);
transition: transform .3s .7s, opacity 0s .7s
} .cz_bg_anim_left {
background-repeat: repeat-x;
animation: cz_bg_anim_left 200s linear infinite
}
@keyframes cz_bg_anim_left {
from { background-position: 0 center }
to { background-position: -20760px center }
}
.cz_bg_anim_right {
background-repeat: repeat-x;
animation: cz_bg_anim_right 200s linear infinite
}
@keyframes cz_bg_anim_right {
from { background-position: 0 center }
to { background-position: 20760px center }
}
.cz_bg_anim_up {
background-repeat: repeat-y;
animation: cz_bg_anim_up 200s linear infinite
}
@keyframes cz_bg_anim_up {
from { background-position: center 0 }
to { background-position: center -20760px }
}
.cz_bg_anim_down {
background-repeat: repeat-y;
animation: cz_bg_anim_down 200s linear infinite
}
@keyframes cz_bg_anim_down {
from { background-position: center 0 }
to { background-position: center 20760px }
} .cz_scroll_to_anchor {
position: relative;
border-bottom: 1px solid rgba(167, 167, 167, .42)
}
.cz_sta_left, .cz_sta_right {
position: absolute;
top: 0;
background: #fff;
width: 2.2em;
height: 2.2em;
line-height: 2.2em;
text-align: center;
border-radius: 100%;
transform: translateY(-50%)
}
.cz_sta_left {right: 50.2%}
.cz_sta_right {left: 50.2%} ul.cz_countdown {
position: relative;
list-style: none;
list-style-type: none;
margin: 0;
padding: 0
}
.cz_countdown li {
display: inline-block;
text-align: center;
padding: 14px 0;
margin: 0 20px
}
.s3 .cz_countdown li {
width: 86px
}
.cz_countdown li span {
font-weight: bold;
font-size: 24px;
position: relative
}
.widget .cz_countdown {
width: 100%
}
.widget .cz_countdown li {
display: inline-block;
width: 22.5%;
padding: 14px 0;
margin: 0 1% 0 0
}
.rtl .widget .cz_countdown li {
margin: 0 0 0 1%
}
.ended li {
filter: blur(2px);
opacity: .2
}
.ended .expired {
position: absolute;
left: 50%;
top: 42%;
transform: translate(-50%, -50%);
width: 100%;
border: 0;
opacity: 1;
font-size: 20px;
filter: blur(0);
display: inline-block;
padding: 14px 30px
}
.cz_countdown_center_v {
display: table;
margin: 0 auto !important
}
.cz_countdown_center_v li {
display: inherit;
margin: 0
}
.cz_countdown_left_v {float: left}
.cz_countdown_right_v {float: right}
.cz_countdown_left_v li,
.cz_countdown_right_v li {
display: block;
margin: 0;
width: 100%;
}
.cz_countdown_inline p {
vertical-align: middle;
display: inline-block;
margin: 0 0 0 10px
}
.rtl .cz_countdown_inline p {
margin: 0 10px 0 0
} .tooltip {
position: relative;
display: inline-block
}
.tooltip__trigger {
cursor: pointer;
position: relative
}
.tooltip__trigger-text {
display: block;
padding: .85em;
pointer-events: none;
transform: none !important
}
.tooltip__base {
position: absolute;
bottom: 2em;
left: 50%;
margin-left: -150px;
width: 300px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none
}
.tooltip__content {
color: #4a4a4a;
display: flex;
position: relative;
align-items: center;
justify-content: center;
width: 65%;
padding: 0 1em;
opacity: 0;
font-size: .85em
}
.tooltip__shape,
.tooltip__deco {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.tooltip__shape {fill: #141514}
.tooltip--cora .tooltip__base{transform-origin: 50% 100%}
.tooltip--cora .tooltip__content {margin-bottom: 1em}
.tooltip--smaug .tooltip__base {bottom: -0.5em;transform-origin: 50% 100%}
.tooltip--smaug .tooltip__content {padding: 0}
.tooltip--dori .tooltip__base {bottom: -0.5em}
.tooltip--dori .tooltip__content {margin: 0 0 1em}
.tooltip--walda .tooltip__base {
left: 0;
bottom: .75em;
position: absolute;
margin-left: 0;
width: 250px;
height: 100px;
padding: 0 0 0 .25em;
}
.tooltip--walda .tooltip__trigger-text {padding: 1em}
.tooltip--walda .tooltip__content {
margin: 0;
width: 100%;
height: 100%;
align-items: flex-start;
text-align: left;
font-size: .85em;
line-height: 2;
opacity: 1;
justify-content: flex-start;
}
.tooltip--walda .tooltip__letters span {
display: inline-block;
white-space: pre;
opacity: 0;
}
.tooltip--walda .tooltip__deco {
width: 4px;
height: 100%;
background: #141514;
transform-origin: 50% 100%;
}
.tooltip--gram .tooltip__base {bottom: -0.5em}
.path-narvi {transform-origin: 200px 150px}
.tooltip--narvi .tooltip__content {width: 80%}
.path-amras-1 {transform-origin: 115px 111px}
.path-amras-2 {transform-origin: 204px 107px}
.path-amras-3 {transform-origin: 279px 66px}
.path-amras-4 {transform-origin: 320px 99px}
.path-amras-5 {transform-origin: 137px 199px}
.path-amras-6 {transform-origin: 222px 217px}
.path-amras-7 {transform-origin: 80px 168px}
.path-amras-8 {transform-origin: 296px 211px}
.path-amras-9 {transform-origin: 310px 167px}
.tooltip--hador .tooltip__base {bottom: 2.25em;margin-left: -115px}
.path-hador-1 {transform-origin: 148px 284px}
.path-hador-2 {transform-origin: 160px 268px}
.path-hador-3 {transform-origin: 171px 246px}
.path-hador-4 {transform-origin: 200px 120px}
.tooltip--hador .tooltip__content {width: 50%;margin: 0 0 2.5em}
.tooltip--malva .tooltip__content {width: 50%}
.tooltip--sadoc .tooltip__base {bottom: 2.5em}
.tooltip--sadoc .tooltip__shape path {stroke: #5a5c5b;stroke-width: 3px} .cz_image_hover_zoom {
display: inline-block;
width: 100%;
overflow: hidden
}
.cz_image_hover_zoom a {
position: relative;
overflow: hidden;
display: block;
border: 0;
border-radius: inherit
}
.cz_img_for_zoom {
display: none;
position: absolute;
left: 0;
top: 0;
z-index: 2;
max-width: 4000% !important;
transition: initial !important
}
.cz_image_hover_zoom .cz_dimg {
width: 100%
} .cz_video_popup {
position: relative;
margin: 0 auto
}
.cz_video_inline .cz_vp_c {
overflow: hidden
}
.cz_video_popup img {
margin: 0 auto;
width: 100%
}
.cz_video_popup a {
position: relative;
z-index: 1;
display: block;
border: 0;
overflow: hidden;
border-radius: inherit
}
.cz_video_popup iframe {
position: absolute;
z-index: 0;
left: 0;
top: 0
}
.cz_video_popup .cz_vp_inner {
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100px;
color: #fff;
background: #303030;
font-size: 20px;
max-width: 98%;
white-space: nowrap
}
.cz_video_popup h4 {
padding: 0 40px 0 20px;
display: inline-block;
vertical-align: middle;
margin: 0;
font-size: inherit;
font-family: inherit;
color: inherit
}
.rtl .cz_video_popup h4 {padding: 0 20px 0 40px}
.cz_video_popup span {
display: inline-block;
vertical-align: middle;
border: 0;
font-size: 24px;
width: 2em;
height: 2em;
line-height: 2em;
padding: 22px;
color: #000;
text-align: center;
background: #fff;
border-radius: 100px;
transform: scale(1.02,1.02);
transition: all .2s ease-in-out
}
.cz_video_popup .fa-play {transform: translateX(10%)}
.cz_video_popup:hover span {transform: scale(1.1, 1.1)}
.close_inline_video {
position: absolute;
top: 10px;
right: 10px;
z-index: 99;
color: #111;
background: #fff;
opacity: .8;
border-radius: 100px;
cursor: pointer;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
transition: all .2s ease-in-out
}
.close_inline_video:hover {opacity: 1}
.cz_video_popup_tl .cz_vp_inner {
top: 30px;
left: 30px;
transform: none
}
.cz_video_popup_tr .cz_vp_inner {
top: 30px;
left: auto;
right: 30px;
transform: none
}
.cz_video_popup_bl .cz_vp_inner {
top: auto;
bottom: 30px;
left: 30px;
transform: none
}
.cz_video_popup_br .cz_vp_inner {
top: auto;
left: auto;
right: 30px;
bottom: 30px;
transform: none
} .cz_text_marquee {
direction: ltr;
position: relative;
overflow: hidden;
width: 100%;
font-size: 20px
} .cz_hotspot {
position: absolute;
z-index: 90
}
.cz_hotspot:hover {z-index: 99}
.cz_hotspot_circle {
position: relative;
text-align: center;
cursor: pointer;
border-radius: 100%;
padding: 10px;
font-size: 20px;
background: #111;
color: #fff
}
.cz_hotspot_circle i {
display: block;
width: 1em;
height: 1em;
line-height: 1em
}
.cz_hotspot_circle .cz_hotspot_number {
font-style: normal
}
.cz_hotspot_circle .cz_hotspot_image {
width: auto;
height: auto
}
.cz_hotspot_circle:hover {
transform: scale(1.1)
}
.cz_hotspot_pulse {
transform: translateZ(0);
animation-name: cz_hotspot_pulsate;
animation-duration: inherit;
animation-timing-function: linear;
animation-iteration-count: infinite
}
@keyframes cz_hotspot_pulsate {
0% {transform: scale(.9);opacity: .5}
50% {opacity: 1}
100% {transform: scale(1.1);opacity: .5}
}
.cz_hotspot_waves > div:before {
content: '';
position: absolute;
height: calc(100% - 2px);
width: calc(100% - 2px);
border: 1px solid;
border-color: inherit;
border-radius: inherit;
left: 0;
top: 0;
transform: translateZ(0);
animation-name: cz_hotspot_waves;
animation-duration: inherit;
animation-timing-function: linear;
animation-iteration-count: infinite
}
@keyframes cz_hotspot_waves {
0% {transform: scale(1, 1);opacity: 1}
25% {transform: scale(1.2, 1.2);opacity: .7}
50% {transform: scale(1.4, 1.4);opacity: .5}
75% {transform: scale(1.6, 1.6);opacity: .2}
100% {transform: scale(1.8, 1.8);opacity: 0}
}
.cz_hotspot_content {
position: absolute;
padding: 20px;
visibility: hidden;
width: 200px;
opacity: 0;
z-index: 2;
background: #fff;
border-radius: 2px;
box-shadow: 0 0 35px rgba(50, 50, 93, .01), 0 5px 15px rgba(0, 0, 0, .05);
transition: all .2s ease-in-out
}
.cz_hotspot_content p {margin-bottom:0}
.cz_hotspot:hover .cz_hotspot_content, 
.cz_hotspot_always_open .cz_hotspot_content {
visibility: visible;
opacity: 1
}
.cz_hotspot_top {
top: 0;
left: 50%;
transform: translate(-50%, calc(-100% - 14px))
}
.cz_hotspot_right {
top: 50%;
right: 0;
transform: translate(calc(100% + 18px), -50%)
}
.cz_hotspot_bottom {
bottom: 0;
left: 50%;
transform: translate(-50%, calc(100% + 14px))
}
.cz_hotspot_left {
top: 50%;
left: 0;
transform: translate(calc(-100% - 18px), -50%)
}
.cz_hotspot_tr {transform: translate(0, calc(-100% - 15px))}
.cz_hotspot_tl {transform: translate(-101%, calc(-100% - 15px))}
.cz_hotspot_br {transform: translate(0, calc(100% + 15px))}
.cz_hotspot_bl {transform: translate(-101%, calc(100% + 15px))}
.cz_hotspot_ripple {
border-radius: 100%;
transform: translateZ(0);
animation: cz_ripple .8s linear infinite
}
@keyframes cz_ripple {
0% {box-shadow: 0 4px 10px rgba(102, 102, 102, .1), 0 0 0 0 rgba(102, 102, 102, .1), 0 0 0 5px rgba(102, 102, 102, .1), 0 0 0 10px rgba(102, 102, 102, .1)}
100% {box-shadow: 0 4px 10px rgba(102, 102, 102, .1), 0 0 0 5px rgba(102, 102, 102, .1), 0 0 0 10px rgba(102, 102, 102, .1), 0 0 0 20px rgba(102, 102, 102, 0)}
} .cz_counter,
.cz_counter > div > span,
.cz_counter > div > span i {
transition: all .2s ease-in-out
}
.cz_counter .cz_svg_bg:before {
z-index: -1
}
.cz_counter > div > span {
font-size: 30px
}
.cz_counter.cz_1row .cz_counter_before {
margin: 0 10px 0 0
}
.cz_counter.cz_1row .cz_counter_after,
.rtl .cz_counter.cz_1row .cz_counter_before {
margin: 0 0 0 10px
}
.rtl .cz_counter.cz_1row .cz_counter_after {
margin: 0 10px 0 0
}
.cz_counter.cz_2rows > div > span {
display: block;
clear:both;
line-height: initial
}
.cz_counter.cz_2rows.tac > div > span {
margin: 0 auto
}
.cz_counter .cz_counter_num_wrap{
display: inline-block;
line-height: initial;
font-size: 48px;
font-weight: 700
}
.cz_counter .cz_counter_num_wrap i {
position: relative;
font-style: normal
} .cz_svg_bg {
position: relative;
overflow: visible;
max-width: 100%
}
.cz_svg_bg:before {
display: block;
content: '';
position: absolute;
left: -40px;
top: 40px;
visibility: visible;
width: 100%;
height: 100%;
z-index: 0
} .gmap {
width: 100%;
height: 300px
}
.gmap > div {
overflow: hidden
}
.gmap .infowindow {
padding: 10px;
color: #111
} .cz_lrpr {
position: relative;
text-align: center;
margin: 0 auto;
min-width: 100px;
max-width: 320px
}
.cz_vl #cz_r,.cz_vl #cz_pr,.cz_vr #cz_l,.cz_vr #cz_pr,.cz_vpr #cz_l,.cz_vpr #cz_r {
display: none
}
.cz_lrpr p {margin: 0}
.cz_lrpr img {
display: block;
margin: 0 auto 20px;
border-radius: 100%
}
.cz_lrpr a {
font-size: 14px;
margin: 10px 0 0;
display: block
}
.cz_lrpr input {
margin: 0 0 10px;
display: block;
width: 100%
}
.cz_lrpr input[type="checkbox"] {
display: inline-block
}
.cz_lrpr input[type="submit"] {
margin: 30px 0 20px
}
.cz_msg {
display: none;
background: rgba(255, 0, 0, .05);
color: #f00;
padding: 15px 20px;
border-radius: 3px;
margin: 15px 0;
}
input.cz_loader {
position: relative;
font-size: 0 !important;
width: 30px !important;
height: 30px !important;
padding: 0 !important;
border-radius: 100% !important;
transform: translateX(-50%) !important;
box-shadow: none !important;
left: 45% !important;
margin-right: 0 !important;
margin-left: 0 !important;
background: none !important;
border: 2px solid rgba(167, 167, 167, .3);
border-right-color: #111;
transition: none !important;
transform: translateZ(0);
animation: rotateInfinite .6s linear infinite !important
}
.rtl input.cz_loader {left: auto !important;right: 45% !important} .cz_process_road {
position: relative;
height: 200px;
border-color: #111;
border-style: solid
}
.cz_process_road_a,.cz_process_road_b {
border: 0;
position: absolute;
right: -1px;
top: -1px;
width: 50%;
height: 50%;
border-bottom: 2px solid;
border-style: inherit !important;
border-color: inherit !important
}
.cz_process_road_b {
border: 0;
border-left: 2px solid;
top: 50%;
}
.cz_road_0px .cz_process_road_a {border-bottom-width: 0}
.cz_road_0px .cz_process_road_b {border-left-width:0}
.cz_road_1px .cz_process_road_a {border-bottom-width: 1px}
.cz_road_1px .cz_process_road_b {border-left-width: 1px}
.cz_road_3px .cz_process_road_a {border-bottom-width: 3px}
.cz_road_3px .cz_process_road_b {border-left-width: 3px}
.cz_process_road i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 2;
background: #111;
color: #fff;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
border: 2px solid transparent;
font-style: normal;
font-size: 22px;
transition: all .2s ease-in-out
}
[class*='cz_road_icon_rhombus'] i {
transform: translate(-50%,-50%) rotate(45deg);
}
.cz_road_icon_rhombus_2 i {
border-radius: 10px
}
.cz_road_icon_rhombus_3 i {
transform: translate(-50%,-120%) rotate(45deg);
border-radius: 100% 100% 0 100%;
}
[class*='cz_road_icon_rhombus'] i:before,
[class*='cz_road_icon_rhombus'] span,
[class*='cz_road_icon_rhombus'] img {
display: block;
transform: rotate(-45deg)
}
.cz_process_road b {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
[class*='cz_road_icon_rhombus'] b {
transform: translate(-50%, -50%)
}
.cz_road_tb .cz_process_road_a {
border: 0;
border-left: 2px solid
}
.cz_road_lr .cz_process_road_b {
border: 0;
border-bottom: 2px solid;
top: -1px;
left: 0;
right: auto
}
.cz_road_1px.cz_road_lr .cz_process_road_b {border-bottom-width: 1px}
.cz_road_3px.cz_road_lr .cz_process_road_b {border-bottom-width: 3px}
.cz_road_lb .cz_process_road_a {
right: auto;
left: 0
}
.cz_road_tr .cz_process_road_b, 
.cz_road_tl .cz_process_road_b {
top: 0
}
.cz_road_tl .cz_process_road_a {
right: auto;
left: 0
}
.cz_road_cr .cz_process_road_b,
.cz_road_cl .cz_process_road_b,
.cz_road_ct .cz_process_road_a,
.cz_road_cb .cz_process_road_a {
display: none
}
.cz_road_vr .cz_process_road_b,.cz_road_vl .cz_process_road_b,.cz_road_crs .cz_process_road_b{height: 100%;top: 0}
.cz_road_hu .cz_process_road_a,.cz_road_hd .cz_process_road_a,.cz_road_crs .cz_process_road_a{width: 100%} .cz_separator, .cz_sep {
padding:0;
margin:0;
position: relative;
text-align: center
}
.cz_sep svg {
display: block;
margin: -1px;
transform: scale(1.1)
}
.cz_sep_rotate {transform: rotate(180deg)}
.cz_sep_rotatex {transform: rotateX(180deg)}
.cz_sep_rotatey {transform: rotateY(180deg)}
.cz_separator:before,.cz_separator:after{
content: "";
pointer-events: none;
position: absolute
}
.cz_sep_1:before,.cz_sep_2:before{
display: block;
position: absolute;
content: '';
width: 100px;
height: 100px;
top: -50px;
left: 50%;
margin-left: -50px;
background-color: #fff;
transform: rotate(45deg);
z-index: 1
}
.cz_sep_1{
padding: 75px 0 0 0;
overflow: hidden
}
.cz_sep_2:before{
top: auto;
bottom: -50px
}
.cz_sep_2{
padding: 0 0 75px 0
}
.cz_sep_3,.cz_sep_4{
margin: 100px 0 0;
padding: 45px 0
}
.cz_sep_3:before,.cz_sep_3:after,
.cz_sep_4:before,.cz_sep_4:after{
background: inherit;
height: 75%;
left: -25%;
top: 0;
transform: rotate(-2deg);
transform-origin: 0 0 0;
width: 150%;
z-index: -1
}
.cz_sep_3:before,.cz_sep_4:before{
height: 50%;
transform: rotate(-3deg);
transform-origin: 3% 0 0
}
.cz_sep_4:before,.cz_sep_4:after{
transform: rotate(2deg);
transform-origin: 85% 0 0
}
.cz_sep_4:before{
transform: rotate(3deg);
transform-origin: 85% 0 0
}
.cz_sep_5,.cz_sep_6{
margin: 60px 0 0;
padding: 30px 0
}
.cz_sep_5:before,.cz_sep_6:before{
background: inherit;
border-radius: 50%;
height: 100px;
left: 50%;
transform: translateX(-50%);
width: 100px;
z-index: 10
}
.cz_sep_5:before{top:-85px}
.cz_sep_6:before{bottom:-50px}
.cz_sep_8{transform: rotate(180deg)}
.cz_sep_9{line-height: 0}
.cz_sep_10{transform: rotate(180deg);line-height: 0}
.cz_sep_11 {margin:70px 0 0}
.cz_sep_12:before, .cz_sep_12:after,
.cz_sep_11:before, .cz_sep_11:after {
top: -70px;
left: 0;
z-index: 10;
width: 50%;
height: 70px;
background: inherit
}
.cz_sep_12:before,.cz_sep_11:before {
border-radius: 0 80px 0 0
}
.cz_sep_12:after,.cz_sep_11:after {
left: 50%;
border-radius: 80px 0 0 0
}
.cz_sep_12{
transform: rotate(180deg);
margin:-1px 0 70px 0;
padding-top: 1px
}
.vc_element.vc_cz_separator .cz_sep_12:before,
.vc_element.vc_cz_separator .cz_sep_12:after{
top: -40px;
height: 80px
}
.cz_sep_13,.cz_sep_14 {
background-position: 50% center;
display: block;
left: 0;
right: 0;
z-index: 10;
padding-bottom:1%
}
.cz_sep_14 {transform: rotate(180deg);padding-top:1%;padding-bottom: 0}
.cz_sep_15,.cz_sep_16{
padding:100px 0 0;
overflow: hidden
}
.cz_sep_15:before,
.cz_sep_15:after,
.cz_sep_16:before,
.cz_sep_16:after {
border-radius: 50%;
height: 200px;
top: -100px;
transform: rotate(45deg);
width: 200px
}
.cz_sep_15:before {left: -100px}
.cz_sep_15:after {right: -100px}
.cz_sep_16:before {left: -100px;top:0}
.cz_sep_16:after {right: -100px;top:0}
.cz_sep_17 ,.cz_sep_18{
margin: 0;
padding: 36px 0 0;
overflow: hidden
}
.cz_sep_17:before, .cz_sep_17:after,.cz_sep_18:before, .cz_sep_18:after {
height: 50px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 50px
}
.cz_sep_17:before,.cz_sep_18:before{
background: inherit;
box-shadow: -50px 50px 0 #3498db, 50px -50px 0 #3498db;
top: 11px
}
.cz_sep_18{
transform: rotate(180deg)
}
.cz_sep_19:before,.cz_sep_20:before {
top: 0
}
.cz_sep_19:before, .cz_sep_19:after,
.cz_sep_20:before, .cz_sep_20:after {
left: 0;
width: 100%
}
.cz_sep_21:before,.cz_sep_22:before {
content: "";
display: block;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.cz_sep_23{line-height: 0}
.cz_sep_24{
transform: rotate(180deg);
line-height: 0
}
.cz_sep2 {
position: absolute;
z-index: 0;
display: grid;
width: calc(100% + 1px)
}
.cz_sep2 svg {
transform: translateX(-50%);
left: 50%;
position: relative
}
.cz_sep2_2 svg, 
.cz_sep2_3 svg, 
.cz_sep2_9 svg, 
.cz_sep2_63 svg {
transform: translateX(-50%) rotateX(180deg)
}
.cz_sep_top {
top: -2px;
transform: rotateX(180deg)
}
.cz_sep_rotatey_top {
top: -2px;
transform: rotateX(180deg) rotateY(180deg)
}
.cz_sep_bottom {
bottom: -1px;
}
.cz_sep_rotatey_bottom {
bottom: -1px;
transform: rotateY(180deg)
} .cz_words-wrapper {
display: inline-block;
position: relative;
text-align: left;
margin:0 10px
}
.cz_words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
font-weight: inherit
}
.cz_words-wrapper b.is-visible {
position: static
}
.no-js .cz_words-wrapper b {opacity: 0}
.no-js .cz_words-wrapper b.is-visible {opacity: 1}
.cz_headline b {
width: 100%;
text-align: center
}
.cz_headline.rotate-1 .cz_words-wrapper {
perspective: 300px
}
.cz_headline.rotate-1 b {
opacity: 0;
transform-origin: 50% 100%;
transform: rotateX(180deg)
}
.cz_headline.rotate-1 b.is-visible {
opacity: 1;
transform: rotateX(0deg) translateZ(0);
animation: cz_rotate-1-in 1.2s forwards
}
.cz_headline.rotate-1 b.is-hidden {
transform: rotateX(180deg) translateZ(0);
animation: cz_rotate-1-out 1.2s forwards
}
@keyframes cz_rotate-1-in {
0% {transform: rotateX(180deg);opacity: 0}
35% {transform: rotateX(120deg);opacity: 0}
65% {opacity: 0}
100% {transform: rotateX(360deg);opacity: 1}
}
@keyframes cz_rotate-1-out {
0% {transform: rotateX(0deg);opacity: 1}
35% {transform: rotateX(-40deg);opacity: 1}
65% {opacity: 0}
100% {transform: rotateX(180deg);opacity: 0}
}
.cz_headline.type .cz_words-wrapper {
vertical-align: top;
overflow: hidden
}
.cz_headline.type .cz_words-wrapper:after {
content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
transform: translateY(-50%);
height: 90%;
width: 1px;
background-color: #aebcb9
}
.rtl .cz_headline.type .cz_words-wrapper:after {
left: 0;
right: auto
}
.cz_headline.type .cz_words-wrapper.waiting:after {
transform: translateZ(0);
animation: cz_pulse 1s infinite
}
.cz_headline.type .cz_words-wrapper.selected {
background-color: #333
}
.cz_headline.type .cz_words-wrapper.selected:after {
visibility: hidden
}
.cz_headline.type .cz_words-wrapper.selected b {
color: #eee
}
.cz_headline.type b {
visibility: hidden;
width: auto
}
.cz_headline.type b.is-visible {
visibility: visible
}
.cz_headline.type i {
position: absolute;
visibility: hidden;
font-style: normal
}
.cz_headline.type i.in {
position: relative;
visibility: visible
}
@keyframes cz_pulse {
0% {transform: translateY(-50%) scale(1);opacity: 1}
40% {transform: translateY(-50%) scale(.9);opacity: 0}
100% {transform: translateY(-50%) scale(0);opacity: 0}
}
.cz_headline.rotate-2 .cz_words-wrapper {
perspective: 300px
}
.cz_headline.rotate-2 i, .cz_headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cz_headline.rotate-2 b {
opacity: 0
}
.cz_headline.rotate-2 i {
transform-style: preserve-3d;
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
font-style: normal
}
.is-visible .cz_headline.rotate-2 i {
opacity: 1
}
.cz_headline.rotate-2 i.in {
animation: cz_rotate-2-in .4s forwards
}
.cz_headline.rotate-2 i.out {
animation: cz_rotate-2-out .4s forwards
}
.cz_headline.rotate-2 em {
transform: translateZ(20px);
font-style: normal;
font-weight: normal
}
.no-csstransitions .cz_headline.rotate-2 i {
transform: rotateX(0deg);
opacity: 0
}
.no-csstransitions .cz_headline.rotate-2 i em {
transform: scale(1)
}
.no-csstransitions .cz_headline.rotate-2 .is-visible i {
opacity: 1
}
@keyframes cz_rotate-2-in {
0% {opacity: 0;transform: translateZ(-20px) rotateX(90deg)}
60% {opacity: 1;transform: translateZ(-20px) rotateX(-10deg)}
100% {opacity: 1;transform: translateZ(-20px) rotateX(0deg)}
}
@keyframes cz_rotate-2-out {
0% {opacity: 1;transform: translateZ(-20px) rotateX(0)}
60% {opacity: 0;transform: translateZ(-20px) rotateX(-100deg)}
100% {opacity: 0;transform: translateZ(-20px) rotateX(-90deg)}
}
.cz_headline.loading-bar span {
display: inline-block;
padding: .2em 0
}
.cz_headline.loading-bar .cz_words-wrapper {
overflow: hidden;
vertical-align: top
}
.cz_headline.loading-bar .cz_words-wrapper:after {
content: '';
position: absolute;
left: 0;
bottom: 10px;
height: 2px;
width: 0;
background: rgba(125,125,125,.5);
z-index: 2;
transition: width .3s -0.1s
}
.cz_headline.loading-bar .cz_words-wrapper.is-loading:after {
width: 100%;
transition: width 3s
}
.cz_headline.loading-bar b {
top: .2em;
opacity: 0;
transition: opacity .3s
}
.cz_headline.loading-bar b.is-visible {
opacity: 1;
top: 0
}
.cz_headline.slide span {
display: inline-block;
padding: .2em 0
}
.cz_headline.slide .cz_words-wrapper {
overflow: hidden;
vertical-align: top
}
.cz_headline.slide b {
opacity: 0;
top: .2em
}
.cz_headline.slide b.is-visible {
top: 0;
opacity: 1;
animation: slide-in .6s forwards
}
.cz_headline.slide b.is-hidden {
animation: slide-out .6s forwards
}
@keyframes slide-in {
0% {opacity: 0;transform: translateY(-100%)}
60% {opacity: 1;transform: translateY(20%)}
100% {opacity: 1;transform: translateY(0)}
}
@keyframes slide-out {
0% {opacity: 1;transform: translateY(0)}
60% {opacity: 0;transform: translateY(120%)}
100% {opacity: 0;transform: translateY(100%)}
}
.cz_headline.clip span {
display: inline-block;
padding: .2em 0
}
.cz_headline.clip .cz_words-wrapper {
overflow: hidden;
vertical-align: top
}
.cz_headline.clip .cz_words-wrapper:after {
content: '';
position: absolute;
top: 20%;
right: 0;
width: 0;
height: 60%;
background-color: rgba(125,125,125,.7)
}
.cz_headline.clip b {
opacity: 0;
width: auto
}
.cz_headline.clip b.is-visible {
opacity: 1
}
.cz_headline.zoom .cz_words-wrapper {perspective: 300px}
.cz_headline.zoom b {opacity: 0}
.cz_headline.zoom b.is-visible {opacity: 1;animation: zoom-in .8s forwards}
.cz_headline.zoom b.is-hidden {animation: zoom-out .8s forwards}
@keyframes zoom-in {
0% {opacity: 0;transform: translateZ(100px)}
100% {opacity: 1;transform: translateZ(0)}
}
@keyframes zoom-out {
0% {opacity: 1;transform: translateZ(0)}
100% {opacity: 0;transform: translateZ(-100px)}
}
.cz_headline.rotate-3 .cz_words-wrapper {
perspective: 300px
}
.cz_headline.rotate-3 b {
opacity: 0
}
.cz_headline.rotate-3 i {
display: inline-block;
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-style: normal
}
.is-visible .cz_headline.rotate-3 i {
transform: rotateY(0deg)
}
.cz_headline.rotate-3 i.in {
animation: cz_rotate-3-in .6s forwards
}
.cz_headline.rotate-3 i.out {
animation: cz_rotate-3-out .6s forwards
}
.no-csstransitions .cz_headline.rotate-3 i {
transform: rotateY(0deg);
opacity: 0
}
.no-csstransitions .cz_headline.rotate-3 .is-visible i {
opacity: 1
}
@keyframes cz_rotate-3-in {
0% {transform: rotateY(180deg)}
100% {transform: rotateY(0deg)}
}
@keyframes cz_rotate-3-out {
0% {transform: rotateY(0)}
100% {transform: rotateY(-180deg)}
}
.cz_headline.scale b {
opacity: 0
}
.cz_headline.scale i {
display: inline-block;
opacity: 0;
transform: scale(0);
font-style: normal
}
.is-visible .cz_headline.scale i {
opacity: 1
}
.cz_headline.scale i.in {
animation: scale-up .6s forwards
}
.cz_headline.scale i.out {
animation: scale-down .6s forwards
}
.no-csstransitions .cz_headline.scale i {
transform: scale(1);
opacity: 0
}
.no-csstransitions .cz_headline.scale .is-visible i {
opacity: 1
}
@keyframes scale-up {
0% {transform: scale(0);opacity: 0}
60% {transform: scale(1.2);opacity: 1}
100% {transform: scale(1);opacity: 1}
}
@keyframes scale-down {
0% {transform: scale(1);opacity: 1}
60% {transform: scale(0);opacity: 0}
}
.cz_headline.push b {
opacity: 0
}
.cz_headline.push b.is-visible {
opacity: 1;
animation: push-in .6s forwards
}
.cz_headline.push b.is-hidden {
animation: push-out .6s forwards
}
@keyframes push-in {
0% {opacity: 0;transform: translateX(-100%)}
60% {opacity: 1;transform: translateX(10%)}
100% {opacity: 1;transform: translateX(0)}
}
@keyframes push-out {
0% {opacity: 1;transform: translateX(0)}
60% {opacity: 0;transform: translateX(110%)}
100% {opacity: 0;transform: translateX(100%)}
} .cz_product-viewer-wrapper {
text-align: center;
padding: 2em 0
}
.cz_product-viewer-wrapper > div {
display: inline-block;
width:100%
}
.cz_product-viewer-wrapper .product-viewer {
position: relative;
z-index: 1;
display: inline-block;
overflow: hidden
}
.cz_product-viewer-wrapper img {
display: block;
position: relative;
z-index: 1
}
.cz_product-viewer-wrapper .product-sprite {
position: absolute;
z-index: 2;
top: 0;
left: 0;
height: 100%;
background-size: 100%;
opacity: 0;
transition: opacity .3s
}
.cz_product-viewer-wrapper.loaded .product-sprite {
opacity: 1;
cursor: ew-resize
}
.cz_product-viewer-handle {
position: relative;
z-index: 2;
width: 60%;
max-width: 300px;
border-radius: 50em;
margin: 1em auto 3em;
height: 4px;
background: #aaa
}
.cz_product-viewer-handle .fill {
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: inherit;
background: #ddd;
transform: scaleX(0);
transform-origin: left center;
transition: transform .5s
}
.no-csstransitions .cz_product-viewer-handle .fill {
display: none
}
.loaded .cz_product-viewer-handle .fill {
opacity: 0;
transition: transform .3s, opacity .2s .3s
}
.cz_product-viewer-handle .handle {
position: absolute;
z-index: 2;
display: inline-block;
height: 2.4em;
width: 2.4em;
line-height: 2.4em;
left: 0;
top: 50%;
background: #999;
color: #fff;
border-radius: 50%;
white-space: nowrap;
overflow: hidden;
transform: translate(-50%,-50%) scale(0);
transition: box-shadow .2s
}
.loaded .cz_product-viewer-handle .handle {
transform: translate(-50%,-50%) scale(1);
animation: cz_bounce .3s forwards;
animation-fill-mode: both;
cursor: ew-resize
}
@keyframes cz_bounce {
0% {transform: translate(-50%,-50%) scale(0)}
60% {transform: translate(-50%,-50%) scale(1.1)}
100% {transform: translate(-50%,-50%) scale(1)}
} .services {
position: relative;
transition:all .4s ease-in-out
} 
.services .cz_btn {
margin-top: 30px
}
.xtra-service-btn-left {
float: left
}
.xtra-service-btn-center {
float: none;
margin: 0 auto;
display: table
}
.xtra-service-btn-right {
float: right
}
.services.services_padding {
padding: 15px 25px 25px
}       
.services.services_padding i {
left:25px;
top:25px
}
.services_b.services_padding i {
left: 0;
top: 15px
}
.services i {
position: absolute;
left: 0;
top: 10px;
display: table;
transition:all .2s ease-in-out;
font-size: 2em;
line-height: 2em;
width: 2em;
height: 2em;
padding: 0;
text-align:center
}
.services div.service_text {
padding-left: 100px;
display: block;
word-break: normal;
transition: all .2s ease-in-out
}
.rtl .services div.service_text {padding-right:100px;padding-left:0}
.services .service_custom i{position: relative;top:0}
.services.left .service_custom{float: left}
.rtl .services.left .service_custom {float: right}
.services.right .service_custom{float: right}
.rtl .services.right .service_custom {float: left}
.services_b .service_custom{display: inline-block;margin: 0 0 20px}
.services h3 {
border-bottom: 4px solid #F1F1F1;
display: inline-block;
padding: 0 0 8px;
transition: all .2s ease-in-out
}
.services a.btn {
float: right;
margin: 20px 0 0
}
.services.right i {
left: auto;
right: 0
}
.services.right div.service_text {
padding-left: 0;
padding-right: 100px;
text-align: right
}
.rtl .services.right div.service_text {
padding-left: 100px;
padding-right: 0;
text-align: left
}
.services_b {
text-align: center;
padding: 25px 10px;
box-sizing: border-box
}
div.services.services_b div.service_text {
padding-left: 0
}
.services_b h3 {
border-bottom:0;
margin-bottom: 0
}
.services_b i {
text-align: center;
position: relative;
top: -10px;
font-size: 40px
}
.rtl .services_b i {
display: inline-block
}
.services_b span.bar {
background-color:#F1F1F1;
display: block;
height: 4px;
margin: 10px auto 20px;
width: 50px;
transition:all .2s ease-in-out
}
.services_b:hover span.bar {width:200px}
.services_b i{
position:relative;
left: 50%;
transform: translateX(-50%)
}
.services_b a.btn {
float: none;
margin: 20px 0 0 !important
}
.services_b p, .services p{
line-height: inherit
}
.services_b .service_img {
float: none !important;
display: table;
margin: 0 auto 20px
}
.service_img {
float: left;
margin: 10px 20px 0 0;
text-align: center;
width: 80px
}
.rtl .service_img {
float: right;
margin: 10px 0 0 20px
}
.services.right .service_img{
float:right;
margin:10px 0 0 20px
}
.rtl .services.right .service_img{
float: left;
margin:10px 20px 0 0
}
.service_img img{
margin: 0 auto;
display: table;
max-width: 80px
}
.services_b .service_img img {
max-width:100%
}
.rtl .services_b .service_img{
margin-right:auto !important;
margin-left:auto !important
}
.services > div {
transition: all .2s ease-in-out
}
.services .services_img_have_hover img {
position: relative;
width: inherit;
opacity: 1;
transition: opacity .2s ease-in-out
}
.services .services_img_have_hover img:last-child,
.services:hover .services_img_have_hover img:first-child {
opacity: 0
}
.services .services_img_have_hover img:last-child {
position: absolute;
transform: translateY(-100%)
}
.services:hover .services_img_have_hover img:last-child {
opacity: 1 !important
}
.service_number {
margin: 0;
height: 80px;
width: 80px;
line-height: 80px;
text-align: center
}
.services_b i.cz_sb_sep_icon{
width: 100%;
text-align: center;
animation: none;
height: 1.5em;
line-height: 1.5em;
font-size: 1.5em;
}
.rtl .services_b div.service_text {
padding:0
}
.service_text .cz_wpe_content {
overflow-wrap: initial
} .cz_hexagon {
position: absolute;
width: 82px; 
height: 47.34px;
margin: 23.67px 0;
padding: 0;
text-align: center;
background: none;
border: 0;
border-left: solid 3.5px;
border-right: solid 3.5px
}
.cz_hexagon:before, .cz_hexagon:after {
content: "";
position: absolute;
background: inherit !important;
border-color: inherit !important;
z-index: 1;
left: 10px;
width: 57px;
height: 58px;
transform: scaleY(.5774) rotate(-45deg)
}
.cz_hexagon i {
position: relative;
border:none;
width: 100%;
height: 100%;
font-size: 36px;
line-height: 36px;
margin: 0;
padding: 0;
top: 5px;
z-index: 9;
left:auto;
vertical-align: middle;
transform: none
}
.services_b .cz_hexagon i {
top: 3px
}
.cz_hexagon:before {
top: -31.5px;
border-top: solid 4.8px;
border-right: solid 4.8px
}
.cz_hexagon:after {
bottom: -31.5px;
border-bottom: solid 4.8px;
border-left: solid 4.8px
}
.services_b .cz_hexagon{position: relative;margin:40px auto}
.services.style9 div.service_text{padding-left: 110px}
.services.right .cz_hexagon{right:0}
.services.style9.right div.service_text {padding-right: 110px}
.cz_sbi_fx_0:hover .service_custom, .cz_sbi_fx_0:hover .service_img {animation: socialZoomOut .4s forwards}
.cz_sbi_fx_1:hover .service_custom, .cz_sbi_fx_1:hover .service_img {animation: socialZoomIn .3s forwards}
.cz_sbi_fx_2:hover .service_custom, .cz_sbi_fx_2:hover .service_img {animation: socialFxB .3s forwards}
.cz_sbi_fx_3:hover .service_custom, .cz_sbi_fx_3:hover .service_img {animation: socialFxC .3s forwards}
.cz_sbi_fx_4:hover .service_custom, .cz_sbi_fx_4:hover .service_img {animation: socialFxD .3s forwards}
.cz_sbi_fx_5:hover .service_custom, .cz_sbi_fx_5:hover .service_img {animation: socialFxE .3s forwards}
.cz_sbi_fx_6:hover .service_custom, .cz_sbi_fx_6:hover .service_img {animation: socialFxF .4s forwards}
.cz_sbi_fx_7a:hover .service_custom, .cz_sbi_fx_7a:hover .service_img {transform: translateZ(0);animation: wobble .5s forwards}
.cz_sbi_fx_7:hover .service_custom, .cz_sbi_fx_7:hover .service_img {transform: translateZ(0);animation: wobble .5s infinite}
.cz_sbi_fx_8a:hover .service_custom, .cz_sbi_fx_8a:hover .service_img {transform: translateZ(0);animation: flash .5s forwards}
.cz_sbi_fx_8:hover .service_custom, .cz_sbi_fx_8:hover .service_img {transform: translateZ(0);animation: flash .5s infinite}
.cz_sbi_fx_9a:hover .service_custom, .cz_sbi_fx_9a:hover .service_img {transform: translateZ(0);animation: bounceFX .6s forwards}
.cz_sbi_fx_9:hover .service_custom, .cz_sbi_fx_9:hover .service_img {transform: translateZ(0);animation: bounceFX .6s infinite}
.cz_sbi_fx_10 .service_custom, .cz_sbi_fx_11 .service_custom, 
.cz_sbi_fx_10 .service_img, .cz_sbi_fx_11 .service_img {transition: all .4s ease}
.cz_sbi_fx_10:hover .service_custom, .cz_sbi_fx_10:hover .service_img {transform:rotateY(360deg)}
.cz_sbi_fx_11:hover .service_custom, .cz_sbi_fx_11:hover .service_img {transform:rotateX(360deg)} .cz_banner {
position: relative;
margin: 0 auto;
list-style: none;
text-align: center
}
.cz_banner figure {
position: relative;
float: left;
overflow: hidden;
text-align: center;
cursor: pointer;
width: 100%
}
.cz_banner figure img {
position: relative;
display: block;
width: 100%;
transition: all .3s ease-in-out
}
.cz_banner figure figcaption {
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cz_banner figure figcaption:before, .cz_banner figure figcaption:after {
pointer-events: none
}
.cz_banner figure figcaption, .cz_banner figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.cz_banner figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0
}
.cz_banner figure h4 {
font-size: 36px;
font-weight: 300
}
.cz_banner figure h4 span {
font-weight: 800
}
.cz_banner figure h4, .cz_banner figure p {
margin: 0
}
figure.effect-style1 img {
max-width: none;
width: calc(100% + 50px);
transform: translate3d(-40px,0,0)
}
.rtl figure.effect-style1 img {
transform: translate3d(40px,0,0)
}
figure.effect-style1 figcaption {
text-align: left
}
.rtl figure.effect-style1 figcaption {
text-align: right
}
figure.effect-style1 figcaption > div {
position: absolute;
bottom: 0;
left: 10%;
width: calc(100% - 20%);
height: 50%
}
figure.effect-style1 h4,figure.effect-style1 p {
transform: translate3d(0,40px,0)
}
figure.effect-style1 h4 {
transition: transform .35s
}
figure.effect-style1 p {
color: rgba(255,255,255,.8);
opacity: 0;
transition: opacity .2s, transform .35s
}
figure.effect-style1:hover p {
opacity: 1
}
figure.effect-style1:hover img,
figure.effect-style1:hover h4,
figure.effect-style1:hover p {
transform: translate3d(0,0,0)
}
figure.effect-style1:hover p {
transition-delay: .05s;
transition-duration: .35s
}
figure.effect-style2 figcaption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, transparent, rgba(0,0,0,.5));
content: '';
opacity: 0;
transform: translate3d(0,50%,0)
}
figure.effect-style2 h4 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transition: transform .35s, color .35s;
transform: translate3d(0,-50%,0)
}
figure.effect-style2 figcaption:before, figure.effect-style2 p {
transition: opacity .35s, transform .35s
}
figure.effect-style2 p {
position: absolute;
bottom: 10%;
left: 0;
width: 100%;
opacity: 0;
transform: translate3d(0,10%,0)
}
figure.effect-style2:hover h4 {
transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}
figure.effect-style2:hover figcaption:before,
figure.effect-style2:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style3 figcaption:before,
figure.effect-style3 figcaption:after {
position: absolute;
content: '';
opacity: 0
}
figure.effect-style3 figcaption:before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: scale(0, 1);
transform-origin: 0 0
}
figure.effect-style3 figcaption:after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
transform: scale(1,0);
transform-origin: 100% 0
}
figure.effect-style3 h4 {
padding-top: 26%;
transition: transform .35s
}
figure.effect-style3 p {
padding: .5em 2em;
text-transform: none;
opacity: 0;
transform: translate3d(0, -10px, 0)
}
figure.effect-style3 img {
transform: translate3d(0, -30px, 0) scale(1.3)
}
figure.effect-style3 h4 {
transform: translate3d(0, -30px, 0)
}
figure.effect-style3 figcaption:before,
figure.effect-style3 figcaption:after,
figure.effect-style3 p {
transition: opacity .35s, transform .35s
}
figure.effect-style3:hover img {
transform: translate3d(0, 0, 0) scale(1.3)
}
figure.effect-style3:hover figcaption:before,
figure.effect-style3:hover figcaption:after {
opacity: 1;
transform: scale(1)
}
figure.effect-style3:hover h4,
figure.effect-style3:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style3:hover figcaption:after,
figure.effect-style3:hover h4,
figure.effect-style3:hover p {
transition-delay: .15s
}
figure.effect-style4 figcaption {
top: auto;
bottom: 0;
padding: 1em 2em 0;
height: 3em;
background: #fff;
color: #333;
width: calc(100% - 4em);
transition: transform .35s;
transform: translate3d(0, 100%, 0)
}
figure.effect-style4 p {
position: absolute;
bottom: 8em;
color: #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
transition: opacity .35s;
text-align: center;
width: calc(100% - 4em)
}
figure.effect-style4 h4 {
text-align: center;
width: 100%;
transition: transform .35s;
transform: translate3d(0, 200%, 0)
}
figure.effect-style4 h4 {
display: inline-block;
}
figure.effect-style4:hover p {
opacity: 1;
}
figure.effect-style4:hover figcaption,
figure.effect-style4:hover h4 {
transform: translate3d(0, 0, 0)
}
figure.effect-style4:hover h4 {
transition-delay: .05s
}
figure.effect-style5 figcaption {
transition: background-color .35s
}
figure.effect-style5 figcaption:before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: ''
}
figure.effect-style5 h4 {
padding-top: 20%;
transition: transform .35s;
transform: translate3d(0, 0, 0)
}
figure.effect-style5 figcaption:before,
figure.effect-style5 p {
opacity: 0;
transition: opacity .35s, transform .35s;
transform: scale(0)
}
figure.effect-style5 p {
padding: 0 40px;
position: relative;
top: -20px
}
figure.effect-style5:hover h4 {
transform: translate3d(0, -30px, 0)
}
figure.effect-style5:hover figcaption:before,
figure.effect-style5:hover p {
opacity: 1;
transform: scale(1)
}
figure.effect-style6 figcaption {
text-align: right
}
figure.effect-style6 h4,
figure.effect-style6 p {
position: absolute;
right: 50px;
left: 30px;
padding: 10px 0
}
figure.effect-style6 p {
bottom: 30px;
line-height: 1.5;
transform: translate3d(0, 100%, 0)
}
figure.effect-style6 h4 {
top: 30px;
transition: transform .35s;
transform: translate3d(0, 20px, 0)
}
figure.effect-style6:hover h4 {
transform: translate3d(0, 0, 0)
}
figure.effect-style6 h4:after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
transform: translate3d(0, 40px, 0)
}
figure.effect-style6 h4:after,
figure.effect-style6 p {
opacity: 0;
transition: opacity .35s, transform .35s
}
figure.effect-style6:hover h4:after,
figure.effect-style6:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style7 img {
transform: scale(1.15)
}
figure.effect-style7:hover img {
transform: scale(1)
}
figure.effect-style7 h4 {
padding-top: 20%;
transition: transform .35s;
transform: translate3d(0, 40px, 0)
}
figure.effect-style7 p {
margin: 2em 3em 0;
padding: 1em 0;
border: 1px solid #fff;
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(0, 30px, 0) scale(1.1)
}
figure.effect-style7:hover h4 {
transform: translate3d(0, 0, 0)
}
figure.effect-style7:hover p {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1)
}
figure.effect-style8 img {
max-width: none;
width: calc(100% + 60px);
transform: translate3d(-50px, 0, 0)
}
.rtl figure.effect-style8 img {
transform: translate3d(50px, 0, 0)
}
figure.effect-style8 figcaption:before {
position: absolute;
top: 40px;
right: 40px;
bottom: 40px;
left: 40px;
border: 1px solid #fff;
content: '';
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(-20px, 0, 0)
}
.rtl figure.effect-style8 figcaption:before {
transform: translate3d(20px, 0, 0)
}
figure.effect-style8 figcaption {
text-align: left
}
.rtl figure.effect-style8 figcaption {
text-align: right
}
figure.effect-style8 figcaption div {
padding-left: 40px
}
figure.effect-style8 h4 {
padding-top: 120px;
transition: transform .35s
}
figure.effect-style8 p {
opacity: 0;
padding-left: 40px;
transition: opacity .35s, transform .35s;
transform: translate3d(-40px, 0, 0)
}
figure.effect-style8:hover img {
transform: translate3d(0, 0, 0)
}
figure.effect-style8:hover figcaption:before,
figure.effect-style8:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style8:hover h4 {
opacity: 1;
transform: translate3d(40px, 0, 0)
}
figure.effect-style9 figcaption:before,
figure.effect-style9 figcaption:after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
transition: opacity .35s, transform .35s
}
figure.effect-style9 figcaption:before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: scale(0, 1)
}
figure.effect-style9 figcaption:after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
transform: scale(1, 0)
}
figure.effect-style9 h4 {
padding-top: 120px;
transition: transform .35s;
transform: translate3d(0, -20px, 0)
}
figure.effect-style9 p {
padding: 10px 2.5em;
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(0, 20px, 0)
}
figure.effect-style9:hover figcaption:before,
figure.effect-style9:hover figcaption:after {
opacity: 1;
transform: scale(1)
}
figure.effect-style9:hover h4,
figure.effect-style9:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style10 {
perspective: 1000px
}
figure.effect-style10 img {
transform: translate3d(0, 0, 300px)
}
figure.effect-style10:hover img {
transform: translate3d(0, 0, 0)
}
figure.effect-style10 figcaption:before,
figure.effect-style10 figcaption:after {
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
transition: opacity .35s, transform .35s;
transform: translate3d(-50%, -50%, 0)
}
figure.effect-style10:hover figcaption:before {
opacity: .5;
transform: translate3d(-50%, -50%, 0) rotate(45deg)
}
figure.effect-style10:hover figcaption:after {
opacity: .5;
transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}
figure.effect-style10 h4,
figure.effect-style10 p {
position: absolute;
top: 53%;
left: 0;
width: 100%;
transition: transform .35s
}
figure.effect-style10 h4 {
transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0)
}
figure.effect-style10 p {
transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0)
}
figure.effect-style10:hover h4 {
transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0)
}
figure.effect-style10:hover p {
transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0)
}
figure.effect-style11 img {
max-width: none;
width: calc(100% + 20px);
transform: translate3d(-10px, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-style11:hover img {
transform: translate3d(0, 0, 0)
}
figure.effect-style11 figcaption {
text-align: left;
padding: 30px 50px;
width: calc(100% - 100px)
}
figure.effect-style11 h4 {
position: relative;
overflow: hidden;
padding: .5em 0
}
figure.effect-style11 h4:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
transition: transform .35s;
transform: translate3d(-100%, 0, 0)
}
figure.effect-style11:hover h4:after {
transform: translate3d(0, 0, 0)
}
figure.effect-style11 p {
padding: 1em 0;
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(100%, 0, 0)
}
figure.effect-style11:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style12 img {
transform: scale(1.12)
}
figure.effect-style12:hover img {
transform: scale(1)
}
figure.effect-style12 figcaption:before {
position: absolute;
top: 40px;
right: 40px;
bottom: 40px;
left: 40px;
border: 1px solid #fff;
content: '';
transform: scale(1.1)
}
figure.effect-style12 figcaption:before,
figure.effect-style12 p {
opacity: 0;
transition: opacity .35s, transform .35s
}
figure.effect-style12 h4 {
padding: 120px 0 10px 0
}
figure.effect-style12 p {
margin: 0 auto;
max-width: 200px;
transform: scale(1.5)
}
figure.effect-style12:hover figcaption:before,
figure.effect-style12:hover p {
opacity: 1;
transform: scale(1)
}
figure.effect-style13 img {
max-width: none;
width: calc(100% + 60px);
opacity: 1;
transform: translate3d(-30px, 0, 0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-style13:hover img {
transform: translate3d(0, 0, 0) scale(1)
}
figure.effect-style13 h4 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em
}
figure.effect-style13 p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
margin-left: 40px;
margin-top: 40px;
transition: opacity .35s, transform .35s;
transform: translate3d(-40px, 0, 0)
}
figure.effect-style13:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style14 img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-style14 figcaption {
text-align: center
}
figure.effect-style14 h4 {
position: relative;
padding: 30px 40px 10px
}
figure.effect-style14 p {
display: inline-block;
margin: auto;
padding: .4em 1em;
background: rgba(255, 255, 255, .9);
color: #2f3238;
text-transform: none;
font-weight: 500;
font-size: 75%;
transition: opacity .35s, transform .35s;
transform: translate3d(-999px,0,0)
}
figure.effect-style14:hover img {
transform: scale3d(1.1, 1.1, 1)
}
figure.effect-style14:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style15 {
background: #000
}
figure.effect-style15 h4 {
transition: transform .35s
}
figure.effect-style15 img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-style15 h4,
figure.effect-style15 p {
position: absolute;
bottom: 0;
left: 0;
padding: 30px
}
.rtl figure.effect-style15 h4, 
.rtl figure.effect-style15 p {
right: 0;
left: auto
}
figure.effect-style15 p {
text-transform: none;
font-size: 90%;
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(0, 50px, 0)
}
figure.effect-style15:hover img {
transform: translate3d(0, -80px, 0)
}
figure.effect-style15:hover h4 {
transform: translate3d(0, -80px, 0)
}
figure.effect-style15:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style16 {
background: #fff;
}
figure.effect-style16 img {
transform-origin: 50% 50%
}
figure.effect-style16:hover img {
transform: scale3d(.9, .82, 1)
}
figure.effect-style16 h4 {
transition: transform .35s;
transform: translate3d(0, 20px, 0)
}
figure.effect-style16 p {
opacity: 0;
transition: opacity .35s, transform .35s;
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform-origin: 50% 0%
}
figure.effect-style16:hover h4 {
transform: translate3d(0, 0, 0)
}
figure.effect-style16:hover p {
opacity: 1;
transform: perspective(1000px) rotate3d(1, 0, 0, 0)
}
figure.effect-style17 {
background: #fff;
}
figure.effect-style17 img {
transform: scale3d(1.05, 1.05, 1)
}
figure.effect-style17 figcaption:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .5);
content: '';
transition: transform .6s;
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -125%, 0)
}
figure.effect-style17 p {
position: absolute;
right: 0;
bottom: 45px;
margin: 45px;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
opacity: 0;
transition: opacity .35s
}
figure.effect-style17 h4 {
text-align: left;
padding: 30px 40px
}
figure.effect-style17:hover img {
transform: scale3d(1, 1, 1)
}
figure.effect-style17:hover figcaption:before {
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 125%, 0)
}
figure.effect-style17:hover p {
opacity: 1;
transition-delay: .1s
}
figure.effect-style18 figcaption:after,
figure.effect-style18 p {
transition: opacity .35s, transform .35s
}
figure.effect-style18 figcaption:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
transform-origin: 50% 50%
}
figure.effect-style18 h4,
figure.effect-style18 p {
opacity: 1;
transform: scale3d(.8, .8, 1)
}
figure.effect-style18 h4 {
padding-top: 26%;
transition: transform .35s
}
figure.effect-style18 p {
padding: .5em 2em;
text-transform: none;
font-size: .85em;
opacity: 0
}
figure.effect-style18:hover img {
transform: scale3d(1.05, 1.05, 1)
}
figure.effect-style18:hover figcaption:after {
opacity: 1;
transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}
figure.effect-style18:hover h4,
figure.effect-style18:hover p {
opacity: 1;
transform: scale3d(1, 1, 1)
}
figure.effect-style19 figcaption:before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 2px solid #fff;
box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
content: '';
opacity: 0;
transition: opacity .35s, transform .35s;
transform: scale3d(1.4, 1.4, 1)
}
figure.effect-style19 h4 {
margin: 0;
padding-top: 23%;
transition: transform .35s
}
figure.effect-style19 p {
padding: 0;
opacity: 0;
transition: opacity .35s, transform .35s;
transform: scale(1.5)
}
figure.effect-style19:hover h4 {
transform: scale(.9)
}
figure.effect-style19:hover figcaption:before,
figure.effect-style19:hover p {
opacity: 1;
transform: scale3d(1, 1, 1)
}
figure.effect-style19:hover figcaption {
background-color: rgba(58, 52, 42, 0)
}
figure.effect-style20 img {
margin: -10px 0 0 -10px;
max-width: none;
width: calc(100% + 10px);
transform: translate3d(9px, 10px, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
figure.effect-style20 figcaption:before,
figure.effect-style20 p {
transition: all .35s
}
figure.effect-style20 figcaption:before {
position: absolute;
right: -100px;
bottom: -100px;
width: 250px;
height: 250px;
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 0 900px rgba(255, 255, 255, .2);
content: '';
opacity: 0;
transform: scale3d(.5, .5, 1);
transform-origin: 50% 50%
}
figure.effect-style20:hover img {
transform: translate3d(0, 0, 0)
}
figure.effect-style20 h4 {
text-align: left;
transition: all .35s;
transform: translate3d(10px, 10px, 0);
padding: 20px 30px
}
figure.effect-style20 p {
position: absolute;
right: 0;
bottom: 0;
padding: 0 1.5em 1.5em 0;
width: 140px;
text-align: right;
opacity: 0;
transform: translate3d(20px, 20px, 0)
}
figure.effect-style20:hover figcaption:before {
opacity: 1;
transform: scale3d(1, 1, 1)
}
figure.effect-style20:hover h4,
figure.effect-style20:hover p {
opacity: 1;
transform: translate3d(0, 0, 0)
}
figure.effect-style21 p {
transition: opacity .35s, transform .35s
}
figure.effect-style21:hover img {
transform: scale3d(2, 2, 1)
}
figure.effect-style21 h4 {
padding-top: 15%;
transition: transform .35s;
transform: scale3d(.8, .8, 1);
transform-origin: 50% 100%
}
figure.effect-style21 p {
position: absolute;
bottom: 30px;
left: 10px;
right: 10px;
margin: 20px;
padding: 20px;
border: 2px solid #fff;
text-transform: none;
font-size: 90%;
opacity: 0;
transform: scale3d(.8, .8, 1);
transform-origin: 50% -100%
}
figure.effect-style21:hover h4,
figure.effect-style21:hover p {
opacity: 1;
transform: scale3d(1, 1, 1)
}
figure.effect-style22 h4 {
font-size: 158.75%
}
figure.effect-style22 h4,
figure.effect-style22 p {
position: absolute;
top: 50%;
left: 50%;
transition: opacity .35s, transform .35s;
transform: translate3d(-50%, -50%, 0);
transform-origin: 50%
}
figure.effect-style22 figcaption:before {
position: absolute;
top: 50%;
left: 50%;
width: 160px;
height: 160px;
border: 2px solid #fff;
content: '';
opacity: 0;
transition: opacity .35s, transform .35s;
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
transform-origin: 50%
}
figure.effect-style22 p {
opacity: 0;
width: 150px;
text-transform: none;
line-height: 1
}
figure.effect-style22:hover p {
opacity: 1;
}
figure.effect-style22:hover figcaption:before {
opacity: 1;
transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)
}
figure.effect-style22:hover h4 {
opacity: 0;
transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, 1)
} .cz_timeline_container {
direction: ltr;
width: 95%;
max-width: 1170px;
margin: 0 auto
}
.cz_timeline_container:after {
content: '';
display: table;
clear: both
}
.cz_timeline_container {
position: relative;
padding: 2em 0;
margin-top: 2em;
margin-bottom: 2em
}
.cz_timeline_container:before {
content: '';
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background: #999
}
.cz_a_r.cz_timeline_container:before {
left: auto;
right: 18px;
width: 4px
}
.cz_timeline-block {
position: relative;
margin: 2em 0
}
.cz_timeline-block:after {
content: "";
display: table;
clear: both
}
.cz_timeline-block:first-child {
margin-top: 0
}
.cz_timeline-block:last-child {
margin-bottom: 0
}
.cz_a_r .cz_timeline-i i {
left: auto;
right:0
}
.cz_timeline-i i {
position: absolute;
font-size: 24px;
padding: 8px;
line-height: 2em;
width: 2em;
height: 2em;
text-align: center;
vertical-align: middle;
border-radius: 100%;
transition: all .2s ease-in-out
}
.cz_timeline-content {
position: relative;
margin-left: 80px;
background: #f5f5f5;
border-radius: 5px;
padding: 1.5em 2em
}
.cz_a_r .cz_timeline-content {
margin-left: 0;
margin-right: 80px;
float: none
}
.cz_a_l .cz_timeline-content {
margin-left: 80px
}
.cz_timeline-content:after {
content: "";
display: table;
clear: both
}
.cz_timeline-content .cz_date {
font-size: 13px;
font-size: .8125rem;
display: inline-block;
float: left;
padding: 0;
opacity: .7
}
.cz_a_r .cz_timeline-content .cz_date {
float: right;
padding: 0
}
.cz_timeline-content:before {
content: '';
position: absolute;
top: 31px;
right: 0;
height: 12px;
width: 12px;
background: inherit;
transform: translate(50%, -50%) rotate(45deg);
}
.cz_a_r .cz_timeline-content:before {
right: auto;
left: 100%
}
.cz_a_l .cz_timeline-content:before,
.cz_a_r .cz_timeline-content:before {
top: 24px
}
.cz_a_r .cz_timeline-i i {
left: auto;
right: -12px;
position: absolute;
z-index: 9
}
.cz_a_l .cz_timeline-i i {
right: auto;
left: -12px
}
.cz_a_c .cz_timeline_container {
margin-top: 3em;
margin-bottom: 3em
}
.cz_a_c.cz_timeline_container:before {
left: calc(50% - 2px)
}
.cz_a_c .cz_timeline-block {
margin: 4em 0
}
.cz_a_c .cz_timeline-block:first-child {
margin-top: 0
}
.cz_a_c .cz_timeline-block:last-child {
margin-bottom: 0
}
.cz_timeline-i i {
left: calc(50% - 33px)
}
.cz_a_c .cz_timeline-content {
margin-left: 0;
padding: 30px 35px;
width: 43%;
box-sizing: border-box;
}
.rtl .cz_a_c .cz_timeline-content {
direction: rtl
}
.cz_a_c .cz_timeline-content .cz_date {
position: absolute;
width: 100%;
left: 126%;
top: 16px;
font-size: 16px;
font-size: 1rem
}
.cz_a_c .cz_timeline-block.cz_tl_right .cz_timeline-content {
float: right
}
.cz_a_c .cz_timeline-block.cz_tl_right .cz_timeline-content:before {
left: -12px;
right: auto;
}
.cz_a_c .cz_timeline-block.cz_tl_right .cz_timeline-content .cz_date {
left: auto;
right: 128%;
text-align: right
}
.cz_a_c .cz_timeline-block.cz_tl_center .cz_timeline-content {
margin: 0 auto 140px;
text-align: center;
top: 100px;
width: 100%
}
.cz_a_c .cz_timeline-block.cz_tl_center .cz_timeline-content:before {
left: auto;
right: calc(50% + 1px);
top: 0
}
.cz_a_c .cz_timeline-block.cz_tl_center .cz_timeline-content .cz_date {
left: auto;
position: absolute;
right: 30px;
top: 15px;
width: auto
}
.cz_tl_2 .cz_timeline-i i {border-radius: 0}
.cz_tl_3 .cz_timeline-i i {border-radius: 0;transform: rotate(45deg)}
.cz_tl_3 .cz_timeline-i i:before{transform: rotate(-45deg);margin:0;left: auto;top:auto;display: inline-block}
.cz_tl_3 .cz_timeline-block.cz_tl_right .cz_timeline-content .cz_date {right: 133%}
.cz_tl_3 .cz_timeline-content .cz_date {left: 131%}
.cz_tl_4 .cz_timeline-i i {height: 12px;left:5px;top: 12px;width: 12px}
.cz_a_r.cz_tl_4 .cz_timeline-i i {left:auto; right:6px}
.cz_tl_4 .cz_timeline-i i:before,.cz_tl_5 .cz_timeline-i i:before {display: none}
.cz_a_r.cz_tl_4 .cz_timeline-content,.cz_a_r.cz_tl_5 .cz_timeline-content{margin-right: 60px}
.cz_a_l.cz_tl_4 .cz_timeline-content,.cz_a_l.cz_tl_5 .cz_timeline-content{margin-left: 60px}
.cz_a_c.cz_tl_4 .cz_timeline-i i {left: calc(50% - 15px);top: 24px}
.cz_a_c.cz_tl_4 .cz_timeline-content,.cz_a_c.cz_tl_5 .cz_timeline-content{width: 46%}
.cz_a_c.cz_tl_4 .cz_timeline-block.cz_tl_right .cz_timeline-content .cz_date {right: 115%;top:21px}
.cz_a_c.cz_tl_4 .cz_timeline-content .cz_date {left: 115%;top:21px}
.cz_a_c.cz_tl_4 .cz_timeline-block.cz_tl_center .cz_timeline-content {top: 70px}
.cz_a_c.cz_tl_4 .cz_timeline-block .cz_timeline-content:before{top:38px}
.cz_tl_5 .cz_timeline-i i {height: 6px;left:9px;top:20px;width: 6px;border-radius: 0;transform: rotate(45deg)}
.cz_a_r.cz_tl_5 .cz_timeline-i i {left:auto;right:9px}
.cz_a_c.cz_tl_5 .cz_timeline-i i {left: calc(50% - 12px);top:26px}
.cz_a_c.cz_tl_5 .cz_timeline-block.cz_tl_right .cz_timeline-content .cz_date {right: 115%;top:24px}
.cz_a_c.cz_tl_5 .cz_timeline-content .cz_date {left: 115%;top:24px}
.cz_a_c.cz_tl_5 .cz_timeline-block.cz_tl_center .cz_timeline-content {top: 70px}
.cz_a_c.cz_tl_5 .cz_timeline-block .cz_timeline-content:before{top: 36px}
.cz_tl_left .cz_date {text-align: left}
.cz_a_c .cz_timeline-block.cz_tl_center .cz_timeline-content:before{top: 0px} .cz_2_btn {
position: relative
}
.cz_2_btn_left {
float: left
}
.cz_2_btn_right {
float: right
}
.cz_2_btn_center {
display: table;
margin:0 auto
}
.cz_2_btn a {
display: inline-block;
vertical-align: middle
}
.cz_2_btn a.btn1 {padding-right: 30px}
.rtl .cz_2_btn a.btn1 {padding-left: 30px}
.cz_2_btn a.btn2 {padding-left: 30px}
.rtl .cz_2_btn a.btn2 {padding-right: 30px}
.cz_2_btn_sep {
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
margin: 10px -15px 0
}
.cz_2_btn_sep i{
background: #fff none repeat scroll 0 0;
border: 1px solid transparent;
border-radius: 100%;
display: inline-block;
padding: 10px;
position: relative;
font-size: 20px;
font-style: normal;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
text-align: center
}
.cz_2_btn_sep i:before,.cz_2_btn_sep i span{display: inline-block}
.cz_2_btn_sep.style2 i{border-radius: 0}
.cz_2_btn_sep.style3 i{border-radius: 15px}
.cz_2_btn_sep.style4 i{border-radius:0;transform: rotate(45deg)}
.cz_2_btn_sep.style4 i:before,.cz_2_btn_sep.style4 i span {top: 0;transform: rotate(-45deg)}
.cz_2_btn_sep.style5 i{border-radius: 15px;transform: rotate(45deg)}
.cz_2_btn_sep.style5 i:before,.cz_2_btn_sep.style5 i span {top: 0;transform: rotate(-45deg)}
.cz_2_btn_sep.style6 i{border-radius: 0;transform: skewX(-45deg)}
.cz_2_btn_sep.style6 i:before,.cz_2_btn_sep.style6 i span {top: 0;transform: skewX(45deg)}
.cz_2_btn_sep.style7 i{border-radius: 0;transform: skewX(45deg)}
.cz_2_btn_sep.style7 i:before,.cz_2_btn_sep.style7 i span {top: 0;transform: skewX(-45deg)}
.cz_2_btn_sep.style8 i{border-radius:0 20px}
.cz_2_btn_sep.style9 i{border-radius: 20px 0} .cz_image{
position: relative;
width: 100%
}
.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_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
} .compose-mode .page_content [id^=cz_]:hover{outline:dashed 1px #f00}
.compose-mode .page_content .cz_gap{background: repeating-linear-gradient(-45deg, rgba(125,125,125,.2) 1px, rgba(255,255,255,0) 3px, rgba(255,255,255,0) 10px)} .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(0 0, 101% 0, 100% 100%, 0 75%);
-webkit-clip-path: polygon(0 0, 101% 0, 100% 100%, 0 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%)
} #wp-admin-bar-codevz_menu > a.ab-item {
color: #00cbff !important
}
#wp-admin-bar-codevz_menu_maintenance > a {
color: #ff6262 !important;
}
#wpadminbar a img {display: inline-block}
.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}
.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
} .rtl .vc_controls, 
.rtl .sm2-bar-ui {direction: ltr !important} .hide_on_desktop,
.cz_line.hide_on_desktop,
.sm2-bar-ui.hide_on_desktop {
display: none
}
.select2-results, 
.chosen-container {
color: #222
}
.services .xtra-placeholder,
.cz_title .xtra-placeholder {
max-width: 100px
}
@media screen and (max-width: 768px) {
.cz_mobile_text_center .cz_wpe_content {
display: block
}
.cz_image > div {
margin: 0 auto
}
}
@media screen and (max-width:480px) {
.wpb_animate_when_almost_visible {
animation-delay: 0ms !important
}
.slick-slider:not(.cz_ticker) .slick-list {
overflow: visible;
clip-path: none !important;
-webkit-clip-path: none !important;
transform: scale(.9) !important
}
.slick-slider:not(.cz_ticker) .slick-slide {
margin: 0 10px !important
}
.slick-slider:not(.cz_ticker) .slick-slide:not(.slick-active) {
pointer-events: none;
cursor: pointer;
transform: none !important
}
.xtra-slick-vertical .slick-list {
overflow: hidden !important
}
.cz_subscribe_elm input {
text-align: center
}
.cz_subscribe_elm button {
position: static !important;
margin-top: 15px !important
}
.cz_acc_open_icon, .cz_acc_close_icon {
font-size: 18px
}
}