Sid Gifari File Manager
🏠Root
/
home2
/
meumer25
/
meupet.app
/
wp-content
/
plugins
/
exclusive-addons-elementor-pro
/
assets
/
css
/
Editing: exad-pro-styles.css
.exad-animated-shape-image.style_1 img{ -webkit-animation: clip-1 10s linear infinite alternate forwards; animation: clip-1 10s linear infinite alternate forwards; } .exad-animated-shape-image.style_2 img{ -webkit-animation: clip-2 10s linear infinite alternate forwards; animation: clip-2 10s linear infinite alternate forwards; } .exad-animated-shape-image.style_3 img{ -webkit-animation: clip-3 10s linear infinite alternate forwards; animation: clip-3 10s linear infinite alternate forwards; } .exad-animated-shape-image.style_4 img { animation: clip-4 10s linear infinite alternate forwards; -webkit-animation: clip-4 10s linear infinite alternate forwards; } .exad-animated-shape-image.style_5 img { animation: clip-5 10s linear infinite alternate forwards; -webkit-animation: clip-5 10s linear infinite alternate forwards; } .exad-animated-shape-image.style_6 img { animation: clip-6 10s linear infinite alternate forwards; -webkit-animation: clip-6 10s linear infinite alternate forwards; } .exad-animated-shape-image.style_7 img { animation: clip-7 10s linear infinite alternate forwards; -webkit-animation: clip-7 10s linear infinite alternate forwards; } .exad-animated-shape-image.style_8 img { animation: clip-8 10s linear infinite alternate forwards; -webkit-animation: clip-8 10s linear infinite alternate forwards; } @keyframes clip-4 { from { border-radius: 25% 67% 73% 60% / 56% 28% 80% 14%; } to { border-radius: 57% 34% 12% 45% / 15% 34% 23% 90%; } } @keyframes clip-1{ 0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } } @keyframes clip-2 { 0%, 100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; box-shadow: 15px 15px 50px rgba(0,0,0,0.2); } 25% { border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; } 50% { border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; box-shadow: -10px -5px 50px rgba(0,0,0,0.2); } 75% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } } @keyframes clip-3 { 0%, 100% { border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%; } 40% { border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%; } 60% { border-radius: 60% 40% 57% 43% / 47% 62% 38% 53%; } 80% { border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%; } } @keyframes clip-5 { 0%, 20%, 100% { border-radius: 52% 89% 62% 41% / 80% 77% 65%; } 40% { border-radius: 53% 85% 92% 95% / 89% 68% 90%; } 60% { border-radius: 92% 92% 72% 64% / 69% 50% 96%; } 80% { border-radius: 30% 40% 50% 60% / 59% 40% 66%; } } @keyframes clip-6 { 0%, 100% { border-radius: 49% 42% 65% 75% / 47% 85% 70% 79%; } 20% { border-radius: 41% 90% 76% 99% / 98% 74% 50% 68%; } 40% { border-radius: 96% 93% 50% 79% / 92% 67% 42% 65%; } 60% { border-radius: 87% 90% 73% 81% / 42% 82% 73% 65%; } 80% { border-radius: 71% 80% 48% 63% / 93% 47% 69% 50%; } } @keyframes clip-7 { 0%, 100% { border-radius: 54% 79% 51% 66% / 94% 74% 73% 85%; } 20% { border-radius: 69% 68% 51% 75% / 64% 77% 59% 76%; } 40% { border-radius: 91% 89% 96% 40% / 85% 89% 64% 62%; } 60% { border-radius: 91% 89% 96% 40% / 85% 89% 64% 62%; } 80% { border-radius: 76% 79% 95% 92% / 87% 75% 78% 68%; } } @keyframes clip-8 { 0%, 100% { border-radius: 75% 61% 56% 78% / 86% 88% 96% 50%; } 25% { border-radius: 55% 84% 41% 67% / 86% 43% 60% 57%; } 50% { border-radius: 51% 48% 80% 68% / 55% 96% 67% 92%; } 75% { border-radius: 81% 90% 70% 64% / 86% 83% 76% 70%; } 90% { border-radius: 68% 48% 66% 85% / 93% 66% 96% 70%; } } /* 49% 42% 65% 75% / 47% 85% 70% 79% 41% 90% 76% 99% / 98% 74% 50% 68% 96% 93% 50% 79% / 92% 67% 42% 65% 87% 90% 73% 81% / 42% 82% 73% 65% 71% 80% 48% 63% / 93% 47% 69% 50% done 54% 79% 51% 66% / 94% 74% 73% 85% 69% 68% 51% 75% / 64% 77% 59% 76% 91% 89% 96% 40% / 85% 89% 64% 62% 99% 83% 93% 79% / 69% 57% 44% 99% 76% 79% 95% 92% / 87% 75% 78% 68% Done 84% 40% 78% 53% / 72% 86% 79% 75% 52% 89% 62% 41% / 80% 77% 65% 61% 45% 85% 89% / 84% 71% 93% 50% 72% 89% 43% 98% / 89% 57% 87% 84% 92% 65% 82% 85% / 84% 63% 95% 79% 53% 85% 92% 95% / 89% 68% 90% 75% 70% 94% 52% / 77% 50% 80% 94% 55% 50% 55% 98% / 94% 90% 69% 58% 61% 81% 49% 55% / 87% 83% 71% 88% 80% 55% 62% 52% / 79% 77% 89% 82% 79% 68% 49% 69% / 81% 94% 71% 45% 53% 93% 41% 69% / 47% 41% 89% 66% 54% 89% 91% 65% / 93% 83% 85% 61% 76% 60% 51% 71% / 85% 59% 77% 70% 92% 92% 72% 64% / 69% 50% 96% 43% 60% 81% 57% / 40% 48% 62% 87% 55% 43% 82% 50% / 65% 96% 54% 58% 68% 48% 66% 85% / 93% 66% 96% 70% Done 81% 90% 70% 64% / 86% 83% 76% 70% 51% 48% 80% 68% / 55% 96% 67% 92% 55% 84% 41% 67% / 86% 43% 60% 57% 75% 61% 56% 78% / 86% 88% 96% 50% */ /* Author Box Css Start */ .exad-author-box.exad_author_left .exad-author-box-wrapper, .exad-author-box.exad_author_right .exad-author-box-wrapper{ display: flex; } .exad-author-box.exad_author_right .exad-author-box-wrapper { text-align: right; } .exad-author-box.exad_author_right .exad-author-box-wrapper .exad-author-box-thumb{ order: 2; } .exad-author-box.exad_author_top.left .exad-author-box-wrapper{ text-align: left; } .exad-author-box.exad_author_top.center .exad-author-box-wrapper{ text-align: center; } .exad-author-box.exad_author_top.right .exad-author-box-wrapper{ text-align: right; } .exad-author-box.exad_author_top.left .exad-author-box-wrapper .exad-author-box-thumb{ margin-right: auto; } .exad-author-box.exad_author_top.center .exad-author-box-wrapper .exad-author-box-thumb{ margin: 0 auto; } .exad-author-box.exad_author_top.right .exad-author-box-wrapper .exad-author-box-thumb{ margin-left: auto; } .exad-author-box-wrapper .exad-author-box-thumb{ overflow: hidden; background: #fff; } .exad-author-box-wrapper .exad-author-box-thumb img{ height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; } .exad-author-box-wrapper .exad-author-box-content .exad-author-name{ line-height: 1; text-decoration: none; display: block; transition: all .3s ease; } .exad-author-box .exad-author-social{ margin: 0; padding: 0; } .exad-author-box .exad-author-social li{ list-style: none; display: inline-block; } .exad-author-box .exad-author-social li a{ position: relative; display: block; transition: all .3s ease; } .exad-author-box .exad-author-social li a i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } .exad-author-box-wrapper .exad-author-box-content .exad-author-email{ line-height: 1; } .exad-author-box-wrapper .exad-author-box-content .exad-author-email-text{ display: inline-block; line-height: 1; } .exad-author-box-wrapper .exad-author-box-content .exad-author-email-address{ display: inline-block; line-height: 1; transition: all .3s ease; } .exad-author-box-wrapper .exad-author-box-content .exad-author-website{ line-height: 1; } .exad-author-box-wrapper .exad-author-box-content .exad-author-website-text{ display: inline-block; line-height: 1; } .exad-author-box-wrapper .exad-author-box-content .exad-author-website-address{ display: inline-block; line-height: 1; transition: all .3s ease; } .exad-author-login { display: block; transition: all .3s ease; } /* Author Box Css End */ /* Background color change css start */ .exad-background-color-change-yes{ position: relative; } .exad-background-animation-canvas{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; } /* Background color change css end */ /* Blob maker css start */ .exad-blob-maker.yes{ position: absolute; z-index: -1; } .exad-blob-maker .exad-blob-shape.exad-blob-shape-current-position-yes{ position: absolute; z-index: -1; } .exad-blob-maker{ display: flex; flex-wrap: wrap; } .exad-blob-maker .exad-blob-shape img{ height: 100%; width: 100%; } /* Blob maker css end */ /* Breadcrumbs style start */ .exad-breadcrumb-wrapper{ display: flex; } ul.exad-breadcrumb-items { margin: 0; padding: 0; list-style: none; display: block; } ul.exad-breadcrumb-items li { display: inline-block; position: relative; margin: 0; } ul.exad-breadcrumb-items li.exad-breadcrumb-item a { display: inline-block; } /* ul.exad-breadcrumb-items li.exad-breadcrumb-item i.exad-arrow { position: absolute; content: ''; right: 0; top: 6px; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); top: calc( 50% + 0px ); z-index: 1; text-align: center; } */ ul.exad-breadcrumb-items li.exad-breadcrumb-item .exad-arrow { position: absolute; content: ''; right: 0; top: 6px; -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); top: calc( 50% + 0px ); z-index: 1; text-align: center; } /* Breadcrumbs style end */ /* Business Hours style start */ .exad-businesshours-container .business-date { display: flex; flex-wrap: wrap; align-items: center; } .exad-businesshours-container .business-date span.single-business-date { flex: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .exad-businesshours-container .business-date span.single-business-time { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; padding-left: 15px; } /* Business Hours style ends /* Chart style starts */ @keyframes chartjs-render-animation { from { opacity: .99 } to { opacity: 1 } } .chartjs-render-monitor { animation: chartjs-render-animation 1ms; } .chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink { position: absolute; direction: ltr; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1 } .chartjs-size-monitor-expand>div { position: absolute; width: 1000000px; height: 1000000px; left: 0; top: 0 } .chartjs-size-monitor-shrink>div { position: absolute; width: 200%; height: 200%; left: 0; top: 0 } /* Chart style ends */ /* common css starts here */ /* carousel style */ .exad-carousel-item .exad-carousel-nav-prev, .exad-carousel-item .exad-carousel-nav-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 60px; width: 60px; background: transparent; border-radius: 50%; text-align: center; cursor: pointer; transition: all .3s ease; z-index: 1; } .exad-carousel-item .exad-carousel-nav-prev i, .exad-carousel-item .exad-carousel-nav-next i { top: 50%; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 20px; } .exad-carousel-item .exad-carousel-nav-prev:hover, .exad-carousel-item .exad-carousel-nav-next:hover { color: #0a1724; } .exad-carousel-item .exad-carousel-nav-prev { left: -70px; } .exad-carousel-item .exad-carousel-nav-next { right: -70px; } .exad-carousel-item .slick-dots { position: relative; width: auto; display: table; } .exad-carousel-item .slick-dots li { list-style: none; display: inline-block; height: auto; width: auto; } .exad-carousel-item .slick-dots li:not(:last-child) { margin-right: 10px; } .exad-carousel-item .slick-dots li button { width: 10px; height: 10px; outline: 0; cursor: pointer; border: none; border-radius: 50%; background-color: #8a8d91; -webkit-text-fill-color: transparent; transition: .3s ease; padding: 0; align-items: center; display: flex; } .exad-carousel-item.exad-team-carousel-dots-left .slick-dots { margin-right: auto; } .exad-carousel-item.exad-team-carousel-dots-center .slick-dots { margin-left: auto; margin-right: auto; } .exad-carousel-item.exad-team-carousel-dots-right .slick-dots { margin-left: auto; } .exad-carousel-item.exad-testimonial-carousel-dots-left .slick-dots { margin-right: auto; } .exad-carousel-item.exad-testimonial-carousel-dots-center .slick-dots { margin-left: auto; margin-right: auto; } .exad-carousel-item.exad-testimonial-carousel-dots-right .slick-dots { margin-left: auto; } .exad-instagram-row-wrapper.exad-instagram-carousel-dots-left .slick-dots { margin-right: auto; } .exad-instagram-row-wrapper.exad-instagram-carousel-dots-center .slick-dots { margin-left: auto; margin-right: auto; } .exad-instagram-row-wrapper.exad-instagram-carousel-dots-right .slick-dots { margin-left: auto; } /* Woo-product category */ .exad-woo-product-cat-items.exad-woo-product-cat-carousel-dots-left .slick-dots { margin-right: auto; } .exad-woo-product-cat-items.exad-woo-product-cat-carousel-dots-center .slick-dots { margin-left: auto; margin-right: auto; } .exad-woo-product-cat-items.exad-woo-product-cat-carousel-dots-right .slick-dots { margin-left: auto; } /* post-carousel */ .exad-post-carousel.exad-post-carousel-dots-left .slick-dots { margin-right: auto; } .exad-post-carousel.exad-post-carousel-dots-center .slick-dots { margin-left: auto; margin-right: auto; } .exad-post-carousel.exad-post-carousel-dots-right .slick-dots { margin-left: auto; } /* grid style */ .exad-element-row-grid { display: flex; flex-wrap: wrap; margin: 0 -10px -20px; } .exad-slider-gap-default { margin: 0 -10px; } .exad-element-row-grid .exad-col-grid { padding: 0 10px 20px; } .exad-slider-gap-default .exad-col-slider { margin: 0 10px; } .exad-element-row-grid.exad-col-1 .exad-col-grid { flex: 0 0 100%; max-width: 100%; } .exad-element-row-grid.exad-col-2 .exad-col-grid { flex: 0 0 50%; max-width: 50%; } .exad-element-row-grid.exad-col-3 .exad-col-grid { flex: 0 0 33.333333%; max-width: 33.333333%; } .exad-element-row-grid.exad-col-4 .exad-col-grid { flex: 0 0 25%; max-width: 25%; } .exad-element-row-grid.exad-col-5 .exad-col-grid { flex: 0 0 20%; max-width: 20%; } .exad-element-row-grid.exad-col-6 .exad-col-grid { flex: 0 0 16.66666%; max-width: 16.666666%; } @media (max-width: 767px) { .exad-element-row-grid.exad-col-2 .exad-col-grid, .exad-element-row-grid.exad-col-3 .exad-col-grid, .exad-element-row-grid.exad-col-4 .exad-col-grid, .exad-element-row-grid.exad-col-5 .exad-col-grid, .exad-element-row-grid.exad-col-6 .exad-col-grid { flex: 0 0 100%; max-width: 100%; } .exad-element-row-grid .exad-col-grid { padding: 10px 10px; } } .exad-post-carousel.exad-carousel-item .slick-dots{ position: absolute; padding: 0; left: 50%; transform: translateX(-50%); bottom: 0; margin: 0; } .exad-row-wrapper .exad-post-grid-container .exad-post-grid-thumbnail{ position: relative; } .exad-row-wrapper .exad-post-grid-container .exad-post-grid-thumbnail::before{ position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; } .slick-slide:focus{ outline: 0; } .exad-post-carousel .slick-slide a:focus{ outline: 0; } /* section snap scroll */ /* .exad-moving-snapscroll{ scroll-snap-align: start; } .elementor-section-wrap{ overflow: auto; scroll-snap-type: y mandatory; height: 100vh; } */ /* common css ends here */ /* Comparison Table style starts */ tr.table-heading th{ position: relative; } .exad-table-container table { overflow: inherit; } @media( max-width: 768px ){ .exad-table-container{ overflow-x: scroll; } } .exad-main-table thead tr th { position: relative; } .exad-main-table { border-spacing: 0; border-collapse: initial; } .exad-table-container tr.table-heading td span.exad-table-heading { font-weight: 600; font-size: 20px; } .exad-table-ribbon-content span { color: #ffffff; background-color: #46b812; padding: 4px 0 4px 0; text-align: center; font-size: 14px; font-weight: 800; } .exad-table-ribbon-content.exad-table-ribbon-top { transform: translateY(-100%); position: absolute; width: 100%; top: 0; left: 0; } .exad-table-ribbon-content.exad-table-ribbon-top span { width: 100%; display: block; } .exad-table-ribbon-content.exad-table-ribbon-left { transform: rotate(0deg); left: 0px; right: auto; } .exad-table-ribbon-content.exad-table-ribbon-left { position: absolute; top: 0px; width: 100px; height: 100px; z-index: 998; overflow: hidden; } .exad-table-ribbon-content.exad-table-ribbon-left .exad-table-ribbon-wrapper { position: absolute; text-align: center; left: 0px; top: 0px; width: 200%; transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); margin-top: 35px; line-height: 2; } .exad-table-ribbon-content.exad-table-ribbon-right { -webkit-transform: rotate(90); -ms-transform: rotate(90); transform: rotate(90deg); left: auto; right: 0; position: absolute; top: 0; width: 100px; overflow: hidden; height: 100px; z-index: 998; } .exad-table-ribbon-content.exad-table-ribbon-right .exad-table-ribbon-wrapper { margin-top: 30px; transform: translateY(-50%) translateX(-50%) translateX(30px) rotate(-45deg); position: absolute; text-align: center; left: 0; top: 0; width: 200%; -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); margin-top: 30px; line-height: 2; } .exad-td-tooltip { display: flex; justify-content: flex-end; margin: 0; position: relative; margin-left: auto; } .eicon-info-circle { position: relative; } .exad-td-tooltip .exad-tooltip-text { visibility: hidden; min-width: 120px; background-color: #000; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 137%; left: calc( 50% - 60px ); transition: .3s; } .exad-td-tooltip .exad-tooltip-text::before { content: ''; border-width: 5px 5px 0 5px; border-color: #fff; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-top-color: #000000; bottom: -10px; width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; left: 42%; } .exad-td-tooltip:hover .exad-tooltip-text { visibility: visible; } .exad-heading-pricing-duration, .exad-heading-pricing-wrapper { display: block; } .exad-heading-regular-price { margin-right: 10px; text-decoration: line-through; } .exad-table-container tr.table-heading td { position: relative; } .exad-heading-current-price { font-size: 28px; } /* Comparison Table style ends */ /* Content Switcher CSS Start */ .exad-content-switcher-toggle-switch-label { position: relative; display: inline-block; width: 60px; height: 34px; } .exad-content-switcher-toggle-switch-label input { opacity: 0; width: 0; height: 0; } .exad-content-switcher-toggle-switch-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; display: block; border-style: solid; } .exad-content-switcher-toggle-switch-slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 0; top: 50%; /* bottom: 4px; */ transform: translateY(-50%); background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .exad-content-switcher-toggle-switch-slider { background-color: #2196F3; } input:focus + .exad-content-switcher-toggle-switch-slider { box-shadow: 0 0 1px #2196F3; } input:checked + .exad-content-switcher-toggle-switch-slider:before { -webkit-transform: translate(34px, -50%); -ms-transform: translate(34px, -50%); transform: translate(34px, -50%); } .exad-content-switcher-toggle-inner{ display: flex; align-items: center; flex-direction: row; padding: 30px 0; } .exad-content-switcher-toggle.exad_switecher_left{ justify-content: flex-start; display: flex; } .exad-content-switcher-toggle.exad_switecher_center{ justify-content: center; display: flex; } .exad-content-switcher-toggle.exad_switecher_right{ justify-content: flex-end; display: flex; } .exad-content-switcher-toggle.exad_switecher_justify{ display: block; } .exad-content-switcher-toggle.exad_switecher_justify .exad-content-switcher-toggle-inner{ justify-content: center; } .exad-content-switcher-toggle-label-1{ cursor: pointer; } .exad-content-switcher-toggle-label-2{ cursor: pointer; } /* Content Switcher CSS End */ /* Cookie Consent style start */ .cc-banner.cc-bottom { left: 0; right: 0; bottom: 0; } .cc-banner.cc-top { left: 0; right: 0; top: 0; } .cc-window.cc-bottom.cc-left { left: 10px; bottom: 10px; } .cc-window.cc-left.cc-center { left: 10px; top: 50%; transform: translateY(-50%); } .cc-window.cc-right.cc-center { right: 10px; top: 50%; transform: translateY(-50%); } .cc-window.cc-banner.cc-bottom.cc-right, .cc-window.cc-bottom.cc-right { right: 10px; bottom: 10px; left: inherit; } .cc-window.cc-bottom.cc-left, .cc-window.cc-bottom.cc-right, .cc-window.cc-right.cc-center, .cc-window.cc-left.cc-center { display: flex; flex-direction: column; } .cc-window { position: fixed; overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 999; } .cc-window.cc-banner { -ms-flex-align: center; align-items: center; } .cc-banner .cc-message { -ms-flex: 1; flex: 1; } .cc-compliance { display: flex; } body .cc-btn.cc-dismiss { display: inline-flex; } body .cc-btn.cc-dismiss:hover { cursor: pointer; } body .cc-window .cc-link { font-weight: 600; text-decoration: underline; } body .cc-bottom.cc-left .cc-btn.cc-dismiss, body .cc-bottom.cc-right .cc-btn.cc-dismiss, body .cc-left.cc-center .cc-btn.cc-dismiss, body .cc-right.cc-center .cc-btn.cc-dismiss { margin-top: 20px; } @media (max-width: 767px){ .cc-window.cc-banner { flex-direction: column; } body .cc-window.cc-banner .cc-btn.cc-dismiss { margin-top: 20px; } } /* Cookie Consent style end */ /* Counter Style Start */ .exad-counter-item.exad-counter-left { text-align: left; } .exad-counter-item.exad-counter-center { text-align: center; } .exad-counter-data.yes{ text-align: center; } .exad-counter-item.exad-counter-left .exad-counter-data.yes { margin-right: auto; } .exad-counter-item.exad-counter-center .exad-counter-data.yes { margin: 0 auto; } .exad-counter-item.exad-counter-right .exad-counter-data.yes { margin-left: auto; } .exad-counter-item.exad-counter-right { text-align: right; } .exad-counter-wrapper .exad-counter-item .exad-counter-icon { line-height: 0; display: inline-block; } .exad-counter-wrapper .exad-counter-item .exad-counter-data { line-height: 1; } .exad-counter-wrapper .exad-counter-item .exad-counter-content h4 { margin: 0; } .exad-counter-item.layout-3,.exad-counter-item.layout-4{ display: flex; /* justify-content: space-between; */ } .exad-counter-item.layout-4 .exad-counter-icon{ order: 2; } .exad-counter-item.layout-4 .exad-counter-content-wrapper{ order: 1; } .exad-counter-icon.yes{ position: relative; } .exad-counter-icon.yes i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .exad-counter-icon.yes{ position: relative; } .exad-counter-icon.yes svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Counter Style End */ /* Thumb Preview CSS Start */ .exad-demo-previewer-image{ height: 200px; overflow: hidden; position: relative; } .exad-demo-previewer-cover-image{ position: absolute; top: 0; left: 0; height: 100% !important; width: 100%; object-fit: cover; z-index: 1; transition: .6s ease; opacity: 1; } .exad-demo-previewer-image .exad-demo-previewer-scroll-image{ width: 100%; overflow: hidden; object-fit: cover; -o-object-fit: cover; transition: transform 2s ease-in-out; } .exad-demo-previewer-image:hover .exad-demo-previewer-scroll-image { transform: translateY(calc(-100% + 200px)); transition: transform 7s ease-in-out; } .exad-demo-previewer-image:hover .exad-demo-previewer-cover-image { transform: translateY(-100%); } .exad-demo-previewer-element{ display: flex; flex-wrap: wrap; } .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-1 { width: 100%; } .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-2 { width: 50%; } .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-3 { width: 33.3333333333333%; } .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-4 { width: 25%; } .exad-demo-previewer-menu{ display: flex } .exad-demo-previewer .exad-demo-previewer-menu button.filter-item{ border: none; transition: all .3s ease; text-transform: capitalize; background: transparent; } .exad-demo-previewer .exad-demo-previewer-menu button.filter-item.current:focus,.exad-demo-previewer .exad-demo-previewer-menu button.filter-item:focus{ outline: 0; border: none; } .exad-demo-previewer-item-content-inner{ display: flex; align-items: center; justify-content: space-between; } .exad-demo-previewer-item-content-inner.yes .exad-demo-previewer-item-content{ width: 60%; } .exad-demo-previewer-item-content{ width: 100%; } .exad-demo-previewer-item-content-title a{ display: block; } .exad-demo-previewer-item-content-button{ display: inline-block; transition: all .3s ease; text-decoration: none; line-height: 1; } .exad-demo-previewer-item-date{ display: flex; align-items: center; justify-content: space-between; } .exad-demo-previewer-updated_date p{ margin: 0; } .exad-demo-previewer-tag ul{ margin: 0; padding: 0; } @media( max-width: 768px ){ .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-1 { width: 100%; } .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-2 { width: 50%; } .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-3 { width: 50%; } .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-4 { width: 50%; } } @media( max-width: 575px ){ .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-1 { width: 100%; } .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-2 { width: 100%; } .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-3 { width: 100%; } .exad-demo-previewer-element .exad-demo-previewer-item.exad-col-4 { width: 100%; } .exad-demo-previewer .exad-demo-previewer-menu{ display: block; } .exad-demo-previewer .exad-demo-previewer-menu button.filter-item { display: block; width: 100%; text-align: left; } .exad-demo-previewer.exad-demo-previewer-layout-2, .exad-demo-previewer.exad-demo-previewer-layout-3 { display: block !important; } .exad-demo-previewer.exad-demo-previewer-layout-1{ display: block !important; } .exad-demo-previewer.exad-demo-previewer-layout-2 .exad-demo-previewer-menu-wrapper, .exad-demo-previewer.exad-demo-previewer-layout-3 .exad-demo-previewer-menu-wrapper{ width: 100% !important; } .exad-demo-previewer.exad-demo-previewer-layout-1 .exad-demo-previewer-menu-wrapper{ width: 100% !important; display: block !important; } .exad-demo-previewer.exad-demo-previewer-layout-1 .exad-demo-previewer-menu{ width: 100% !important; } .exad-demo-previewer.exad-demo-previewer-layout-1 .exad-demo-previewer-search { width: 100% !important; } .exad-demo-previewer.exad-demo-previewer-layout-2 .exad-demo-previewer-element, .exad-demo-previewer.exad-demo-previewer-layout-3 .exad-demo-previewer-element{ width: 100% !important; } .exad-demo-previewer.exad-demo-previewer-layout-1 .exad-demo-previewer-element{ width: 100% !important; } } .exad-demo-previewer.exad-demo-previewer-layout-2, .exad-demo-previewer.exad-demo-previewer-layout-3{ display: flex; } .exad-demo-previewer.exad-demo-previewer-layout-2 .exad-demo-previewer-menu-wrapper{ width: 20%; display: flex; flex-direction: column; } .exad-demo-previewer.exad-demo-previewer-layout-3 .exad-demo-previewer-menu-wrapper{ width: 20%; display: flex; flex-direction: column; order: 2; } .exad-demo-previewer.exad-demo-previewer-layout-2 .exad-demo-previewer-menu-wrapper .exad-demo-previewer-menu{ width: 100%; display: block; } .exad-demo-previewer.exad-demo-previewer-layout-2 .exad-demo-previewer-menu button.filter-item{ width: 100%; display: block; } .exad-demo-previewer.exad-demo-previewer-layout-2 .exad-demo-previewer-element{ width: 80%; } .exad-demo-previewer.exad-demo-previewer-layout-3 .exad-demo-previewer-menu-wrapper .exad-demo-previewer-menu{ width: 100%; display: block; } .exad-demo-previewer.exad-demo-previewer-layout-3 .exad-demo-previewer-menu button.filter-item{ width: 100%; display: block; } .exad-demo-previewer.exad-demo-previewer-layout-3 .exad-demo-previewer-element{ width: 80%; } .exad-demo-previewer.exad-demo-previewer-layout-1 .exad-demo-previewer-menu-wrapper{ display: flex; justify-content: space-between; align-items: baseline; } .exad-demo-previewer-search{ position: relative; } .exad-demo-previewer-search #exad-demo-previewer-search-input{ width: 100%; height: 100%; background: transparent; border: none; padding: 0; } .exad-demo-previewer.exad-demo-previewer-layout-2 .exad-demo-previewer-search{ width: 100%; } .exad-demo-previewer-search #exad-demo-previewer-search-input:focus{ outline: 0; } .exad-demo-previewer-search-icon{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .exad-demo-previewer-dropdown-filter-wrapper{ display: block; width: 200px; position: relative; user-select: none; } .exad-demo-previewer-dropdown-filter-shape{ position: absolute; top: 50%; right: 20px; transform: translateY(-50%); z-index: 12; pointer-events: none; } .exad-demo-previewer-dropdown-filter-wrapper ul{ margin: 0; padding: 0; } .exad-demo-previewer-dropdown-filter-wrapper ul li{ list-style: none; } .exad-demo-previewer-dropdown-filter-wrapper ul li button{ padding: 0; text-align: left; display: block; color: #000; background: transparent; } .exad-demo-previewer-dropdown-filter-wrapper .exad-demo-previewer-dropdown-filter-default{ background: #fff; border-radius: 5px; position: relative; cursor: pointer; } .exad-demo-previewer-dropdown-filter-wrapper .exad-demo-previewer-dropdown-filter-default li{ padding: 10px 20px; } .exad-demo-previewer-dropdown-filter-wrapper .exad-demo-previewer-dropdown-filter-select{ position: absolute; top: 40px; left: 0; width: 100%; background: #fff; border-radius: 5px; z-index: 111; display: none; overflow: hidden; } .exad-demo-previewer-dropdown-filter-wrapper .exad-demo-previewer-dropdown-filter-select li{ padding: 10px 20px; cursor: pointer; transition: all .3s ease; } .exad-demo-previewer-dropdown-filter-wrapper.active .exad-demo-previewer-dropdown-filter-select{ display: block; } .exad-demo-previewer-menu-wrapper.search-control-nav-dropdown-filter .exad-demo-previewer-search { order: -1; } .exad-demo-previewer-menu-wrapper.dropdown-filter-control-nav-search .exad-demo-previewer-menu.exad-demo-previewer-dropdown-control-wrapper { order: 1; } .exad-demo-previewer-menu-wrapper.dropdown-filter-control-nav-search .exad-demo-previewer-search { order: 1; } .exad-demo-previewer-label-text{ display: block; } .exad-demo-previewer-item .exad-demo-previewer-tag ul li{ position: relative; list-style: none; display: inline-block; } .exad-demo-previewer-item .exad-demo-previewer-tag ul li:not(:last-child)::before{ position: absolute; content: ""; top: 50%; right: 0; transform: translateY(-50%); } /* Thumb Preview CSS End */ /* Exclusive gravity form starts */ .exad-gravity-form.form-align-center, .exad-gravity-form.button-align-center input.gform_button.button { margin-left: auto !important; margin-right: auto !important; display: block; float: none; } .exad-gravity-form.form-align-left, .exad-gravity-form.button-align-left input.gform_button.button { float: left; width: auto; } .exad-gravity-form.form-align-right, .exad-gravity-form.button-align-right input.gform_button.button { float: right; width: auto; } .exad-gravity-form.placeholder-no textarea::placeholder, .exad-gravity-form.placeholder-no input[type=text]::placeholder, .exad-gravity-form.placeholder-no input[type=search]::placeholder, .exad-gravity-form.placeholder-no input[type=number]::placeholder, .exad-gravity-form.placeholder-no input[type=tel]::placeholder, .exad-gravity-form.placeholder-no input[type=url]::placeholder, .exad-gravity-form.placeholder-no input[type=password]::placeholder, .exad-gravity-form.placeholder-no input[type=email]::placeholder { opacity:0; visibility:hidden; } .exad-gravity-form .gform_wrapper textarea:focus, .exad-gravity-form .gform_wrapper input[type=text]:focus, .exad-gravity-form .gform_wrapper input[type=search]:focus, .exad-gravity-form .gform_wrapper input[type=number]:focus, .exad-gravity-form .gform_wrapper input[type=tel]:focus, .exad-gravity-form .gform_wrapper input[type=url]:focus, .exad-gravity-form .gform_wrapper input[type=password]:focus, .exad-gravity-form .gform_wrapper select:focus, .exad-gravity-form .gform_wrapper input[type=email]:focus { outline: none; } .exad-gravity-form.label-no .gform_wrapper .top_label .gfield_label, .exad-gravity-form.label-no .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { display: none; } .exad-gravity-form.show-error-no .validation_message { display: none !important; } .exad-gravity-form.show-valid-no .validation_error { display: none !important; } .exad-gravity-form.field-desc-no .gfield_description { display: none !important; } .exad-gravity-form .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .exad-gravity-form .gform_wrapper ul.gfield_radio li input[type=radio] { -webkit-appearance: none; -moz-appearance: none; border-style: solid; border-width: 0; outline: none; min-width: 1px; width: 15px !important; height: 15px !important; background: #ddd; padding: 3px; } .exad-gravity-form input[type=radio] { border-radius: 50%; } .exad-gravity-form input[type=checkbox]:checked, .exad-gravity-form input[type=radio]:checked { position: relative; } .exad-gravity-form input[type=checkbox]:checked:before, .exad-gravity-form input[type=radio]:checked:before { background: #999; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; } .exad-gravity-form input[type=checkbox]:before, .exad-gravity-form input[type=radio]:before { content: ""; width: 100%; height: 100%; padding: 0; margin: 0; display: block; } .exad-gravity-form input[type=radio]:before { border-radius: 50%; } .exad-gravity-form .gform_wrapper select { height: inherit; line-height: inherit; } /*only for twentytwenty theme */ .theme-twentytwenty .exad-gravity-form .gform_wrapper select { font-family: sans-serif; } .theme-twentytwenty .exad-gravity-form .gform_wrapper input[type=submit].button:hover { text-decoration: none; } .exad-gravity-form .gform_wrapper .gform_footer{ display: inline-block; padding: 0; } .exad-gravity-form .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .exad-gravity-form .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select{ margin: 0; } .exad-gravity-form .gform_wrapper ul li.gfield{ margin: 0; } .exad-gravity-form .gform_wrapper .top_label div.ginput_container{ margin: 0; } .exad-gravity-form .gform_wrapper .exad-gform-select select{ width: 100%; } .exad-gravity-form .gform_wrapper .exad-gform-select select{ -moz-appearance: none; -webkit-appearance: none; appearance: none; } .exad-gravity-form .gform_wrapper .exad-gform-select{ position: relative; display: inline-table; } .exad-gravity-form .gform_wrapper .exad-gform-select::before{ position: absolute; content: '>'; top: 50%; right: 15px; transform: translateY(-50%) rotate(90deg); font-family: "Consolas", monospace !important; font-size: 20px; } /*To remove button from IE11, thank you Matt */ .exad-gravity-form .gform_wrapper .exad-gform-select select::-ms-expand { display: none; } .exad-gravity-form .gform_wrapper .exad-gform-select{ display: block; } /* Exclusive gravity form ends */ /* Iconbox css start */ .exad-iconbox{ display: block; transition: all .3s ease; position: relative; } .exad-iconbox.exad-iconbox-left{ text-align: left; } .exad-iconbox.exad-iconbox-left .exad-iconbox-icon.yes{ margin-right: auto; } .exad-iconbox.exad-iconbox-center{ text-align: center; } .exad-iconbox.exad-iconbox-center .exad-iconbox-icon.yes{ margin-left: auto; margin-right: auto; } .exad-iconbox.exad-iconbox-right{ text-align: right; } .exad-iconbox.exad-iconbox-right .exad-iconbox-icon.yes{ margin-left: auto; } .exad-iconbox-icon{ display: block; transition: all .3s ease; } .exad-iconbox-icon i{ transition: all .3s ease; } .exad-iconbox-icon.yes{ position: relative; transition: all .3s ease; } .exad-iconbox-icon.yes i, .exad-iconbox-icon.yes svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: all .3s ease; } .exad-iconbox-title{ margin: 0; transition: all .3s ease; } .exad-iconbox-description{ margin: 0; transition: all .3s ease; } .exad-iconbox-label{ position: absolute; top: 0; left: 0; line-height: 1; } .exad-iconbox.exad-iconbox-icon-position-left, .exad-iconbox.exad-iconbox-icon-position-right{ display: flex; align-items: center; } .exad-iconbox.exad-iconbox-icon-position-right{ flex-direction: row-reverse; } /* Iconbox css end */ /* Image Carousel CSS Start */ .exad-image-carousel-item img{ height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; transition: all .3s ease; } .exad-image-carousel-item{ transition: all .3s ease; overflow: hidden; } .exad-image-carousel-item:focus{ outline: 0; } .exad-image-carousel-slider{ position: relative; } .exad-image-carousel-prev, .exad-image-carousel-next{ position: absolute; z-index: 1; transition: all .3s ease; transform: translateY(-50%); cursor: pointer; } .exad-image-carousel-prev i, .exad-image-carousel-next i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .exad-image-carousel-slider .slick-dots{ position: relative; width: auto; display: flex; align-items: center; padding: 0; bottom: 0; margin: 0; } .exad-image-carousel-slider.exad-image-carousel-dot-bullet .slick-dots{ position: absolute; transform: translateX(-50%); } .exad-image-carousel-slider.exad-image-carousel-dots-left .slick-dots, .exad-image-carousel-slider.exad-image-carousel-dots-image-left .slick-dots{ justify-content: flex-start; } .exad-image-carousel-slider.exad-image-carousel-dots-center .slick-dots, .exad-image-carousel-slider.exad-image-carousel-dots-image-center .slick-dots{ justify-content: center; } .exad-image-carousel-slider.exad-image-carousel-dots-right .slick-dots, .exad-image-carousel-slider.exad-image-carousel-dots-image-right .slick-dots{ justify-content: flex-end; } .exad-image-carousel-slider.exad-image-carousel-dots-image-justify .slick-dots{ display: flex; justify-content: space-between; width: auto; } .exad-image-carousel-slider.exad-image-carousel-dots-image-justify .slick-dots li{ width: auto; } .exad-image-carousel-slider .slick-dots li{ list-style: none; display: inline-table; cursor: pointer; transition: all .3s ease; margin: 0; height: auto; width: auto; } .exad-image-carousel-slider .slick-dots li:not(:last-child){ margin-right: 10px; } .exad-image-carousel-slider .slick-dots li button{ outline: 0; cursor: pointer; border: none; border-radius: 50%; -webkit-text-fill-color: transparent; transition: .3s ease; padding: 0; align-items: center; display: flex; } .exad-image-carousel-slider .slick-dots li a { display: block; overflow: hidden; } .exad-image-carousel-slider .slick-dots li a img{ height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; } .exad-image-carousel-slider.style-2 .slick-slide { -webkit-perspective: 1000px; perspective: 1000px; } .exad-image-carousel-slider.style-2 .exad-image-carousel-item.slick-slide.slick-active:nth-child(0) img { transform: rotateY(30deg) scale(0.9); } .exad-image-carousel-wrapper.exad-image-carousel-dots-image-left .exad-image-carousel-slider, .exad-image-carousel-wrapper.exad-image-carousel-dots-image-right .exad-image-carousel-slider { display: flex; } .exad-image-carousel-wrapper.exad-image-carousel-dots-image-right .exad-image-carousel-slider .slick-list { width: 80%; } .exad-image-carousel-wrapper.exad-image-carousel-dots-image-right .exad-image-carousel-slider .slick-dots{ width: 20%; flex-direction: column; overflow-y: scroll; } .exad-image-carousel-wrapper.exad-image-carousel-dots-image-right .exad-image-carousel-slider .slick-dots::-webkit-scrollbar{ display: none; } .exad-image-carousel-wrapper.exad-image-carousel-dots-image-left .exad-image-carousel-slider .slick-list { width: 80%; order: 2; } .exad-image-carousel-wrapper.exad-image-carousel-dots-image-left .exad-image-carousel-slider .slick-dots{ width: 20%; flex-direction: column; order: 1; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .exad-image-carousel-wrapper.exad-image-carousel-dots-image-left .exad-image-carousel-slider .slick-dots::-webkit-scrollbar{ display: none; } @media (max-width: 768px){ .exad-image-carousel-wrapper.exad-image-carousel-dots-image-right .exad-image-carousel-slider .slick-list { width: 100% !important; } .exad-image-carousel-prev, .exad-image-carousel-next{ display: none; } .exad-image-carousel-wrapper.exad-image-carousel-dots-image-left .exad-image-carousel-slider .slick-list { width: 100%; } } /* Image Carousel CSS End */ /* Image Hotspot Start */ .exad-hotspot.exad-hotspot-slack-animation .exad-hotspot-item .exad-hotspot-dot::before { position: absolute; top: 50%; left: 50%; height: 100%; width: 100%; transform: translate(-50%, -50%); content: ""; display: block; box-shadow: inset 0 0 4px 2px rgba(255,255,255, .2), 0 0 4px 2px rgba(255,255,255, .2); animation: slack 600ms linear infinite; animation-direction: alternate; z-index: -1; opacity: .8; } .exad-hotspot.exad-hotspot-egg-animation .exad-hotspot-item .exad-hotspot-dot::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.3); height: 100%; width: 100%; content: ""; display: block; animation: egg 600ms linear infinite; animation-direction: alternate; } .exad-hotspot.exad-hotspot-glow-animation .exad-hotspot-item .exad-hotspot-dot::before { position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; background: #fff; opacity: 0; z-index: 1; -webkit-animation: pulse-one 3s infinite; animation: pulse-one 3s infinite; -webkit-transform: scale(1); transform: scale(1); z-index: -1; } .exad-hotspot.exad-hotspot-glowing-border .exad-hotspot-dot-icon{ position: relative; } .exad-hotspot.exad-hotspot-glowing-border .exad-hotspot-dot-icon::before { position: absolute; content: ''; top: 50%; left: 50%; transform-origin: center center; transform: translate(-50%, -50%); height: 100%; width: 100%; opacity: .5; -webkit-animation: hotspot_pulse 2s infinite; animation: hotspot_pulse 2s infinite; transition: all .3s ease; } .exad-hotspot.exad-hotspot-glowing-border .exad-hotspot-dot-icon::after { position: absolute; content: ''; top: 50%; left: 50%; height: 70%; width: 70%; transform-origin: center center; transform: translate(-50%, -50%); opacity: .5; -webkit-animation: hotspot_pulse 2s infinite; animation: hotspot_pulse 2s infinite; transition: all .3s ease; } .exad-hotspot.exad-hotspot-moving-animation .exad-hotspot-dot .exad-hotspot-dot-icon i { font-size: 36px; -webkit-transform-origin: left top; transform-origin: left top; transition: -webkit-transform 3s; transition: transform 3s; transition: transform 3s, -webkit-transform 3s; -webkit-animation: tag-rotate 4s infinite; animation: tag-rotate 4s infinite; } .exad-hotspot .exad-hotspot-item .exad-hotspot-dot { position: absolute; z-index: 5; cursor: pointer; transition: all .3s ease; } .exad-hotspot .exad-hotspot-item .exad-hotspot-dot-icon{ position: relative; } .exad-hotspot .exad-hotspot-item .exad-hotspot-dot-icon i, .exad-hotspot .exad-hotspot-item .exad-hotspot-dot-icon svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 6; } .exad-hotspot .exad-hotspot-item .exad-hotspot-dot-icon span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 6; } .exad-hotspot.exad-hotspot-hover-scale .exad-hotspot-item .exad-hotspot-dot:hover { -webkit-transform: scale(1.5); transform: scale(1.5); } .exad-hotspot.exad-hotspot-tooltip-indicator-yes .exad-hotspot-item .exad-hotspot-tooltip::before { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #fff transparent transparent transparent; bottom: -8px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .exad-hotspot.style-2.exad-hotspot-tooltip-indicator-yes .exad-hotspot-item .exad-hotspot-tooltip::before { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 7.5px 8px 7.5px 0; border-color: transparent #007bff transparent transparent; top: 19px; left: -4px; } .exad-hotspot .exad-hotspot-item .exad-hotspot-tooltip .exad-hotspot-tooltip-content { margin: 0; } .exad-hotspot .exad-hotspot-image{ overflow: hidden; } .exad-hotspot .exad-hotspot-image img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .exad-hotspot .exad-hotspot-image { position: relative; } .exad-hotspot .exad-hotspot-image::before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .exad-hotspot-tooltip-content .exad-hotspot-tooltip-content-button{ text-decoration: none; transition: all .3s ease; display: inline-block; } .exad-hotspot-tooltip-content .exad-hotspot-tooltip-content-image{ width: 100%; overflow: hidden; } .exad-hotspot-tooltip-content .exad-hotspot-tooltip-content-image img{ width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } /* On Hover */ .exad-hotspot.default.tooltip-on-hover .exad-hotspot-item .exad-hotspot-dot:hover .exad-hotspot-tooltip { opacity: 1; visibility: visible; } .exad-hotspot.default.tooltip-on-hover .exad-hotspot-item .exad-hotspot-tooltip { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 5px; opacity: 0; visibility: hidden; transition: all .3s ease; } .exad-hotspot.style-1.tooltip-on-hover .exad-hotspot-item .exad-hotspot-dot .exad-hotspot-dot-icon{ transition: all 0.3s ease 0.3, border-radius 0.1s ease 0.3; } .exad-hotspot.style-1.tooltip-on-hover .exad-hotspot-item .exad-hotspot-dot:hover .exad-hotspot-dot-icon{ border-radius: 0; } .exad-hotspot.style-1.tooltip-on-hover .exad-hotspot-item .exad-hotspot-dot:hover .exad-hotspot-tooltip { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } .exad-hotspot.style-1.tooltip-on-hover .exad-hotspot-item .exad-hotspot-tooltip { position: absolute; top: 0; left: 0; -webkit-transform: scale(0.2); transform: scale(0.2); transition: all .3s ease; -webkit-transform-origin: left top; transform-origin: left top; z-index: -1; opacity: 0; visibility: hidden; } .exad-hotspot.style-2.tooltip-on-hover .exad-hotspot-item .exad-hotspot-tooltip{ position: absolute; top: 0; left: 60px; -webkit-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform 0.5s cubic-bezier(0.36, 0.03, 0, 0.91); transition: transform 0.5s cubic-bezier(0.36, 0.03, 0, 0.91); transition: transform 0.5s cubic-bezier(0.36, 0.03, 0, 0.91), -webkit-transform 0.5s cubic-bezier(0.36, 0.03, 0, 0.91); -webkit-transform-origin: left center; transform-origin: left center; } .exad-hotspot.style-2.tooltip-on-hover .exad-hotspot-item .exad-hotspot-dot:hover .exad-hotspot-tooltip { -webkit-transform: scale(1); transform: scale(1); } /* On click */ .exad-hotspot.default.tooltip-on-click .exad-hotspot-item .exad-hotspot-tooltip{ position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 5px; opacity: 0; visibility: hidden; transition: all .3s ease; } .exad-hotspot.default.tooltip-on-click .exad-hotspot-item.exad-hotspot-open-default-tooltip .exad-hotspot-tooltip { opacity: 1; visibility: visible; } .exad-hotspot.style-1.tooltip-on-click .exad-hotspot-item .exad-hotspot-dot .exad-hotspot-dot-icon{ transition: all 0.3s ease 0.3, border-radius 0.1s ease 0.3; } .exad-hotspot.style-1.tooltip-on-click .exad-hotspot-item.exad-hotspot-open-tooltip .exad-hotspot-dot .exad-hotspot-dot-icon{ border-radius: 0; } .exad-hotspot.style-1.tooltip-on-click .exad-hotspot-item .exad-hotspot-tooltip{ position: absolute; top: 0; left: 0; -webkit-transform: scale(0.2); transform: scale(0.2); transition: all .3s ease; -webkit-transform-origin: left top; transform-origin: left top; z-index: -1; opacity: 0; visibility: hidden; } .exad-hotspot.style-1.tooltip-on-click .exad-hotspot-item.exad-hotspot-open-tooltip .exad-hotspot-tooltip { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } .exad-hotspot.style-2.tooltip-on-click .exad-hotspot-item .exad-hotspot-tooltip{ position: absolute; top: 0; left: 60px; -webkit-transform: scaleX(0); transform: scaleX(0); transition: -webkit-transform 0.5s cubic-bezier(0.36, 0.03, 0, 0.91); transition: transform 0.5s cubic-bezier(0.36, 0.03, 0, 0.91); transition: transform 0.5s cubic-bezier(0.36, 0.03, 0, 0.91), -webkit-transform 0.5s cubic-bezier(0.36, 0.03, 0, 0.91); -webkit-transform-origin: left center; transform-origin: left center; } .exad-hotspot.style-2.tooltip-on-click .exad-hotspot-item.exad-hotspot-open-style-2-tooltip .exad-hotspot-tooltip { -webkit-transform: scale(1); transform: scale(1); } /* Keyframe for hotspot animation */ @-webkit-keyframes hotspot_pulse { 0% { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); opacity: 1; } 100% { -webkit-transform: translate(-50%, -50%) scale(5); transform: translate(-50%, -50%) scale(5); opacity: 0; } } @keyframes hotspot_pulse { 0% { -webkit-transform: translate(-50%, -50%) scale(1.5); transform: translate(-50%, -50%) scale(1.5); opacity: 1; } 100% { -webkit-transform: translate(-50%, -50%) scale(5); transform: translate(-50%, -50%) scale(5); opacity: 0; } } @-webkit-keyframes tag-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes tag-rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes pulse-one { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: .5; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @keyframes pulse-one { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: .5; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @keyframes slack { from { transform: translate(-50%, -50%) scale(1); } to { transform: translate(-50%, -50%) scale(1.4); } } @keyframes egg { from { box-shadow: inset 0 0 12px 6px #7b56ff94; } to { box-shadow: inset 0 0 4px 2px #7b56ff94; } } /* Image Hotspot End */ /* Image Mask Style Start */ .exad-image-mask-figure{ -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; } .exad-image-mask-figure img{ height: 100%; width: 100%; } .exad-selector-wrapper input{ display: none; } .exad-image-mask-figure.exad-image-mask-flip-shape-vertical{ transform: scaleY(-1); } .exad-image-mask-figure.exad-image-mask-flip-shape-vertical img{ transform: scaleY(-1); } .exad-image-mask-figure.exad-image-mask-flip-shape-horizontal{ transform: scaleX(-1); } .exad-image-mask-figure.exad-image-mask-flip-shape-horizontal img{ transform: scaleX(-1); } /* Image Mask Style End */ /* Instagram feed style start */ .exad-instagram-feed-item{ display: grid; grid-auto-rows: 1fr; } .exad-instagram-feed-item .exad-instagram-feed-wrapper a.exad-instagram-feed-thumb{ display: flex; overflow: hidden; position: relative; } .exad-instagram-feed-item .exad-instagram-feed-wrapper{ transition: all .3s ease; position: relative; overflow: hidden; } .exad-instagram-feed-item .exad-instagram-feed-wrapper a.exad-instagram-feed-thumb::before{ position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; transition: all .3s ease; z-index: 1; } .exad-instagram-feed-thumb img{ height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; } .exad-instagram-feed-item .exad-instagram-feed-wrapper:hover a.exad-instagram-feed-thumb::before{ opacity: 1; } .exad-instagram-feed-item.over-image .exad-instagram-feed-wrapper .exad-instagram-feed-caption{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.top-of-image .exad-instagram-feed-wrapper .exad-instagram-feed-caption{ position: absolute; top: 0; left: 0; z-index: 2; width: 100%; } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.top-of-image.animate-slide .exad-instagram-feed-wrapper .exad-instagram-feed-caption { transform: translateY(-100%); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.top-of-image.animate-slide .exad-instagram-feed-wrapper:hover .exad-instagram-feed-caption { transform: translateY(0); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.over-image.animate-slide .exad-instagram-feed-wrapper .exad-instagram-feed-caption{ transform: translate(-50%,-90%); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.over-image.animate-slide .exad-instagram-feed-wrapper:hover .exad-instagram-feed-caption{ transform: translate(-50%, -50%); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.bottom-of-image.animate-slide .exad-instagram-feed-wrapper .exad-instagram-feed-caption{ transform: translateY(100%); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.bottom-of-image.animate-slide .exad-instagram-feed-wrapper:hover .exad-instagram-feed-caption{ transform: translateY(0); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.bottom-of-image.animate-slide-with-image .exad-instagram-feed-wrapper .exad-instagram-feed-caption{ transform: translateY(100%); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.bottom-of-image.animate-slide-with-image .exad-instagram-feed-wrapper .exad-instagram-feed-thumb img{ transform: translateY(0px); transition: all .3s ease; } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.bottom-of-image.animate-slide-with-image .exad-instagram-feed-wrapper:hover .exad-instagram-feed-caption{ transform: translateY(0); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.bottom-of-image.animate-slide-with-image .exad-instagram-feed-wrapper:hover .exad-instagram-feed-thumb img{ transform: translateY(-30px); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.top-of-image.animate-slide-with-image .exad-instagram-feed-wrapper .exad-instagram-feed-caption{ transform: translateY(-100%); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.top-of-image.animate-slide-with-image .exad-instagram-feed-wrapper .exad-instagram-feed-thumb img{ transform: translateY(0px); transition: all .3s ease; } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.top-of-image.animate-slide-with-image .exad-instagram-feed-wrapper:hover .exad-instagram-feed-caption{ transform: translateY(0); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.top-of-image.animate-slide-with-image .exad-instagram-feed-wrapper:hover .exad-instagram-feed-thumb img{ transform: translateY(30px); } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes.bottom-of-image .exad-instagram-feed-wrapper .exad-instagram-feed-caption{ position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes .exad-instagram-feed-wrapper .exad-instagram-feed-caption{ opacity: 0; transition: all .3s ease; } .exad-instagram-feed-item.exad-insta-feed-show-caption-yes .exad-instagram-feed-wrapper:hover .exad-instagram-feed-caption{ opacity: 1; } .exad-instagram-feed-wrapper .exad-instagram-feed-thumb.image-zoom-in img{ transform: scale(1); transition: all .3s ease; } .exad-instagram-feed-wrapper:hover .exad-instagram-feed-thumb.image-zoom-in img{ transform: scale(1.1); } .exad-instagram-feed-wrapper .exad-instagram-feed-thumb.image-zoom-out img{ transform: scale(1.2); transition: all .3s ease; } .exad-instagram-feed-wrapper:hover .exad-instagram-feed-thumb.image-zoom-out img{ transform: scale(1); } .exad-instagram-user-profile{ display: flex; align-items: center; transition: all .3s ease; } .exad-instagram-user-profile-image{ height: 80px; width: 80px; overflow: hidden; } .exad-instagram-user-profile-image img{ height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; } .exad-instagram-user-profile-name{ transition: all .3s ease; } .exad-instagram-feed-user-info{ display: flex; align-items: center; justify-content: space-between; } /* Instagram feed style End */ /* Exclusive login register form starts */ .exad-login-register-field-item { display: flex; flex-direction: column; } .exad-login-registration-form input[type=text]:focus, .exad-login-registration-form input[type=password]:focus { outline: none; } .exad-login-registration-form input[type=checkbox] { -webkit-appearance: none; -moz-appearance: none; border-style: solid; border-width: 0; outline: none; min-width: 1px; width: 15px; height: 15px; background-color: #dddddd; padding: 3px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; margin-right: 8px; } .exad-login-registration-form input[type=checkbox]:checked { position: relative; } .exad-login-registration-form input[type=checkbox]:checked:before { content: ''; display: block; position: absolute; top: 42%; left: 50%; width: 6px; height: 12px; border-style: solid; border-color: #0079bf; border-width: 0 2px 2px 0; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .exad-login-registration-form input[type=checkbox]:before { content: ""; width: 100%; height: 100%; padding: 0; margin: 0; display: block; } .exad-login-registration-form input[type=checkbox]:focus:checked { border: inherit; box-shadow: inherit; } .exad-login-remember-me-label { display: flex; align-items: flex-end; line-height: 1; } .exad-login-registration-form.button-align-center button.exad-login-register-submit-button { margin-left: auto !important; margin-right: auto !important; display: block; float: none; } .exad-login-registration-form.button-align-left button.exad-login-register-submit-button { float: left; width: auto; } .exad-login-registration-form.button-align-right button.exad-login-register-submit-button { float: right; width: auto; } .exad-login-register-submit-button-wrapper.exad-submit-button-left{ text-align: left; } .exad-login-register-submit-button-wrapper.exad-submit-button-center{ text-align: center; } .exad-login-register-submit-button-wrapper.exad-submit-button-right{ text-align: right; } .exad-login-register-submit-button-wrapper.exad-submit-button-justify .exad-login-register-submit-button{ width: 100%; } .exad-login-register-heading.exad-login-heading-left{ text-align: left; } .exad-login-register-heading.exad-login-heading-left .exad-login-register-icon svg{ margin-right: auto; } .exad-login-register-heading.exad-login-heading-left .exad-login-register-icon.yes{ margin-right: auto; } .exad-login-register-heading.exad-login-heading-center{ text-align: center; } .exad-login-register-heading.exad-login-heading-center .exad-login-register-icon.yes{ margin-right: auto; margin-left: auto; } .exad-login-register-heading.exad-login-heading-center .exad-login-register-icon svg{ margin-left: auto; margin-right: auto; } .exad-login-register-heading.exad-login-heading-right{ text-align: right; } .exad-login-register-heading.exad-login-heading-right .exad-login-register-icon.yes{ margin-left: auto; } .exad-login-register-heading.exad-login-heading-right .exad-login-register-icon svg{ margin-left: auto; } .exad-login-register-icon{ display: block; position: relative; } .exad-login-register-icon.yes i, .exad-login-register-icon.yes svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .exad-login-register-remember{ display: flex; /* justify-content: space-between; */ align-items: center; } .exad-login-registration-form a{ transition: all .3s ease; } /* Exclusive login register form ends */ .exad-lottie-container { display: inline-block; max-width: 100%; } /* mailchimp css start */ .exad-mailchimp-container.exad-mailchimp-type-horizontal .exad-mailchimp-form-container { display: flex; flex-wrap: nowrap; /* align-items: flex-end; */ } .exad-mailchimp-container.exad-mailchimp-type-vertical.exad-mailchimp-item-vertical-left .exad-mailchimp-form-container .exad-mailchimp-item{ margin-right: auto; } .exad-mailchimp-container.exad-mailchimp-type-vertical.exad-mailchimp-item-vertical-center .exad-mailchimp-form-container .exad-mailchimp-item{ margin-right: auto; margin-left: auto; } .exad-mailchimp-container.exad-mailchimp-type-vertical.exad-mailchimp-item-vertical-right .exad-mailchimp-form-container .exad-mailchimp-item{ margin-left: auto; } .exad-mailchimp-container.exad-mailchimp-type-horizontal .exad-mailchimp-item:not(:last-child) { margin-right: 10px; } .exad-mailchimp-container label { display: block; } .exad-mailchimp-container input:focus { outline: none; } .exad-mailchimp-container .exad-mailchimp-input-field { width: 100%; display: block; height: 100%; } .exad-mailchimp-container.button-align-center .exad-mailchimp-submit-btn { display: block; float: none; text-align: center; } .exad-mailchimp-container.button-align-center .exad-mailchimp-submit-btn .exad-mailchimp-subscribe-btn { margin-left: auto; margin-right: auto; } .exad-mailchimp-container.button-align-left .exad-mailchimp-submit-btn { float: left; width: auto; } .exad-mailchimp-container.button-align-right .exad-mailchimp-submit-btn { float: right; width: auto; } .exad-mailchimp-subscribe-btn{ transition: all .3s ease; display: flex; align-items: center; justify-content: center; } /* mailchimp css end */ /* Mega menu css start */ .exad-mega-menu-wrapper ul.exad-mega-menu-list{ margin: 0; padding: 0; display: flex; } .exad-mega-menu-wrapper.exad-mega-menu-align-left ul.exad-mega-menu-list{ justify-content: flex-start; } .exad-mega-menu-wrapper.exad-mega-menu-align-center ul.exad-mega-menu-list{ justify-content: center; } .exad-mega-menu-wrapper.exad-mega-menu-align-right ul.exad-mega-menu-list{ justify-content: flex-end; } .exad-mega-menu-wrapper.exad-mega-menu-align-justify ul.exad-mega-menu-list{ justify-content: space-between; } .exad-mega-menu-wrapper ul.exad-mega-menu-list li.menu-item{ list-style: none; display: inline-block; position: relative; transition: all .3s ease; } .exad-mega-menu-wrapper ul.exad-mega-menu-list li.menu-item .exad-menu-item{ display: flex; align-items: center; line-height: 1; } .exad-mega-menu .exad-mega-menu-wrapper ul.exad-mega-menu-list li.parent-has-no-child .exad-menu-toggle { display: none; } .exad-mega-menu-wrapper ul.exad-sub-menu{ position: absolute; top: 100%; left: 0; width: 200px; height: auto; margin: 0; padding: 0; opacity: 0; visibility: hidden; /* display: none; */ z-index: 111; transition: all .3s ease; /* transform: translateY(10px); */ transform: scaleY(0); transform-origin: top; overflow: hidden; } .exad-mega-menu-wrapper ul.exad-mega-menu-list li.menu-item:hover ul.exad-sub-menu{ opacity: 1; visibility: visible; /* transform: translateY(0px); */ transform: scaleY(1); /* display: block; */ } .exad-mega-menu-wrapper ul.exad-sub-menu > li.menu-item{ display: block; text-align: left; transition: all .3s ease; } .exad-mega-menu-wrapper ul.exad-sub-menu > li.menu-item a.exad-sub-menu-item{ display: block; } .exad-mega-menu-wrapper .exad-sub-menu li.menu-item:not(:last-child){ border-bottom-style: solid; } .exad-mega-menu-wrapper ul.exad-sub-menu div.menu-item{ display: block; } .exad-mega-menu.exad-mega-menu-oriantation-vertical ul.exad-mega-menu-list{ flex-direction: column; width: 100%; } .exad-mega-menu.exad-mega-menu-oriantation-vertical ul.exad-mega-menu-list ul.exad-sub-menu{ top: 0; left: 100%; } .exad-mega-menu.exad-mega-menu-oriantation-vertical .exad-mega-menu-wrapper{ display: flex; } .exad-mega-menu.exad-mega-menu-oriantation-vertical{ width: 300px; } .exad-mega-menu-icon{ display: inline-block; line-height: 1; } .exad-mega-menu-label{ display: inline-block; position: relative; line-height: 1; } .exad-mega-menu-wrapper .slicknav_menu { visibility: hidden; opacity: 0; display: none; } @media (max-width: 1024px) { .exad-mega-menu__breakpoint-tablet .exad-mega-menu-wrapper .slicknav_menu { visibility: visible; opacity: 1; display: block; } .exad-mega-menu__breakpoint-tablet .exad-mega-menu-wrapper ul.exad-mega-menu-list { visibility: hidden; opacity: 0; height: 0; display: none; } .exad-mega-menu__breakpoint-tablet .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav, .exad-mega-menu__breakpoint-mobile .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav { position: absolute; top: 100%; width: 100%; height: auto; z-index: 111; background: #ffffff; /* left: 0; */ right: 0; margin: 0 -10px; padding: 0 10px; } .exad-mega-menu__breakpoint-tablet .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav ul.exad-sub-menu, .exad-mega-menu__breakpoint-mobile .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav ul.exad-sub-menu { position: relative; top: 100%; left: 0; width: 100% !important; height: auto; margin: 0; padding: 0; opacity: 1; visibility: visible; /* display: none; */ z-index: 111; transition: all .3s ease; /* transform: translateY(10px); */ transform: scaleY(1); transform-origin: top; overflow: hidden; } .exad-mega-menu__breakpoint-tablet .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav .exad-menu-toggle, .exad-mega-menu__breakpoint-mobile .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav .exad-menu-toggle { display: none; } .exad-mega-menu__breakpoint-tablet .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav li, .exad-mega-menu__breakpoint-mobile .exad-mega-menu-wrapper .slicknav_menu .slicknav_nav li { margin: 0; } .slicknav_nav .slicknav_row { padding: 0 !important; } .slicknav_nav .slicknav_arrow{ margin: 0 15px 0 0 !important; } } @media (max-width: 767px) { .exad-mega-menu__breakpoint-mobile .exad-mega-menu-wrapper .slicknav_menu { visibility: visible; opacity: 1; display: block; } .exad-mega-menu__breakpoint-mobile .exad-mega-menu-wrapper ul.exad-mega-menu-list { visibility: hidden; opacity: 0; height: 0; display: none; } } /* Mega menu css end */ /* Moving Lines Section Start */ .exad-moving-lines { top: 0; left: 0; right: 0; height: 100%; margin: auto; } .exad-moving-lines .line:nth-child(1) { margin-left: -25%; } .exad-moving-lines .line { position: absolute; width: 1px; height: 100%; top: 0; left: 50%; overflow: hidden; } .exad-moving-lines .line:nth-child(3) { margin-left: 25%; } .exad-moving-lines .line:nth-child(1)::after { -webkit-animation-delay: 2s; animation-delay: 2s; } .exad-moving-lines .line::after { content: ""; display: block; position: absolute; height: 15vh; width: 100%; top: -50%; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%); -webkit-animation: exadmovingline 7s 0s infinite; animation: exadmovingline 7s 0s infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); } .exad-moving-lines .line:nth-child(3)::after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } @keyframes exadmovingline { 0% { top: -50%; } 100% { top: 110%; } } /* Moving Lines Section End */ /* Cube Background*/ .exad-moving-cube { overflow: hidden; } .exad-moving-cube .cube:nth-child(2) { -webkit-animation-delay: 2s; animation-delay: 2s; left: 25vw; top: 40vh; } .exad-moving-cube .cube:nth-child(2n) { border-color: #0051f4; } .exad-moving-cube .cube:nth-child(3) { -webkit-animation-delay: 4s; animation-delay: 4s; left: 75vw; top: 50vh; } .exad-moving-cube .cube:nth-child(4) { -webkit-animation-delay: 6s; animation-delay: 6s; left: 90vw; top: 10vh; } .exad-moving-cube .cube:nth-child(5) { -webkit-animation-delay: 8s; animation-delay: 8s; left: 10vw; top: 85vh; } .exad-moving-cube .cube:nth-child(6) { -webkit-animation-delay: 10s; animation-delay: 10s; left: 50vw; top: 10vh; } .exad-moving-cube .cube { position: absolute; top: 80vh; left: 45vw; width: 10px; height: 10px; border: solid 1px #003298; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%); transform: scale(0) rotate(0deg) translate(-50%, -50%); -webkit-animation: exadmovingcube 12s ease-in forwards infinite; animation: exadmovingcube 12s ease-in forwards infinite; } @keyframes exadmovingcube { from { transform: scale(0) rotate(0deg) translate(-50%, -50%); opacity: 1; } to { transform: scale(20) rotate(960deg) translate(-50%, -50%); opacity: 0; } } /* Nav Menu Section Start */ /*! * SlickNav Responsive Mobile Menu v1.0.10 * (c) 2016 Josh Cope * licensed under MIT */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: 0.875em; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; } .slicknav_menu .slicknav_no-text { margin: 0; display: table; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_menu:before { content: " "; display: table; } .slicknav_menu:after { content: " "; display: table; clear: both; } .slicknav_nav { clear: both; } .slicknav_nav ul { display: block; } .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 16px; box-sizing: border-box; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000; } .slicknav_menu .slicknav_icon-bar { background-color: #fff; } .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #222; } .slicknav_nav { margin: 0; padding: 0; list-style: none; overflow: hidden; } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; } .slicknav_nav .slicknav_row { padding: 5px 10px; } .slicknav_nav .slicknav_row { display: flex; align-items: center; justify-content: space-between; } .slicknav_nav a { text-decoration: none; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_brand { font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } .slicknav_nav .exad-has-submenu-container { display: flex; width: 100%; } .exad-nav-menu__layout-horizontal, .exad-nav-menu__layout-horizontal .exad-nav-menu { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .exad-nav-menu__align-left .exad-nav-menu { margin-right: auto; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } ul.exad-nav-menu, .exad-nav-menu li, .exad-nav-menu ul { list-style: none !important; margin: 0; padding: 0; } .exad-nav-menu li.menu-item { position: relative; } ul.exad-nav-menu, .exad-nav-menu li, .exad-nav-menu ul { list-style: none !important; margin: 0; padding: 0; } .exad-nav-menu a.exad-menu-item, .exad-nav-menu a.exad-sub-menu-item { line-height: 1; text-decoration: none; -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-box-shadow: none; box-shadow: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .exad-nav-menu a.exad-menu-item { padding-top: 15px; padding-bottom: 15px; } .exad-nav-menu ul.sub-menu { width: 220px; } .exad-nav-menu__layout-horizontal .exad-nav-menu .sub-menu { -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); } .exad-nav-menu .menu-item-has-children .sub-menu { position: absolute; top: 100%; left: 0; z-index: 9999; visibility: hidden; opacity: 0; } .exad-nav-menu__layout-horizontal .exad-nav-menu .menu-item-has-children:hover > .sub-menu, .exad-nav-menu__layout-horizontal .exad-nav-menu .menu-item-has-children:hover > .sub-menu, .exad-nav-menu__layout-horizontal .exad-nav-menu .menu-item-has-children.focus > .sub-menu { visibility: visible; opacity: 1; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .exad-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 100%; } .exad-nav-menu a.exad-menu-item { font-size: 18px; } .exad-nav-menu .sub-menu a.exad-sub-menu-item { font-size: 18px; } nav.exad-dropdown-expandible li.menu-item:not(:last-child) { border: 2px solid; } .exad-nav-menu__align-left .exad-nav-menu { margin-right: auto; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .exad-nav-menu__align-center .exad-nav-menu { margin-left: auto; margin-right: auto; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .exad-nav-menu__align-right .exad-nav-menu { margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .exad-nav-menu__align-justify .exad-nav-menu__layout-horizontal .exad-nav-menu { width: 100%; } .exad-nav-menu__align-justify .exad-nav-menu__layout-horizontal .exad-nav-menu li.menu-item { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; } .exad-nav-menu__align-justify .exad-nav-menu__layout-horizontal .exad-nav-menu li a.exad-menu-item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .exad-nav-menu > li:not(:last-child) { margin-right: 15px; } .exad-nav-menu .sub-arrow { display: block; height: 0.7rem; pointer-events: none; transform: rotate(-45deg); width: 1.3rem; } .exad-nav-menu .sub-arrow::before, .exad-nav-menu .sub-arrow::after { content: ""; display: block; background-color: currentColor; position: absolute; bottom: 50%; left: 0; } .exad-nav-menu .sub-arrow::before { height: 10px; width: 2px; } .exad-nav-menu .sub-arrow::after { height: 2px; width: 10px; } .exad-nav-menu li > .sub-menu .exad-has-submenu-container .sub-arrow::before { height: 10px; width: 2px; } .exad-nav-menu li > .sub-menu .exad-has-submenu-container .sub-arrow::after { height: 2px; width: 10px; } .exad-nav-menu li > .sub-menu .exad-has-submenu-container .sub-arrow::before, .exad-nav-menu li > .sub-menu .exad-has-submenu-container .sub-arrow::after { bottom: calc( 50% + 10px ); left: -21px; } .exad-nav-menu-wrapper .slicknav_menu { visibility: hidden; opacity: 0; display: none; } @media only screen and (max-width: 1024px) { .exad-nav-menu__breakpoint-tablet .exad-nav-menu-wrapper .slicknav_menu { visibility: visible; opacity: 1; display: block; } .exad-nav-menu__breakpoint-tablet .exad-nav-menu-wrapper .exad-nav-menu__layout-horizontal { visibility: hidden; opacity: 0; height: 0; display: none; } } @media only screen and (max-width: 767px) { .exad-nav-menu__breakpoint-mobile .exad-nav-menu-wrapper .slicknav_menu { visibility: visible; opacity: 1; display: block; } .exad-nav-menu__breakpoint-mobile .exad-nav-menu-wrapper .exad-nav-menu__layout-horizontal { visibility: hidden; opacity: 0; height: 0; display: none; } .exad-layout-vartical .exad-nav-menu__layout-horizontal .exad-nav-menu { width: 100%; } .exad-layout-vartical .exad-nav-menu__layout-horizontal .exad-nav-menu li.menu-item { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; } .exad-layout-vartical .exad-nav-menu__layout-horizontal .exad-nav-menu li a.exad-menu-item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } } .slicknav_nav .slicknav_row, .slicknav_nav li:not(.exad-has-submenu) a { padding: 10px 15px; } .exad-nav-menu__layout-horizontal, .exad-nav-menu__layout-horizontal .exad-nav-menu { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .exad-nav-menu__align-left .exad-nav-menu { margin-right: auto; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } ul.exad-nav-menu, .exad-nav-menu li, .exad-nav-menu ul { list-style: none !important; margin: 0; padding: 0; } .exad-nav-menu li.menu-item { position: relative; } ul.exad-nav-menu, .exad-nav-menu li, .exad-nav-menu ul { list-style: none !important; margin: 0; padding: 0; } .exad-nav-menu a.exad-menu-item, .exad-nav-menu a.exad-sub-menu-item { line-height: 1; text-decoration: none; -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-box-shadow: none; box-shadow: none; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; } .exad-nav-menu a.exad-menu-item { padding-top: 15px; padding-bottom: 15px; } .exad-nav-menu ul.sub-menu { width: 220px; } .exad-nav-menu__layout-horizontal .exad-nav-menu .sub-menu { -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1); } .exad-nav-menu .menu-item-has-children .sub-menu { position: absolute; top: 100%; left: 0; z-index: 9999; visibility: hidden; opacity: 0; /* overflow: hidden; */ } .exad-nav-menu__layout-horizontal .exad-nav-menu .menu-item-has-children:hover > .sub-menu, .exad-nav-menu__layout-horizontal .exad-nav-menu .menu-item-has-children:hover > .sub-menu, .exad-nav-menu__layout-horizontal .exad-nav-menu .menu-item-has-children.focus > .sub-menu { visibility: visible; opacity: 1; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .exad-nav-menu .menu-item-has-children .menu-item-has-children .sub-menu { top: 0; left: 100%; } .exad-nav-menu a.exad-menu-item { font-size: 18px; } .exad-nav-menu .sub-menu a.exad-sub-menu-item { font-size: 18px; } nav.exad-dropdown-expandible li.menu-item:not(:last-child) { border: 2px solid; } .exad-nav-menu__align-left .exad-nav-menu { margin-right: auto; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; } .exad-nav-menu__align-center .exad-nav-menu { margin-left: auto; margin-right: auto; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .exad-nav-menu__align-right .exad-nav-menu { margin-left: auto; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; } .exad-nav-menu__align-justify .exad-nav-menu__layout-horizontal .exad-nav-menu { width: 100%; } .exad-nav-menu__align-justify .exad-nav-menu__layout-horizontal .exad-nav-menu li.menu-item { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; } .exad-nav-menu__align-justify .exad-nav-menu__layout-horizontal .exad-nav-menu li a.exad-menu-item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .slicknav_btn .slicknav_icon .slicknav_icon-bar{ transition: all .3s ease; } .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-child(2){ visibility: hidden; opacity: 0; } .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-child(1){ transform: translate(0, 6px) rotate(45deg); } .slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-child(3){ transform: translate(0, 0) rotate(-45deg); margin: 0; } .exad-nav-menu-wrapper.exad-layout-vartical.exad-nav-menu-layout.vartical .exad-nav-menu__layout-horizontal .exad-nav-menu{ flex-direction: column; } .exad-nav-menu__layout-horizontal .exad-nav-menu li a.exad-menu-item{ position: relative; overflow: hidden; } .exad-nav-menu__layout-horizontal.effect-1 .exad-nav-menu li a.exad-menu-item::before{ position: absolute; transition: all .3s ease; content: ''; height: 3px; width: 100%; transform: scaleX(0); transform-origin: left; background: #000; left: 0; bottom: 0; } .exad-nav-menu__layout-horizontal.effect-1 .exad-nav-menu li a.exad-menu-item:hover::before{ transform: scaleX(1); } .exad-nav-menu__layout-horizontal.effect-1 .exad-nav-menu li.current-menu-item a.exad-menu-item::before{ transform: scaleX(1); } .exad-nav-menu__layout-horizontal.effect-2 .exad-nav-menu li a.exad-menu-item::before{ position: absolute; transition: all .3s ease; content: ''; height: 3px; width: 100%; transform: scale3d(0,1,1); transform-origin: 0 50%; background: #000; left: 0; bottom: 0; } .exad-nav-menu__layout-horizontal.effect-2 .exad-nav-menu li a.exad-menu-item:hover::before{ transform: scale3d(1,1,1); transform-origin: 100% 50%; } .exad-nav-menu__layout-horizontal.effect-2 .exad-nav-menu li.current-menu-item a.exad-menu-item::before{ transform: scale3d(1,1,1); } .exad-nav-menu__layout-horizontal.effect-3 .exad-nav-menu li a.exad-menu-item::before, .exad-nav-menu__layout-horizontal.effect-3 .exad-nav-menu li a.exad-menu-item::after { position: absolute; transition: all .3s ease; content: ''; height: 3px; width: 100%; transform: scaleX(0); background: #000; } .exad-nav-menu__layout-horizontal.effect-3 .exad-nav-menu li a.exad-menu-item::before{ transform-origin: left; left: 0; top: 0; } .exad-nav-menu__layout-horizontal.effect-3 .exad-nav-menu li a.exad-menu-item::after{ right: 0; bottom: 0; transform-origin: right; } .exad-nav-menu__layout-horizontal.effect-3 .exad-nav-menu li a.exad-menu-item:hover::before, .exad-nav-menu__layout-horizontal.effect-3 .exad-nav-menu li a.exad-menu-item:hover::after{ transform: scaleX(1); } .exad-nav-menu__layout-horizontal.effect-3 .exad-nav-menu li.current-menu-item a.exad-menu-item::before, .exad-nav-menu__layout-horizontal.effect-3 .exad-nav-menu li.current-menu-item a.exad-menu-item::after{ transform: scaleX(1); } .exad-nav-menu__layout-horizontal.effect-4 .exad-nav-menu li a.exad-menu-item::before{ position: absolute; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; top: 25%; bottom: 25%; left: 0; right: 0; border-top: 3px solid #34495e; border-bottom: 3px solid #34495e; } .exad-nav-menu__layout-horizontal.effect-4 .exad-nav-menu li a.exad-menu-item:hover::before{ opacity: 1; top: 0; bottom: 0; } .exad-nav-menu__layout-horizontal.effect-4 .exad-nav-menu li.current-menu-item a.exad-menu-item::before{ opacity: 1; top: 0; bottom: 0; } .exad-nav-menu__layout-horizontal.effect-5 .exad-nav-menu li a.exad-menu-item::before{ position: absolute; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; opacity: 0; top: 0; bottom: 0; left: 25%; right: 25%; border-left: 3px solid #34495e; border-right: 3px solid #34495e; } .exad-nav-menu__layout-horizontal.effect-5 .exad-nav-menu li a.exad-menu-item:hover::before{ opacity: 1; left: 0; right: 0; } .exad-nav-menu__layout-horizontal.effect-5 .exad-nav-menu li.current-menu-item a.exad-menu-item::before{ opacity: 1; left: 0; right: 0; } .exad-nav-menu__layout-horizontal.effect-6 .exad-nav-menu li a.exad-menu-item::before{ position: absolute; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; left: 0; bottom: 0; height: 3px; width: 100%; transform: scaleX(0); transform-origin: center center; background: #34495e; } .exad-nav-menu__layout-horizontal.effect-6 .exad-nav-menu li a.exad-menu-item:hover::before{ transform: scaleX(1); } .exad-nav-menu__layout-horizontal.effect-6 .exad-nav-menu li.current-menu-item a.exad-menu-item::before{ transform: scaleX(1); } .exad-nav-menu-wrapper .slicknav_nav { position: absolute; top: 100%; width: 100%; z-index: 11111; margin: 0 -10px; padding: 0 10px; right: 0; } /* Off Canvas CSS Start */ body.excluisve-addons-elementor { transition: all .3s ease; } .exad-offcanvas-content-inner{ position: fixed; background: #f4f4f4; transition: all .3s ease; z-index: 9999; visibility: hidden; overflow: auto; } .exad-offcanvas-content-inner::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .exad-offcanvas-content-inner { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .exad-offcanvas-content.offcanvas-top .exad-offcanvas-content-inner, .exad-offcanvas-content.offcanvas-bottom .exad-offcanvas-content-inner { width: 100%; left: 0; } .exad-offcanvas-content.offcanvas-left .exad-offcanvas-content-inner, .exad-offcanvas-content.offcanvas-right .exad-offcanvas-content-inner { height: 100%; top: 0; } .exad-offcanvas-overlay{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 999; opacity: 0; visibility: hidden; transition: all .3s ease; } .exad-offcanvas-overlay.offcanvas-active{ opacity: 1; visibility: visible; } .exad-offcanvas-content-body{ padding: 50px 20px; } .exad-offcanvas-content-inner.offcanvas-active{ visibility: visible; } .exad-offcanvas-close-button{ position: absolute; top: 50px; right: 50px; height: 30px; width: 30px; } .exad-offcanvas-close-button span{ display: block; height: 100%; width: 100%; } .exad-offcanvas-close-button span::before, .exad-offcanvas-close-button span::after { position: absolute; content: ''; height: 20px; width: 1px; background: #000; transform: translate(-50%, -50%) rotate(45deg); top: 50%; left: 50%; } .exad-offcanvas-close-button span::after{ transform: translate(-50%, -50%) rotate(-45deg); } .exad-offcanvas-content-inner .list-inline-item{ display: block; } .exad-offcanvas-open-button{ display: inline-block; text-decoration: none; transition: all .3s ease; } .exad-offcanvas-open-button-wrapper.align-left{ text-align: left; } .exad-offcanvas-open-button-wrapper.align-center{ text-align: center; } .exad-offcanvas-open-button-wrapper.align-right{ text-align: right; } .exad-offcanvas-open-button-wrapper.absolute .exad-offcanvas-open-button{ position: absolute; } .exad-offcanvas-menu{ margin: 0; padding: 0; } .exad-offcanvas-menu li{ list-style: none; transition: all .3s ease; } .exad-offcanvas.exad-offcanvas-button-fixed .exad-offcanvas-open-button-wrapper { position: fixed; z-index: 111; } /* Off Canvas CSS End */ /* Page Title style starts */ .exad-page-link { display: flex; margin: 0; } .exad-page-title { color: #000; font-size: 22px; margin: 0; } /* Page Title style ends */ /* Parallax Effect css start */ .exad-parallax-scene { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; top: 0; left: 0; overflow: hidden; } .exad-scene-item { position: absolute; width: 102%; height: 104%; background-repeat: no-repeat; overflow: hidden; margin: 0; padding: 0; top: -1%; left: -2%; background-size: auto; } /* Parallax Effect css end */ /* Post Navigation style start */ .exad-post-navigation-wrapper { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; } .exad-post-nav-next { text-align: right; } .exad-post-navigation-wrapper .exad-post-nav-previous a, .exad-post-navigation-wrapper .exad-post-nav-next a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; } .exad-post-navigation-wrapper span.exad-post-nav-prev-link, .exad-post-navigation-wrapper span.exad-post-nav-next-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; } .exad-post-nav-prev-title, .exad-post-nav-next-title, .exad-post-nav-prev-label, .exad-post-nav-next-label { color: #000000; z-index: 1; } .exad-post-nav-prev-arrow, .exad-post-nav-next-arrow { display: flex; z-index: 1; } .exad-post-nav-previous::before, .exad-post-nav-next::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; } .exad-post-nav-previous, .exad-post-nav-next { position: relative; } /* Post Navigation style ends */ .exad-post-slider .slick-prev:before, .exad-post-slider .slick-next:before{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .exad-slide-content a{ transition: all .3s ease; } .exad-post-slider .exad-slide-bg{ background-size: cover; } .exad-promo-box-container { position: relative; } .exad-promo-box-container .exad-promo-logo { width: 150px; overflow: hidden; display: table; } .exad-promo-box-container .exad-promo-logo img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; } .exad-promo-box-container.exad-promo-content-type-horizontal { display: flex; align-items: center; justify-content: space-between; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container.exad-promo-content-type-horizontal, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container.exad-promo-content-type-horizontal { width: 100%; max-width: 1170px; margin: 0 auto; } .exad-promo-box-container.exad-promo-content-type-horizontal .exad-promo-content-container, .exad-promo-box-container.exad-promo-content-type-horizontal .exad-countdown-content-container, .exad-promo-box-container.exad-promo-content-type-horizontal .exad-mailchimp-container { /* flex: 1 1 auto; */ } .exad-promo-box-container .exad-countdown-content-container .exad-countdown-count { font-size: 16px; font-weight: 600; display: block; } .exad-promo-box-container .exad-countdown-content-container .exad-countdown-title { font-size: 14px; font-weight: 600; display: block; } .exad-promo-box-container.exad-promo-content-type-horizontal .exad-mailchimp-container.exad-mailchimp-type-horizontal .exad-mailchimp-form-container .exad-mailchimp-item { flex: inherit; } .exad-promo-box-container .exad-countdown.exad-countdown-title-visibility-no .exad-countdown-container .exad-countdown-timer-wrapper>span.exad-countdown-title { display: none; } .exad-mailchimp-submit-btn button { border: 0; outline: none; } .exad-promo-box-container.exad-promo-content-type-vertical { display: block; } .exad-promo-box-wrapper.exad-promo-allignment-flex-start .exad-promo-box-container.exad-promo-content-type-vertical .exad-promo-logo { margin-right: auto; } .exad-promo-box-wrapper.exad-promo-allignment-flex-start .exad-promo-box-container.exad-promo-content-type-vertical .exad-countdown { justify-content: flex-start; } .exad-promo-box-wrapper.exad-promo-allignment-flex-start .exad-promo-box-container.exad-promo-content-type-vertical .exad-mailchimp-input-field { margin-right: auto; } .exad-promo-box-wrapper.exad-promo-allignment-flex-start .exad-promo-box-container.exad-promo-content-type-vertical .exad-promo-box-item { text-align: left; } .exad-promo-box-wrapper.exad-promo-allignment-center .exad-promo-box-container.exad-promo-content-type-vertical .exad-promo-logo { margin-left: auto; margin-right: auto; } .exad-promo-box-wrapper.exad-promo-allignment-center .exad-promo-box-container.exad-promo-content-type-vertical .exad-countdown { justify-content: center; } .exad-promo-box-wrapper.exad-promo-allignment-center .exad-promo-box-container.exad-promo-content-type-vertical .exad-mailchimp-input-field { margin-left: auto; margin-right: auto; } .exad-promo-box-wrapper.exad-promo-allignment-center .exad-promo-box-container.exad-promo-content-type-vertical .exad-promo-box-item { text-align: center; } .exad-promo-box-wrapper.exad-promo-allignment-flex-end .exad-promo-box-container.exad-promo-content-type-vertical .exad-promo-logo { margin-left: auto; } .exad-promo-box-wrapper.exad-promo-allignment-flex-end .exad-promo-box-container.exad-promo-content-type-vertical .exad-countdown { justify-content: flex-end; } .exad-promo-box-wrapper.exad-promo-allignment-flex-end .exad-promo-box-container.exad-promo-content-type-vertical .exad-mailchimp-input-field { margin-left: auto; } .exad-promo-box-wrapper.exad-promo-allignment-flex-end .exad-promo-box-container.exad-promo-content-type-vertical .exad-promo-box-item { text-align: right; } .exad-promo-box-container.exad-promo-content-type-vertical a.exad-promo-button-link { display: inline-block; } .exad-promo-box-container .exad-promo-box-dismiss-icon { position: absolute; transform: translateY(-50%); line-height: 0; } .exad-promo-box-container .exad-promo-box-dismiss-icon svg { cursor: pointer; } .exad-promo-box-wrapper.exad-promo-position-top, .exad-promo-box-wrapper.exad-promo-position-bottom { position: fixed; left: 0; right: 0; top: 0; } .exad-promo-box-wrapper.exad-promo-align-type-horizontal.exad-promo-position-top, .exad-promo-box-wrapper.exad-promo-align-type-horizontal.exad-promo-position-bottom { display: flex; justify-content: space-between; align-items: center; } .exad-promo-box-wrapper.exad-promo-position-bottom { top: inherit; } body.admin-bar .exad-promo-box-wrapper.exad-promo-position-top { top: 32px; } .exad-promo-box-wrapper.exad-promo-position-bottom { position: fixed; left: 0; right: 0; bottom: 0; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-responsive-heading, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-responsive-heading { display: none; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-wrapper, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-wrapper { height: 100px; background: #34495e; padding: 0 20px; color: #fff; } .exad-promo-box-wrapper.exad-promo-position-top .show-menu-btn, .exad-promo-box-wrapper.exad-promo-position-top .hide-menu-btn, .exad-promo-box-wrapper.exad-promo-position-bottom .show-menu-btn, .exad-promo-box-wrapper.exad-promo-position-bottom .hide-menu-btn { transition: 0.4s; font-size: 30px; cursor: pointer; display: none; } .exad-promo-box-wrapper.exad-promo-position-top .show-menu-btn i, .exad-promo-box-wrapper.exad-promo-position-bottom .show-menu-btn i { line-height: 1; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container a:hover, .exad-promo-box-wrapper.exad-promo-position-top .show-menu-btn:hover, .exad-promo-box-wrapper.exad-promo-position-top .hide-menu-btn:hover, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container a:hover, .exad-promo-box-wrapper.exad-promo-position-bottom .show-menu-btn:hover, .exad-promo-box-wrapper.exad-promo-position-bottom .hide-menu-btn:hover { color: #3498db; } .exad-promo-box-wrapper.exad-promo-position-top #exad-promo-responsive-menu, .exad-promo-box-wrapper.exad-promo-position-bottom #exad-promo-responsive-menu { position: absolute; visibility: hidden; z-index: -1111; } .exad-promo-box-wrapper .exad-countdown{ display: flex; flex-wrap: nowrap; justify-content: center; } .exad-promo-box-wrapper .exad-countdown .exad-countdown-container{ margin: 0; width: auto; } @media screen and (max-width:767px) { .exad-promo-box-wrapper.exad-promo-position-top, .exad-promo-box-wrapper.exad-promo-position-bottom { z-index: 9; padding: 0 10px; } .exad-promo-box-wrapper.exad-promo-align-type-vertical.exad-promo-position-top, .exad-promo-box-wrapper.exad-promo-align-type-vertical.exad-promo-position-bottom { display: flex; justify-content: space-between; align-items: center; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-responsive-heading, .exad-promo-box-wrapper.exad-promo-position-top .show-menu-btn, .exad-promo-box-wrapper.exad-promo-position-top .hide-menu-btn, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-responsive-heading, .exad-promo-box-wrapper.exad-promo-position-bottom .show-menu-btn, .exad-promo-box-wrapper.exad-promo-position-bottom .hide-menu-btn { display: block; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container { position: fixed; width: 100%; height: 100vh; background: #e6e2ff; right: -100%; top: 0; text-align: center; padding: 80px 0; line-height: normal; transition: 0.7s; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container a, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container a { display: block; padding: 20px; } .exad-promo-box-wrapper.exad-promo-position-top .hide-menu-btn, .exad-promo-box-wrapper.exad-promo-position-bottom .hide-menu-btn { position: absolute; top: 80px; right: 20px; } .exad-promo-box-wrapper.exad-promo-position-top #exad-promo-responsive-menu:checked ~ .exad-promo-box-container, .exad-promo-box-wrapper.exad-promo-position-bottom #exad-promo-responsive-menu:checked ~ .exad-promo-box-container { right: 0; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container .exad-promo-logo, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container .exad-promo-logo { width: 100%; text-align: center; display: inline-block; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container .exad-promo-logo img, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container .exad-promo-logo img { max-width: 150px; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container.exad-promo-content-type-horizontal, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container.exad-promo-content-type-horizontal { flex-direction: column; align-items: inherit; justify-content: center; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container.exad-promo-content-type-horizontal .exad-promo-content-container, .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container.exad-promo-content-type-horizontal .exad-countdown-content-container, .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container.exad-promo-content-type-horizontal .exad-mailchimp-container, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container.exad-promo-content-type-horizontal .exad-promo-content-container, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container.exad-promo-content-type-horizontal .exad-countdown-content-container, .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container.exad-promo-content-type-horizontal .exad-mailchimp-container { flex: inherit; } .exad-promo-box-wrapper.exad-promo-position-top .exad-promo-box-container.exad-promo-content-type-horizontal .exad-promo-box-item:not(:last-child), .exad-promo-box-wrapper.exad-promo-position-bottom .exad-promo-box-container.exad-promo-content-type-horizontal .exad-promo-box-item:not(:last-child) { margin: 0 15px !important; } .exad-promo-box-wrapper.exad-promo-position-top.exad-responsive-promo-box .exad-promo-box-container.exad-promo-content-type-horizontal .exad-promo-inner-content, .exad-promo-box-wrapper.exad-promo-position-bottom.exad-responsive-promo-box .exad-promo-box-container.exad-promo-content-type-horizontal .exad-promo-inner-content { margin: 20px 0 !important; } .exad-promo-box-wrapper.exad-promo-position-top.exad-responsive-promo-box .exad-countdown.exad-countdown-divider .exad-countdown-container::after { top: 22% !important; } .exad-promo-box-wrapper.exad-promo-position-none .exad-promo-box-container.exad-promo-content-type-horizontal { flex-direction: column; } .exad-promo-box-wrapper.exad-promo-position-none .exad-promo-box-container.exad-promo-content-type-horizontal .exad-promo-content-inside-wrapper { margin: 15px 0; } body.admin-bar .exad-promo-box-wrapper.exad-promo-position-top { top: 46px; } } .exad-promo-box-wrapper.exad-promo-align-type-vertical.exad-promo-position-bottom-right{ width: 350px; position: fixed; bottom: 0; right: 0; } .exad-promo-box-wrapper.exad-promo-align-type-vertical.exad-promo-position-bottom-left{ width: 350px; position: fixed; bottom: 0; left: 0; } .exad-promo-box-wrapper.exad-promo-align-type-vertical.exad-promo-position-top-left{ width: 350px; position: fixed; top: 0; left: 0; } .exad-promo-box-wrapper.exad-promo-align-type-vertical.exad-promo-position-top-right{ width: 350px; position: fixed; top: 0; right: 0; } .exad-promo-box-wrapper.exad-promo-align-type-vertical.exad-promo-position-left-center{ width: 350px; position: fixed; top: 50%; left: 0; transform: translateY(-50%); } .exad-promo-box-wrapper.exad-promo-align-type-vertical.exad-promo-position-right-center{ width: 350px; position: fixed; top: 50%; right: 0; transform: translateY(-50%); } .exad-mailchimp-container .exad-mailchimp-input-field{ border: none; } /* Search Form style starts */ .exad-search-form-container { display: flex; overflow: hidden; } .exad-search-button-wrapper input[type=search] { border: 0; padding: 10px; cursor: pointer; border-radius: 0; transition: all .5s; box-sizing: border-box; outline: none; } .exad-search-button-wrapper button { border: none; border-radius: 0; padding: 0; } .exad-search-button-wrapper input[type=search]:focus { cursor: auto; border: none; box-shadow: none; } .exad-search-icon-toggle input:-moz-placeholder, .exad-search-icon-toggle input::-webkit-input-placeholder { color: transparent; } .exad-search-button-wrapper.exad-input-focus { display: flex; } .exad-search-form-container .exad-search-submit { min-width: 3%; position:relative; } .exad-search-form-container button#clear, .exad-search-icon-toggle button#clear { visibility: hidden; position: absolute; right:0; top:0; padding: 0 8px; font-style: normal; user-select: none; cursor: pointer; bottom:0; margin-right:10px; background-color: transparent; } .exad-search-button-wrapper input[type="search"]::-webkit-search-decoration, .exad-search-button-wrapper input[type="search"]::-webkit-search-cancel-button, .exad-search-button-wrapper input[type="search"]::-webkit-search-results-button, .exad-search-button-wrapper input[type="search"]::-webkit-search-results-decoration { display: none; } .exad-search-form-container button#clear-with-button{ visibility: hidden; position: absolute; top: 0; padding: 0 8px; font-style: normal; font-size: 1.2em; user-select: none; cursor: pointer; bottom:0; background-color: transparent; } .exad-search-button-wrapper, .exad-search-form-container, .exad-search-icon-toggle, .exad-search-button-wrapper .exad-search-icon-toggle i, .exad-search-button-wrapper .exad-search-icon-toggle i:before { position: relative; } .exad-search-button-wrapper .exad-search-icon-toggle .exad-search-form-input { position: absolute; width: 0; right: 0; background-color: transparent; } .exad-search-icon-toggle { width: 100%!important; } .exad-search-button-wrapper.exad-input-focus .exad-search-icon-toggle .exad-search-form-input{ position: absolute; width: 250px; right: 0; } .exad-search-type-text .exad-search-form-container, .exad-search-type-icon_text .exad-search-form-container, .exad-search-type-text .exad-search-form-container .exad-search-form-input, .exad-search-type-icon_text .exad-search-form-container .exad-search-form-input { width: 100%; } .exad-search-icon-toggle { line-height: 1.5; } /* Search Form style ends */ /* Site Logo CSS Starts */ .exad-site-logo img{ transition: all .3s ease; } .exad-site-logo .custom-logo-link:focus{ outline: 0; } /* Site Logo CSS Ends */ /* Site Title style starts */ .exad-site-link { display: flex; margin: 0; } .exad-site-tagline { color: #000; font-size: 22px; margin: 0; } /* Site Title style ends */ /* Site Title style starts */ .exad-site-link { display: flex; margin: 0; } .exad-site-title { color: #000; font-size: 22px; margin: 0; } /* Site Title style ends */ /*Exad Slider starts here*/ .exad-slider.fullscreen .exad-each-slider-item { height: 100vh; } body.admin-bar .exad-slider.fullscreen .exad-each-slider-item { height: calc(100vh - 32px); } .exad-each-slider-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; } .exad-each-slider-item .exad-slider-bg-overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .exad-slide-bg { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; /* background-size: cover; -webkit-background-size: cover; */ /* background-position: center center; */ background-repeat: no-repeat; min-width: 100%; min-height: 100%; } .exad-slide-inner { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; background-repeat: no-repeat; background-position: 50%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .exad-slide-content { position: relative; z-index: 1; width: 100%; margin: 0 auto; } .exad-slide-content h2 { font-size: 30px; } .exad-slide-content p { font-size: 18px; } .exad-slide-content a { font-size: 15px; display: inline-block; } .exad-slider .slick-next, .exad-slider .slick-prev { z-index: 1; font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; color: transparent; border: none; outline: none; background: rgba(255, 255, 255, .3); } .exad-slider .slick-prev { left: 0px; } .exad-slider .slick-next { right: 0px; } .exad-slider .slick-prev:before { content: "\e89f"; } .exad-slider .slick-next:before { content: "\e89e"; } .exad-slider .slick-next:before, .exad-slider .slick-prev:before { font-family: eicons; font-size: 35px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 1; line-height: unset; } .exad-slider .slick-prev:hover, .exad-slider .slick-next:hover { background-color: inherit; } .exad-slider.dot-bullet ul.slick-dots { bottom: 15px; left: 0; transform: translateX(-50%); position: absolute; display: flex; align-items: center; padding: 0; margin: 0; list-style: none; line-height: 1; width: auto; } .exad-slider.dot-bullet ul.slick-dots li { position: relative; display: table; margin: 0; padding: 0; cursor: pointer; } .exad-slider.dot-bullet ul.slick-dots li.slick-active { background: rgba(255, 255, 255, 1); } .exad-slider.dot-bullet ul.slick-dots li:last-child { margin-right: 0px !important; } .exad-slider.dot-bullet ul.slick-dots li button { display: none; } .exad-slider.dot-image ul.slick-dots { padding: 0; margin: 0; list-style: none; text-align: center; } .exad-slider.dot-image ul.slick-dots li { position: relative; display: inline-block; cursor: pointer; } .exad-slider .slick-dots { display: flex; } .exad-slider.dot-hide .slick-dots { display: none; } .exad-slider .slick-dots li { flex: 1; } .exad-slider .slick-dots li a { height: 70px; display: block; } .exad-slider .slick-dots li a img { height: 100%; width: 100%; object-fit: cover; } .exad-slider.dot-image ul li:first-child { margin-left: 0px !important; } .exad-slider.dot-image ul li:last-child { margin-right: 0px !important; } /*exad slider animation*/ .slick-active.slick-current .exad-slider-progressbar-active { position: absolute; top: 0; left: 0; height: 7px; -webkit-animation: exadSliderProgressbar 5000ms ease-in-out; -moz-animation: exadSliderProgressbar 5000ms ease-in-out; -ms-animation: exadSliderProgressbar 5000ms ease-in-out; animation: exadSliderProgressbar 5000ms ease-in-out; background-color: rgba(255, 255, 255, .7); z-index: 99; } .exad-slide-content.exad-slide-content-title-background-yes h2 { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } @-webkit-keyframes exadSliderProgressbar { from { width: 0; } to { width: 100%; } } @keyframes exadSliderProgressbar { from { width: 0; } to { width: 100%; } } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-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; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } /*Exad Slider ends here*/ /* Social Share CSS Start */ .exad-social-share-icons.exad-social-share-display-horizontal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .exad-social-share-icons.exad-social-share-display-vertical { display: flex; flex-direction: column; } .exad-social-share-icons a { display: inline-flex; align-items: center; transition: all .3s ease; } .exad-social-share-icons a svg path { transition: all .3s ease; } .exad-social-share-icons.exad-social-share-box-yes a{ position: relative; } .exad-social-share-icons.exad-social-share-box-yes a i, .exad-social-share-icons.exad-social-share-box-yes a svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Social Share CSS End */ /* source code style starts */ .exad-source-code pre { position: relative; } .exad-source-code.visibility-on-hover pre .exad-copy-button { opacity: 0; } .exad-source-code pre .exad-copy-button { position: absolute; content: ''; right: 0; top: 0; font-size: 13px; border: none; outline: 0; transition: .3s; } .exad-source-code.position-bottom-right pre .exad-copy-button { top: inherit; bottom: 0; } .exad-source-code pre .exad-copy-button:focus { outline: 0; } .exad-source-code.visibility-on-hover:hover pre .exad-copy-button { opacity: 1; } .exad-source-code pre[class*="language-"].line-numbers { position: relative; padding-left: 3.8em; counter-reset: linenumber; } .exad-source-code pre[class*="language-"].line-numbers > code { position: relative; white-space: inherit; } .exad-source-code .line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; /* works for line-numbers below 1000 lines */ letter-spacing: -1px; border-right: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .exad-source-code .line-numbers-rows > span { display: block; counter-increment: linenumber; } .exad-source-code .line-numbers-rows > span:before { content: counter(linenumber); color: #999; display: block; padding-right: 0.8em; text-align: right; } /* PrismJS 1.19.0 https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+arduino+aspnet+bash+basic+c+csharp+cpp+coffeescript+clojure+dart+django+docker+elixir+erlang+git+go+graphql+haml+haskell+http+hpkp+hsts+java+javadoc+javadoclike+javastacktrace+jsdoc+js-extras+js-templates+json+jsonp+json5+kotlin+less+lisp+markdown+markup-templating+matlab+nginx+nix+objectivec+perl+php+phpdoc+php-extras+plsql+powershell+python+r+jsx+tsx+regex+rest+ruby+sass+scss+scala+sql+stylus+swift+twig+typescript+vbnet+visual-basic+wasm+wiki+xquery+yaml */ /** * prism.js default theme for JavaScript, CSS and HTML * Based on dabblet (http://dabblet.com) * @author Lea Verou */ .prism code[class*="language-"], .prism pre[class*="language-"] { color: black; background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .prism pre[class*="language-"]::-moz-selection, .prism pre[class*="language-"] ::-moz-selection, .prism code[class*="language-"]::-moz-selection, .prism code[class*="language-"] ::-moz-selection { text-shadow: none; background: #b3d4fc; } .prism pre[class*="language-"]::selection, .prism pre[class*="language-"] ::selection, .prism code[class*="language-"]::selection, .prism code[class*="language-"] ::selection { text-shadow: none; background: #b3d4fc; } .prism @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } .prism pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; } .prism :not(pre) > code[class*="language-"], .prism pre[class*="language-"] { background: #f5f2f0; } .prism :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .prism .token.comment, .prism .token.prolog, .prism .token.doctype, .prism .token.cdata { color: slategray; } .prism .token.punctuation { color: #999; } .prism .token.namespace { opacity: .7; } .prism .token.property, .prism .token.tag, .prism .token.boolean, .prism .token.number, .prism .token.constant, .prism .token.symbol, .prism .token.deleted { color: #905; } .prism .token.selector, .prism .token.attr-name, .prism .token.string, .prism .token.char, .prism .token.builtin, .prism .token.inserted { color: #690; } .prism .token.operator, .prism .token.entity, .prism .token.url, .prism .language-css .token.string, .prism .style .token.string { color: #9a6e3a; background: hsla(0, 0%, 100%, .5); } .prism .token.atrule, .prism .token.attr-value, .prism .token.keyword { color: #07a; } .prism .token.function, .prism .token.class-name { color: #DD4A68; } .prism .token.regex, .prism .token.important, .prism .token.variable { color: #e90; } .prism .token.important, .prism .token.bold { font-weight: bold; } .prism .token.italic { font-style: italic; } .prism .token.entity { cursor: help; } /* PrismJS 1.19.0 https://prismjs.com/download.html#themes=prism-dark&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+arduino+aspnet+bash+basic+c+csharp+cpp+coffeescript+clojure+dart+django+docker+elixir+erlang+git+go+graphql+haml+haskell+http+hpkp+hsts+java+javadoc+javadoclike+javastacktrace+jsdoc+js-extras+js-templates+json+jsonp+json5+kotlin+less+lisp+markdown+markup-templating+matlab+nginx+nix+objectivec+perl+php+phpdoc+php-extras+plsql+powershell+python+r+jsx+tsx+regex+rest+ruby+sass+scss+scala+sql+stylus+swift+twig+typescript+vbnet+visual-basic+wasm+wiki+xquery+yaml */ /** * prism.js Dark theme for JavaScript, CSS and HTML * Based on the slides of the talk “/Reg(exp){2}lained/” * @author Lea Verou */ .prism-dark code[class*="language-"], .prism-dark pre[class*="language-"] { color: white; background: none; text-shadow: 0 -.1em .2em black; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .prism-dark @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } .prism-dark pre[class*="language-"], .prism-dark :not(pre) > code[class*="language-"] { background: hsl(30, 20%, 25%); } .prism-dark pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; border: .3em solid hsl(30, 20%, 40%); border-radius: .5em; box-shadow: 1px 1px .5em black inset; } .prism-dark :not(pre) > code[class*="language-"] { padding: .15em .2em .05em; border-radius: .3em; border: .13em solid hsl(30, 20%, 40%); box-shadow: 1px 1px .3em -.1em black inset; white-space: normal; } .prism-dark .token.comment, .prism-dark .token.prolog, .prism-dark .token.doctype, .prism-dark .token.cdata { color: hsl(30, 20%, 50%); } .prism-dark .token.punctuation { opacity: .7; } .prism-dark .token.namespace { opacity: .7; } .prism-dark .token.property, .prism-dark .token.tag, .prism-dark .token.boolean, .prism-dark .token.number, .prism-dark .token.constant, .prism-dark .token.symbol { color: hsl(350, 40%, 70%); } .prism-dark .token.selector, .prism-dark .token.attr-name, .prism-dark .token.string, .prism-dark .token.char, .prism-dark .token.builtin, .prism-dark .token.inserted { color: hsl(75, 70%, 60%); } .prism-dark .token.operator, .prism-dark .token.entity, .prism-dark .token.url, .prism-dark .language-css .token.string, .prism-dark .style .token.string, .prism-dark .token.variable { color: hsl(40, 90%, 60%); } .prism-dark .token.atrule, .prism-dark .token.attr-value, .prism-dark .token.keyword { color: hsl(350, 40%, 70%); } .prism-dark .token.regex, .prism-dark .token.important { color: #e90; } .prism-dark .token.important, .prism-dark .token.bold { font-weight: bold; } .prism-dark .token.italic { font-style: italic; } .prism-dark .token.entity { cursor: help; } .prism-dark .token.deleted { color: red; } /* PrismJS 1.19.0 https://prismjs.com/download.html#themes=prism-funky&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+arduino+aspnet+bash+basic+c+csharp+cpp+coffeescript+clojure+dart+django+docker+elixir+erlang+git+go+graphql+haml+haskell+http+hpkp+hsts+java+javadoc+javadoclike+javastacktrace+jsdoc+js-extras+js-templates+json+jsonp+json5+kotlin+less+lisp+markdown+markup-templating+matlab+nginx+nix+objectivec+perl+php+phpdoc+php-extras+plsql+powershell+python+r+jsx+tsx+regex+rest+ruby+sass+scss+scala+sql+stylus+swift+twig+typescript+vbnet+visual-basic+wasm+wiki+xquery+yaml /** * prism.js Funky theme * Based on “Polyfilling the gaps” talk slides http://lea.verou.me/polyfilling-the-gaps/ * @author Lea Verou */ .prism-funky code[class*="language-"], .prism-funky pre[class*="language-"] { font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .prism-funky pre[class*="language-"] { padding: .4em .8em; margin: .5em 0; overflow: auto; background: url('data:image/svg+xml;charset=utf-8,<svg%20version%3D"1.1"%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20width%3D"100"%20height%3D"100"%20fill%3D"rgba(0%2C0%2C0%2C.2)">%0D%0A<polygon%20points%3D"0%2C50%2050%2C0%200%2C0"%20%2F>%0D%0A<polygon%20points%3D"0%2C100%2050%2C100%20100%2C50%20100%2C0"%20%2F>%0D%0A<%2Fsvg>'); background-size: 1em 1em; } .prism-funky code[class*="language-"] { background: black; color: white; box-shadow: -.3em 0 0 .3em black, .3em 0 0 .3em black; } .prism-funky :not(pre) > code[class*="language-"] { padding: .2em; border-radius: .3em; box-shadow: none; white-space: normal; } .prism-funky .token.comment, .prism-funky .token.prolog, .prism-funky .token.doctype, .prism-funky .token.cdata { color: #aaa; } .prism-funky .token.punctuation { color: #999; } .prism-funky .token.namespace { opacity: .7; } .prism-funky .token.property, .prism-funky .token.tag, .prism-funky .token.boolean, .prism-funky .token.number, .prism-funky .token.constant, .prism-funky .token.symbol { color: #0cf; } .prism-funky .token.selector, .prism-funky .token.attr-name, .prism-funky .token.string, .prism-funky .token.char, .prism-funky .token.builtin { color: yellow; } .prism-funky .token.operator, .prism-funky .token.entity, .prism-funky .token.url, .prism-funky .language-css .token.string, .prism-funky .token.variable, .prism-funky .token.inserted { color: yellowgreen; } .prism-funky .token.atrule, .prism-funky .token.attr-value, .prism-funky .token.keyword { color: deeppink; } .prism-funky .token.regex, .prism-funky .token.important { color: orange; } .prism-funky .token.important, .prism-funky .token.bold { font-weight: bold; } .prism-funky .token.italic { font-style: italic; } .prism-funky .token.entity { cursor: help; } .prism-funky .token.deleted { color: red; } .prism-funky pre.diff-highlight.diff-highlight > code .token.deleted:not(.prefix), .prism-funky pre > code.diff-highlight.diff-highlight .token.deleted:not(.prefix) { background-color: rgba(255, 0, 0, .3); display: inline; } .prism-funky pre.diff-highlight.diff-highlight > code .token.inserted:not(.prefix), .prism-funky pre > code.diff-highlight.diff-highlight .token.inserted:not(.prefix) { background-color: rgba(0, 255, 128, .3); display: inline; } /* PrismJS 1.19.0 https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+arduino+aspnet+bash+basic+c+csharp+cpp+coffeescript+clojure+dart+django+docker+elixir+erlang+git+go+graphql+haml+haskell+http+hpkp+hsts+java+javadoc+javadoclike+javastacktrace+jsdoc+js-extras+js-templates+json+jsonp+json5+kotlin+less+lisp+markdown+markup-templating+matlab+nginx+nix+objectivec+perl+php+phpdoc+php-extras+plsql+powershell+python+r+jsx+tsx+regex+rest+ruby+sass+scss+scala+sql+stylus+swift+twig+typescript+vbnet+visual-basic+wasm+wiki+xquery+yaml */ /** * okaidia theme for JavaScript, CSS and HTML * Loosely based on Monokai textmate theme by http://www.monokai.nl/ * @author ocodia */ .prism-okaidia code[class*="language-"], .prism-okaidia pre[class*="language-"] { color: #f8f8f2; background: none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .prism-okaidia pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0.3em; } .prism-okaidia :not(pre) > code[class*="language-"], .prism-okaidia pre[class*="language-"] { background: #272822; } .prism-okaidia :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .prism-okaidia .token.comment, .prism-okaidia .token.prolog, .prism-okaidia .token.doctype, .prism-okaidia .token.cdata { color: slategray; } .prism-okaidia .token.punctuation { color: #f8f8f2; } .prism-okaidia .token.namespace { opacity: .7; } .prism-okaidia .token.property, .prism-okaidia .token.tag, .prism-okaidia .token.constant, .prism-okaidia .token.symbol, .prism-okaidia .token.deleted { color: #f92672; } .prism-okaidia .token.boolean, .prism-okaidia .token.number { color: #ae81ff; } .prism-okaidia .token.selector, .prism-okaidia .token.attr-name, .prism-okaidia .token.string, .prism-okaidia .token.char, .prism-okaidia .token.builtin, .prism-okaidia .token.inserted { color: #a6e22e; } .prism-okaidia .token.operator, .prism-okaidia .token.entity, .prism-okaidia .token.url, .prism-okaidia .language-css .token.string, .prism-okaidia .style .token.string, .prism-okaidia .token.variable { color: #f8f8f2; } .prism-okaidia .token.atrule, .prism-okaidia .token.attr-value, .prism-okaidia .token.function, .prism-okaidia .token.class-name { color: #e6db74; } /* PrismJS 1.19.0 https://prismjs.com/download.html#themes=prism-twilight&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+arduino+aspnet+bash+basic+c+csharp+cpp+coffeescript+clojure+dart+django+docker+elixir+erlang+git+go+graphql+haml+haskell+http+hpkp+hsts+java+javadoc+javadoclike+javastacktrace+jsdoc+js-extras+js-templates+json+jsonp+json5+kotlin+less+lisp+markdown+markup-templating+matlab+nginx+nix+objectivec+perl+php+phpdoc+php-extras+plsql+powershell+python+r+jsx+tsx+regex+rest+ruby+sass+scss+scala+sql+stylus+swift+twig+typescript+vbnet+visual-basic+wasm+wiki+xquery+yaml */ /** * prism.js Twilight theme * Based (more or less) on the Twilight theme originally of Textmate fame. * @author Remy Bach */ .prism-twilight code[class*="language-"], .prism-twilight pre[class*="language-"] { color: white; background: none; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; text-shadow: 0 -.1em .2em black; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .prism-twilight pre[class*="language-"], .prism-twilight :not(pre) > code[class*="language-"] { background: hsl(0, 0%, 8%); } .prism-twilight pre[class*="language-"] { border-radius: .5em; border: .3em solid hsl(0, 0%, 33%); box-shadow: 1px 1px .5em black inset; margin: .5em 0; overflow: auto; padding: 1em; } .prism-twilight pre[class*="language-"]::-moz-selection { background: hsl(200, 4%, 16%); } .prism-twilight pre[class*="language-"]::selection { background: hsl(200, 4%, 16%); } .prism-twilight pre[class*="language-"]::-moz-selection, .prism-twilight pre[class*="language-"] ::-moz-selection, .prism-twilight code[class*="language-"]::-moz-selection, .prism-twilight code[class*="language-"] ::-moz-selection { text-shadow: none; background: hsla(0, 0%, 93%, 0.15); } .prism-twilight pre[class*="language-"]::selection, pre[class*="language-"] ::selection, .prism-twilight code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow: none; background: hsla(0, 0%, 93%, 0.15); } .prism-twilight :not(pre) > code[class*="language-"] { border-radius: .3em; border: .13em solid hsl(0, 0%, 33%); box-shadow: 1px 1px .3em -.1em black inset; padding: .15em .2em .05em; white-space: normal; } .prism-twilight .token.comment, .prism-twilight .token.prolog, .prism-twilight .token.doctype, .prism-twilight .token.cdata { color: hsl(0, 0%, 47%); } .prism-twilight .token.punctuation { opacity: .7; } .prism-twilight .token.namespace { opacity: .7; } .prism-twilight .token.tag, .prism-twilight .token.boolean, .prism-twilight .token.number, .prism-twilight .token.deleted { color: hsl(14, 58%, 55%); } .prism-twilight .token.keyword, .prism-twilight .token.property, .prism-twilight .token.selector, .prism-twilight .token.constant, .prism-twilight .token.symbol, .prism-twilight .token.builtin { color: hsl(53, 89%, 79%); } .prism-twilight .token.attr-name, .prism-twilight .token.attr-value, .prism-twilight .token.string, .prism-twilight .token.char, .prism-twilight .token.operator, .prism-twilight .token.entity, .prism-twilight .token.url, .prism-twilight .language-css .token.string, .prism-twilight .style .token.string, .prism-twilight .token.variable, .prism-twilight .token.inserted { color: hsl(76, 21%, 52%); } .prism-twilight .token.atrule { color: hsl(218, 22%, 55%); } .prism-twilight .token.regex, .prism-twilight .token.important { color: hsl(42, 75%, 65%); } .prism-twilight .token.important, .prism-twilight .token.bold { font-weight: bold; } .prism-twilight .token.italic { font-style: italic; } .prism-twilight .token.entity { cursor: help; } .prism-twilight pre[data-line] { padding: 1em 0 1em 3em; position: relative; } .prism-twilight .language-markup .token.tag, .prism-twilight .language-markup .token.attr-name, .prism-twilight .language-markup .token.punctuation { color: hsl(33, 33%, 52%); } .prism-twilight .token { position: relative; z-index: 1; } .prism-twilight .line-highlight { background: hsla(0, 0%, 33%, 0.25); background: linear-gradient(to right, hsla(0, 0%, 33%, .1) 70%, hsla(0, 0%, 33%, 0)); border-bottom: 1px dashed hsl(0, 0%, 33%); border-top: 1px dashed hsl(0, 0%, 33%); left: 0; line-height: inherit; margin-top: 0.75em; padding: inherit 0; pointer-events: none; position: absolute; right: 0; white-space: pre; z-index: 0; } .prism-twilight .line-highlight:before, .prism-twilight .line-highlight[data-end]:after { background-color: hsl(215, 15%, 59%); border-radius: 999px; box-shadow: 0 1px white; color: hsl(24, 20%, 95%); content: attr(data-start); font: bold 65%/1.5 sans-serif; left: .6em; min-width: 1em; padding: 0 .5em; position: absolute; text-align: center; text-shadow: none; top: .4em; vertical-align: .3em; } .prism-twilight .line-highlight[data-end]:after { bottom: .4em; content: attr(data-end); top: auto; } /* PrismJS 1.19.0 https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+arduino+aspnet+bash+basic+c+csharp+cpp+coffeescript+clojure+dart+django+docker+elixir+erlang+git+go+graphql+haml+haskell+http+hpkp+hsts+java+javadoc+javadoclike+javastacktrace+jsdoc+js-extras+js-templates+json+jsonp+json5+kotlin+less+lisp+markdown+markup-templating+matlab+nginx+nix+objectivec+perl+php+phpdoc+php-extras+plsql+powershell+python+r+jsx+tsx+regex+rest+ruby+sass+scss+scala+sql+stylus+swift+twig+typescript+vbnet+visual-basic+wasm+wiki+xquery+yaml */ /** * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); * @author Tim Shedor */ .prism-coy code[class*="language-"], .prism-coy pre[class*="language-"] { color: black; background: none; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .prism-coy pre[class*="language-"] { position: relative; margin: .5em 0; overflow: visible; padding: 0; } .prism-coy pre[class*="language-"]>code { position: relative; border-left: 10px solid #358ccb; box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; background-color: #fdfdfd; background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); background-size: 3em 3em; background-origin: content-box; background-attachment: local; } .prism-coy code[class*="language"] { max-height: inherit; height: inherit; padding: 0 1em; display: block; overflow: auto; } .prism-coy :not(pre) > code[class*="language-"], .prism-coy pre[class*="language-"] { background-color: #fdfdfd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1em; } .prism-coy :not(pre) > code[class*="language-"] { position: relative; padding: .2em; border-radius: 0.3em; color: #c92c2c; border: 1px solid rgba(0, 0, 0, 0.1); display: inline; white-space: normal; } .prism-coy pre[class*="language-"]:before, .prism-coy pre[class*="language-"]:after { content: ''; z-index: -2; display: block; position: absolute; bottom: 0.75em; left: 0.18em; width: 40%; height: 20%; max-height: 13em; box-shadow: 0px 13px 8px #979797; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -ms-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg); } .prism-coy :not(pre) > code[class*="language-"]:after, .prism-coy pre[class*="language-"]:after { right: 0.75em; left: auto; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -ms-transform: rotate(2deg); -o-transform: rotate(2deg); transform: rotate(2deg); } .prism-coy .token.comment, .prism-coy .token.block-comment, .prism-coy .token.prolog, .prism-coy .token.doctype, .prism-coy .token.cdata { color: #7D8B99; } .prism-coy .token.punctuation { color: #5F6364; } .prism-coy .token.property, .prism-coy .token.tag, .prism-coy .token.boolean, .prism-coy .token.number, .prism-coy .token.function-name, .prism-coy .token.constant, .prism-coy .token.symbol, .prism-coy .token.deleted { color: #c92c2c; } .prism-coy .token.selector, .prism-coy .token.attr-name, .prism-coy .token.string, .prism-coy .token.char, .prism-coy .token.function, .prism-coy .token.builtin, .prism-coy .token.inserted { color: #2f9c0a; } .prism-coy .token.operator, .prism-coy .token.entity, .prism-coy .token.url, .prism-coy .token.variable { color: #a67f59; background: rgba(255, 255, 255, 0.5); } .prism-coy .token.atrule, .prism-coy .token.attr-value, .prism-coy .token.keyword, .prism-coy .token.class-name { color: #1990b8; } .prism-coy .token.regex, .prism-coy .token.important { color: #e90; } .prism-coy .language-css .token.string, .prism-coy .style .token.string { color: #a67f59; background: rgba(255, 255, 255, 0.5); } .prism-coy .token.important { font-weight: normal; } .prism-coy .token.bold { font-weight: bold; } .prism-coy .token.italic { font-style: italic; } .prism-coy .token.entity { cursor: help; } .prism-coy .token.namespace { opacity: .7; } @media screen and (max-width: 767px) { .prism-coy pre[class*="language-"]:before, .prism-coy pre[class*="language-"]:after { bottom: 14px; box-shadow: none; } } .prism-coy .token.tab:not(:empty):before, .prism-coy .token.cr:before, .prism-coy .token.lf:before { color: #e0d7d1; } .prism-coy pre[class*="language-"].line-numbers.line-numbers { padding-left: 0; } .prism-coy pre[class*="language-"].line-numbers.line-numbers code { padding-left: 3.8em; } .prism-coy pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows { left: 0; } .prism-coy pre[class*="language-"][data-line] { padding-top: 0; padding-bottom: 0; padding-left: 0; } .prism-coy pre[data-line] code { position: relative; padding-left: 4em; } .prism-coy pre .line-highlight { margin-top: 0; } /* PrismJS 1.19.0 https://prismjs.com/download.html#themes=prism-solarizedlight&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+arduino+aspnet+bash+basic+c+csharp+cpp+coffeescript+clojure+dart+django+docker+elixir+erlang+git+go+graphql+haml+haskell+http+hpkp+hsts+java+javadoc+javadoclike+javastacktrace+jsdoc+js-extras+js-templates+json+jsonp+json5+kotlin+less+lisp+markdown+markup-templating+matlab+nginx+nix+objectivec+perl+php+phpdoc+php-extras+plsql+powershell+python+r+jsx+tsx+regex+rest+ruby+sass+scss+scala+sql+stylus+swift+twig+typescript+vbnet+visual-basic+wasm+wiki+xquery+yaml */ /* Solarized Color Schemes originally by Ethan Schoonover http://ethanschoonover.com/solarized Ported for PrismJS by Hector Matos Website: https://krakendev.io Twitter Handle: https://twitter.com/allonsykraken) */ .prism-solarizedlight code[class*="language-"], .prism-solarizedlight pre[class*="language-"] { color: #657b83; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .prism-solarizedlight pre[class*="language-"]::-moz-selection, .prism-solarizedlight pre[class*="language-"] ::-moz-selection, .prism-solarizedlight code[class*="language-"]::-moz-selection, .prism-solarizedlight code[class*="language-"] ::-moz-selection { background: #073642; } .prism-solarizedlight pre[class*="language-"]::selection, .prism-solarizedlight pre[class*="language-"] ::selection, .prism-solarizedlight code[class*="language-"]::selection, .prism-solarizedlight code[class*="language-"] ::selection { background: #073642; } .prism-solarizedlight pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0.3em; } .prism-solarizedlight :not(pre) > code[class*="language-"], .prism-solarizedlight pre[class*="language-"] { background-color: #fdf6e3; } .prism-solarizedlight :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; } .prism-solarizedlight .token.comment, .prism-solarizedlight .token.prolog, .prism-solarizedlight .token.doctype, .prism-solarizedlight .token.cdata { color: #93a1a1; } .prism-solarizedlight .token.punctuation { color: #586e75; } .prism-solarizedlight .token.namespace { opacity: .7; } .prism-solarizedlight .token.property, .prism-solarizedlight .token.tag, .prism-solarizedlight .token.boolean, .prism-solarizedlight .token.number, .prism-solarizedlight .token.constant, .prism-solarizedlight .token.symbol, .prism-solarizedlight .token.deleted { color: #268bd2; } .prism-solarizedlight .token.selector, .prism-solarizedlight .token.attr-name, .prism-solarizedlight .token.string, .prism-solarizedlight .token.char, .prism-solarizedlight .token.builtin, .prism-solarizedlight .token.url, .prism-solarizedlight .token.inserted { color: #2aa198; } .prism-solarizedlight .token.entity { color: #657b83; background: #eee8d5; } .prism-solarizedlight .token.atrule, .prism-solarizedlight .token.attr-value, .prism-solarizedlight .token.keyword { color: #859900; } .prism-solarizedlight .token.function, .prism-solarizedlight .token.class-name { color: #b58900; } .prism-solarizedlight .token.regex, .prism-solarizedlight .token.important, .prism-solarizedlight .token.variable { color: #cb4b16; } .prism-solarizedlight .token.important, .prism-solarizedlight .token.bold { font-weight: bold; } .prism-solarizedlight .token.italic { font-style: italic; } .prism-solarizedlight .token.entity { cursor: help; } /* PrismJS 1.19.0 https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+actionscript+apacheconf+applescript+arduino+aspnet+bash+basic+c+csharp+cpp+coffeescript+clojure+dart+django+docker+elixir+erlang+git+go+graphql+haml+haskell+http+hpkp+hsts+java+javadoc+javadoclike+javastacktrace+jsdoc+js-extras+js-templates+json+jsonp+json5+kotlin+less+lisp+markdown+markup-templating+matlab+nginx+nix+objectivec+perl+php+phpdoc+php-extras+plsql+powershell+python+r+jsx+tsx+regex+rest+ruby+sass+scss+scala+sql+stylus+swift+twig+typescript+vbnet+visual-basic+wasm+wiki+xquery+yaml */ /** * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML * Based on https://github.com/chriskempson/tomorrow-theme * @author Rose Pritchard */ .prism-tomorrow code[class*="language-"], .prism-tomorrow pre[class*="language-"] { color: #ccc; background: none; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .prism-tomorrow pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; } .prism-tomorrow :not(pre) > code[class*="language-"], .prism-tomorrow pre[class*="language-"] { background: #2d2d2d; } .prism-tomorrow :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .prism-tomorrow .token.comment, .prism-tomorrow .token.block-comment, .prism-tomorrow .token.prolog, .prism-tomorrow .token.doctype, .prism-tomorrow .token.cdata { color: #999; } .prism-tomorrow .token.punctuation { color: #ccc; } .prism-tomorrow .token.tag, .prism-tomorrow .token.attr-name, .prism-tomorrow .token.namespace, .prism-tomorrow .token.deleted { color: #e2777a; } .prism-tomorrow .token.function-name { color: #6196cc; } .prism-tomorrow .token.boolean, .prism-tomorrow .token.number, .prism-tomorrow .token.function { color: #f08d49; } .prism-tomorrow .token.property, .prism-tomorrow .token.class-name, .prism-tomorrow .token.constant, .prism-tomorrow .token.symbol { color: #f8c555; } .prism-tomorrow .token.selector, .prism-tomorrow .token.important, .prism-tomorrow .token.atrule, .prism-tomorrow .token.keyword, .prism-tomorrow .token.builtin { color: #cc99cd; } .prism-tomorrow .token.string, .prism-tomorrow .token.char, .prism-tomorrow .token.attr-value, .prism-tomorrow .token.regex, .prism-tomorrow .token.variable { color: #7ec699; } .prism-tomorrow .token.operator, .prism-tomorrow .token.entity, .prism-tomorrow .token.url { color: #67cdcc; } .prism-tomorrow .token.important, .prism-tomorrow .token.bold { font-weight: bold; } .prism-tomorrow .token.italic { font-style: italic; } .prism-tomorrow .token.entity { cursor: help; } .prism-tomorrow .token.inserted { color: green; } /* source code style ends */ /* Exclusive Tabs Start */ .exad-table-container table.dataTable thead .sorting, .exad-table-container table.dataTable thead .sorting_asc, .exad-table-container table.dataTable thead .sorting_desc, .exad-table-container table.dataTable thead .sorting_asc_disabled, .exad-table-container table.dataTable thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; background-repeat: no-repeat; background-position: center right } .exad-table-container table.dataTable thead .sorting { background-image: url("../img/sort_both.png"); } .exad-table-container table.dataTable thead .sorting_asc { background-image: url("../img/sort_asc.png"); } .exad-table-container table.dataTable thead .sorting_desc { background-image: url("../img/sort_desc.png"); } .exad-table-container table.dataTable thead .sorting_asc_disabled { background-image: url("../img/sort_asc_disabled.png"); } .exad-table-container table.dataTable thead .sorting_desc_disabled { background-image: url("../img/sort_desc_disabled.png"); } .exad-table-container tbody td .exad-td-content { display: flex; align-items: center; } .exad-table-container .dataTables_filter label, .exad-table-container .dataTables_length label { display: inline-flex; align-items: center; margin-bottom: 15px; } .exad-table-container .dataTables_wrapper { position: relative; clear: both; } .exad-table-container .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .exad-table-container .dataTables_wrapper .dataTables_length { float: left; } .exad-table-container .dataTables_wrapper .dataTables_length select { margin: 0 10px; } .exad-table-container .dataTables_wrapper .dataTables_filter input[type=search] { margin-left: 10px; border: none; } .exad-table-container .dataTables_wrapper .dataTables_filter { float: right; } .exad-table-container .dataTables_wrapper .dataTables_info { clear: both; float: left; margin-top: 15px; } .exad-table-container .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; margin-top: 15px; } .exad-table-container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .exad-table-container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .exad-table-container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; /* color: #666 !important; */ /* border: 1px solid transparent; */ background: transparent; box-shadow: none; } .exad-table-container .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; /* color: #333 !important; */ /* border: 1px solid transparent; */ border-radius: 2px; } .exad-table-container .dataTables_wrapper .dataTables_paginate .paginate_button.current, .exad-table-container .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* color: #333 !important; */ /* border: 1px solid #979797; */ background-color: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc)); background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%); background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%); background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%); background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%); background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%); } .exad-table-container .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; /* color: #333 !important; border: 1px solid transparent; */ border-radius: 2px; } .exad-table-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover { /* color: white !important; */ /* border: 1px solid #111; */ background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); background: -webkit-linear-gradient(top, #585858 0%, #111 100%); background: -moz-linear-gradient(top, #585858 0%, #111 100%); background: -ms-linear-gradient(top, #585858 0%, #111 100%); background: -o-linear-gradient(top, #585858 0%, #111 100%); background: linear-gradient(to bottom, #585858 0%, #111 100%); } .exad-table-container .dataTables_scrollBody { display: flex; border-bottom: 1px solid #000000; } .exad-main-table { margin: 0; display: inline-table; } .exad-main-table thead tr th, .exad-main-table tbody tr td { vertical-align: middle; } .exad-main-table tr.table-heading img { display: block; margin-left: auto; margin-right: auto; } @media screen and (max-width: 767px) { .exad-table-container .dataTables_wrapper .dataTables_info, .exad-table-container .dataTables_wrapper .dataTables_paginate { float: none; text-align: center } .exad-table-container .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em } } @media screen and (max-width: 640px) { .exad-table-container .dataTables_wrapper .dataTables_length, .exad-table-container .dataTables_wrapper .dataTables_filter { float: none; text-align: center } .exad-table-container .dataTables_wrapper .dataTables_filter { margin-top: 0.5em } } /* Exclusive Tabs End */ /* team carousel css starts here */ .exad-team-member.exad-team-carousel-left{ text-align: left; } .exad-team-member.exad-team-carousel-left .exad-team-member-thumb{ margin-right: auto; } .exad-team-member.exad-team-carousel-center{ text-align: center; } .exad-team-member.exad-team-carousel-center .exad-team-member-thumb{ margin-right: auto; margin-left: auto; } .exad-team-member.exad-team-carousel-right{ text-align: right; } .exad-team-member.exad-team-carousel-right .exad-team-member-thumb{ margin-left: auto; } .exad-team-member-thumb.style_1{ -webkit-animation: clip-1 10s linear infinite alternate forwards; animation: clip-1 10s linear infinite alternate forwards; overflow: hidden; } .exad-team-member-thumb.style_2{ -webkit-animation: clip-2 10s linear infinite alternate forwards; animation: clip-2 10s linear infinite alternate forwards; overflow: hidden; } .exad-team-member-thumb.style_3{ -webkit-animation: clip-3 10s linear infinite alternate forwards; animation: clip-3 10s linear infinite alternate forwards; overflow: hidden; } @keyframes clip-1{ 0%, 100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } } @keyframes clip-2 { 0%, 100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; } 25% { border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; } 50% { border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; } 75% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } } @keyframes clip-3 { 0%, 100% { border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%;; } 20% { border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%; } 40% { border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%; } 60% { border-radius: 60% 40% 57% 43% / 47% 62% 38% 53%; } 80% { border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%; } } /* team carousel css ends here */ /* Woo Add to cart css Start */ .exad-woo-mini-cart{ display: flex; } .exad-woo-mini-cart.cart-icon-left{ justify-content: flex-start; } .exad-woo-mini-cart.cart-icon-center{ justify-content: center; } .exad-woo-mini-cart.cart-icon-right{ justify-content: flex-end; } .exad-woo-cart-bag ul.woocommerce-mini-cart{ padding: 0; margin: 0; } .exad-woo-cart-bag ul.woocommerce-mini-cart li.woocommerce-mini-cart-item{ list-style: none; overflow: hidden; } .exad-woo-cart-bag ul.woocommerce-mini-cart li.woocommerce-mini-cart-item .remove_from_cart_button{ float: right; } .exad-woo-cart-bag ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a{ display: block; transition: all .3s ease; } .exad-woo-cart-bag ul.woocommerce-mini-cart li.woocommerce-mini-cart-item a img{ float: left; object-fit: cover; -o-object-fit: cover; } .exad-woo-cart-icon{ position: relative; display: inline-block; line-height: 1; } .exad-woo-mini-cart-wrapper{ display: inline-flex; align-items: center; position: relative; transition: all .3s ease; cursor: pointer; } .exad-woo-mini-cart-wrapper.exad-cart-icon-box-yes .exad-woo-cart-icon{ position: relative; } .exad-woo-mini-cart-wrapper.exad-cart-icon-box-yes .exad-woo-cart-icon i, .exad-woo-mini-cart-wrapper.exad-cart-icon-box-yes .exad-woo-cart-icon svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .exad-cart-items-count-number{ position: absolute; display: block; line-height: 1; text-align: center; } .exad-woo-cart-bag{ position: absolute; top: 100%; width: 400px; /* transform: translateY(10px); */ z-index: 111; opacity: 0; visibility: hidden; transition: all .3s ease; } .exad-woo-mini-cart.slide-up .exad-woo-cart-bag{ transform: translateY(-10px); } .exad-woo-mini-cart.slide-down .exad-woo-cart-bag{ transform: translateY(10px); } .exad-woo-mini-cart.zoom-down .exad-woo-cart-bag{ transform: scaleY(0); transform-origin: top; } .exad-woo-mini-cart.cart-bag-position-left .exad-woo-cart-bag{ right: 0; } .exad-woo-mini-cart.cart-bag-position-right .exad-woo-cart-bag{ left: 0; } .exad-woo-mini-cart-wrapper.hover-active .exad-woo-cart-bag{ opacity: 1; visibility: visible; transform: translateY(0px); } .exad-woo-mini-cart.zoom-down .exad-woo-mini-cart-wrapper.hover-active .exad-woo-cart-bag{ opacity: 1; visibility: visible; transform: scaleY(1); } .exad-woo-mini-cart-wrapper.click-active .exad-woo-cart-bag{ opacity: 1; visibility: visible; transform: translateY(0px); } .exad-woo-mini-cart.zoom-down .exad-woo-mini-cart-wrapper.click-active .exad-woo-cart-bag{ opacity: 1; visibility: visible; transform: scaleY(1); } .exad-woo-cart-bag ul.woocommerce-mini-cart li.woocommerce-mini-cart-item .quantity{ display: block; } .exad-woo-cart-bag .woocommerce-mini-cart__total{ display: flex; justify-content: space-between; margin: 0; } .exad-woo-cart-bag .woocommerce-mini-cart__buttons{ margin: 0; display: flex; justify-content: space-between; } .exad-woo-mini-cart-wrapper.button-full-width .exad-woo-cart-bag .woocommerce-mini-cart__buttons{ flex-direction: column; } .exad-woo-cart-bag .woocommerce-mini-cart__buttons .wc-forward{ width: 100%; text-align: center; transition: all .3s ease; } .exad-woo-cart-bag .woocommerce-mini-cart__buttons .wc-forward:not(:last-child){ margin-right: 10px; } .exad-woo-mini-cart.fly-out .exad-woo-mini-cart-wrapper .exad-woo-cart-bag { position: fixed; top: 0; height: 100%; transform: unset; z-index: 9999; } .exad-woo-mini-cart.fly-out .exad-woo-mini-cart-wrapper .exad-woo-cart-bag.fly-out-active { opacity: 1; visibility: visible; overflow: scroll; } .exad-woo-mini-cart.fly-out .exad-woo-mini-cart-wrapper .exad-woo-cart-bag.fly-out-active::-webkit-scrollbar { display: none; } .exad-woo-mini-cart.fly-out.fly-out-appear-position-left .exad-woo-mini-cart-wrapper .exad-woo-cart-bag.fly-out-active{ left: 0; } .exad-woo-mini-cart.fly-out.fly-out-appear-position-right .exad-woo-mini-cart-wrapper .exad-woo-cart-bag.fly-out-active{ right: 0; } .exad-woo-cart-bag-fly-out-close-icon{ position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; } .exad-woo-cart-bag-fly-out-close-icon:before, .exad-woo-cart-bag-fly-out-close-icon:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #333; top: 50%; left: 50%; } .exad-woo-cart-bag-fly-out-close-icon:before { transform: translate(-50%, -50%) rotate(45deg); } .exad-woo-cart-bag-fly-out-close-icon:after { transform: translate(-50%, -50%) rotate(-45deg); } .exad-cart-items-heading{ display: block; } .exad-woo-cart-bag ul.woocommerce-mini-cart li.woocommerce-mini-cart-item .remove_from_cart_button { line-height: 1; text-align: center; } body.admin-bar .exad-woo-mini-cart.fly-out .exad-woo-mini-cart-wrapper .exad-woo-cart-bag.fly-out-active { top: 32px; } .exad-woo-cart-bag-fly-out-overlay { position: fixed; top: 0; left: 0; background: #333; opacity: 0; height: 100%; width: 100%; z-index: 999; visibility: hidden; transition: all .3s ease; } .exad-woo-cart-bag-fly-out-overlay.fly-out-active { opacity: 1; visibility: visible; } /* Woo Add to cart css End */ /* Woo cart Css Start */ .exad-woo-cart .woocommerce-cart-form__contents tbody tr td.product-quantity .quantity input::-webkit-outer-spin-button, .exad-woo-cart .woocommerce-cart-form__contents tbody tr td.product-quantity .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .exad-woo-cart .woocommerce-cart-form__contents tbody tr td.product-quantity .quantity input.qty{ position: relative; border: none; } .exad-woo-cart .woocommerce-cart-form__contents tbody tr td.product-quantity .quantity{ position: relative; display: inline-block; overflow: hidden; } .exad-quantity-minus-btn, .exad-quantity-plus-btn{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; height: 96%; width: 30px; padding: 0; border: none; } .exad-quantity-minus-btn:hover, .exad-quantity-plus-btn:hover{ background: none; border: none; } .exad-quantity-minus-btn:focus, .exad-quantity-plus-btn:focus{ outline: 0; background: none; } .exad-quantity-plus-btn{ right: 2px; } .exad-quantity-minus-btn{ left: 2px; } .exad-quantity-minus-btn::before, .exad-quantity-plus-btn::before, .exad-quantity-plus-btn::after{ content: ''; position: absolute; height: 1px; width: 10px; background: #000; left: 50%; top: 50%; transform: translate(-50%, -50%); } .exad-quantity-plus-btn::after{ transform: translate(-50%, -50%) rotate(90deg); } .exad-woo-cart .woocommerce table.shop_table.woocommerce-cart-form__contents{ overflow: hidden !important; } .exad-woo-cart .woocommerce-cart-form__contents thead tr th{ border: none; } .exad-woo-cart .woocommerce-cart-form__contents tbody tr .coupon button.button:focus{ outline: 0; } .exad-woo-cart .woocommerce-cart-form__contents tbody tr button.button:focus{ outline: 0; } .exad-woo-cart .cart_totals tr th,.exad-woo-cart .cart_totals tr td, .exad-woo-cart .cart_totals table, .exad-woo-cart .woocommerce table.shop_table tbody th,.exad-woo-cart .woocommerce table.shop_table tbody td{ border: none; } .exad-woo-cart .cart_totals table{ margin-bottom: 0; } .exad-woo-cart.exad-checkout-button-left .cart_totals .wc-proceed-to-checkout{ text-align: left; } .exad-woo-cart.exad-checkout-button-center .cart_totals .wc-proceed-to-checkout{ text-align: center; } .exad-woo-cart.exad-checkout-button-right .cart_totals .wc-proceed-to-checkout{ text-align: right; } .exad-woo-cart.exad-checkout-button-justify .cart_totals .wc-proceed-to-checkout .checkout-button{ width: 100%; text-align: center; } .exad-woo-cart .cart_totals .wc-proceed-to-checkout .checkout-button{ transition: all .3s ease; } .exclusive-addons-elementor.woocommerce-page.woocommerce-cart .exad-woo-cart.exad-cart-layout-2 .woocommerce{ display: flex; flex-direction: row; } .exclusive-addons-elementor.woocommerce-page.woocommerce-cart .exad-woo-cart.exad-cart-layout-2 .woocommerce .cart_totals{ width: 100%; } .exclusive-addons-elementor.woocommerce-page.woocommerce-cart .exad-woo-cart table.cart td.actions .button{ height: unset; line-height: 1; } @media (max-width: 991px){ .exclusive-addons-elementor.woocommerce-page.woocommerce-cart .exad-woo-cart.exad-cart-layout-2 .woocommerce{ flex-direction: column; } .exclusive-addons-elementor.woocommerce-page.woocommerce-cart .exad-woo-cart.exad-cart-layout-2 .woocommerce .woocommerce-cart-form{ width: 100% !important; } .exclusive-addons-elementor.woocommerce-page.woocommerce-cart .exad-woo-cart.exad-cart-layout-2 .woocommerce .cart-collaterals{ width: 100% !important; } } /* Woo cart Css End */ /* woo categories css starts here */ .exad-woo-product-cat-items figure { position: relative; } figcaption{ margin: 0; } .exad-woo-product-cat-items .exad-woo-cat-item .exad-wc-cat-link { display: block; width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; perspective: 800px; -webkit-perspective: 800px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; overflow: hidden; } .exad-woo-product-cat-items a { -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .exad-woo-product-cat-items .exad-woo-cat-item a.exad-cat-btn.absolute { position: absolute; bottom: 0; left: 0; right: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .exad-woo-product-cat-items .exad-woo-cat-item a.exad-cat-btn.default{ display: block; } .exad-woo-product-cat-items .exad-woo-cat-item a.exad-cat-btn i { margin-right: 8px; } .exad-woo-product-cat-items .exad-woo-cat-item a.exad-cat-btn span.exad-woo-cat-item-count { margin-left: 8px; } .exad-wc-cat-link.exad-woo-product-cat-item-overlay-yes{ position: relative; } .exad-wc-cat-link.exad-woo-product-cat-item-overlay-yes::before{ position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .exad-wc-cat-link.zoom-in img, .exad-wc-cat-link.zoom-out img{ transition: all .3s ease; } .exad-wc-cat-link.zoom-out img{ transform: scale(1.1); } .exad-woo-cat-item:hover .exad-wc-cat-link.zoom-in img{ transform: scale(1.1); } .exad-woo-cat-item:hover .exad-wc-cat-link.zoom-out img{ transform: scale(1); } .exad-woo-product-cat-items .exad-woo-cat-item .exad-wc-cat-link img{ height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; } /* woo categories css ends here */ /* Woo checkout css Start */ .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce-form-coupon .form-row-first, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce-form-coupon .form-row-last{ width: 100% !important; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce table.shop_table{ overflow: hidden; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce table td, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce table th{ border: none; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout table caption+thead tr:first-child td, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout table caption+thead tr:first-child th, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout table colgroup+thead tr:first-child td, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout table colgroup+thead tr:first-child th, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout table thead:first-child tr:first-child td, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout table thead:first-child tr:first-child th{ border-top: none; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce table.shop_table tbody th, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce table.shop_table tfoot td, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce table.shop_table tfoot th{ border-top: none; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce-checkout-payment{ background: none; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce-checkout-payment li label { margin-top: -5px; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout.layout-2 .woocommerce form.woocommerce-checkout{ display: grid; grid-template-areas: "customer-details title" "customer-details review"; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; } @media (max-width: 991px){ .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout.layout-2 .woocommerce form.woocommerce-checkout{ display: grid; grid-template-areas: "customer-details title" "customer-details review"; grid-template-columns: 1fr; grid-template-rows: 1fr; } } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce form .form-row label { line-height: 1; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce form .form-row-first, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce form .form-row-last, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce-page form .form-row-first, .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce-page form .form-row-last{ width: 50%; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout .woocommerce form .form-row{ padding: 0; margin: 0; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout.layout-2 .woocommerce #customer_details{ grid-area: customer-details; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout.layout-2 .woocommerce #order_review_heading{ grid-area: title; width: 100%; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout.layout-2 .woocommerce #order_review{ grid-area: review; width: 100%; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout.layout-2 #customer_details{ display: flex; flex-direction: column; width: 100%; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout.layout-2 #customer_details .col-1{ width: 100%; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout.layout-2 #customer_details .col-2{ width: 100%; } .exad-woo-checkout .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 50%; transform: translateY(-50%); } .select2-container .select2-selection--single .select2-selection__rendered{ position: relative; transform: translateY(-50%); top: 50%; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout form #customer_details.col2-set { width: 100%; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout.layout-1 .woocommerce-checkout #order_review{ width: 100%; } .exclusive-addons-elementor.woocommerce-page.woocommerce-checkout .exad-woo-checkout.layout-1 .woocommerce-checkout #order_review_heading{ width: 100%; } /* Woo checkout css End */ /* Exclusive wooCommerce product Starts */ .exad-woo-products.exad-col-1{ display: grid; grid-template-columns: repeat(1, 1fr); } .exad-woo-products.exad-col-2{ display: grid; grid-template-columns: repeat(2, 1fr); } .exad-woo-products.exad-col-3{ display: grid; grid-template-columns: repeat(3, 1fr); } .exad-woo-products.exad-col-4{ display: grid; grid-template-columns: repeat(4, 1fr); } .exad-woo-products.exad-col-5{ display: grid; grid-template-columns: repeat(5, 1fr); } .exad-woo-products.exad-col-6{ display: grid; grid-template-columns: repeat(6, 1fr); } @media (max-width: 767px){ .exad-woo-products.exad-col-2, .exad-woo-products.exad-col-3, .exad-woo-products.exad-col-4, .exad-woo-products.exad-col-5, .exad-woo-products.exad-col-6{ grid-template-columns: repeat(1, 1fr) !important; } } @media (max-width: 991px){ .exad-woo-products.exad-col-2{ grid-template-columns: repeat(2, 1fr); } .exad-woo-products.exad-col-3{ grid-template-columns: repeat(2, 1fr); } .exad-woo-products.exad-col-4{ grid-template-columns: repeat(2, 1fr); } .exad-woo-products.exad-col-5{ grid-template-columns: repeat(2, 1fr); } .exad-woo-products.exad-col-6{ grid-template-columns: repeat(2, 1fr); } } .exad-single-woo-product-content { position: relative; z-index: 10; } .exad-single-woo-product-content h3.exad-woo-product-content-name { font-size: 16px; margin: 10px 0; color: #000000; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-content a.button, .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-content a.added_to_cart { font-size: 14px; font-weight: 400; background-color: #3BC473; color: #ffffff; padding: 12px 22px; border-radius: 25px; display: inline-block; line-height: 1; transition: all .3s ease; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-content a.add_to_cart_button.loading:after{ position:absolute; top: 50%; transform: translateY(-50%); right: 3px; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-content a.button.added { display: none; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-content a.button:hover, .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-content a.added_to_cart { color: #ffffff; background-color: #3BC473; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image { position: relative; display: -ms-flexbox; display: flex; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image img { object-fit: cover; -o-object-fit: cover; width: 100%; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image:before { position: absolute; content: ''; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 99; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-single-woo-product-hover-items { position: absolute; top: 50%; left: 0; right: 0; text-align: center; transform: translateY(-50%); z-index: 99; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-single-woo-product-hover-items a { color: #ffffff; background-color: #515f73; font-size: 0; display: inline-block; line-height: 38px; text-align: center; width: 38px; height: 38px; border-style: none; border-radius: 50%; vertical-align: middle; padding: 0; margin: 0 5px; transform: translateY(20px); opacity: 0; transition: transform .2s,opacity .3s; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image:hover .exad-single-woo-product-hover-items a { opacity: 1; transform: translateY(0); } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-single-woo-product-hover-items a:after { font-family:eicons; content:'\e8e9'; font-size: 14px; line-height: 38px; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-single-woo-product-hover-items a.loading:after { font-family:eicons; content:'\e931'; display:inline-block; height:auto; width:auto; position:relative; top:0; left:0; margin:0; padding:0; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-single-woo-product-hover-items a.added_to_cart:after { font-family:eicons; content:'\e90e'; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-single-woo-product-hover-items a.button.added { display: none; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-product-hover-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-product-hover-image img { position: absolute; right: 0; left: 0; top: 0; width: 100%; height: 100%; transition: opacity 250ms ease-in-out 0s; -moz-transition: opacity 250ms ease-in-out 0s; -webkit-transition: opacity 250ms ease-in-out 0s; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image:hover .exad-product-hover-image { opacity: 1; z-index: 9; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image:hover .exad-product-hover-image img { opacity: 1; top: 0; position: relative; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-woo-product-content-badge { margin: 0; padding: 0; position: absolute; list-style: none; top: 20px; right: 20px; z-index: 99; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-woo-product-content-badge li { background-color: #3BC473; margin-bottom: 3px; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-single-woo-product-image .exad-woo-product-content-badge li { padding: 5px 15px; position: relative; color: #fff; font-size: 14px; } .exad-woo-products.woocommerce .exad-woo-product-item ul.exad-woo-product-content-rating { padding: 0; list-style: none; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-woo-product-star-rating { overflow: hidden; position: relative; height: 18px; line-height: 1; font-size: 18px; width: 5.4em; font-family: star; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-woo-product-star-rating::before { content: '\73\73\73\73\73'; color: #d3ced2; float: left; top: 0; left: 0; position: absolute; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-woo-product-star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .exad-woo-products.woocommerce .exad-woo-product-item .exad-woo-product-star-rating span::before { content: '\53\53\53\53\53'; top: 0; position: absolute; left: 0; } /* Exclusive wooCommerce product ends */
Save
Cancel