@charset "UTF-8";
[class*="wp-block-"] {
margin-bottom: 1em
}
.widget_block [class*="wp-block-"] {
margin-bottom: 0 !important
}
.widget_block [class*="wp-block-"] > ul {
list-style-type: disc !important
}
.wp-block-button {
margin-bottom: 20px
}
.wp-block-button .wp-block-button__link,
.is-style-outline .wp-block-button__link {
border-radius: 100px;
line-height: 1.4em
}
.is-style-squared .wp-block-button__link {
border-radius: 0
}
.wp-block-search .wp-block-search__input {
flex: 1
}
.wp-block-search__label {
margin-bottom: 14px !important
}
.wp-block-search__button {
white-space: nowrap;
padding: 10px 35px !important
}
.wp-block-search .wp-block-search__button {
background-color: #333;
color: #fff
}
.wp-block-quote.is-style-large {
background: none
}
.wp-block-media-text__media img, .wp-block-media-text__media video {
max-width: 100%
}
.wp-block-separator.is-style-wide {
margin-left: -20px;
margin-right: -20px
}
.wp-block-separator.is-style-dots:before {
margin: 0 auto
}
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
border-top-right-radius: 0 !important;
border-top-left-radius: 0 !important;
border: 0 !important;
box-shadow: none !important;
padding: 40px 10px 5px !important;
margin: 0 !important
}
ul.blocks-gallery-grid {
margin: 0
}
.wp-block-quote, .wp-block-code, .wp-block-code code {
width: 100%;
box-sizing: border-box
}
.wp-block-code code {
background: none;
line-height: 1.4;
padding: 0;
}
.wp-block-cover, .wp-block-cover-image {
width: auto
}
.wp-block-pullquote blockquote {
background: none;
padding: 0;
margin: 0
}
.wp-block-group__inner-container > h2 {
border-bottom: 1px solid rgba(167, 167, 167, .2);
position: relative;
padding: 0 0 20px;
margin: 0 0 20px;
font-size: 20px
}
.wp-block-latest-comments {
color: #676767
}
.wp-block-latest-posts li a,
.wp-block-latest-comments li {
padding: 3px 0;
display: block;
border-bottom: 1px solid rgba(167, 167, 167, 0.15);
transition: all .2s ease-in-out
}
.wp-block-latest-comments li {
padding: 8px 0
}
.wp-block-latest-posts li a:hover,
.wp-block-latest-comments li:hover {
border-color: initial
}
.wp-block-latest-comments__comment-author,
.comment-author-link .url {
font-weight: bold
}
.is-layout-flow.wp-block-group.has-background {
padding: 50px 50px 30px;
border-radius: 2px
}
.wp-block-gallery.is-layout-flex {
margin-bottom: 40px
}
figure.is-layout-flex.wp-block-gallery-3.wp-block-gallery.columns-2.is-cropped.alignleft {
margin-right: 25px !important
}
blockquote.wp-block-quote.is-style-large {
background: rgba(167, 167, 167, .1);
display: inline-block;
position: relative;
padding: 30px 35px !important;
border-radius: 4px;
overflow: auto;
max-width: 100%
}
.wp-caption-text {
display: block;
margin: 0px auto 20px;
padding: 10px 30px;
font-size: 13px;
font-style: italic;
border-radius: 3px;
z-index: 1;
position: relative;
}
.wp-caption-text a {
color: inherit
}
.uagb-columns__wrap {
box-sizing: border-box
}
.uagb-columns__wrap * {
box-sizing: border-box
}@font-face {
font-family: 'czicons';
src: url(//megasolution.rs/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.eot);
src: url(//megasolution.rs/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.eot#iefix) format('embedded-opentype'),
url(//megasolution.rs/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.woff2) format('woff2'),
url(//megasolution.rs/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.woff) format('woff'),
url(//megasolution.rs/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.ttf) format('truetype'),
url(//megasolution.rs/wp-content/plugins/codevz-plus/admin/fields/codevz_fields/icons/czicons.svg#czicons) format('svg');
font-weight: normal;
font-style: normal;
font-display: block
}
[class^="czico-"]:before, [class*=" czico-"]:before {
font-family: "czicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.czico-Icon-Action-Profile-Off:before { 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'; } .czico-shuffle:before { content: '\e966'; } .czico-loop:before { content: '\e967'; } .czico-flow-cross:before { content: '\e968'; } .czico-loop-alt:before { content: '\e969'; } .czico-down-small:before { content: '\e96a'; } .czico-left-small:before { content: '\e96b'; } .czico-right-small:before { content: '\e96c'; } .czico-up-small:before { content: '\e96d'; } .czico-menu:before { content: '\e96e'; } .czico-menu-outline:before { content: '\e96f'; } .czico-list:before { content: '\e970'; } .czico-article:before { content: '\e971'; } .czico-loop-1:before { content: '\e972'; } .czico-ok:before { content: '\e973'; } .czico-th-large:before { content: '\e974'; } .czico-th-list:before { content: '\e975'; }.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/loading.gif) no-repeat center center;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.tx-heading-style-default {
padding: 2px 0;
}
.tx-heading-style-default .tx-heading-inner {
padding: 0px;
}
.tx-heading.tx-heading-align-left { text-align: left; }
.tx-heading.tx-heading-align-left .tx-heading-inner { padding-left: 0px; }
.tx-heading.tx-heading-align-right { text-align: right; }
.tx-heading.tx-heading-align-right .tx-heading-inner { padding-right: 0px; }
.tx-heading.tx-heading-align-center { text-align: center; } .tx-divider {
clear: both;
position: relative;
height: 1px;
margin: 2.5em 0 1.5em 0;
background: #999;
background-color: #e7e7e7;
}
.tx-divider a {
position: absolute;
right: 0;
bottom: 5px;
display: inline-block;
color: #777;
font-size: 12px;
text-decoration: none;
} .tx-spacer {
display: block;
height: 0;
clear: both;
overflow: hidden;
}
.tx-spacer-5 { height: 5px }
.tx-spacer-10 { height: 10px }
.tx-spacer-20 { height: 20px }
.tx-spacer-30 { height: 30px }
.tx-spacer-40 { height: 40px } .tx-highlight {
display: inline;
padding: 1px 0;
} .tx-list ul {
list-style: none !important;
margin: 0 0 1.5em 0 !important;
padding: 0 !important;
}
.tx-list ul li {
position: relative;
list-style-type: none !important;
display: block !important;
line-height: 1.3em;
margin: 0 !important;
padding: 4px 0 4px 2em !important;
}
.tx-list ul li > img {
position: absolute;
left: 0;
top: 4px;
width: 1.3em;
height: 1.3em;
padding: 0;
margin: 0;
border: none;
}
.tx-list ul li i {
position: absolute;
left: 0;
top: 4px;
width: 1.3em;
height: 1.3em;
line-height: 1.3em;
text-align: center;
} .tx-button {
display: inline-block !important;
text-align: center;
text-decoration: none !important;
box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
transition: all .2s;
-o-transition: all .2s;
-ie-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}
.tx-button-wide {
display: block !important;
margin: 1em 0;
}
.tx-button-center { text-align: center; }
.tx-button span {
display: block !important;
text-decoration: none !important;
box-sizing: content-box !important;
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
transition: all .2s;
-o-transition: all .2s;
-ie-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}
.tx-button img {
border: none !important;
vertical-align: middle !important;
margin: -0.2em 0.4em 0 -0.3em !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.tx-button i {
display: inline-block;
width: 1em;
height: 1em;
margin: 0 0.5em 0 0 !important;
text-align: center;
line-height: 1em;
}
.tx-button.tx-button-float-icon img { margin: 0 0.5em !important }
.tx-button small {
display: block;
margin: -0.2em 0 0 0;
color: inherit;
text-align: center;
font-style: normal;
font-size: 0.8em;
line-height: 1;
opacity: 0.7;
filter: alpha(opacity=70);
}
.tx-button-style-default {
border-width: 0px;
border-style: solid;
}
.tx-button-style-default:hover {
background-color: #333333!important;
color: #FFFFFF!important;
}
.tx-button-style-default span {
border-top-width: 0px;
border-bottom-width: 0px;
border-top-style: solid;
border-bottom-style: solid;
}
.tx-button-style-stroked span {
margin: 1px;
border: 1px dashed #fff !important;
}
.tx-button-style-stroked:hover span {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.tx-button-style-3d {
border-bottom-style: solid;
border-bottom-width: 6px;
}
.tx-button-style-3d span {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.tx-button-style-3d:hover {
position: relative;
top: 3px;
border-bottom-width: 3px;
}
.tx-button a:hover {
background-color: #373737;
color: #ffffff;
} .tx-row {
clear: both;
zoom: 1;
margin-bottom: 24px;
}
.tx-row:before,
.tx-row:after {
display: table;
content: "";
}
.tx-row:after { clear: both; }
.tx-column {
display: block;
margin: 0 4% 0 0;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.tx-column-last { margin-right: 0; }
.tx-row .tx-column { margin: 0 0 0 4%; }
.tx-row .tx-column .tx-column { margin: 0px!important; display: inline-block; width: 49%; }
.tx-row .tx-column.tx-column-size-1-1 { margin-left: 0; margin-right: 0; }
.tx-row .tx-column:first-child { margin-left: 0; }
.tx-column-centered {
margin-right: auto !important;
margin-left: auto !important;
float: none !important;
}
.tx-column img,
.tx-column iframe,
.tx-column object,
.tx-column embed { max-width: 100%; }
@media only screen {
[class*="nx-column"] + [class*="nx-column"]:last-child { float: right; }
}
.tx-column {
display: block;
margin: 0 0 0 0;
padding: 0px 16px;
}
.tx-column-last { padding-right: 0px; }
.tx-row .tx-column { margin: 0%; }
.tx-row .tx-column.tx-column-size-1-1 { padding-left: 0; padding-right: 0; }
.tx-row .tx-column:first-child { padding-left: 0px; }
.tx-row .tx-column:last-child { padding-right: 0px; }
.tx-column-size-1-1 { width: 100%; }
.tx-column-size-1-2 { width: 50%; }
.tx-column-size-1-3 { width: 33.33%; }
.tx-column-size-2-3 { width: 66.66%; }
.tx-column-size-1-4 { width: 25%; }
.tx-column-size-3-4 { width: 75%; }
.tx-column-size-1-5 { width: 20%; }
.tx-column-size-2-5 { width: 40%; }
.tx-column-size-3-5 { width: 60%; }
.tx-column-size-4-5 { width: 80%; }
.tx-column-size-1-6 { width: 16.66%; }
.tx-column-size-5-6 { width: 83.33%; } @media only screen and (max-width: 768px) {
.tx-column {
width: 100% !important;
margin: 0 0 24px 0 !important;
float: none !important;
}
.tx-row .tx-column:last-child,
.fancy-inner .tx-column:last-child {
margin-bottom: 0 !important;
}
}
.site-content .tx-row.lined div.tx-column {
border: 1px solid #999;
} .tx-col-1-2 {
width: 50%;
display: block;
float: left;
}
.tx-col-1-3 {
width: 33.3%;
}
.tx-col-2-3 {
width: 66.6%;
}
.tx-col-1-4 {
width: 25%;
}
.tx-post-row {
display: block;
position: relative;
clear: both;
width : 100%;
width: calc(100% + 32px);
margin-left: -16px;
margin-right: -16px;
}
.tx-post-row.folio-style-gallery {
width : 100%;
margin-left: 0px;
margin-right: 0px;
}
.tx-post-row:after {
content: " ";
display: block;
clear: both;
height: 0px;
}
.tx-post-col-1 {
display: block;
float: none;
padding-right: 16px;
padding-left: 16px;
width: 100%;
}
.tx-post-col-2 {
display: block;
float: left;
padding-left: 16px;
padding-right: 16px;	
width: 50%;
}
.tx-post-col-3 {
display: block;
float: left;
padding-left: 16px;
padding-right: 16px;	
width: 33.33%;
}
.tx-post-col-4 {
display: block;
float: left;
padding-left: 16px;
padding-right: 16px;	
width: 25%;
}
.tx-post-row.folio-style-gallery .tx-portfolio-item {
padding: 0px; }
.tx-carousel .tx-post-col-1,
.tx-carousel .tx-post-col-2,
.tx-carousel .tx-post-col-3,
.tx-carousel .tx-post-col-4 {
width: auto;
}
.tx-post-row .tx-portfolio-item .tx-border-box {
padding-bottom: 32px;
}
.folio-style-gallery.tx-post-row .tx-portfolio-item .tx-border-box {
padding-bottom: 0px;
}
.tx-post-row .tx-folio-title {
font-size: 24px;
font-weight: 500;
margin: 12px 0px;
margin-bottom: 2px;
}
.tx-post-row .tx-folio-title a,
.tx-post-row .tx-folio-title a:visited {
color: #565656;
text-decoration: none;
}
.tx-folio-category {
display: block;
color: #999;
font-size: 12px;
margin-bottom: 16px;
}
.folio-style-gallery.tx-post-row .tx-folio-title {
position: absolute;
left: 12px;
bottom: -20px;
margin-bottom: 0px;
opacity: 0;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0.4s;	
}
.folio-style-gallery.tx-post-row .tx-folio-title a,
.folio-style-gallery.tx-post-row .tx-folio-title a:visited {
color: #FFFFFF;
}
.folio-style-gallery.tx-post-row .tx-folio-category {
color: #ddd;
position: absolute;
left: 12px;
bottom: -32px;
margin-bottom: 0px;
opacity: 0;
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0.6s;		
}
.folio-style-gallery.tx-post-row .tx-portfolio-item:hover .tx-folio-title {
bottom: 32px;
opacity: 1;
}
.folio-style-gallery.tx-post-row .tx-portfolio-item:hover .tx-folio-category {
bottom: 12px;
opacity: 1;
}
.tx-post-row a.moretag,
.tx-post-row a.moretag:visited {
display: block;
clear: both;
text-align: right;
text-decoration: none;
padding-top: 6px;
font-size: 12px;
}
.tx-post-row a.moretag:hover {
text-decoration: underline;
}
.tx-post-row .tx-border-box .tx-folio-img {
overflow: hidden;
}
.tx-post-row .tx-portfolio-item img.folio-img {
width: 100%;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;	
}
.tx-post-row .tx-portfolio-item:hover img.folio-img {
transform: scale(1.1);
}
.tx-folio-img,
.tx-folio-img-wrap {
position: relative;
}
.tx-folio-img .folio-links {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background-color: rgba(0,0,0,0.4);
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
overflow: hidden;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;
bottom: -64px;
z-index: 101;
visibility: hidden;
}
.folio-style-gallery .tx-folio-img .folio-links {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 100%;
bottom: 0px;
background-color: rgba(0,0,0,0.0);	
}
.tx-folio-img:hover .folio-links {
bottom: 0px;
visibility: visible;
}
.folio-style-gallery .tx-portfolio-item:hover .tx-folio-img .folio-links {
background-color: rgba(0,0,0,0.4);
bottom: 0px;
visibility: visible;		
}
.tx-folio-img .folio-links .folio-linkico,
.tx-folio-img .folio-links .folio-zoomico {
display: inline-block;
height: 32px;
width: 32px;
background-color: #666;
color: #FFF;
text-align: center;
line-height: 32px;
margin: auto 2px;
border-radius: 3px;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0.3s;
}
.folio-style-gallery .tx-folio-img .folio-links span,
.folio-style-gallery .tx-folio-img .folio-links span {
display: block;
width: 100%;
position: absolute;
left: 0px;
top: 50%;
margin-top: -22px;
}
.folio-style-gallery .folio-head {
display: block;
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
padding: 0px 12px;
z-index: 102;
}
.folio-style-gallery .tx-post-row .tx-folio-title a, 
.folio-style-gallery .tx-post-row .tx-folio-title a:visited {}
.folio-style-gallery .tx-folio-category {}
.tx-folio-img .folio-links .folio-linkico {
margin-right: 64px;
opacity: 0;
}
.tx-folio-img .folio-links .folio-zoomico {
margin-left: 64px;
opacity: 0;
}
.tx-folio-img:hover .folio-links .folio-linkico,
.folio-style-gallery .tx-portfolio-item:hover .tx-folio-img .folio-links .folio-linkico {
margin-right: 2px;
opacity: 1;
}
.tx-folio-img:hover .folio-links .folio-zoomico,
.folio-style-gallery .tx-portfolio-item:hover .tx-folio-img .folio-links .folio-zoomico {
margin-left: 2px;
opacity: 1;
}
.tx-folio-img .folio-links .folio-linkico {}
.tx-folio-img .folio-links .folio-zoomico {
transition-delay: 0.5s;			
}
.tx-subtitle {
font-size: 20px;
font-weight: 500;
}
.tx-blog-img {
margin-bottom: 16px;
position: relative;
overflow: hidden;
}
.tx-blog-imgpad {
height: 16px;
}
.tx-blog .tx-blog-item {
margin-bottom: 32px;
}
.tx-blog-item .blog-image {
width: 100%;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;		
}
.tx-blog-item .blog-image:hover {
transform:scale(1.1);
}
.tx-blog .tx-blog-item .tx-post-title {
padding: 0px;
margin: 0px;
padding-bottom: 4px;
}
.tx-blog .tx-blog-item  h3.tx-post-title a {
color: #565656;
font-weight: 500;
text-decoration: none;
}
.tx-category {
margin-bottom: 16px;
font-size: 12px;	
color: #999;	
}
.tx-category a {
text-decoration: none;
}
.tx-meta {
padding-top: 8px;
font-size: 11px;
color: #999;
}
.tx-post-content {
padding: 0px 32px 32px 32px;
}
.tx-blog .tx-blog-item .tx-border-box {
border: 1px solid #e7e7e7;
}
.tx-post-comm {
display: block;
position: absolute;
bottom: 12px;
right: 12px;
height: 32px;
width: 32px;
text-align: center;
line-height: 32px;
color: #FFFFFF;
}
.tx-post-comm span {
display: block;
position: relative;
height: 32px;
width: 32px;
text-align: center;
z-index: 107;
}
.tx-post-comm:after { 
content: '\f075';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin:0px;
text-decoration:none;
height: 32px;
line-height: 32px;
font-size: 32px;
position: absolute;
left: 0px;
top: 0px;
color: #f00;
z-index: 106;
width: 32px;
text-align: center;
} .entry-content .owl-theme .owl-controls .owl-page span {
background-color: rgba(0,0,0,0.5);
}
.tx-testimonials {
display: block;
padding: 32px;
background-color: #CCC;
}
.tx-testimonials {
display: block;
padding: 32px;
padding-top: 56px;
background-color: #f7f7f7;
}
.tx-testimonials:after {
position: absolute;
left: calc(50% - 15px);
top: 16px;
content: "\f10d";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 32px;
width: 32px;
text-align: center;
color: #999;	
}
.tx-testimonials .tx-testi-item {
text-align: center;
}
.tx-testimonials .tx-testi-name {
display: block;
font-weight: 700;
color: #666;
padding-top: 16px;
}
.tx-testimonials .tx-testi-desig {
display: inline-block;
font-size: 12px;
color: #999;
padding-right: 6px;
}
.tx-testimonials .tx-testi-org {
display: inline-block;
font-size: 12px;
color: #999;	
}
@media (min-width: 1200px) {
.tx-fullwidthrow .tx-fw-content .tx-testi-item {
margin-left: 64px;
}	
} .tx-button {
display: inline-block;
padding: 10px 16px;
border-radius: 3px;
}
.tx-button:hover {
background-color: #373737!important;
color: #FFFFFF!important;
}
.tx-cta {
display: block;
clear: both;
padding: 32px;
margin-bottom: 32px;
background-color: #f7f7f7;
border-left: 6px solid #06C;
color: #474747;
}
.tx-cta .tx-cta-text {
display: inline-block;
font-size: 24px;
line-height: 40px;
font-weight: 500;
}
.tx-cta a.cta-button,
.tx-cta a.cta-button:visited {
display: block;
float: right;
line-height: 40px;
color: #FFF;
padding-left: 16px;
padding-right: 16px;
border-radius: 3px;
text-decoration: none;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;	
}
.tx-cta a.cta-button:hover {
background-color: #373737;
color: #ffffff;
}
.tx-service {}
.tx-service-icon {
display: block;
text-align: center;
}
.tx-animate,
.tx-service-icon span,
.tx-service-icon span i,
.tx-service-icon span i:before,
.tx-service-icon span i:after,
.tx-carousel .owl-controls .owl-buttons .owl-prev,
.tx-carousel .owl-controls .owl-buttons .owl-next  {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;
}
.tx-service-icon span {
display: inline-block;
width: 92px;
height: 92px;
border: 2px solid #069;
border-radius: 50%;
text-align: center;
font-size: 48px;
line-height: 88px;
color: #069;
}
.tx-service-icon span {
border: 2px solid #069;
}
.tx-service-icon span i {
color: #069;
line-height: 88px;
}
.tx-service-icon span i:before {
line-height: 88px;
}
.tx-service:hover .tx-service-icon span {
background-color: #069;
}
.tx-service:hover .tx-service-icon span i {
color: #FFF;	
}
.tx-service.curved .tx-service-icon span {
border-radius: 12px;
margin-bottom: 12px;
}
.tx-service.square .tx-service-icon span {
border-radius: 0px;
margin-bottom: 12px;
}
.tx-service-title {
text-align: center;
font-size: 24px;
padding: 6px 0px 16px 0px;
}
.tx-service-text {
text-align: center;
padding-bottom: 32px;
} .tx-carousel .owl-controls .owl-buttons .owl-prev {}
.tx-carousel .owl-controls .owl-buttons {
position: absolute;
width: 100%;
top: 50%;
top: calc(50% - 40px);
left: 0px;
}
.tx-carousel .owl-controls .owl-buttons .owl-prev {
position: absolute;
left: 48px;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;	
color: #fff;
background-color: rgba(0,0,0,0.5);
border-radius: 0px 3px 3px 0px;
opacity: 0;
}
.tx-carousel .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 48px;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
background-color: rgba(0,0,0,0.5);
border-radius: 3px 0px 0px 3px;
opacity: 0;
}
.tx-carousel:hover .owl-controls .owl-buttons .owl-prev {
left: 16px;
opacity: 1;
}
.tx-carousel:hover .owl-controls .owl-buttons .owl-next {
right: 16px;
opacity: 1;
}
.tx-carousel .owl-controls .owl-buttons .owl-prev span {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;	
color: #fff;
}
.tx-carousel .owl-controls .owl-buttons .owl-next span {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
}
.nx-paging {
display: block;
clear: both;
text-align: center;
margin: 16px 0px;
}
.nx-paging .nx-paging-inner {
display: inline-block;
margin: 0px auto;
}
.nx-paging > div.nx-paging-inner > a,
.nx-paging > div.nx-paging-inner > a:visited,
.nx-paging > div.nx-paging-inner > span {
display: inline-block;
height: 28px;
line-height: 28px;
padding: 0px 10px;
border: 1px solid #d7d7d7;
text-decoration: none;
color: #999999;
}
.nx-paging > div.nx-paging-inner > span {
color: #CCC;
border: 1px solid #e7e7e7;
}
.nx-paging > div.nx-paging-inner > a:hover {
background-color: #e7e7e7;
color: #373737;
}
.nx-paging > div.nx-paging-inner > a.prev.page-numbers {} .tx-heading {
border-bottom: 1px solid #CCC;
padding-bottom: 6px;
}
.tx-heading .tx-heading-tag {
font-weight: 500;
margin: 0px;
padding: 0px;
} .related.products {
position: relative;
overflow: hidden;
}
.related.products .products .owl-controls .owl-buttons {
position: absolute;
width: 100%;
left: 0px;
top: 45%;
}
.related.products .products .owl-controls .owl-buttons .owl-next,
.related.products .products .owl-controls .owl-buttons .owl-prev {
display: block;
height: 32px;
width: 24px;
line-height: 24px;
text-align: center;
color: #ffffff;
background-color: rgba(0,0,0,0.4);
position: absolute;
left: 0px;
top: 0px;
opacity: 0;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;	
}
.related.products .products .owl-controls .owl-buttons .owl-next {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-left: -100px;		
}
.related.products .products .owl-controls .owl-buttons .owl-prev {
left: auto;
right: 0px;
top: 0px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
margin-right: -100px;
}
.related.products .products .owl-controls .owl-buttons .owl-next span,
.related.products .products .owl-controls .owl-buttons .owl-prev span {
line-height: 32px;
}
.related.products .products:hover .owl-controls .owl-buttons .owl-next {
margin-left: 0px;
opacity: 1;
}
.related.products .products:hover .owl-controls .owl-buttons .owl-prev {
margin-right: 0px;
opacity: 1;
} .tx-slider {
position: relative;
overflow: hidden;
width: 100%;
height: auto;
}
.tx-slider img {
width: 100%;
max-width: 100%;
}
.tx-slider .owl-controls {
}
.tx-slider-item {
background-color: #E6E6E6;
}
.tx-slider .owl-controls .owl-buttons {
position: absolute;
top: 45%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
z-index: 102;
}
.tx-slider .owl-controls .owl-buttons .owl-next,
.tx-slider .owl-controls .owl-buttons .owl-prev {
display: block;
height: 56px;
width: 32px;
line-height: 32px;
text-align: center;
color: #ffffff;
background-color: rgba(0,0,0,0.36);
position: absolute;
left: 0px;
top: 0px;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;	
}
.tx-slider .owl-controls .owl-buttons .owl-next {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
margin-left: -100px;		
}
.tx-slider .owl-controls .owl-buttons .owl-prev {
left: auto;
right: 0px;
top: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
margin-right: -100px;
}
.tx-slider .owl-controls .owl-buttons .owl-next span,
.tx-slider .owl-controls .owl-buttons .owl-prev span {
line-height: 56px;
}
.tx-slider:hover .owl-controls .owl-buttons .owl-next {
margin-left: 0px;
}
.tx-slider:hover .owl-controls .owl-buttons .owl-prev {
margin-right: 0px;
}
.tx-slider .owl-wrapper .tx-slider-box {
position: relative;
}
.tx-slider .owl-wrapper .tx-slide-content {
display: block;
position: absolute;
left: 0px;
top: 0px;
margin: 0px auto;
width: 100%;
height: 100%;
z-index: 304;
text-align: left;
}
.tx-slider .owl-wrapper .tx-slide-content .tx-slide-content-inner {
display: block;
position: relative;
margin: 0px auto;
width: 100%;
max-width: 1200px;
padding: 0px 36px;
z-index: 305;
top: 45%;
transform: translateY(-50%);	
}
.tx-slide-title {
display: inline-block;
font-weight: 500;
font-size: 48px;
padding: 8px 16px;
color: #FFF;
background-color: rgba(0,0,0,0.36);
margin-bottom: 12px;
visibility: hidden;
}
.tx-slide-details p {
display: inline-block;	
padding: 8px 16px;
color: #FFF;
background-color: rgba(0,0,0,0.4);
max-width: 50%;
margin-bottom: 12px;
visibility: hidden;
}
.tx-slide-button {
visibility: hidden;
}
.tx-slider .tx-slide-button a,
.tx-slider .tx-slide-button a:visited {
display: inline-table;
padding: 12px 16px;
background-color: #575757;
border-radius: 3px;
color: #ffffff;
text-decoration: none;
font-size: 12px;
}
.tx-slider .tx-slide-button a:hover {
text-decoration: none;		
}
.owl-item .tx-slide-title {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.2s;
opacity: 0;
}
.owl-item .tx-slide-details p {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.5s;
opacity: 0;
margin-left: 120px;
}
.tx-slider .owl-item .tx-slide-button {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: .3s;
margin-top: 80px;
opacity: 0;	
}
.owl-item.active .tx-slide-title {
visibility: visible;
opacity: 1;	
}
.owl-item.active .tx-slide-details p {
visibility: visible;
opacity: 1;
margin-left: 0px;
}
.tx-slider .owl-item.active .tx-slide-button {
visibility: visible;
margin-top: 0px;
opacity: 1;	
}
.tx-slider .owl-pagination {
display: block;
width: 100%;
position: absolute;
bottom: 12px;
left: 0px;
text-align: center;
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: .0s;	
opacity: 0;
}
.tx-slider:hover .owl-pagination {
opacity: 1;
}
.tx-slider .owl-pagination .owl-page {
display: inline-block;
margin: 0px 4px;
}
.tx-slider .owl-pagination .owl-page span {
display: block;
background-color: rgba(0,0,0,0.4);
height: 12px;
width: 12px;
border-radius: 6px;
}
.tx-slider .owl-pagination .owl-page.active span {
background-color: rgba(0,0,0,0.8);	
}
.tx-slider .owl-controls {
}
.portfolio .entry-thumbnail.tx-slider .owl-controls {
top: 45%;
height: auto;
}
.portfolio .entry-thumbnail.tx-slider .owl-controls .owl-pagination {
display: none;
}
.tx-slider.shadow .tx-slide-title {
background: transparent-color: rgba(0, 0, 0, 0.0);;
background: transparent;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);	
}
.tx-slider.shadow .tx-slide-details p {
background: transparent-color: rgba(0, 0, 0, 0.0);;
background: transparent;	
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);	
}
.tx-slider.shadow .tx-slide-button a {
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);	
} .site .widget .recent-comments-list li.nx-comment {
display: block;
clear: both;
height: auto;
border: none;
}
.site .widget .recent-comments-list li.nx-comment .comment-wrap {
padding-top: 6px;
padding-bottom: 6px;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-avatar {
display: inline-block;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-avatar img {
border-radius: 3px;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-content {
width: 72%;
width: calc( 100% - 64px );
border: 1px solid rgba(154,154,154,0.4);
border-radius: 3px;
padding: 6px 6px 0px 6px;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-content .comment-meta {
color: #999;
font-size: 12px;
line-height: 1;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-content .comment-body {
padding-top: 8px;
padding-bottom: 0px;
}
.widget .recent-comments-list li.nx-comment .comment-wrap .comment-content .comment-body p {
margin: 0px;
margin-bottom: 12px;
}
.widget .recent-posts-list li.nx-recent-post {
display: block;
clear: both;
min-height: 96px;
}
.widget .recent-posts-list li.nx-recent-post a.recent-post-image img {
width: 72px;
display: block;
float: left;
padding-top: 4px;
border-radius: 6px;
}
.widget .recent-posts-list li.nx-recent-post .recent-post-details.thumbyes {
display: inline-block;
width: 60%;
width: calc( 100% - 72px);
padding-left: 12px;
}
.widget .recent-posts-list li.nx-recent-post .recent-post-title {
display: block;
clear: both;
}
.widget .recent-posts-list li.nx-recent-post .recent-post-details.thumbyes span.post-meta {
font-size: 11px;
}
.widget .portfolio-grid {
padding-top: 12px;
}
.widget .portfolio-grid li a.grid-image img {}
.widget .portfolio-grid li {
display: block;
float: left;
margin: 0px;
width: 33.33%;
border: none;
border-bottom: none!important;
padding: 1px!important;
}
.widget .portfolio-grid li a.grid-image img {}
.nx-wide .tx-fullwidthrow {
position: relative;
}
.nx-boxed .tx-fullwidthrow {}
.nx-wide .tx-fullwidthrow .tx-fullwidthinner {
display: block;
clear: both;
}
.nx-wide .tx-fullwidthrow .tx-fullwidthinner:after,
.nx-boxed .tx-fullwidthrow .tx-fullwidthinner:after {
content: "";
display: table;
clear: both;
background-color: #f00;
} .tx-fw-inner {
}
.tx-fw-overlay {
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.4);
padding-left: 32px;
padding-right: 32px;
}
.tx-fw-content {
max-width: 1200px;
margin-left: auto;
margin-right: auto;	
}
span.tx-animate {
display: inline-block;
} .tx-team{}
.tx-team .tx-team-item {
display: block;
float: left; 
}
.tx-team.tx-2-column-team .tx-team-item {
width: 50%;
}
.tx-team.tx-3-column-team .tx-team-item {
width: 33.33%
}
.tx-team.tx-4-column-team .tx-team-item {
width: 25%;
}
.tx-team {
margin-left: -16px;
margin-right: -16px;
width: calc( 100% + 32px );
}
.tx-team .tx-team-item .tx-team-box {
display: block;
position: relative;
padding: 16px;
}
.tx-team .tx-team-content {}
.tx-team .tx-team-content .tx-team-content-inner {
display: block;
position: relative;
text-align: center;
padding-bottom: 6px;
}
.tx-team  .tx-team-img {
display: block;
position: relative;
text-align: center;
overflow: hidden;
}
.tx-team .tx-team-box .tx-team-img img {
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0.0s;	
}
.tx-team .tx-team-box:hover .tx-team-img img {
transform: scale(1.1, 1.1);
}
.tx-team .tx-team-socials {
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease-in-out;
transition-delay: 0.2s;		
display: block;
position: absolute;
left: 0px;
bottom: 0px;
margin-bottom: -58px;
width: 100%;
background-color: rgba(0,0,0,.6);
z-index: 101;
}
.tx-team .tx-team-box:hover .tx-team-socials {
margin-bottom: 0px;
}
.tx-team  .tx-team-socials span {
color: #FFF;
display: inline-block;
margin: 12px 4px;
}
.tx-team .tx-team-socials span > a > i {
display: inline-table;
color: #FFF;
border: 1px solid #FFF;
border-radius: 3px;
width: 32px;
height: 32px;
line-height: 32px;
font-size: 20px;
}
.tx-team .tx-team-content-inner h3 {
font-size: 24px;
font-weight: 500;
margin: 6px auto 2px auto;
padding: 0px;	
}
.tx-team .tx-team-content-inner .desig {
font-size: 13px;
font-weight: 300;
color: #666;
line-height: 16px;
}
.tx-noposts {
display: block;
width: 100%;
padding: 32px;
background-color: #F60;
color: #FFF;
}
@media (max-width: 999px) {
.folio-col-1 {
display: block;
float: none;
padding-right: 0px;
width: 100%;
}
.folio-col-2 {
display: block;
float: none;
padding-left: 0px;
width: 100%;
}
.tx-col-1-2 {
width: 50%;
display: block;
float: left;
}
.tx-col-1-3 {
width: 50%;
}
.tx-col-1-4 {
width: 50%;
}	
.tx-posts.tx-posts-col-2.tx-posts-layout-masonry .post {
}
.tx-posts.tx-posts-col-3.tx-posts-layout-masonry .post {
width: 50%;
}
.tx-posts.tx-posts-col-4.tx-posts-layout-masonry .post {
width: 33.3%;
}
.tx-post-col-1 {
float: none;
width: 100%;
}
.tx-post-col-2 {
float: none;
width: 100%;
}
.tx-post-col-3 {
float: none;
width: 100%;
}
.tx-post-col-4 {
float: none;
width: 100%;
}
.tx-row .tx-column {
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 32px;
}
.tx-slider .owl-wrapper .tx-slide-content .tx-slide-content-inner {
text-align: center;
}
.owl-item .tx-slide-details p {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-height: 48px;	
}
.owl-item .tx-slide-title {
font-size: 24px;
font-weight: 500;
margin-top: 0px;
padding-top: 6px;
padding-bottom: 6px;
}
.tx-slider .tx-slide-button a {
padding-top: 6px;
padding-bottom: 6px;
}
}
@media (max-width: 999px) {
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
.tx-team.tx-2-column-team .tx-team-item {
width: 100%;
}
.tx-team.tx-3-column-team .tx-team-item {
width: 100%
}
.tx-team.tx-4-column-team .tx-team-item {
width: 100%;
}
} @media (max-width: 359px) {
.tx-col-1-2 {
width: 100%;
}
.tx-col-1-3 {
width: 100%;
}
.tx-col-1-4 {
width: 100%;
}	
}
.tx-vslider{
position: relative;
display: block;
overflow: hidden;
}
.tx-imagebg {
display: block;
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: 2;
}
.tx-video-background {
position: absolute;
top: 0; 
right: 0; 
bottom: 0; 
left: 0;
z-index: 3;
}
.tx-video-foreground,
.tx-video-background iframe,
.tx-video-background .tx-video-player {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.tx-vslider-content {
position: absolute;
display: block;
z-index: 4;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
color: #FFF;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;	
}
.tx-vslider-content.vignette {
background-image: url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/vig-32.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: cover;
}
.tx-vslider-content.pixel {
background-image: url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/homepage-banner-bg3.png);
background-repeat: repeat;
}
.tx-vslider-content .content-wrap {
position: relative;
top: 50%;
transform: perspective(1px) translateY(-50%);
max-height: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.vslider-img {
display: block;
margin: auto;
max-height: 20%;
max-width: 400px;
}
.tx-vslider-content .content-wrap h2 {
font-size: 64px;
line-height: 64px;
margin-bottom: 16px;
max-width: 900px;
padding-left: 32px;
padding-right: 32px;
display: block;
margin-left: auto;
margin-right: auto;
}
.tx-vslider-content .content-wrap p {
font-size: 15px;
max-width: 900px;
padding-left: 32px;
padding-right: 32px;
display: block;
margin-left: auto;
margin-right: auto;	
}
.vslider_button,
.vslider_button:visited {
display: inline-block;
height: 48px;
line-height: 48px;
padding: 0px 48px;
color: #FFF;
text-transform: uppercase;
background-color: #333;
text-decoration: none;
}
.vslider_button:hover {
text-decoration: none;
background-color: #333!important;	
}
.tx-youtube-warp {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.tx-youtube-warp iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (min-aspect-ratio: 16/9) {
.tx-video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
.tx-video-foreground { width: 300%; left: -100%; }
}
@media (max-width: 768px) {
.vslider-img {
max-height: 20%;
max-width: 300px;
}
.tx-vslider-content .content-wrap h2 {
font-size: 48px;
line-height: 48px;
margin-bottom: 16px;
}
.tx-vslider-content .content-wrap p {
font-size: 14px;
}
.vslider_button {
height: 36px;
line-height: 36px;
padding: 0px 36px;
}
}
@media (max-width: 480px) {
.vslider-img {
max-height: 20%;
max-width: 100px;
}
.tx-vslider-content .content-wrap h2 {
font-size: 24px;
line-height: 24px;
margin-bottom: 8px;
}
.tx-vslider-content .content-wrap p {
font-size: 13px;
}
.vslider_button {
height: 32px;
line-height: 32px;
padding: 0px 32px;
}
} .entry-content .panel-layout .panel-grid .widget ul {
list-style-type: square;
padding: 0px;
margin: 0px;
padding-left: 24px;
}
.entry-content .panel-layout .panel-grid .widget ul li {
border: none;
color: #373737;
padding: 0px;
padding-left: 0px;
margin-left: 0px;
line-height: 30px;
}
.tx-site-origin-blog .textwidget .tx-blog-item .tx-border-box {
background-color: #FFF;
}
.tx-site-origin-feature .sow-features-list .sow-features-feature .textwidget {
padding-left: 12px;
}
.tx-site-origin-feature .sow-features-list .sow-features-feature .textwidget > h5 {
margin-top: 0px;
font-weight: 400;
margin-bottom: .5em;
}
.tx-site-origin-feature .sow-features-list .sow-features-feature > a {
padding-top: 6px;
}
.entry-content .panel-grid .so-panel.widget h3.widget-title {
font-size: 32px;
border: 0px solid #FFF;
padding: 0px;
margin: 0px;
}
.tx-slider.shadow .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.softvignette .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.hardvignette .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.darkoverlay .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.custombg .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.pattern .tx-slider-box .tx-slide-content .tx-slide-details p,
.tx-slider.siftvignette .tx-slider-box .tx-slide-content .tx-slide-details p {
background: transparent;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}
.tx-slider.shadow .tx-slider-box .tx-slide-content .tx-slide-title,
.tx-slider.softvignette .tx-slider-box .tx-slide-content .tx-slide-title,
.tx-slider.hardvignette .tx-slider-box .tx-slide-content .tx-slide-title,
.tx-slider.darkoverlay .tx-slider-box .tx-slide-content .tx-slide-title,
.tx-slider.custombg .tx-slider-box .tx-slide-content .tx-slide-title,
.tx-slider.pattern .tx-slider-box .tx-slide-content .tx-slide-title {
background: transparent;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0px;
line-height: 1em;
}
.tx-slider.softvignette .tx-slider-box .tx-slide-content {
background-image: url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/vig-24.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.tx-slider.hardvignette .tx-slider-box .tx-slide-content {
background-image: url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/vig-32.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.tx-slider.darkoverlay .tx-slider-box .tx-slide-content {
background-color: rgba(0,0,0,0.4);
}
.tx-slider.pattern .tx-slider-box .tx-slide-content {
background-image: url(//megasolution.rs/wp-content/plugins/templatesnext-toolkit/css/images/homepage-banner-bg3.png);
background-repeat: repeat;
background-position: 0px 0px;
}
.tx-slider .owl-pagination .owl-page > span {
background: transparent;
border-radius: 0px;
border-width: 1px;
border-style: solid;
}
.tx-slider .owl-pagination .owl-page.active > span { 
background-color: #FFF; 
}
.tx-slider .owl-buttons div { 
background-color: #F60; 
} .prograss-container {
display: block;
padding: 0px 0px 16px 0px;
}
.pbar-outer {
display: block;
position: relative;
width: 100%;
background-color: #e7e7e7;
border-radius: 3px;
color: #FFFFFF;
}
.pbar-inner {
display: block;
width: 0%;
color: #FFFFFF;
display: block;
border-radius: 3px;	
position: absolute;
left: 0px;
top: 0px;
transition-property: all;
transition-duration: 1.1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
z-index: 501;
overflow: hidden;
}
.pbar-text {
display: block;
position: absolute;
overflow: visible;
left: 0px;
top: 0px;
padding: 0px 16px;
z-index: 502;
color: #ffffff;
font-weight: 500;
font-size: 15px;
text-align: right;
transition-property: all;
transition-duration: 1.1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
width: auto;
}
.bpercent {
margin-left: 16px;
}
.pbar-inner .candystrip {
position: absolute;
top: 0;
left: 0;
right: -32px;
bottom: 0;
height: 100%;
width: 100%;
width: calc(100% + 32px);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
-webkit-background-size: 32px 32px;
-moz-background-size: 32px 32px;
-o-background-size: 32px 32px;
background-size: 32px 32px;
-webkit-animation: pace-stripe-animation 500ms linear infinite;
-moz-animation: pace-stripe-animation 500ms linear infinite;
-ms-animation: pace-stripe-animation 500ms linear infinite;
-o-animation: pace-stripe-animation 500ms linear infinite;
animation: pace-stripe-animation 500ms linear infinite;
}
@-webkit-keyframes pace-stripe-animation {
0% { -webkit-transform: none; transform: none; }
100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-moz-keyframes pace-stripe-animation {
0% { -moz-transform: none; transform: none; }
100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-o-keyframes pace-stripe-animation {
0% { -o-transform: none; transform: none; }
100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-ms-keyframes pace-stripe-animation {
0% { -ms-transform: none; transform: none; }
100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@keyframes pace-stripe-animation {
0% { transform: none; transform: none; }
100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
.nx-cunter {
display: block;
clear: both;
text-align: center;
}
@media only screen and (max-width: 999px) {
.nx-cunter {
text-align: left;
}
}
@media (max-width: 720px) {
.tx-slider .tx-slider-box .nx-slider-container {
padding-top: 32px;
padding-left: 32px;
padding-right: 32px;
}	
.tx-slider,
.tx-slider .tx-slider-box {
min-width: 360px;
}
.tx-slider .tx-slider-box .tx-slider-img {
display: block;
overflow: hidden;
text-align: center;
margin: auto;
position: relative;		
}
.tx-slider .tx-slider-box .tx-slider-img a img {
width: auto;
min-height: 320px;
max-width: 883px;
margin: auto;
display: block;
margin-left: 50%;
transform: translateX(-50%);	
}	
}* {
padding: 0;
margin: 0;
border: 0;
outline: 0px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
html {
padding: 0;
border: 0 !important;
overflow-x: hidden
}
body {
background: #fff;
font-family: "Open Sans", Tahoma, Arial, Helvetica;
overflow-wrap: break-word;
line-height: 2;
font-size: 16px;
text-wrap: pretty
}
form {
font-size: 16px
}
form button {
font-size: 14px
}
img {
max-width: 100%;
display: block;
height: auto;
box-sizing: border-box
}
a {
color: #000;
text-decoration: none;
transition: all .2s ease-in-out
}
a:hover {
color: #4e71fe
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.4;
font-weight: bold;
margin: 0 0 10px 0;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
h1 { font-size: 48px }
h2 { font-size: 36px }
h3 { font-size: 24px }
h4 { font-size: 20px }
h5 { font-size: 18px }
h6 { font-size: 16px }
small {
opacity: .8;
display: block;
font-size: .9em;
font-weight: normal;
margin: 4px 0 0
}
p {
margin-bottom: 30px
}
p:last-child {
margin-bottom: 0
}
p:empty {
display: none
}
strong, big {
font-weight: bold
}
del * {
text-decoration: line-through
}
em {
font-style: italic
}
ul {
list-style-type: disc;
margin: 0 0 0 20px
}
ul ul {
margin-bottom: 10px;
}
ol {
list-style-type: none
}
ol li {
list-style: decimal;
padding: 0;
margin: 0 0 0 20px
}
ol ul li {
list-style: disc;
padding-bottom: 0
}
ol ul ol li {
list-style: decimal;
padding-bottom: 0
}
ol ul,
ol ul ol {
margin-top: 5px;
}
ul ul ol li,
ul ol li {
padding-bottom: 0;
}
hr {
margin: 20px 0;
display: flex;
height: 1px;
background: rgba(167, 167, 167, .2)
}
article {
position: relative
}
pre, blockquote, .blockquote {
display: inline-block;
position: relative;
padding: 6px 14px;
margin-bottom: 30px;
background: rgba(167, 167, 167, .1);
border-radius: 2px;
overflow: auto;
max-width: 100%
}
pre small {
margin: 0;
font-size: inherit;
display: inline-block
}
q {
font-weight: 700;
position: relative;
padding: 6px 14px;
background: rgba(167, 167, 167, .1);
border-radius: 2px;
overflow: auto;
max-width: 100%;
}
blockquote, .blockquote {
overflow: visible;
font-size: 18px;
padding: 10px 20px;
}
.blockquote {
text-align: center;
padding: 30px
}
cite {
opacity: .7;
font-size: 16px;
margin: 0 5px;
background: rgba(167, 167, 167, .1);
padding: 3px 10px;
display: inline-block
}
blockquote cite, 
.blockquote cite,
pre cite {
display: block;
font-size: 12px;
font-style: italic;
background: none;
margin: 0;
padding: 0
}
code,
tt {
position: relative;
padding: 8px 10px;
background: rgba(167, 167, 167, .1);
border-radius: 2px;
overflow: auto;
display: inline-block;
vertical-align: middle;
line-height: 1.2
}
blockquote code {
padding: 4px 6px
}
pre,code{
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
white-space: pre-wrap;
}
code {
margin-bottom: 5px
}
mark {
padding: 3px 5px;
background: none
}
video {
width: 100%;
height: auto
}
iframe {
max-width: 100%
}
table {
text-align: center;
border-collapse: collapse;
width: 100%;
margin: 0 0 30px;
box-sizing: border-box;
border: 1px solid rgba(167, 167, 167, .2) !important
}
.widget table {
table-layout: fixed
}
div > table:last-child {
margin: 0 !important
}
tr {
border-bottom: 1px solid rgba(167, 167, 167, .2)
}
th, td {
padding: 8px;
border-right: 1px solid rgba(167, 167, 167, .2)
}
.widget th:last-child, 
.widget td:last-child {
border-right: 0
}
thead {
background-color: rgba(167, 167, 167, .1)
}
table caption {padding: 0 0 10px}
abbr, acronym {
border-bottom: 1px dotted;
cursor: help
}
kbd {
background: rgb(111, 111, 111);
padding: 4px 10px;
border-radius: 4px;
color: #fff
}
dl {
border: 3px double rgba(167, 167, 167, .3);
padding: 20px;
margin: 0 0 20px
}
dt {
float: left;
clear: left;
width: 200px;
text-align: right;
font-weight: bolder
}
dt:after {content: ":"}
dd {
margin: 0 0 10px 220px;
padding: 0 0 10px 0;
border-bottom: 1px solid rgba(167, 167, 167, .2)
}
dd:last-child {
margin-bottom: 0;
border-bottom: 0
}
address {
border: 1px dashed rgba(167, 167, 167, .3);
display: inline-block;
padding: 20px;
margin: 0 0 30px
} #layout {
position: relative;
transition: all .4s ease;
overflow: hidden
}
.layout_ {
margin: 0 !important;
border-radius: 0 !important;
border: 0 !important
}
.layout_1, .layout_2 {
width: 1340px;
max-width: 90%;
background: #fff;
margin: 0 auto;
box-shadow: 0 0 100px rgba(0, 0, 0, .1)
}
.layout_2 {
margin: 50px auto
}
.row {
width: 1280px;
max-width: 95%;
position: relative;
margin: 0 auto
}
.inner_layout .e-con {
--content-width: min(100%, 1280px)
}
.page_content .row.clr {
display: block
}
header .row,
footer .row {
max-width: 100%
}
.layout_1 .row, .layout_2 .row {
width: 90%
}
.page_content.cz_bpnp {
margin: 0
}
.page_content.cz_bpnp > .row {
width: 100% !important;
max-width: 100% !important
}
.col {
display: block;
float: left;
margin-left: 4%
}
.s12 {width: 100%}
.s11 {width: 91.33%}
.s10 {width: 82.66%}
.s9 {width: 74%}
.s8 {width: 65.33%}
.s7 {width: 56.66%}
.s6 {width: 48%}
.s5 {width: 39.33%}
.s4 {width: 30.66%}
.s3 {width: 22%}
.s2 {width: 13.33%}
.s1 {width: 4.666%}
.s55 {width: 16.8%}
.col:first-child, .col_first {margin-left: 0}
.col_not_first {margin-left: 4%}
.clr:before,
.clr:after,
.term-description:before,
.term-description:after,
.gallery:before,
.gallery:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}
.clr:after,
.term-description:after,
.gallery:after {
clear: both
}
.codevz-first-load-fade {
opacity: 0
}
.cz_fixed_top_border, 
.cz_fixed_bottom_border {
position: fixed;
z-index: 999;
bottom: 0;
left: 0;
width: 100%;
height: 0
}
.cz_noStickySidebar .cz_fixed_top_border, 
.cz_noStickySidebar .cz_fixed_bottom_border {
z-index: -1
}
.cz_fixed_top_border {
bottom: auto;
top: 0
} .page_header {
position: relative;
z-index: 100
}
.header_5 {
width: 100%;
transform:translateY(-120%)
}
.header_1, .header_2, .header_3 {
position: relative
}
.cz_elm {
font-size: 16px
}
.cz_elm_center {
left: 50%;
display: table;
transform: translateX(-50%)
}
.elms_row > .clr {
display: table;
width: 100%;
position: relative
}
.elms_left, 
.elms_center, 
.elms_right {
position: relative;
display: table-cell;
vertical-align: top
}
.have_center > .elms_row > .clr {
display: flex
}
.have_center .elms_left, 
.have_center .elms_center, 
.have_center .elms_right {
flex: 1 0 20%;
display: block;
width: 100%
}
.have_center .elms_center {
margin: 0 auto;
flex-basis: 60%
}
.elms_left > div {
float: left
}
.elms_center > div {
margin: 0 auto;
display: table
}
.elms_center > div > div {
float: left
}
.elms_right > div {
float: right
}
.elm_icon_text {
border: 0
}
.elm_icon_text > i,
.elm_icon_text > span {
display: inline-block;
vertical-align: middle;
transition: all .2s ease-in-out
}
.elm_icon_text a, .elm_icon_text a:hover {
color: inherit
}
.cz_vertical_elm .elm_icon_text {
white-space: nowrap;
display: block;
transform-origin: 0 0;
transform: rotate(-90deg);
animation: none
}
.cz_elm_info_box {
display: flex;
align-items: center;
transition: all .2s ease-in-out
}
.cz_info_icon {
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
font-size: 32px;
padding: 18px;
transition: all .2s ease-in-out
}
.cz_info_content {
margin: 0 0 0 20px;
line-height: 1
}
.cz_info_content span {
display: block
}
.xtra-hide-text .cz_info_content {
display: none
}
.cz_info_1 {
font-size: 16px;
margin-bottom: 12px;
transition: all .2s ease-in-out
}
.cz_info_2 {
font-size: 22px;
font-weight: bold;
transition: all .2s ease-in-out
}
.header_4 {
position: relative;
z-index: 1
}
.header_4,
.cz_before_mobile_header,
.cz_after_mobile_header {
display: none
}
.header_line_1, .header_line_2, .header_line_3 {
margin: 0 20px;
width: 1px;
height: 100%;
background: rgba(167, 167, 167, .2)
}
.header_line_1 {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.header_line_3 {
transform: rotate(20deg)
}
.header_line_4 {
margin: 0 10px;
width: 30px;
height: 1px;
background: rgba(167, 167, 167, .2)
} .cz_language_switcher {
position: relative
}
.cz_language_switcher div {
display: none;
background: #fff;
padding: 4px 8px;
border-radius: 2px;
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 100%);
white-space: nowrap;
width: max-content;
line-height: 1.8
}
.cz_language_switcher:hover div {
display: block
}
footer .cz_language_switcher div {
top: 0;
bottom: auto;
transform: translate(-50%, -100%)
}
.cz_language_switcher a {
display: block;
text-align: center;
border: 0;
cursor: pointer
}
.cz_language_switcher div a {
color: #111
}
.cz_language_switcher img {
display: inline-block;
vertical-align: -1px;
border-radius: 0
} .logo > a,
.logo_2 > a {
display: block;
border: 0;
font-size: 40px
}
.logo > a h1,
.logo_2 > a h1 {
font-size: inherit;
margin: 0
}
.logo > a h1 small, 
.logo_2 > a h1 small {
font-size: 14px;
text-transform: initial
}
.logo > a span,
.logo_2 > a span {
font-size: 16px;
line-height: 16px;
display: block;
color: #676767
}
.logo_is_img > a span {
margin-top: 15px
}
.logo_is_img > a {
font-size: 10px
}
.logo_is_img img {
transition: all .2s ease-in-out
}
.logo_hover_tooltip {
position: absolute;
left: 0;
opacity: 0;
z-index: 2;
width: 500px;
padding: 30px;
margin: 10px 0 0;
background: #fff;
border-radius: 2px;
visibility: hidden;
box-sizing: border-box;
box-shadow: 0 8px 40px rgba(17, 17, 17, .1);
transition: all .2s ease-in-out
}
.logo:hover .logo_hover_tooltip {
margin: 0;
visibility: visible;
opacity: 1
}
footer .logo_hover_tooltip,
footer .logo:hover .logo_hover_tooltip {
display: none;
visibility: hidden;
opacity: 0
}
.hidden_top_bar {
position: absolute;
left: 0;
top: 0;
background: #111;
color: #fff;
z-index: 1001;
width: 100%;
padding: 40px 0;
transform: translateY(-100%);
transition: all .3s ease-in-out
}
.show_hidden_top_bar {
transform: translateY(0)
}
.hidden_top_bar > i {
position: absolute;
background: inherit;
right: 5%;
bottom: 0;
cursor: pointer;
padding: 6px 12px;
transform: translateY(100%);
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px
}
.cz_user_gravatar {
display: block;
overflow: hidden
}
.cz_user_gravatar img {
border-radius: inherit
} .sf-menu {
position: relative;
z-index: 1
}
.sf-menu, .sf-menu .sub-menu, .next_prev, 
.foot_menu .sub-menu, .page-numbers, .cz_instagram ul,
.codevz-widget-custom-menu ul,
.codevz-widget-custom-menu-2 ul {
margin: 0;
list-style-type: none
}
.cz_helm_pos_left {
float: left
}
.cz_helm_pos_right {
float: right
}
.cz_helm_pos_center,
i.cz_helm_pos_center {
display: table;
margin: 0 auto !important
}
.widget_nav_menu .sub-menu,
.widget_categories .children,
.page_item_has_children .children,
ul.cz_circle_list {
list-style-type: circle
}
.sf-menu > .cz {
position: relative;
float: left;
margin: 0
}
.elms_center .sf-menu {
text-align: center
}
.elms_center .sf-menu > .cz {
float: none;
display: inline-block
}
.sf-menu > .cz > a {
position: relative;
display: block;
z-index: 1;
padding: 6px 0;
margin: 0 30px 0 0;
background: none;
font-weight: 600;
font-style: normal;
font-size: 14px;
letter-spacing: 0
}
.onSticky .sf-menu > .cz > a {
z-index: inherit
}
.sf-menu > .cz > a > span {
z-index: 1
}
.sf-menu .cz a {
border: 0
}
.sf-menu > .cz > a:before {
display: block;
content: '';
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #4e71fe;
transform-origin: right;
transform: scale(0, 1);
transition: transform .3s cubic-bezier(1, 0, 0, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.sf-menu > .cz > a:hover:before, 
.sf-menu > .cz:hover > a:before, 
.sf-menu > .current_menu > a:before, 
.sf-menu > .current-menu-parent > a:before {
transform-origin: left;
transform: scale(1)
}
.sf-menu .cz a span > i {
vertical-align: baseline;
margin-right: 8px;
transition: all .2s ease-in-out
}
.cz-extra-menus {
position: relative
}
.cz-extra-menus > a > span > i {
position: static !important;
margin: 0 !important;
padding: 0 !important;
font-size: inherit !important;
transform: none !important;
opacity: 1 !important;
background: none !important;
color: inherit !important
}
.cz-extra-menus ul ul {
left: auto !important;
right: 210px !important
}
.sf-menu .cz a span > .menu_icon_no_text {
margin: 0 !important
}
.sf-menu span img {
display: inline-block;
margin: 0 2px
}
.sf-menu i.menu_icon_image,
.sf-menu i.menu_icon_image img {
display: block;
margin: 0
}
.sf-menu ul i.menu_icon_image {
display: inline-block;
vertical-align: middle !important
}
.sf-menu ul i.menu_icon_image img {
max-width: 48px
}
.cz_menu_fx_top_to_bottom .sf-menu > .cz > a:before {
height: 100%;
width: calc(100% + 16px);
left: -8px;
bottom: 0;
transform-origin: bottom;
transform: scale(1, 0)
}
.cz_menu_fx_top_to_bottom .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_top_to_bottom .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_top_to_bottom .sf-menu > .current_menu > a:before, 
.cz_menu_fx_top_to_bottom .sf-menu > .current-menu-parent > a:before {
transform-origin: top;
transform: scale(1)
}
.cz_menu_fx_bottom_to_top .sf-menu > .cz > a:before {
height: 100%;
width: calc(100% + 16px);
left: -8px;
bottom: 0;
transform-origin: top;
transform: scale(1, 0)
}
.cz_menu_fx_bottom_to_top .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_bottom_to_top .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_bottom_to_top .sf-menu > .current_menu > a:before, 
.cz_menu_fx_bottom_to_top .sf-menu > .current-menu-parent > a:before {
transform-origin: bottom;
transform: scale(1)
}
.cz_menu_fx_right_to_left .sf-menu > .cz > a:before {
transform-origin: left
}
.cz_menu_fx_right_to_left .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_right_to_left .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_right_to_left .sf-menu > .current_menu > a:before, 
.cz_menu_fx_right_to_left .sf-menu > .current-menu-parent > a:before {
transform-origin: right;
transform: scale(1)
}
.cz_menu_fx_right_to_left_l .sf-menu > .cz > a:before {
transform-origin: -100px
}
.cz_menu_fx_right_to_left_l .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_right_to_left_l .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_right_to_left_l .sf-menu > .current_menu > a:before, 
.cz_menu_fx_right_to_left_l .sf-menu > .current-menu-parent > a:before {
transform-origin: 100px;
transform: scale(1)
}
.cz_menu_fx_left_to_right_l .sf-menu > .cz > a:before {
transform-origin: 100px
}
.cz_menu_fx_left_to_right_l .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_left_to_right_l .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_left_to_right_l .sf-menu > .current_menu > a:before, 
.cz_menu_fx_left_to_right_l .sf-menu > .current-menu-parent > a:before {
transform-origin: -100px;
transform: scale(1)
}
.cz_menu_fx_center_to_sides .sf-menu > .cz > a:before {
transform-origin: center
}
.cz_menu_fx_center_to_sides .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_center_to_sides .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_center_to_sides .sf-menu > .current_menu > a:before, 
.cz_menu_fx_center_to_sides .sf-menu > .current-menu-parent > a:before {
transform-origin: center;
transform: scale(1)
}
.cz_menu_fx_fade_in .sf-menu > .cz > a:before {
height: 100%;
width: calc(100% + 16px);
left: -8px;
bottom: 0;
transform: scale(1);
opacity: 0;
visibility: hidden;
transition: all .2s ease-in-out
}
.cz_menu_fx_fade_in .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_fade_in .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_fade_in .sf-menu > .current_menu > a:before, 
.cz_menu_fx_fade_in .sf-menu > .current-menu-parent > a:before {
opacity: 1;
visibility: visible
}
.cz_menu_fx_zoom_in .sf-menu > .cz > a:before {
height: 100%;
width: calc(100% + 16px);
left: -8px;
bottom: 0;
transform-origin: center;
transform: scale(0)
}
.cz_menu_fx_zoom_in .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_zoom_in .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_zoom_in .sf-menu > .current_menu > a:before, 
.cz_menu_fx_zoom_in .sf-menu > .current-menu-parent > a:before {
transform: scale(1)
}
.cz_menu_fx_zoom_out .sf-menu > .cz > a:before {
height: 100%;
width: calc(100% + 16px);
left: -8px;
bottom: 0;
transform-origin: center;
transform: scale(1.6);
opacity: 0;
visibility: hidden;
transition: all .2s ease-in-out
}
.cz_menu_fx_zoom_out .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_zoom_out .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_zoom_out .sf-menu > .current_menu > a:before, 
.cz_menu_fx_zoom_out .sf-menu > .current-menu-parent > a:before {
transform: scale(1);
opacity: 1;
visibility: visible
}
.cz_menu_fx_unroll .sf-menu > .cz > a:before {
height: 100%;
width: calc(100% + 16px);
left: -8px;
bottom: 0;
transform-origin: 100%;
transform: scale(1, 0)
}
.cz_menu_fx_unroll .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_unroll .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_unroll .sf-menu > .current_menu > a:before, 
.cz_menu_fx_unroll .sf-menu > .current-menu-parent > a:before {
transform: scale(1)
}
.cz_menu_fx_unroll_h .sf-menu > .cz > a:before {
height: 100%;
width: calc(100% + 16px);
left: -8px;
bottom: 0;
transform-origin: 50%;
transform: scale(0, 1)
}
.cz_menu_fx_unroll_h .sf-menu > .cz > a:hover:before, 
.cz_menu_fx_unroll_h .sf-menu > .cz:hover > a:before, 
.cz_menu_fx_unroll_h .sf-menu > .current_menu > a:before, 
.cz_menu_fx_unroll_h .sf-menu > .current-menu-parent > a:before {
transform: scale(1)
}
.cz_menu_fx_none .sf-menu > .cz > a:before {
display: none
}
.cz_menu_subtitle {
display: block;
font-weight: normal;
font-size: .9em;
opacity: .7
}
.sub-menu .cz_menu_subtitle {
padding: 10px 0 0
}
.sf-menu > .cz:after {
content: '';
position: absolute;
top: 50%;
right: 0;
transform: translate(50%, -50%)
}
.sf-menu > li.cz:nth-last-child(2):after {
display: none;
visibility: hidden
}
.sf-menu .sub-menu {
display: none;
position: absolute;
left: -20px;
width: 210px;
background: #fff;
border-radius: 2px;
text-align: left;
padding: 16px 0;
z-index: 9;
box-sizing: content-box;
transition: none
}
.cz_submenu_fx_moveup .sub-menu {animation: MenuMoveUp .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuMoveUp {0% {transform: translateY(10px)}100% {transform: translateY(0)}}
.cz_submenu_fx_movedown .sub-menu {animation: MenuMoveDown .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuMoveDown {0% {transform: translateY(-10px)}100% {transform: translateY(0)}}
.cz_submenu_fx_moveleft .sub-menu {animation: MenuMoveLeft .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuMoveLeft {0% {transform: translateX(10px)}100% {transform: translateY(0)}}
.cz_submenu_fx_moveright .sub-menu {animation: MenuMoveRight .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuMoveRight {0% {transform: translateX(-10px)}100% {transform: translateY(0)}}
.cz_submenu_fx_zoomin .sub-menu {animation: MenuZoomIn .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuZoomIn {0% {transform: scale(.8)}100% {transform: scale(1)}}
.cz_submenu_fx_zoomout .sub-menu {animation: MenuZoomOut .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuZoomOut {0% {transform: scale(1.2)}100% {transform: scale(1)}}
.cz_submenu_fx_rotate1 .sub-menu {animation: MenuRotateA .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuRotateA {0% {transform: rotate(8deg)}100% {transform: rotate(0)}}
.cz_submenu_fx_rotate2 .sub-menu {animation: MenuRotateB .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuRotateB {0% {transform: rotate(-8deg)}100% {transform: rotate(0)}}
.cz_submenu_fx_rotate3 .cz {
transform-style: preserve-3d;
perspective: 100px;
z-index: 1
}
.cz_submenu_fx_rotate3 .sub-menu {transform-origin: top;animation: MenuRotateC .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuRotateC {0% {transform: rotateX(-10deg)}100% {transform: rotateX(0)}}
.cz_submenu_fx_rotate4 .cz {
transform-style: preserve-3d;
perspective: 100px;
z-index: 1
}
.cz_submenu_fx_rotate4 .sub-menu {transform-origin: left;animation: MenuRotateD .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuRotateD {0% {transform: rotateY(10deg)}100% {transform: rotateY(0)}}
.cz_submenu_fx_skew1 .sub-menu {animation: MenuSkewA .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuSkewA {0% {transform: skewX(10deg)}100% {transform: skewX(0)}}
.cz_submenu_fx_skew2 .sub-menu {animation: MenuSkewB .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuSkewB {0% {transform: skewX(-10deg)}100% {transform: skewX(0)}}
.cz_submenu_fx_skew3 .sub-menu {animation: MenuSkewC .4s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuSkewC {0% {transform: skewY(-10deg)}100% {transform: skewY(0)}}
.cz_submenu_fx_blur .sub-menu {animation: MenuBlur .5s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuBlur {0% {filter: blur(10px)}100% {filter: blur(0px)}}
.cz_submenu_fx_collapse .sub-menu {animation: MenuCollapse .5s cubic-bezier(.180, .890, .330, 1.270)}
@keyframes MenuCollapse {
0% {
clip-path: inset(-20% -20% 100% -20%);
-webkit-clip-path: inset(-20% -20% 100% -20%)
}
100% {
clip-path: inset(-20% -20% -20% -20%);
-webkit-clip-path: inset(-20% -20% -20% -20%)
}
}
.sf-menu .cz_open_menu_reverse {
left: auto;
right: 0
}
.sf-menu .sub-menu .sub-menu {
top: 0;
left: 200px
}
.sf-menu .sub-menu .cz_open_menu_reverse {
left: auto;
right: 200px
}
.sf-menu .cz .cz a {
position: relative;
display: block;
padding: 8px 24px;
font-weight: normal;
line-height: 1
}
.cz_indicator.fa {
position: relative;
margin: 0 0 0 4px;
width: 1em;
height: 1em;
text-align: center;
line-height: 1em;
vertical-align: middle
}
.sub-menu .sf-with-ul .cz_indicator {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
margin: 0;
transition: all .2s ease-out
}
.sf-menu .cz .cz:hover > a .cz_indicator {
left: auto;
right: 15px
} .cz_parent_megamenu > .sub-menu {
background-size: cover;
box-sizing: border-box
}
.cz_parent_megamenu > .cz_custom_mega_menu {
padding: 20px
}
.sf-menu .cz > h6 {
padding: 10px 24px;
margin: 0 0 10px;
font-weight: bold
}
.cz_menu_custom {
padding: 10px 24px
}
.cz_custom_mega_menu > div, 
.cz_custom_mega_menu > div > div {
width: 100%
}
.cz_custom_mega_menu .cz_grid_item {
position: static !important
}
.cz_parent_megamenu > .sub-menu > .cz > .sub-menu,
.cz_parent_megamenu > .sub-menu > .cz > .cz_custom_mega_menu {
opacity: 1 !important;
position: static;
padding: 0;
background: none;
box-shadow: none;
width: 100%
}
.page_header .cz_parent_megamenu > .sub-menu > .cz > .sub-menu,
.page_header .cz_parent_megamenu > .sub-menu > .cz > .cz_custom_mega_menu {
display: block !important
}
ul.sub-menu.cz_megamenu_1 {width: 210px}
ul.sub-menu.cz_megamenu_2 {width: 420px}
ul.sub-menu.cz_megamenu_3 {width: 630px}
ul.sub-menu.cz_megamenu_4 {width: 840px}
ul.sub-menu.cz_megamenu_5 {width: 1050px}
ul.sub-menu.cz_megamenu_6 {width: 1170px}
ul.sub-menu.cz_megamenu_7 {width: 1170px}
ul.sub-menu.cz_megamenu_8 {width: 1170px}
ul.sub-menu.cz_custom_mega_menu {width: 840px}
.cz_parent_megamenu > [class^='cz_megamenu_'] > .cz, 
.cz_parent_megamenu > [class*=' cz_megamenu_'] > .cz {
float: left;
box-sizing: border-box;
padding: 0;
margin: 0 0 0 -1px;
border-left: 1px solid rgba(167, 167, 167, 0.2)
}
[class^='cz_megamenu_'] > .cz:first-child, 
[class*=' cz_megamenu_'] > .cz:first-child, 
.cz_megamenu_9 > .cz, 
.cz_megamenu_10 > .cz, 
.cz_megamenu_11 > .cz, 
.cz_megamenu_12 > .cz,
.cz_megamenu_13 > .cz {
border: 0
}
.cz_megamenu_1 > .cz, 
.cz_megamenu_9 > .cz, 
.cz_megamenu_10 > .cz, 
.cz_megamenu_11 > .cz, 
.cz_megamenu_12 > .cz,
.cz_megamenu_13 > .cz {
float: none;
width: 100%
}
.cz_megamenu_2 > .cz {width: 50%}
.cz_megamenu_3 > .cz {width: calc(100% / 3)}
.cz_megamenu_4 > .cz {width: 25%}
.cz_megamenu_5 > .cz {width: 20%}
.cz_megamenu_6 > .cz {width: calc(100% / 6)}
.cz_megamenu_7 > .cz {width: calc(100% / 7)}
.cz_megamenu_8 > .cz {width: calc(100% / 8)}
.cz_menu_badge {
position: absolute;
margin: -18px 0 0 -4px;
font-size: 10px;
line-height: 1;
padding: 2px 5px;
border-radius: 3px;
z-index: 2;
white-space: nowrap;
color: #fff
}
.sub-menu .cz_menu_badge {
position: relative;
margin: 0 0 0 8px
}
.cz_megamenu_center_mode > .sub-menu {
left: 50%;
transform: translateX(-50%)
}
.cz_megamenu_reverse_mode .sub-menu {
right: -20px;
left: auto
}
.cz_megamenu_width_full_row > .sub-menu {
left: auto;
right: auto;
margin-right: 0 !important;
margin-left: 0 !important
}
ul.sub-menu:hover > .cz {
opacity: .6
}
ul.sub-menu:hover > .cz:hover {
opacity: 1
}
.open_horizontal {
display: none;
position: absolute;
right: 50px;
top: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: -ms-max-content;
width: max-content;
}
.open_horizontal.inview_right {
right: auto;
left: 50px
}
.side_dots {
position: fixed;
left: 30px;
top: 50%;
background-color: #333;
padding: 4px 10px;
border-radius: 30px;
transform: translateY(-50%)
}
.side_dots > .cz {
float: none;
display: block
}
.side_dots .cz a:before {
display: none
}
.side_dots .cz a {
text-indent: -9999px;
width: 12px;
height: 12px;
margin: 10px 0;
padding: 0;
border-radius: 100%;
transform: scale(.7);
color: #212049;
font-weight: 700;
background-color: transparent;
border: 3px solid #fff
}
.side_dots > .current_menu > a,
.side_dots .cz a:hover {
color: #333;
background: #fff;
transform: scale(1)
}
.side_dots .cz a:after {
position: absolute;
top: 50%;
left: 20px;
color: inherit;
border: 0;
background: none;
box-shadow: none;
content: attr(data-title);
padding: 4px 15px;
z-index: 10;
text-indent: 0;
opacity: 0;
white-space: nowrap;
transform-origin: top;
transform: scale(.3) translateY(-50%);
transition: all .15s ease-in-out
}
.side_dots a:hover:after,
.current_menu a:after {
transform: scale(1) translateY(-50%);
opacity: 1
}
.right_side_dots {
right: 30px;
left: auto
}
.right_side_dots a:before {
right: 20px;
left: auto
}
.fullscreen_menu {
display: none;
position: fixed;
background: #fff;
left: 0;
top: 0;
width: calc(100% + 40px);
height: calc(100% + 40px);
z-index: 9999999;
padding: 0;
overflow: scroll;
box-sizing: border-box
}
.cz_noscroll {overflow: hidden}
.cz_noStickySidebar .theiaStickySidebar {
transform: none !important
}
aside > .theiaStickySidebar {
margin-bottom: 0
}
.fullscreen_menu a {
line-height: 1.4
}
.fullscreen_menu > .cz {
float: none;
margin: 0 auto;
text-align: center;
display: table
}
.fullscreen_menu .sf-with-ul .cz_indicator {
right: 0;
position: static;
margin: 0 0 0 10px;
transform: none
}
.sf-menu > .cz:last-child:after, 
.icon_right_side_dots,
.icon_left_side_dots, 
.dwqa-breadcrumbs, 
.side_dots ul,
.cz_parent_megamenu > .sub-menu > li > a > .cz_indicator {
display: none;
visibility: hidden
}
.fullscreen_menu.sf-menu .sub-menu,
.dropdown_menu.sf-menu .sub-menu {
position: static;
display: none;
background: none;
padding: 0
}
.fullscreen_menu.sf-menu .sub-menu.cz_show_sub {
display: block;
opacity: 1;
position: static;
width: auto;
background: none;
}
.dropdown_menu {
display: none;
position: absolute;
background-color: #fff;
padding: 10px 0;
min-width: 160px;
z-index: 9;
top: 100%;
box-shadow: 0 10px 100px rgba(0, 0, 0, .1)
}
.cz_menu_pos_center.dropdown_menu {
left: 50%;
transform: translateX(-50%)
}
.cz_menu_pos_right.dropdown_menu {
right: 0;
text-align: right
}
.dropdown_menu > .cz > a {
margin: 0
}
.dropdown_menu .sub-menu {
left: 160px;
top: -2px;
width: 100%
}
.dropdown_menu .cz .cz a {
padding: 8px 6px
}
.dropdown_menu .cz_open_menu_reverse {
left: -200px;
right: auto
}
.dropdown_menu.sf-menu > .cz {
padding: 0 20px;
float: none
}
.dropdown_menu > .cz > .sub-menu:before {
top: 14px;
left: -4px
}
.dropdown_menu > .cz > .cz_open_menu_reverse:before {
top: 14px;
left: auto;
right: -4px
}
ul.offcanvas_menu {
display: none
}
.codevz-search-category {
position: absolute;
right: 45px;
top: 50%;
z-index: 99;
transform: translateY(-50%)
}
.search_style_form_2 .codevz-search-category {
right: 15px
}
.codevz-search-category > strong {
font-size: 13px;
background: rgb(33 33 33 / 11%);
padding: 4px 14px;
color: #282828;
cursor: pointer;
font-weight: 400;
}
.codevz-search-category > div {
display: none;
position: absolute;
background: #fff;
border: 1px solid rgba(167, 167, 167, .2);
border-radius: 2px;
color: #303030;
width: 160px;
z-index: 2;
left: 0;
top: 40px;
overflow: hidden;
padding: 20px 30px;
box-shadow: 1px 6px 20px rgba(17, 17, 17, .1)
}
.codevz-search-category ul {
list-style: none;
padding: 0;
margin: 0
}
.codevz-search-category ul li {
opacity: .7;
cursor: pointer;
transition: all .2s ease-in-out
}
.codevz-search-category ul li:hover,
.codevz-search-category .codevz-active {
opacity: 1
}
header .search {
width: 280px
}
.search_style_icon_dropdown .search {
width: 100%
}
.outer_search form button {
position: absolute !important;
right: 16px;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
line-height: 1;
margin: 0;
padding: 0 !important;
color: #111 !important;
background: none !important;
border: 0 !important;
cursor: pointer !important
}
.outer_search form button .fa-circle-o-notch {
opacity: .4
}
.search_style_form_2 button {
right: auto !important;
left: 16px;
top: 50% !important;
transform: translateY(-50%);
font-size: 20px;
pointer-events: none !important
}
.search_style_form_2 input {
background: none;
border-color: transparent;
padding: 10px 10px 10px 50px
}
.search_style_icon_dropdown,
.offcanvas_container > i, 
.search-form, 
.elms_shop_cart_inner, 
.wpcf7-form, 
.logo, 
.logo_2, 
.search, 
.search form, 
.cz_post_content,
.sf-menu .cz .cz, .cz_subscribe form,
.fullscreen_menu a, 
.cz_elm,
.cz_related_post a,
.cz_cm_ttl {
position: relative
}
.search_with_icon > i,
.offcanvas_container > i, 
.elms_shop_cart > a > i, 
.elms_wishlist > a > i,
.elms_compare > a > i,
i.icon_fullscreen_menu,
i.dropwdown_menu, 
i.icon_open_horizontal, 
header .fa-bars, 
i.icon_dropdown_menu, 
i.icon_fullscreen_menu,
i.icon_mobile_dropdown_menu,
i.icon_mobile_offcanvas_menu {
cursor: pointer;
width: 2em;
height: 2em;
font-size: 22px;
line-height: 2em;
border-radius: 2px;
text-align: center;
vertical-align: middle;
transition: all .2s ease-in-out;
border: 1px solid transparent
}
.elm_icon_text > i {
width: 1em;
height: 1em;
line-height: 1em;
text-align: center
}
div i.icon_plus_text {
width: initial
}
div i.icon_plus_text:before {
margin-right: 10px
}
.search_style_icon_full .outer_search {
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
z-index: 999999999
}
.outer_search form button,
.outer_search form button:hover {
box-shadow: none !important;
background: none !important;
border: 0 !important;
overflow: visible !important;
color: initial !important
}
.search_style_icon_full button {
font-size: 24px;
right: 30px
}
.search_style_icon_full .search {
position: absolute;
left: 50%;
top: 30%;
width: 50%;
transform: translateX(-50%);
}
.search_style_icon_full form > span {
position: absolute;
font-size: 26px;
color: rgba(167, 167, 167, .5);
left: 0;
top: -78%
}
.search_style_icon_full .ajax_search_results {
top: 78px;
width: 100%;
border: 0;
bottom: auto !important;
overflow: visible
}
.search_style_icon_full .search input {
padding: 20px;
font-size: 24px
}
.cz_cart, .cz_cart_edd {
position: relative;
display: inline-block
}
.search_style_icon_dropdown .outer_search,
.cz_cart_items {
display: none;
position: absolute;
z-index: 2;
top: 100%;
padding: 20px;
width: 320px;
background: #fff;
border-radius: 2px;
color: initial;
margin-top: 18px;
margin-left: 0 !important;
margin-right: 0 !important;
box-shadow: 1px 6px 20px rgba(17, 17, 17, .1)
}
.search_style_icon_full form {
animation: CubicIn .8s cubic-bezier(.180, .890, .330, 1.270) forwards
}
@keyframes CubicIn {
from {transform: translateY(30px)}
to {transform: translateY(0px)}
}
.codevz-search-trending {
margin-top: 20px
}
.codevz-search-trending > span {
opacity: .5;
font-size: 13px
}
.codevz-search-trending a {
display: inline-block;
margin-right: 10px;
padding: 6px 8px;
line-height: 1;
font-size: 13px;
border-radius: 4px;
border: 1px solid #67676726
}
.search_style_icon_dropdown .outer_search:before,
.cz_cart_items:before {
content: no-close-quote;
width: 15px;
height: 15px;
position: absolute;
top: -3px;
right: 28px;
background: inherit;
background-image: none;
z-index: -1;
transform: rotate(45deg)
}
.cz_cart_items > div {
border: 1px solid rgba(167, 167, 167, .2);
border-radius: inherit
}
.inview_right .cz_cart_items:before {
right: auto;
left: 28px
}
.cz_cart_items {
opacity: 0;
display: block;
visibility: hidden;
transform: translateX(-5px);
transition: all .2s ease-in-out
}
.inview_right .cz_cart_items {
transform: translateX(-60px)
}
.elms_shop_cart:hover .cz_cart_items {
visibility: visible
}
.cz_cart .item_small, 
.cz_cart_edd .item_small {
display: flex;
align-items: center;
padding: 10px;
margin: 0
}
.cz_cart .item_small span, 
.cz_cart_edd .item_small span {
display: inline-block
}
.cz_cart_buttons {
display: flex;
border-top: 1px solid rgba(167, 167, 167, .2)
}
.cz_cart_buttons a {
flex: auto;
padding: 7px 0;
text-align: center;
font-size: 14px;
opacity: .7
}
.cz_cart_buttons a:hover {
opacity: 1;
background-color: rgba(103, 103, 103, 0.05)
}
.cz_cart_buttons a:first-child {
border-right: 1px solid rgba(167, 167, 167, .2)
}
.cz_cart a.remove,
.cz_cart_edd a.remove {
border: 0;
height: 1.24em;
width: 1.24em;
position: absolute;
right: 10px;
top: 38%
}
.cz_cart a.remove i {
font-size: 10px
}
.cart_list_product_quantity {
opacity: .5
}
.search_style_icon_dropdown.inview_right .outer_search:before {
right: auto;
left: 30px
}
.search_style_icon_dropdown .ajax_search_results {
position: relative;
z-index: 2;
top: 0;
margin: 8px 0 0
}
.search_style_icon_dropdown input {
background: #fff;
padding: 10px
}
.offcanvas_area {
position: fixed;
top: 0;
left: 0;
width: 400px;
max-width: 75%;
height: 100%;
overflow: scroll;
padding: 30px;
background-color: #fff;
z-index: 9999;
box-sizing: border-box;
transform: translateX(-120%);
transition: all 700ms cubic-bezier(.77, 0, .175, 1);
box-shadow: -5px 0 20px rgba(0, 0, 0, .12)
}
i.offcanvas-close {
position: fixed;
color: #fff;
cursor: pointer;
font-size: 18px;
padding: 20px;
top: 0;
transform: none;
z-index: 99999;
visibility: hidden;
opacity: 0;
transition: all 500ms cubic-bezier(.77, 0, .175, 1)
}
.active_offcanvas .offcanvas-close {
visibility: visible;
opacity: 1
}
.offcanvas-close:hover {
transform: rotate(180deg)
}
.offcanvas_area.inview_right {
right: 0;
left: auto;
transform: translateX(120%)
}
.active_offcanvas .offcanvas_area.active_offcanvas {
transform: translateX(0)
}
#layout .offcanvas_area, 
#layout .offcanvas_menu {
display: none
}
.elms_shop_cart_inner i, 
.head_cart {
display: inline-block
}
.cart_1 .cz_cart_count {
color: #000;
background: #fff;
}
.cz_cart_count,
.cz_wishlist_count,
.cz_compare_count {
position: absolute;
top: -28px;
right: -2px;
width: 2em;
height: 2em;
text-align: center;
line-height: 2em;
font-size: 12px;
border-radius: 100%;
white-space: nowrap
}
.shop_icon span {
display: inline-block;
margin: 0 0 0 8px;
vertical-align: middle
}
.cz_wishlist_count,
.cz_compare_count {
top: -5px;
display: none
}
.cz_cart_counts:before {
content: no-close-quote;
width: 10px;
height: 10px;
position: absolute;
top: 6px;
left: -2px;
background: inherit;
background-image: none;
z-index: 0;
transform: rotate(45deg)
}
.cz_cart_count span,
.cz_cart .item_small span.codevz-product-category-after-title {
display: none
}
.hf_elm_area {
display: none;
position: fixed;
background: #fff;
z-index: 9;
box-shadow: 0 10px 100px rgba(0, 0, 0, .1)
}
.item_small,
.woocommerce ul.product_list_widget li {
position: relative;
padding: 0 0 10px;
margin: 0 0 10px;
border-bottom: 1px solid rgba(167, 167, 167, .2);
font-size: 14px
}
.item_small:last-child,
.woocommerce ul.product_list_widget li:last-child {
margin: 0;
border: 0
}
.item_small:after,
.woocommerce ul.product_list_widget li:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.item_small > a {
position: relative;
flex: none;
z-index: 1;
float: left;
width: 80px;
height: 80px;
margin: 0 20px 0 0
}
.cz_cart_dummy .item_small > a {
background: rgba(167, 167, 167, 0.15);
}
.cart_list_product_title {
flex: 1
}
.item_small h3 {
font-size: 18px
}
.item_small h3,
.sidebar_inner span.product-title {
margin: 0;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical
}
.cart_list .item_small h3 {
width: 88%
}
.item_small span {
display: block
}
.item_small .cz_small_post_date {
opacity: .6
}
.dsq-postid,
.cz_small_post_date > span {
display: inline-block
}
.item_small i {
font-size: 11px
}
.ajax_search_results {
display: none;
position: absolute;
background: #fff;
border: 1px solid rgba(167, 167, 167, .2);
border-radius: 2px;
color: #7a7a7a;
z-index: 2;
width: 99.5%;
left: 0;
bottom: 0;
overflow: hidden;
box-shadow: 1px 6px 20px rgba(17, 17, 17, .1)
} 
.search_style_form .ajax_search_results,
.search_style_form_2 .ajax_search_results {
transform: translateY(101%)
}
.ajax_search_results .item_small {
padding: 18px 10px;
margin: 0
}
.ajax_search_results .item_small > a {
margin: 0 10px 0;
display: inline-block
}
.ajax_search_results .va_results {
display: block;
line-height: 1;
font-size: 20px;
text-align: center;
padding: 2px 0 10px;
letter-spacing: 2px;
background: rgba(167, 167, 167, .08);
text-transform: uppercase
}
.ajax_search_results .item-details {
margin: 0 12px 0
}
.ajax_search_results h3 {
margin: 0
}
.ajax_search_results span {
display: inline-block;
font-size: 11px
}
.ajax_search_results h5 {
font-size: 11px;
padding: 4px 6px;
margin: 0;
background: rgba(167, 167, 167, .1);
position: absolute;
font-weight: 300;
right: 10px;
top: 12px;
z-index: 2;
border-radius: 2px
}
.ajax_search_results .ajax_search_error {
font-size: 16px;
padding: 15px 20px;
font-weight: normal;
display: block;
text-align: center
}
.ajax_search_error > i {
display: block;
font-size: 42px;
margin: 15px 0 10px
}
.ajax_search_results .xtra-ajax-search-post-icon {
text-align: center;
font-size: 28px;
width: 1em;
height: 1em;
padding: 25px;
line-height: 1em;
background: rgba(204, 204, 204, 0.09);
border: 1px solid rgba(204, 204, 204, 0.29);
border-radius: 4px;
}
.ajax_search_results .xtra-ajax-search-post-icon span {
font-size: inherit
} .xtra-mobile-menu-text a {
color: inherit
}
i.icon_offcanvas_menu {
display: none
}
ul.offcanvas_area {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
box-sizing: border-box
}
ul.offcanvas_area .cz {
width: 100%;
float: none
}
ul.offcanvas_area .cz > a,
ul.offcanvas_area .cz > h6 { 
color: #000;
margin: 0;
padding: 10px 20px;
border-bottom: 1px solid rgba(167, 167, 167, .2)
}
ul.offcanvas_area .sub-menu {
position: static;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
padding: 0;
width: auto;
transform: none;
background: none;
box-shadow: none;
border-radius: 0;
border-left: 4px solid rgba(167, 167, 167, .14)
}
ul.offcanvas_area .cz .cz a {
position: relative;
line-height: 1.5;
font-size: 14px
}
ul.offcanvas_area .cz .cz h6 {
position: relative;
padding: 15px 20px;
font-size: 14px;
font-weight: 600
}
ul.offcanvas_area > .cz > a:before {
display: none
}
ul.offcanvas_area.sf-menu .cz_menu_badge {
position: static;
margin: 0 5px 0
}
h6 .cz_indicator {display: none}
ul.offcanvas_area .sf-with-ul .cz_indicator,
ul.offcanvas_area h6 .cz_indicator {
display: block;
position: absolute;
right: 0 !important;
top: 0;
height: 100%;
width: 40px
}
ul.offcanvas_area .sf-with-ul .cz_indicator:before, 
ul.offcanvas_area h6 .cz_indicator:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
ul.offcanvas_area.sf-menu .sf-with-ul .cz_indicator {
transform: none
}
.xtra-mobile-menu-additional {
margin-top: auto;
padding-top: 30px;
text-align: center;
font-size: 14px
}
.xtra-mobile-menu-additional .cz_social {
position: relative;
text-align: center;
margin-bottom: 10px
}
.xtra-mobile-menu-additional .cz_social a {
font-size: 14px
} .header_5,
.onSticky,
[class*='header_onthe_cover'] .page_header.onSticky {
position: fixed;
z-index: 999;
top: 0;
transform: translateY(-120%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform 400ms ease-in-out, padding 400ms ease-in-out !important
}
.onSticky,
[class*='header_onthe_cover'] .page_header.onSticky {
transform: none
}
.header_5 {
transform: translateY(-120%)
}
.smart_sticky_on,
[class*='header_onthe_cover'] .page_header.smart_sticky_on {
transform: translateY(-160%);
margin-top: 0;
top: 0
}
.show_on_sticky, .onSticky .hide_on_sticky {
visibility: hidden;
overflow: hidden;
opacity: 0;
width: 0;
height: 1px;
transition: all .4s ease-in-out
}
.onSticky .show_on_sticky, .hide_on_sticky {
visibility: visible;
width: auto;
height: auto;
opacity: 1
}
.cz_sticky_corpse_for_header_4 {
display: none
}
.onSticky .row {
transition: width .5s ease-in-out
}
.cz_sticky_h12 > div, 
.cz_sticky_h13 > div, 
.cz_sticky_h23 > div, 
.cz_sticky_h123 > div {
transition: none !important
} label {
display: block;
margin: 0 0 10px
}
.search-form,
.widget_product_search form {
display: flex
}
.search-form label {
width: 100%;
margin: 0
}
.search-form .search-submit {
margin: 0 0 0 10px;
flex: none
}
.outer_search form button:hover i {
animation: initial
}
.cz_subscribe button#submit {
position: absolute;
right: 10px;
top: 50%;
padding: 10px;
border: 0 !important;
color: initial !important;
box-shadow: none !important;
background: none !important;
transform: translateY(-50%)
}
.cz_subscribe button:before,
.cz_subscribe button:after {
display: none
}
.widget form {
width: 100%
}
input, textarea, select {
width: 100%;
padding: 12px;
margin: 0;
color: #444;
font-size: 1em;
border-radius: 2px;
font-family: inherit;
box-sizing: border-box;
-webkit-appearance: none;
border: 1px solid rgba(167, 167, 167, .4)
}
textarea {
height: 160px;
line-height: 2;
overflow: auto
}
select {
background: #fff url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiNhN2E3YTciLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat right 18px center;
background-size: 10px
}
option {
color: #111;
background: #fff
}
input[type="date"] {
padding: 9px 12px
}
input[type=checkbox],
input[type=radio]:not(.gfield-choice-input) {
-webkit-appearance: none;
width: auto !important;
display: inline-block !important;
margin: 0 10px 0 0 !important;
padding: 5px !important;
vertical-align: middle !important;
-webkit-appearance: checkbox
}
input[type=radio] {
-webkit-appearance: radio
}
::-moz-placeholder {
text-align: initial;
opacity: 1
}
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder {
text-align: initial;
color: inherit;
opacity: .8
}
input::-ms-input-placeholder, 
textarea::-ms-input-placeholder {
text-align: initial;
color: inherit;
opacity: .8
}
input::-moz-input-placeholder, 
textarea::-moz-input-placeholder {
text-align: initial;
color: inherit;
opacity: .8
}
form button,
input[type=submit],
input[type=button],
.button, 
.dwqa-questions-footer .dwqa-ask-question a,
.cz_header_button,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
#edd-purchase-button, 
.edd-submit, 
[type=submit].edd-submit,
.edd-submit.button.blue {
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
color: #fff;
border: 0;
font-family: inherit;
background-color: #4e71fe;
border-radius: 2px;
width: auto;
padding: 12px 20px;
text-align: center;
cursor: pointer;
transition: all 200ms ease-in-out
}
form button:hover,
input[type=submit]:hover,
input[type=button]:hover,
.button:hover, 
.dwqa-questions-footer .dwqa-ask-question a:hover,
.cz_header_button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
#edd-purchase-button:hover, 
.edd-submit:hover, 
[type=submit].edd-submit:hover,
.edd-submit.button.blue:hover,
.edd-submit.button.blue:focus {
color: #fff
}
.mejs-container [aria-controls] {
background-color: initial !important;
color: #fff !important
}
.mejs-container, 
.mejs-container .mejs-controls, 
.mejs-embed, .mejs-embed body {
border-radius: 4px
}
.cz_header_button {
border: 1px solid transparent
}
.cz_header_button i {
transition: all .2s ease-in-out
}
header .button {
padding: 8px 28px;
font-size: 14px;
font-weight: bold
}
.cz_btn_header_icon_before {
margin: 0 10px 0 0;
}
.cz_btn_header_icon_after {
margin: 0 0 0 10px
} .nav-links {
margin: 30px 0
}
.post-type-archive-portfolio .nav-links {
margin: 30px auto 10px !important;
display: table !important;
float: none !important
}
.cz_bpnp .pagination {
margin: 0 0 50px
}
.pagination a,
.pagination > b,
.pagination span,
.page-numbers a,
.page-numbers span {
display: inline-block;
transform: scale(.9);
border-radius: 100%;
margin: 0 -1px;
border: 1px solid rgba(167, 167, 167, .3);
font-weight: bold;
text-align: center;
font-size: 18px;
width: 3em;
height: 3em;
line-height: 3em
}
span.dots {
background: none;
color: inherit;
border-color: transparent;
box-shadow: none
}
.pagination .current, 
.pagination > b,
.pagination a:hover,
.page-numbers .current,
.page-numbers a:hover, 
.pagination .next:hover, 
.pagination .prev:hover {
background: #4e71fe;
color: #fff
}
.pagination_old a {
width: auto;
height: auto;
padding: 12px 22px;
line-height: 1
} .page_content {
position: relative;
margin: 80px 0
}
.widget, .content {
position: relative;
padding: 0;
margin: 0 0 50px;
transition: all .2s ease-in-out
}
.widget {
padding: 30px;
border-radius: 2px
}
.codevz-widget-title:has(span) {
display: none !important
}
.widget > .codevz-widget-title, 
.content > h3:first-child, 
.content > h4:first-child, 
.section_title,
.cz_cm_ttl,
.related.products > h2,
.woocommerce-order-details h2,
.woocommerce-order-details h3,
.woocommerce-Address-title h3,
.upsells.products > h2,
.up-sells.products > h2,
.up-sells.products > h2,
#customer_login h2,
.woocommerce #reviews #comments h2,
#tab-additional_information > h2,
.woocommerce-cart .cart-collaterals .cart_totals > h2,
.woocommerce-checkout #customer_details > div:first-child > div:first-child > h3:first-child,
.woocommerce-checkout .codevz-checkout-details > h3,
.woocommerce .woocommerce-order-details > h2,
.woocommerce .woocommerce-customer-details > h2,
.woocommerce-cart .cart-collaterals .cross-sells > h2,
.woocommerce-additional-fields > h3 {
position: relative;
border-bottom: 1px solid rgba(167, 167, 167, .2);
padding: 0 0 20px;
margin: 0 0 20px
}
.related.products > h2,
.woocommerce-order-details h2,
.woocommerce-order-details h3,
.woocommerce-Address-title h3,
.upsells.products > h2,
.up-sells.products > h2,
.up-sells.products > h2,
#customer_login h2,
.woocommerce #reviews #comments h2,
#tab-additional_information > h2,
.woocommerce-cart .cart-collaterals .cart_totals > h2,
.woocommerce-checkout #customer_details > div:first-child > div:first-child > h3:first-child,
.woocommerce-checkout .codevz-checkout-details > h3,
.woocommerce .woocommerce-order-details > h2,
.woocommerce .woocommerce-customer-details > h2,
.woocommerce-cart .cart-collaterals .cross-sells > h2,
.woocommerce-additional-fields > h3 {
font-size: 22px;
margin: 0 0 30px
}
.archive .content .section_title {
padding-bottom: 25px
}
.xtra-post-title {
border: 0
}
.xtra-post-title .xtra-post-title-headline {
font-size: inherit;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
color: inherit;
margin: 0;
padding: 0
}
.sidebar_inner {
position: relative
}
.widget > .codevz-widget-title:before,
.widget > .codevz-widget-title:after,
.sidebar_inner .widget_block > div > div > h2:before,
.sidebar_inner .widget_block > div > div > h2:before,
.footer_widget > .codevz-widget-title:before,
.footer_widget > .codevz-widget-title:after,
#comments > h3:before,
#comments > h3:after,
.content.cz_related_posts > h4:before,
.content.cz_related_posts > h4:after,
.cz_author_box h4:before,
.cz_author_box h4:after,
.related.products > h2:before,
.related.products > h2:after,
.upsells.products > h2:before,
.up-sells.products > h2:before,
.up-sells.products > h2:after,
.woocommerce-order-details h2:before,
.woocommerce-order-details h2:after,
.woocommerce-order-details h3:before,
.woocommerce-order-details h3:after,
.woocommerce-Address-title h3:before,
.woocommerce-Address-title h3:after,
.upsells.products > h2:before,
.upsells.products > h2:after,
.up-sells.products > h2:before,
.up-sells.products > h2:after,
.up-sells.products > h2:before,
.up-sells.products > h2:after,
.woocommerce-cart .cart-collaterals .cart_totals > h2:before,
.woocommerce-cart .cart-collaterals .cart_totals > h2:after,
.woocommerce-checkout #customer_details > div:first-child > div:first-child > h3:first-child:before,
.woocommerce-checkout #customer_details > div:first-child > div:first-child > h3:first-child:after,
.woocommerce-checkout .codevz-checkout-details > h3:before,
.woocommerce-checkout .codevz-checkout-details > h3:after,
.woocommerce .woocommerce-order-details > h2:before,
.woocommerce .woocommerce-order-details > h2:after,
.woocommerce .woocommerce-customer-details > h2:before,
.woocommerce .woocommerce-customer-details > h2:after,
.woocommerce-cart .cart-collaterals .cross-sells > h2:before,
.woocommerce-cart .cart-collaterals .cross-sells > h2:after {
position: absolute;
content: '';
width: 30%;
height: 6px;
left: 0;
bottom: -1px
}
.widget li {
margin: 5px 0
}
.widget_nav_menu ul ul {
display: none;
padding-top: 5px
}
.widget_nav_menu .menu-item-has-children {
position: relative
}
.widget_nav_menu .menu-item-has-children > a > i {
position: absolute;
cursor: pointer;
right: 10px;
top: 8px
}
.codevz-widget-about > .tal > *,
.codevz-widget-about > .tal > strong > *,
.codevz-widget-about > .tal > strong > strong > * {
text-align: left;
display: table;
margin-right: auto;
}
.codevz-widget-about > .tac > *,
.codevz-widget-about > .tac > strong > *,
.codevz-widget-about > .tac > strong > strong > * {
text-align: center;
display: table;
margin-left: auto;
margin-right: auto
}
.codevz-widget-about > .tar > *,
.codevz-widget-about > .tar > strong > *,
.codevz-widget-about > .tar > strong > strong > * {
text-align: right;
display: table;
margin-left: auto;
}
.item_small > a i,
.cd_gallery_in i {
font-size: 18px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0);
transition: all .2s ease-in-out
}
.item_small:hover > a i,
.cd_gallery_in a:hover i {
transform: translate(-50%, -50%) scale(1)
}
.codevz-widget-posts .item_small img,
.cd_gallery_in img {
transition: all .2s ease-in-out
}
.codevz-widget-posts .item_small:hover img,
.cd_gallery_in a:hover img {
opacity: .1
}
.sticky_widget {
z-index: 2
}
.cz_simple_ads img {
width: 100%
}
.cz_readmore,
.more-link {
display: table;
background: #4e71fe;
color: rgba(255,255,255,.7);
padding: 4px 16px 4px 4px;
margin: 20px 0 0;
border-radius: 4px;
font-size: 13px
}
.cz_readmore i,
.more-link i {
width: 2em;
height: 2em;
color: inherit;
line-height: 2em;
text-align: center;
display: inline-block;
vertical-align: middle;
transition: all .2s ease-in-out
}
.cz_readmore:hover i, 
.more-link:hover i {
color: inherit
}
.cz_readmore > span,
.more-link > span {
display: inline-block;
vertical-align: middle
}
.cz_readmore:hover, 
.cz_readmore:hover i,
.more-link:hover, 
.more-link:hover i {
color: #fff
}
.cz_readmore_no_title {
padding: 2px
}
.cz_readmore_no_title i {
margin: 0
}
.cz_readmore_no_icon {
padding: 4px 16px 4px 16px
} .single .cz_post_content a {
font-weight: bold
}
.cz_post_content > .attachment {
margin: 0 0 50px
}
.cz_post_content > ul {
margin-bottom: 30px
}
.cz_post_content ol,
article.post ol {
margin: 0 0 30px 20px;
padding: 0
}
.cz_post_content ol ol,
article.post ol ol {
margin: 0
}
.comment-content ol {
margin: 0 0 30px 26px;
padding: 0
}
.comment-content ol ol {
margin-bottom: 0
}
.cz_post_content ul,
article.post ul, 
.comment-content ul {
margin: 0 0 30px 40px;
padding: 0;
list-style: disc
}
.cz_post_content ul ul,
article.post ul ul, 
.comment-content ul ul {
list-style: circle
}
.cz_post_content ul ul ul,
article.post ul ul ul, 
.comment-content ul ul ul {
list-style: square
}
.cz_post_content ul ul ul ul,
article.post ul ul ul ul, 
.comment-content ul ul ul ul {
list-style: circle
}
.cz_post_content ul ul,
.cz_post_content ol ul,
article.post ul ul,
article.post ol ul,
.comment-content ul ul {
margin: 0;
padding: 0 0 0 20px
}
.cz_post_content .sf-menu,
.cz_post_content .sf-menu ul {
margin: 0;
padding: 0;
list-style: none
}
.comment-content ol li,
article.post ul.blocks-gallery-grid {
margin: 0;
padding: 0
}
.widget ul, 
.widget ol {
position: relative;
padding-left: 0 !important;
padding-right: 0 !important
}
.widget > ul, 
.widget > ol {
list-style-type: disc !important
}
.widget > ul ul {
list-style-type: circle !important
}
.cz_default_loop > div {
margin: 0 0 30px;
padding: 0 0 30px;
width: 100%;
box-sizing: border-box;
border-bottom: 1px dashed rgba(167, 167, 167, .3);
transition: all .2s ease-in-out
}
.cz_default_loop_grid {
padding: 0;
margin: 0 0 0 4%;
border: 0;
transition: all .2s ease-in-out
}
.cz_post_image {
position: relative;
float: left;
display: block;
margin: 0 50px 0 0;
width: 300px;
background: transparent;
box-sizing: border-box;
overflow: hidden;
transition: all .2s ease-in-out
}
a.cz_post_image img {
width: 100%;
border-radius: inherit
}
.cz_default_loop_right .cz_post_image {
float: right;
margin: 0 0 20px 50px
}
.cz_default_loop_full .cz_post_image,
.cz_default_loop_grid .cz_post_image {
float: none !important;
margin: 0 0 30px;
width: 100%
}
.cz_post_image > img {
transition: all .2s ease-in-out
}
article:hover .cz_post_image {
background: #111
}
article:hover .cz_post_image > img{
opacity: .6
}
.cz_post_svg,
article:hover .cz_post_svg {
background-color: rgba(167, 167, 167, .1)
}
.cz_post_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=) !important;
background-repeat: no-repeat !important;
background-position: center !important
}
.codevz-slider-placeholder.cz_post_svg {
background-position: center 220px !important;
background-size: 128px;
margin: 0 !important;
border-radius: 0 !important;
}
.codevz-slider-placeholder span {
position: absolute;
left: 50%;
top: 62%;
transform: translate(-50%, -50%);
background-color: rgb(87, 87, 87);
color:#fff;
padding: 15px 20px;
line-height: 1.4;
text-align: center;
font-size: 2vw
}
article .cz_post_icon {
position: absolute;
width: 1em;
height: 1em;
line-height: 1em;
padding: 26px;
font-size: 22px;
border-radius: 100%;
background: #fff;
color: #111;
left: 50%;
top: 50%;
opacity: 0;
transform: translate(-50%, -50%) scale(.1);
text-align: center;
transition: all .2s ease-in-out
}
article:hover .cz_post_icon {
transform: translate(-50%, -50%) scale(1);
opacity: 1
}
.cz_post_title {
display: block
}
.cz_post_title h3 {
position: relative;
font-size: 24px;
font-weight: bold;
transition: all .2s ease-in-out
}
.cz_post_meta {
display: block;
font-size: 14px
}
.cz_post_author_avatar, 
.cz_post_inner_meta {
display: inline-block;
vertical-align: middle
}
.cz_post_author_avatar {
margin: 0 14px 0 0
}
.cz_post_author_avatar img {
max-width: 40px;
margin: 0;
border-radius: 100%;
box-shadow: 1px 10px 10px rgba(167, 167, 167, .12)
}
.cz_post_meta .cz_post_author_name {
display: table;
font-weight: bold;
line-height: 12px;
margin-top: 10px
}
.cz_post_meta .cz_post_date {
opacity: .7;
font-size: .9em;
display: block
}
.xtra-post-title-date {
display: flex;
align-items: baseline;
line-height: 1.6;
margin: -35px 0 30px
}
.xtra-post-title-date a {
color: #676767;
font-size: 14px;
font-weight: normal;
margin-top: 10px;
display: inline-block
}
.xtra-post-title-date a,
.cz_post_date a,
.comment-metadata a {
pointer-events: none
}
.xtra-post-views {
opacity: .5;
font-size: 14px;
margin: 0 20px
}
.cz_posts_template_6 .cz_post_image {
margin-bottom: 0
}
.cz_posts_template_8 .cz_post_excerpt,
.cz_posts_gallery_mode .cz_post_excerpt {
display: none
}
.cz_posts_template_8 .cz_default_loop > div,
.cz_posts_gallery_mode .cz_default_loop > div {
border: 0;
margin: 0;
padding: 0
}
.cz_posts_template_8 .cz_post_image {
opacity: .5
}
.cz_posts_template_8 .cz_post_svg,
.cz_posts_template_8 .cz_default_loop:hover .cz_post_image {
opacity: 1
}
.cz_posts_template_8 .cz_post_title {
position: absolute;
top: 0;
left: 0;
padding: 20px 30px
}
.cz_posts_template_8 .cz_post_meta {
position: absolute;
left: 30px;
bottom: 40px
}
.cz_posts_template_8 article:hover .cz_post_title,
.cz_posts_template_8 article:hover .cz_post_meta,
.cz_posts_template_8 article:hover .cz_post_meta a {
color: #fff
}
.cz_posts_gallery_mode .cz_post_title {
position: absolute;
opacity: 0;
top: 0;
left: 0;
color: #fff;
padding: 0 30px 30px;
transition: all .3s ease-in-out
}
.cz_posts_gallery_mode article:hover .cz_post_title {
opacity: 1;
padding: 30px
}
.cz_posts_gallery_mode .cz_post_meta {
position: absolute;
opacity: 0;
left: 30px;
bottom: 0;
color: #fff;
transition: all 400ms cubic-bezier(.77, 0, .175, 1)
}
.cz_posts_gallery_mode article:hover .cz_post_meta {
opacity: 1;
bottom: 30px
}
.cz_posts_gallery_mode .cz_post_meta a {
color: #fff
}
.cz_posts_gallery_mode .cz_post_image {
margin: 0 0 10px
}
.cz_posts_template_13 article {
width: 50%;
float: left
}
.cz_posts_template_14 article {
width: calc(100% / 3);
float: left
}
.cz_posts_template_12 .cz_default_loop > div,
.cz_posts_template_13 .cz_default_loop > div,
.cz_posts_template_14 .cz_default_loop > div {
padding: 0 !important;
margin: 0 !important;
border: 0 !important
}
.cz_posts_template_12 .cz_post_image,
.cz_posts_template_13 .cz_post_image,
.cz_posts_template_14 .cz_post_image {
float: left;
width: 50%;
margin: 0
}
.cz_posts_template_12 article:nth-child(2n) .cz_post_image,
.cz_posts_template_13 article:nth-child(4n) .cz_post_image, .cz_posts_template_13 article:nth-child(4n-1) .cz_post_image,
.cz_posts_template_14 article:nth-child(6n) .cz_post_image, .cz_posts_template_14 article:nth-child(6n-1) .cz_post_image, .cz_posts_template_14 article:nth-child(6n-2) .cz_post_image {
float: right
}
.cz_post_chess_content {
text-align: center;
display: inline-block;
width: 50%;
box-sizing: border-box;
padding: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.cz_post_chess_content .cz_post_title h3 {
font-size: 18px
}
.cz_post_chess_content .cz_readmore,
.cz_post_chess_content .more-link {
display: table;
margin: 20px auto
} .cz_post_author img {
vertical-align: text-bottom
}
.cz_author_box img {
border-radius: 2px
}
.cz_author_box a {
font-weight: bold;
color: inherit
}
.cz_post_meta_under_title {
opacity: .6;
font-size: 14px;
font-weight: normal;
margin: 14px 0 0
}
.cz_view_author_posts {
position: absolute;
right: 20px;
top: 43%;
opacity: .6;
font-size: 14px;
font-weight: normal;
transform: translateY(-50%);
}
.cz_view_author_posts a {
color: inherit
}
.cz_view_author_posts a:hover {
color: inherit;
opacity: .5
}
.post-password-form label {
display: inline-block;
margin-right: 6px
} .breadcrumbs {
margin: 0;
font-size: 14px;
font-weight: normal;
padding: 0 0 10px;
background: none;
box-shadow: none;
display: table
}
.page_content .breadcrumbs {
opacity: .6;
font-size: 13px
}
.breadcrumbs_center .breadcrumbs {
margin: 0 auto;
display: table
}
.breadcrumbs > i {
opacity: .6;
margin: 0 12px
}
.breadcrumbs > b:first-child i {
margin: 0
}
.cz_br_current {
pointer-events: none; }
.cz_popup_modal .breadcrumbs_container,
.cz_hide_current_br .inactive_l,
.cz_hide_current_br .breadcrumbs > i:nth-last-child(2) {
display: none
}
.right_br_full_container .lefter, 
.right_br_full_container .righter {
width: 48%
}
.right_br_full_container .breadcrumbs {
float: right;
text-align: right
}
.right_br_full_container .section_title {
max-width: 100%
}
.rev-btn {
transition: background .2s ease-in-out, 
color .2s ease-in-out, 
border-color .2s ease-in-out !important
}
.page_cover {
position: relative;
z-index: 0
}
.page_cover_image img {
width: 100%
}
.xtra-cover-type-rev > rs-module-wrap {
height: 700px
}
.page_title {
padding: 30px 0 10px
}
[class*='header_onthe_cover'] .page_header {
position: absolute;
width: 100%;
top: 0;
left: 0
}
[class*='header_onthe_cover'] .page_title {
padding-top: 150px
}
.page_title .section_title {
border: 0;
margin: 0;
padding: 0;
display: inline-block;
word-break: break-word; }
.page_title.header_after_cover {
padding: 30px 0;
margin: 0
}
.page_title_center .section_title,
.page_title_center .breadcrumbs {
text-align: center;
display: table;
margin-right: auto;
margin-left: auto
}
.post-type-archive .content > .section_title {
display: none
}
.inactive_l {
opacity: .8
}
.home [class*='header_onthe_cover'] .page_title {
display: block
}
.home [class*='header_onthe_cover'] .page_title > div {
display: none !important
}
.medium_post > a {
float: left;
margin: 0 20px 0 0;
width: 200px
}
.post_format-post-format-chat .cz_post_content p:nth-child(even),
.post_format-post-format-chat .cz_post_excerpt p:nth-child(even) {
background-color: rgba(167, 167, 167, .1);
padding: 10px 20px;
border-radius: 4px
} [class*='cz_row_shape_'] .row:before,
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:before,
.elms_row [class*='cz_row_shape_']:after {
position: absolute;
content: '';
top: 0;
width: 0;
height: 100%;
background: inherit;
z-index: 0
}
[class*='cz_row_shape_'] > .elms_row > .clr,
[class*='cz_row_shape_'] > .cz_elm {
z-index: 1
}
[class*='cz_row_shape_'] > [class*='cz_elm search_'] {
z-index: 2
}
[class*='cz_row_shape_'] .row:before,
.elms_row [class*='cz_row_shape_']:before {
left: 0;
border-radius: inherit;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:after {
right: 0;
border-radius: inherit;
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.cz_row_shape_full_filled_left .row:before, 
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_left:before, 
.elms_row .cz_row_shape_full_filled_right:after {
width: 3000px !important;
transform: none;
transform: translateX(-96%) !important;
border-radius: 0
}
.cz_row_shape_no_left .row:before,
.cz_row_shape_no_right .row:after {
visibility: hidden;
opacity: 0
}
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_right:after {
transform: translateX(96%) !important
}
.cz_row_shape_1 .row:before,
.elms_row .cz_row_shape_1:before {
transform: translateX(-40%) skewX(45deg)
}
.cz_row_shape_1 .row:after,
.elms_row .cz_row_shape_1:after {
transform: translateX(40%) skewX(-45deg)
}
.cz_row_shape_2 .row:before,
.elms_row .cz_row_shape_2:before {
transform: translateX(-40%) skewX(-45deg)
}
.cz_row_shape_2 .row:after,
.elms_row .cz_row_shape_2:after {
transform: translateX(40%) skewX(45deg)
}
.cz_row_shape_3 .row:before,
.elms_row .cz_row_shape_3:before {
transform: translateX(-40%) skewX(-45deg)
}
.cz_row_shape_3 .row:after,
.elms_row .cz_row_shape_3:after {
transform: translateX(40%) skewX(-45deg)
}
.cz_row_shape_4 .row:before,
.elms_row .cz_row_shape_4:before {
transform: translateX(-40%) skewX(45deg)
}
.cz_row_shape_4 .row:after,
.elms_row .cz_row_shape_4:after {
transform: translateX(40%) skewX(45deg)
}
.cz_row_shape_none .row:after,
.cz_row_shape_none .row:before{
display: none
} .wpcf7-form:before, 
.wpcf7-form:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0
}
.wpcf7-form:after {
clear: both
}
.wpcf7-form p {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 10px
}
.wpcf7-form p:last-of-type {
float: none !important
}
.wpcf7 input.wpcf7-not-valid {
border-color: red
}
.wpcf7 div.wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
font-size: 14px;
font-weight: 400;
margin: 10px 0 0;
border-radius: 2px;
padding: 10px 20px;
background: #ff00000a;
border: 1px solid #ff00001a;
color: red;
box-shadow: none
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ff00001a
}
.wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ok {
background: #ebfee3;
color: #398f14;
border-color: #398f142e
}
.wpcf7 div.wpcf7-response-output.wpcf7-mail-sent-ng,
.wpcf7 div.wpcf7-response-output.wpcf7-validation-errors,
.wpcf7 form.invalid div.wpcf7-response-output.wpcf7-mail-sent-ng,
.wpcf7 form.invalid div.wpcf7-response-output.wpcf7-validation-errors {
background: #ffe7e7;
color: #ff2929;
border-color: #ff292929
}
.wpcf7 div.wpcf7-response-output.wpcf7-spam-blocked,
.wpcf7 form.invalid div.wpcf7-response-output.wpcf7-spam-blocked {
background: #fff2d9;
color: #aa6e00;
border-color: #aa6e003d
}
.wpcf7 .wpcf7-form-control-wrap {
display: block
}
.wpcf7 span.wpcf7-not-valid-tip {
display: inline-block;
position: absolute;
left: -10px;
top: 0;
z-index: 9;
width: 40px;
height: 40px;
text-indent: -9999px;
transform: translateY(100%);
line-height: 2
}
.wpcf7 .wpcf7-not-valid-tip:before {
font-family: "czicons";
content: "\e8c5";
font-size: 13px;
display: block;
z-index: 2;
position: absolute;
background: red;
color: #fff;
border-radius: 2px;
padding: 7px 12px;
left: -34px;
top: -48%;
margin: 0;
text-indent: 0;
transform: translateY(-50%);
}
.wpcf7 .wpcf7-not-valid-tip:after {
content: '';
display: block;
width: 10px;
height: 10px;
font-size: 0;
position: absolute;
top: -50%;
right: 36px;
background: red;
transform: rotate(45deg) translateY(-50%);
}
div.wpcf7 .wpcf7-form .ajax-loader {
width: 18px !important;
height: 18px !important;
vertical-align: middle;
cursor: wait;
font-size: 0;
margin: 0 10px;
padding: 0;
border-radius: 100%;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: 1px solid rgba(167, 167, 167, .2);
border-right-color: #111;
background-image: none;
background-color: transparent;
animation: CircleBorderLoop .5s linear infinite
}
@keyframes CircleBorderLoop {
0% {transform-origin: center;transform: none}
20% {transform-origin: center;transform: rotate3d(0,0,1,72deg)}
40% {transform-origin: center;transform: rotate3d(0,0,1,144deg)}
60% {transform-origin: center;transform: rotate3d(0,0,1,216deg)}
80% {transform-origin: center;transform: rotate3d(0,0,1,288deg)}
100% {transform-origin: center;transform: rotate3d(0,0,1,360deg)}
}
.wpcf7 .ajax-loader:before {
display: none
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
width: 100%;
margin: 10px 0 0;
position: relative;
top: 0;
border-width: 1px;
box-sizing: border-box
}
.wpcf7-spinner {
position: absolute;
transform: translateY(-50%);
z-index: 9;
top: 50%
} .page_footer {
position: relative
}
footer .elms_row {
z-index: 1
}
footer .sf-menu > .cz > .sub-menu {
top: auto !important;
bottom: 40px !important
}
.cz_middle_footer {
padding: 30px 0 0
}
.cz_fixed_footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: -9;
}
.layout_1 .cz_fixed_footer, 
.layout_2 .cz_fixed_footer {
width: 1300px;
left: 50%;
transform: translateX(-50%)
}
.subfooter_,
.subfooter_1 {
background: #fff;
padding: 14px 0
}
.subfooter_1 .lefter, 
.subfooter_1 .righter {
float: none;
display: table;
margin-right: auto;
margin-left: auto;
text-align: center
}
.footer_widget {
position: relative;
margin: 0 0 30px;
padding: 20px;
z-index: 1;
transition: all .2s ease-in-out
}
.footer_widget > .codevz-widget-title {
position: relative;
border-bottom: 1px dashed rgba(167, 167, 167, .2);
padding: 0 0 20px;
margin: 0 0 20px
}
.cd_gallery_in,
.flickr-widget {
margin: 0 -5px
}
.cz_flickr .flickr_badge_image, 
.cz_instagram li, 
.cz_portfolio_widget a {
position: relative;
float: left !important;
width: calc(100% / 3 - 10px) !important;
height: initial;
font-size: 0;
margin: 0 5px 10px !important;
transition: all .2s ease-in-out;
}
.cd_gallery_in.xtra-portfolio-widget-2 {
margin: 0 -10px
}
.xtra-portfolio-widget-2 .cdEffect {
width: calc(100% / 2 - 20px) !important;
margin: 0 10px 20px !important
}
.cz_flickr .flickr_badge_image:hover, 
.cz_instagram li:hover {
opacity: .7
}
.cz_flickr .flickr_badge_image img, 
.cz_instagram li img, 
.cz_portfolio_widget a img {
margin: 0 auto;
width: 100%
}
i.backtotop, 
i.fixed_contact {
display: none;
overflow: hidden;
position: fixed;
right: 30px;
bottom: 30px;
font-size: 18px;
width: 2.4em;
height: 2.4em;
line-height: 2.4em;
text-align: center;
border-radius: 2px;
background: #fff;
border: 1px solid rgba(167, 167, 167, .2);
z-index: 99999;
cursor: pointer;
transform: scale(1);
transition: all 400ms cubic-bezier(.77, 0, .175, 1), opacity 0s ease
}
i.backtotop:hover,
i.fixed_contact:hover,
i.fixed_contact_active {
transform: scale(1.1);
border-color: rgba(167, 167, 167, .1)
}
i.fixed_contact.czico-close-bold:before {
content: '\e93b' !important
}
i.backtotop:hover:before {
display: inline-block;
animation: cz_rotate_y .4s cubic-bezier(.77, 0, .175, 1) forwards
}
@keyframes cz_rotate_y {
49% {transform: translateY(-100%)}
50% {opacity: 0;transform: translateY(100%)}
51% {opacity: 1}
}
i.fixed_contact {
display: block
}
div.fixed_contact {
display: none;
cursor: default;
position: fixed;
right: 30px;
bottom: 100px;
background: #fff;
padding: 20px;
width: 300px;
border-radius: 2px;
box-shadow: 0 0 20px rgba(0, 0, 0, .12);
z-index: 999;
animation: FixedContact .4s cubic-bezier(.180, .890, .330, 1.270) forwards
}
@keyframes FixedContact {
from {transform: translateY(40px)}
to {transform: translateY(0)}
}
div.fixed_contact input {
font-size: 14px
} .tagcloud, 
.cz_post_cat, 
.cz_post_views {
padding: 0;
margin: 0;
background: none;
float: left
}
.cz_post_views {
opacity: 1
}
.tagcloud a, 
.cz_post_cat a,
.cz_post_views a {
padding: 6px 12px;
border-radius: 2px;
display: inline-block;
margin: 0 4px 10px 0;
font-size: 12px;
font-weight: 500;
border: 1px solid rgba(167, 167, 167, .16)
}
.cz_post_meta_block .cz_post_cat,
.cz_post_meta_block .tagcloud,
.cz_post_meta_block .cz_post_views {
float: none
}
.widget .tagcloud a {
font-size: 12px !important
}
.tagcloud a:hover,
.cz_post_cat a:hover,
.cz_post_views a:hover {
border-color: rgba(167, 167, 167, .5)
}
p.tagcloud a:first-child,
.cz_post_cat a:first-child,
.cz_post_views a:first-child {
background: rgba(167, 167, 167, .15);
pointer-events: none
}
.single .cz_is_blank {
margin-bottom: 40px
}
#wp-calendar tbody td {
opacity: .6
}
#wp-calendar tbody a {
background: rgba(167, 167, 167, .2);
width: 2em;
height: 2em;
line-height: 2em;
border: 0;
border-radius: 4px;
display: inline-block;
margin-left:-5px;
} .codevz-widget-custom-menu a {
background: rgba(167, 167, 167, .12);
display: block;
margin: 0 0 4px;
padding: 10px 20px
}
.codevz-widget-custom-menu img,
.codevz-widget-custom-menu-2 img,
.codevz-widget-custom-nav-menu img {
display: inline-block;
vertical-align: middle;
margin: 0 2px
}
.codevz-widget-custom-menu a:hover {
background: rgba(167, 167, 167, .2);
transform: translateX(5px);
}
.codevz-widget-custom-menu a:before {
content: "\f105";
font-family: "Font Awesome 6 Free";
padding: 0 10px 0 0;
font-weight: 900
}
.codevz-widget-custom-menu-2 a i,
.codevz-widget-custom-menu-2-old a i {
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
border-radius: 50px;
transition: all .1s ease-in-out
}
.codevz-widget-custom-menu-2 a:hover i,
.codevz-widget-custom-menu-2-old a:hover i {
margin: 0 6px
} .codevz-widget-custom-nav-menu ul {
padding: 0;
margin: 0;
list-style: none
}
.codevz-widget-custom-nav-menu ul ul {
margin: 0 0 0 10px
}
.codevz-widget-custom-menu-horizontal li {
display: inline-block
}
.codevz-widget-custom-menu-horizontal a {
margin: 0 20px
}
.codevz-widget-custom-menu-horizontal ul.sub-menu {
display:none;
padding: 50px 0 0
}
.codevz-widget-custom-menu-horizontal li:hover ul.sub-menu {
display: block;
position: absolute
}
.codevz-widget-custom-menu-horizontal ul ul li {
display: block
} .widget_archive li a, 
.widget_categories li a,
.widget_pages li a,
.widget_meta li a,
.widget_recent_comments li,
.widget_recent_entries li a,
.widget_nav_menu li a {
display: block;
border-bottom: 1px solid rgba(167, 167, 167, 0.15)
}
.widget_archive li a:hover, 
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_meta li a:hover,
.widget_recent_comments li:hover,
.widget_recent_entries li a:hover,
.widget_nav_menu li a:hover {
border-color: initial
}
.widget_archive li span, 
.widget_categories li span {
position: absolute;
right: 0;
opacity: .6;
transform: translateY(-102%)
}
#recentcomments {
padding: 0;
margin: 0;
color: #676767
} .righter {float: right}
.lefter {float: left}
.hidden, .hide, i.hide {display: none !important}
.block {display: block}
.noborder {
border: 0 !important
}
.relative {
position: relative !important;
min-height: 1px
}
.overflow {overflow: hidden}
.tac {text-align: center !important}
.tal {text-align: left !important}
.tar {text-align: right !important}
.m0 {margin: 0 !important}
.mr0 {margin-right: 0 !important}
.mr4 {margin-right: 4px}
.mr8 {margin-right: 8px}
.mr10 {margin-right: 10px}
.mr20 {margin-right: 20px}
.ml0 {margin-left: 0 !important}
.ml4 {margin-left: 4px}
.ml8 {margin-left: 8px}
.ml10 {margin-left: 10px}
.ml20 {margin-left: 20px}
.mt0 {margin-top: 0 !important}
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt70 {margin-top: 70px}
.mb0 {margin-bottom: 0 !important}
.mb10 {margin-bottom: 10px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb40 {margin-bottom: 40px}
.mb50 {margin-bottom: 50px}
.mb70 {margin-bottom: 70px}
.last0:last-child, 
.first0:first-child {
margin: 0
}
.vc_grid-item .cz_readmore,
.vc_grid-item .more-link {
display: none
}
.archive .cz_is_blank > .page-title {
font-size: 30px
}
.archive .term-description,
.archive .xtra-archive-desc {
padding: 40px;
margin: 0 0 50px;
border: 1px solid #67676712;
background: #67676705;
}
.archive .term-description {
margin-top: 30px
}
.archive .term-description p,
.archive .xtra-archive-desc p {
opacity: .9;
margin-top: 3px
} article.sticky > div {
padding: 30px;
border-radius: 2px;
background: rgba(167, 167, 167, .1);
border: 1px solid rgba(167, 167, 167, .1);
box-shadow: 0 0 20px rgba(167, 167, 167, .1)
}
form.search_404 {
width: 40%;
margin: 70px auto 0;
position: relative
}
form.search_not_found {
margin: 40px 0 0
}
.search_404 button {
position: absolute !important;
right: 20px;
top: 50%;
padding: 0;
transform: translateY(-50%);
background: none !important;
box-shadow: none !important;
color: initial !important;
padding: 0 !important;
border: 0 !important;
font-size: 20px
}
.search_404 input {
padding: 19px;
border: 1px solid #ccc;
font-size: 16px
}
span.comment-author-link {
font-style: italic
}
.alignnone {
margin: 5px 0 20px 0
}
.aligncenter, div.aligncenter {
display: block;
margin: 0 auto 20px;
text-align: center
}
.alignright {
float: right;
margin: 5px 0 20px 10px
}
.alignleft {
float: left;
margin: 5px 30px 20px 0
}
a img.alignright {
float: right;
margin: 5px 0 20px 30px
}
a img.alignnone {
margin: 5px 0 20px 0
}
a img.alignleft {
float: left;
margin: 5px 30px 10px 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-post-image {
margin: 0 auto
}
.wp-caption {
position: relative;
margin: 0 0 20px;
width: auto;
max-width: 100%
}
.wp-caption.alignnone {
margin-bottom: 20px
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0
}
.wp-caption.alignright {
margin: 5px 0 20px 20px
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto
}
p.wp-caption-text {
font-size: 1em;
font-style: italic;
margin: 10px;
opacity: .8
}
.screen-reader-text {
display: none
}
.screen-reader-text:focus {
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
.gallery-caption {
position: relative;
display: inline-block;
line-height: 18px;
font-size: 13px;
}
.bypostauthor {
position: relative
}
.sticky:before {
content: "\f005";
font-family: "Font Awesome 6 Free";
z-index: 1;
position: absolute;
top: 5px;
right: 5px;
padding: 8px 12px;
color: #fff;
background: #01ffe9;
border-radius: 2px;
font-weight: 900
}
.wp-smiley {
display: inline-block
}
.rsswidget:first-child,
.iclflag {
display: inline-block
}
.rss-widget-icon{
float:left;
margin-right:10px;
}
.rsswidget{
font-weight: 700;
color: inherit
}
.rss-date{
display: block;
font-size: 11px;
font-style: italic;
}
.rssSummary{
font-size: 12px;
line-height: 16px;
}
.widget_rss cite{
display: block;
font-size: 12px;
font-style: italic;
padding: 10px 0 15px;
text-align: right;
float:none;
background: none;
}
.gallery-item {
float: left;
margin: 0;
padding: 0;
margin-top: 10px;
text-align: center;
width: 25%;
border: 0
}
.gallery-item img {
display: block
}
.gallery-item dt:after ,dl.wp-caption dt:after{
display: none
}
.gallery-item dt {
width:100%;
display: block;
padding: 10px 0 10px 20px;
text-align: center;
box-sizing: border-box
}
dl.wp-caption,
.gallery-item img{
border: 0 !important;
display: inline-block
}
.widget .gallery, 
.single-post .gallery {
margin-left: -20px !important
}
.widget .gallery-item dt {
padding: 0 0 5px 20px !important
} ul.gform_fields {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none
}
.gform_fields li {
margin-bottom: 20px
}
.gchoice [type="radio"] {
height: 15px !important;
width: 15px !important;
position: relative;
top: 3px
} .widget .fb_iframe_widget {
margin: 0 auto;
display: table
}
.widget .fb_iframe_widget iframe {
position: relative !important
}
.mec-calendar dt {
clear: none !important
} .lg-actions .lg-next,.lg-actions .lg-prev,.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45);z-index:1080}#lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:900;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:after{content:"\f054"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\f053"}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:2;padding:10px 0;text-align:center;width:50px;text-decoration:none}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\f00d"}.lg-toolbar .lg-download:after{content:"\f019"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms ease 0s,opacity 250ms!important;-moz-transition:-moz-transform 250ms ease 0s,opacity 250ms!important;-o-transition:-o-transform 250ms ease 0s,opacity 250ms!important;transition:transform 250ms ease 0s,opacity 250ms!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:after{content:"\f009"}.lg-outer .lg-toogle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-palying .lg-object,.lg-outer .lg-has-video.lg-video-palying .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-palying .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1080;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\f04b"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s ease 0s;-moz-transition:-moz-transform .3s ease 0s;-o-transition:-o-transform .3s ease 0s;transition:transform .3s ease 0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s ease 0s,opacity .15s!important;-moz-transition:-moz-transform .3s ease 0s,opacity .15s!important;-o-transition:-o-transform .3s ease 0s,opacity .15s!important;transition:transform .3s ease 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\f00e"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\f010"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\f08e"}.group:after,.group:before{display:table;content:"";line-height:0}.group:after{clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:999999999;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:static;padding:0 5px}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s;border-right-color: #fff}.lg-backdrop.in{opacity:.9}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
.lg-icon:after {font-size: 20px;font-family: "Font Awesome 6 Free";font-weight: 900}
.lg-backdrop{border-right-color: #fff}
.lg-backdrop:after {position: absolute;content: '';width: 30px;height: 30px;border: 2px solid rgba(167, 167, 167, 0.3);border-right-color: inherit;border-radius: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);animation: CircleBorderLoop .6s linear infinite}
.lg-icon {background: none !important;border-radius: 0 !important;box-shadow: none !important;padding: 0 !important;margin: 0 !important;border: 0 !important;color: #a7a7a7 !important}
.lg-download {display: none}.h_iframe-aparat_embed_frame iframe {width: 100% !important} .alignfull {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
left: 0 !important;
right: 0 !important
}
.s8 .alignfull {
margin-left: 0;
margin-right: 0;
max-width: 100%;
left: 0 !important;
right: 0 !important
}
.alignfull img {
width: 100vw
}
.alignwide {
margin-left: -80px;
margin-right: -80px;
width: auto
}
.s8 .alignwide {
margin-left: -20px;
margin-right: -20px;
}
.comment-author-link {
font-style: italic
}
.alignnone {
margin: 1.5rem 20px 0 0
}
.aligncenter {
clear: both;
display: block;
margin: 30px auto
}
.alignright {
float: right;
margin: 10px 0 20px 10px
}
.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.alignright {
float: right;
margin: 5px 0 20px 10px
}
a img.alignnone {
margin: 5px 20px 20px 0
}
a img.alignleft {
float: left;
margin: 5px 20px 10px 0
}
a img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto
}
.has-background-dim {
color: #fff
} .no-scroll {
overflow: hidden
}
.fullscreen_menu,
.offcanvas_area {
-ms-overflow-style: -ms-autohiding-scrollbar
}
.fullscreen_menu::-webkit-scrollbar {
display: none
}
.offcanvas_area::-webkit-scrollbar {
display: none
}
i.xtra-close-icon {
position: fixed !important;
z-index: 99999999999;
top: 70px;
right: 70px;
margin: 0;
color: #fff;
font-size: 24px;
cursor: pointer;
border-radius: 50px;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
mix-blend-mode: difference;
transition: all .3s ease-in-out
}
i.xtra-close-icon:hover {
transform: rotate(180deg)
}
.fas, .single_con .fa, .page_title .fa {
font-weight: 900 !important
}
.far {
font-weight: 400 !important
}
.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 {
display: none
}
article.post p {
line-height: 1.6
}
.codevz_custom_header_mobile > .row:last-child,
.codevz_custom_footer_mobile > .row:last-child {
display: none
}
.buddypress-wrap.alignwide {
margin: 0 !important
}
[href="#xtradisable"] {
pointer-events: none
}
.cz_highlight_1 {
position: relative
}
.cz_highlight_1:after {
width: calc(100% + 10px);
position: absolute;
content: '';
height: 35%;
bottom: 0;
left: -5px;
background: #111;
z-index: -1;
opacity: .2;
border-radius: 4px;
}