@charset "UTF-8"; /**************** Premium Banner ****************/ /************************************************/ .elementor-widget-premium-addon-banner { overflow: hidden; } .premium-banner-ib { display: block; position: relative; z-index: 1; overflow: hidden; margin: 0; text-align: center; } .premium-banner-ib img { display: block; position: relative; min-width: 100%; max-width: 100%; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; border: none; padding: 0; margin: 0; } .premium-banner-img-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; } .premium-banner-img-wrap .premium-banner-ib-img { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .premium-banner-ib-desc .premium-banner-read-more { z-index: 100; } .elementor-widget-premium-addon-banner .premium-banner-ib-title { background: transparent; } .premium-banner-ib .premium-banner-ib-desc { padding: 15px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .premium-banner-ib .premium-banner-ib-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .premium-banner-ib a.premium-banner-ib-link { display: block; background: 0 0; } .premium-banner-animation1 img { width: -webkit-calc(100% + 50px) !important; width: calc(100% + 50px) !important; max-width: -webkit-calc(100% + 50px) !important; max-width: calc(100% + 50px) !important; -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } .premium-banner-animation2 .premium-banner-ib-title { padding: 15px; position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: color 0.35s, -webkit-transform 0.35s; transition: color 0.35s, -webkit-transform 0.35s; transition: transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .premium-banner-animation1 .premium-banner-ib-desc { top: auto; bottom: 0; min-height: 25%; height: auto; max-height: 100%; text-align: left; } .premium-banner-animation1 .premium-banner-ib-content, .premium-banner-animation1 .premium-banner-ib-title, .premium-banner-animation1 .premium-banner-read-more { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .premium-banner-animation1 .premium-banner-ib-title { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation1 .premium-banner-ib-content, .premium-banner-animation1 .premium-banner-read-more { margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; transition: opacity 0.2s, transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation1:hover .premium-banner-ib-content, .premium-banner-animation1.active .premium-banner-ib-content, .premium-banner-animation1:hover .premium-banner-read-more, .premium-banner-animation1.active .premium-banner-read-more { opacity: 1; -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .premium-banner-animation1:hover .premium-banner-ib-content, .premium-banner-animation1.active .premium-banner-ib-content, .premium-banner-animation1:hover .premium-banner-read-more, .premium-banner-animation1.active .premium-banner-read-more, .premium-banner-animation1:hover .premium-banner-ib-title, .premium-banner-animation1.active .premium-banner-ib-title, .premium-banner-animation1:hover img, .premium-banner-animation1.active img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } .premium-banner-animation1.zoomout img, .premium-banner-animation1.scale img { -webkit-transform: translate3d(-40px, 0, 0) scale(1.1); transform: translate3d(-40px, 0, 0) scale(1.1); } .premium-banner-ib.sepia img { -webkit-filter: sepia(30%); filter: sepia(30%); } .premium-banner-ib.bright img { -webkit-filter: brightness(1); filter: brightness(1); } .premium-banner-ib.sepia:hover img { -webkit-filter: sepia(0%); filter: sepia(0%); } .premium-banner-ib.bright:hover img { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .premium-banner-animation1.premium-banner-min-height img, .premium-banner-animation2.premium-banner-min-height img, .premium-banner-animation4.premium-banner-min-height img, .premium-banner-animation5.premium-banner-min-height img, .premium-banner-animation6.premium-banner-min-height img, .premium-banner-animation13.premium-banner-min-height img { height: auto; } .premium-banner-animation2 img { width: 100%; } .premium-banner-animation2 .premium-banner-ib-desc::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } .premium-banner-animation2 .premium-banner-ib-content, .premium-banner-animation2 .premium-banner-read-more, .premium-banner-animation2 .premium-banner-ib-desc::before { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation2 .premium-banner-ib-content, .premium-banner-animation2 .premium-banner-read-more { position: absolute; bottom: 0; left: 0; padding: 15px; width: 100%; max-height: 50%; opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .premium-banner-animation2:hover .premium-banner-ib-title, .premium-banner-animation2.active .premium-banner-ib-title { -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } .premium-banner-animation2:hover .premium-banner-read-more, .premium-banner-animation2.active .premium-banner-read-more, .premium-banner-animation2:hover .premium-banner-ib-desc::before, .premium-banner-animation2.active .premium-banner-ib-desc::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation2:hover .premium-banner-ib-content, .premium-banner-animation2.active .premium-banner-ib-content { opacity: 1; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } .premium-banner-animation3 .premium-banner-ib-title { position: absolute; bottom: 0; left: 0; padding: 15px; width: 100%; text-align: left; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } .premium-banner-animation3 .premium-banner-ib-desc::before, .premium-banner-animation3 .premium-banner-ib-title { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation3:hover .premium-banner-ib-desc::before, .premium-banner-animation3.active .premium-banner-ib-desc::before, .premium-banner-animation3:hover .premium-banner-ib-title, .premium-banner-animation3.active .premium-banner-ib-title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation3 .premium-banner-ib-content { max-height: -webkit-calc(100% - 60px - 1.5em); max-height: calc(100% - 60px - 1.5em); overflow: hidden; } .premium-banner-animation4 img { width: -webkit-calc(100% + 40px) !important; width: calc(100% + 40px) !important; max-width: -webkit-calc(100% + 40px) !important; max-width: calc(100% + 40px) !important; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation4 .premium-banner-ib-desc { padding: 30px; } .premium-banner-animation4 .premium-banner-ib-desc::after { position: absolute; content: ""; opacity: 0; top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .premium-banner-animation4 .premium-banner-ib-desc::before { position: absolute; content: ""; opacity: 0; top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .premium-banner-animation4 .premium-banner-ib-title { padding: 50px 30px 0 30px; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation4 .premium-banner-ib-content, .premium-banner-animation4 .premium-banner-read-more { padding: 10px 30px; opacity: 0; overflow: hidden; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation4 .premium-banner-ib-title, .premium-banner-animation4 img { -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } .premium-banner-animation4.zoomout img, .premium-banner-animation4.scale img { -webkit-transform: translate3d(-30px, 0, 0) scale(1.1); transform: translate3d(-30px, 0, 0) scale(1.1); } .premium-banner-animation4 .premium-banner-ib-desc::after, .premium-banner-animation4 .premium-banner-ib-desc::before { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation4:hover .premium-banner-ib-desc::after, .premium-banner-animation4.active .premium-banner-ib-desc::after, .premium-banner-animation4:hover .premium-banner-ib-desc::before, .premium-banner-animation4.active .premium-banner-ib-desc::before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-banner-animation4:hover .premium-banner-ib-content, .premium-banner-animation4.active .premium-banner-ib-content, .premium-banner-animation4:hover .premium-banner-read-more, .premium-banner-animation4.active .premium-banner-read-more, .premium-banner-animation4:hover .premium-banner-ib-title, .premium-banner-animation4.active .premium-banner-ib-title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation4:hover .premium-banner-ib-content, .premium-banner-animation4:hover .premium-banner-ib-desc::after, .premium-banner-animation4:hover .premium-banner-ib-title, .premium-banner-animation4:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .premium-banner-animation5 .premium-banner-ib-desc { top: auto; bottom: 0; padding: 15px; height: auto; background: #f2f2f2; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .premium-banner-animation5 .premium-banner-ib-content { position: absolute; top: auto; bottom: 100%; left: 0; width: 100%; padding: 15px; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .premium-banner-animation5 .premium-banner-ib-title, .premium-banner-animation5 .premium-banner-read-more { -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 200%, 0); transform: translate3d(0, 200%, 0); text-align: center; } .premium-banner-animation5 .premium-banner-ib-title { margin: 10px 0; } .premium-banner-animation5:hover .premium-banner-ib-content, .premium-banner-animation5.active .premium-banner-ib-content, .premium-banner-animation5:hover .premium-banner-ib-content *, .premium-banner-animation5.active .premium-banner-ib-content * { opacity: 1 !important; z-index: 99 !important; -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; } .premium-banner-animation5:hover .premium-banner-ib-desc, .premium-banner-animation5.active .premium-banner-ib-desc, .premium-banner-animation5:hover .premium-banner-ib-title, .premium-banner-animation5.active .premium-banner-ib-title, .premium-banner-animation5:hover .premium-banner-read-more, .premium-banner-animation5.active .premium-banner-read-more { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .premium-banner-animation5:hover .premium-banner-ib-title { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .premium-banner-animation5 img { -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; } .premium-banner-animation2 img, .premium-banner-animation4 img, .premium-banner-animation6 img { -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; } .premium-banner-animation5.zoomout img, .premium-banner-animation5.scale img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .premium-banner-animation2.zoomout img, .premium-banner-animation2.scale img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .premium-banner-animation6.zoomout img, .premium-banner-animation6.scale img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .premium-banner-animation5.zoomin:hover img, .premium-banner-animation2.zoomin:hover img, .premium-banner-animation6.zoomin:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .premium-banner-animation5.zoomout:hover img, .premium-banner-animation2.zoomout:hover img, .premium-banner-animation6.zoomout:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-banner-animation5.scale:hover img, .premium-banner-animation2.scale:hover img, .premium-banner-animation6.scale:hover img { -webkit-transform: scale(1.2) rotate(5deg); -ms-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg); } .premium-banner-animation5.grayscale:hover img, .premium-banner-animation2.grayscale:hover img, .premium-banner-animation6.grayscale:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .premium-banner-animation5.blur:hover img, .premium-banner-animation2.blur:hover img { -webkit-filter: blur(3px); filter: blur(3px); } .premium-banner-animation6.blur:hover img { -webkit-filter: blur(3px); filter: blur(3px); } .premium-banner-animation6 .premium-banner-ib-desc { padding: 45px; } .premium-banner-animation6 .premium-banner-ib-desc::before { position: absolute; content: ""; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; } .premium-banner-animation6 .premium-banner-ib-title { margin: 20px 0 10px; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .premium-banner-animation6 .premium-banner-ib-content, .premium-banner-animation6 .premium-banner-read-more, .premium-banner-animation6 .premium-banner-ib-desc::before { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .premium-banner-animation6 .premium-banner-read-more { margin-top: 10px; } .premium-banner-animation6:hover .premium-banner-ib-title, .premium-banner-animation6.active .premium-banner-ib-title { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation6:hover .premium-banner-ib-content, .premium-banner-animation6.active .premium-banner-ib-content, .premium-banner-animation6:hover .premium-banner-read-more, .premium-banner-animation6.active .premium-banner-read-more, .premium-banner-animation6:hover .premium-banner-ib-desc::before, .premium-banner-animation6.active .premium-banner-ib-desc::before { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-banner-animation12 .premium-banner-ib-desc::after { position: absolute; content: ""; right: 30px; bottom: 30px; left: 30px; height: -webkit-calc(50% - 30px); height: calc(50% - 30px); border: 7px solid #fff; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .premium-banner-animation12:hover .premium-banner-ib-desc::after, .premium-banner-animation12.active .premium-banner-ib-desc::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation12 .premium-banner-ib-desc { padding: 45px; text-align: left; } .premium-banner-animation12 .premium-banner-ib-content { position: absolute; right: 60px; bottom: 60px; left: 60px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } .premium-banner-animation12:hover .premium-banner-ib-content, .premium-banner-animation12.active .premium-banner-ib-content { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation13 img { width: -webkit-calc(100% + 20px) !important; width: calc(100% + 20px) !important; max-width: -webkit-calc(100% + 20px) !important; max-width: calc(100% + 20px) !important; -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .premium-banner-animation13.zoomout img, .premium-banner-animation13.scale img { -webkit-transform: translate3d(-10px, 0, 0) scale(1.1); transform: translate3d(-10px, 0, 0) scale(1.1); } .premium-banner-animation13.none:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation1.none:hover img, .premium-banner-animation4.none:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation13.zoomin:hover img, .premium-banner-animation1.zoomin:hover img, .premium-banner-animation4.zoomin:hover img, .premium-banner-animation8.zoomin:hover img, .premium-banner-animation7.zoomin:hover img, .premium-banner-animation9.zoomin:hover img, .premium-banner-animation10.zoomin:hover img, .premium-banner-animation11.zoomin:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1.1); transform: translate3d(0, 0, 0) scale(1.1); } .premium-banner-animation13.zoomout:hover img, .premium-banner-animation1.zoomout:hover img, .premium-banner-animation4.zoomout:hover img, .premium-banner-animation8.zoomout:hover img, .premium-banner-animation7.zoomout:hover img, .premium-banner-animation9.zoomout:hover img, .premium-banner-animation10.zoomout:hover img, .premium-banner-animation11.zoomout:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } .premium-banner-animation13.scale:hover img, .premium-banner-animation1.scale:hover img, .premium-banner-animation4.scale:hover img, .premium-banner-animation8.scale:hover img, .premium-banner-animation7.scale:hover img, .premium-banner-animation9.scale:hover img, .premium-banner-animation10.scale:hover img, .premium-banner-animation11.scale:hover img { -webkit-transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); transform: translate3d(0, 0, 0) scale(1.2) rotate(5deg); } .premium-banner-animation13.grayscale:hover img, .premium-banner-animation1.grayscale:hover img, .premium-banner-animation4.grayscale:hover img, .premium-banner-animation8.grayscale:hover img, .premium-banner-animation7.grayscale:hover img, .premium-banner-animation9.grayscale:hover img, .premium-banner-animation10.grayscale:hover img, .premium-banner-animation11.grayscale:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-filter: grayscale(100%); filter: grayscale(100%); } .premium-banner-animation13.blur:hover img, .premium-banner-animation1.blur:hover img, .premium-banner-animation4.blur:hover, .premium-banner-animation8.blur:hover img, .premium-banner-animation7.blur:hover img, .premium-banner-animation9.blur:hover img, .premium-banner-animation10.blur:hover img, .premium-banner-animation11.blur:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-filter: blur(3px); filter: blur(3px); } .premium-banner-animation13 .premium-banner-ib-desc { text-align: left; } .premium-banner-animation13 .premium-banner-ib-title { position: relative; overflow: hidden; padding: 5px 0 10px; } .premium-banner-animation13 .premium-banner-ib-title::after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); } .premium-banner-animation13:hover .premium-banner-ib-title::after, .premium-banner-animation13.active .premium-banner-ib-title::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation13 .premium-banner-ib-content, .premium-banner-animation13 .premium-banner-read-more { padding: 15px 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .premium-banner-animation13:hover .premium-banner-ib-content, .premium-banner-animation13.active .premium-banner-ib-content, .premium-banner-animation13:hover .premium-banner-read-more, .premium-banner-animation13.active .premium-banner-read-more { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-ib.premium-banner-animation5 .premium-banner-toggle-size { left: 50%; width: auto !important; height: 100%; max-width: none; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .premium-banner-animation7 img { width: -webkit-calc(100% + 40px) !important; width: calc(100% + 40px) !important; max-width: -webkit-calc(100% + 40px) !important; max-width: calc(100% + 40px) !important; -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; } .premium-banner-animation7 .premium-banner-brlr { width: 7px; } .premium-banner-animation7 .premium-banner-brtb { height: 7px; } .premium-banner-animation7 .premium-banner-br { position: absolute; z-index: 1; background-color: white; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .premium-banner-animation7 .premium-banner-bleft { left: 30px; top: -webkit-calc(100% - 150px); top: calc(100% - 150px); height: 0; } .premium-banner-animation7 .premium-banner-bright { right: 30px; bottom: -webkit-calc(100% - 150px); bottom: calc(100% - 150px); height: 0; } .premium-banner-animation7 .premium-banner-bottom { right: -webkit-calc(100% - 150px); right: calc(100% - 150px); bottom: 30px; width: 0; } .premium-banner-animation7 .premium-banner-btop { left: -webkit-calc(100% - 150px); left: calc(100% - 150px); top: 30px; width: 0; } .premium-banner-animation7 .premium-banner-ib-desc { padding: 70px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-banner-animation7 .premium-banner-ib-title { margin-top: 0; } .premium-banner-animation7 .premium-banner-ib-title, .premium-banner-animation7 img { -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } .premium-banner-animation7.zoomout img, .premium-banner-animation7.scale img { -webkit-transform: translate3d(-30px, 0, 0) scale(1.1); transform: translate3d(-30px, 0, 0) scale(1.1); } .premium-banner-animation7 .premium-banner-ib-content, .premium-banner-animation7 .premium-banner-read-more { margin-top: 10px; } .premium-banner-animation7 .premium-banner-ib-desc::after, .premium-banner-animation7 .premium-banner-ib-desc::before { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation7 .premium-banner-ib-title, .premium-banner-animation7 .premium-banner-ib-content, .premium-banner-animation7 .premium-banner-read-more { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation7:hover .premium-banner-ib-content, .premium-banner-animation7.active .premium-banner-ib-content, .premium-banner-animation7:hover .premium-banner-read-more, .premium-banner-animation7.active .premium-banner-read-more, .premium-banner-animation7:hover .premium-banner-ib-title, .premium-banner-animation7.active .premium-banner-ib-title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation7:hover .premium-banner-bleft, .premium-banner-animation7.active .premium-banner-bleft { top: 30px; height: 70px; } .premium-banner-animation7:hover .premium-banner-bright, .premium-banner-animation7.active .premium-banner-bright { bottom: 30px; height: 70px; } .premium-banner-animation7:hover .premium-banner-bottom, .premium-banner-animation7.active .premium-banner-bottom { right: 30px; width: 70px; } .premium-banner-animation7:hover .premium-banner-btop, .premium-banner-animation7.active .premium-banner-btop { left: 30px; width: 70px; } .premium-banner-animation7:hover .premium-banner-ib-content, .premium-banner-animation7:hover .premium-banner-read-more, .premium-banner-animation7:hover .premium-banner-ib-title, .premium-banner-animation7:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .premium-banner-animation8 img { width: -webkit-calc(100% + 40px) !important; width: calc(100% + 40px) !important; max-width: -webkit-calc(100% + 40px) !important; max-width: calc(100% + 40px) !important; -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; } .premium-banner-animation8 .premium-banner-brlr { width: 7px; } .premium-banner-animation8 .premium-banner-brtb { height: 7px; } .premium-banner-animation8 .premium-banner-br { position: absolute; z-index: 1; background-color: white; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .premium-banner-animation8 .premium-banner-bleft { left: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 0; } .premium-banner-animation8 .premium-banner-bright { right: 30px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 0; } .premium-banner-animation8 .premium-banner-bottom { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 30px; width: 0; } .premium-banner-animation8 .premium-banner-btop { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 30px; width: 0; } .premium-banner-animation8 .premium-banner-ib-desc { padding: 70px; display: table; } .premium-banner-animation8 .premium-banner-ib-desc .premium-banner-desc-centered { display: table-cell; vertical-align: middle; } .premium-banner-animation8 .premium-banner-ib-title { margin-top: 0; } .premium-banner-animation8 .premium-banner-ib-title, .premium-banner-animation8 img { -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } .premium-banner-animation8.zoomout img, .premium-banner-animation8.scale img { -webkit-transform: translate3d(-30px, 0, 0) scale(1.1); transform: translate3d(-30px, 0, 0) scale(1.1); } .premium-banner-animation8 .premium-banner-ib-content, .premium-banner-animation8 .premium-banner-read-more { margin-top: 10px; } .premium-banner-animation8 .premium-banner-ib-desc::after, .premium-banner-animation8 .premium-banner-ib-desc::before { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation8 .premium-banner-ib-title, .premium-banner-animation8 .premium-banner-ib-content, .premium-banner-animation8 .premium-banner-read-more { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; opacity: 0; } .premium-banner-animation8:hover .premium-banner-ib-content, .premium-banner-animation8.active .premium-banner-ib-content, .premium-banner-animation8:hover .premium-banner-read-more, .premium-banner-animation8.active .premium-banner-read-more, .premium-banner-animation8:hover .premium-banner-ib-title, .premium-banner-animation8.active .premium-banner-ib-title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation8:hover .premium-banner-bleft, .premium-banner-animation8.active .premium-banner-bleft { height: -webkit-calc(100% - 61px); height: calc(100% - 61px); } .premium-banner-animation8:hover .premium-banner-bright, .premium-banner-animation8.active .premium-banner-bright { height: -webkit-calc(100% - 61px); height: calc(100% - 61px); } .premium-banner-animation8:hover .premium-banner-bottom, .premium-banner-animation8.active .premium-banner-bottom { width: -webkit-calc(100% - 61px); width: calc(100% - 61px); } .premium-banner-animation8:hover .premium-banner-btop, .premium-banner-animation8.active .premium-banner-btop { width: -webkit-calc(100% - 61px); width: calc(100% - 61px); } .premium-banner-animation8:hover .premium-banner-ib-content, .premium-banner-animation8:hover .premium-banner-ib-title, .premium-banner-animation8:hover .premium-banner-read-more, .premium-banner-animation8:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .premium-banner-animation9 img { width: -webkit-calc(100% + 20px) !important; width: calc(100% + 20px) !important; max-width: -webkit-calc(100% + 20px) !important; max-width: calc(100% + 20px) !important; -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-banner-animation9 .premium-banner-ib-desc { width: 100%; height: 100%; } .premium-banner-animation9 .premium-banner-ib-desc::before { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ""; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .premium-banner-animation9 .premium-banner-ib-desc::after { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ""; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .premium-banner-animation9 .premium-banner-ib-title { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, -70px, 0); transform: translate3d(0, -70px, 0); margin-top: 0; padding: 0 10%; } .premium-banner-animation9:hover .premium-banner-ib-title, .premium-banner-animation9.active .premium-banner-ib-title { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } .premium-banner-animation9 .premium-banner-ib-content, .premium-banner-animation9 .premium-banner-read-more { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; padding: 0 10%; -webkit-transform: translate3d(0, 35px, 0); transform: translate3d(0, 35px, 0); } .premium-banner-animation9 .premium-banner-read-more { top: 75%; } .premium-banner-animation9:hover .premium-banner-ib-content, .premium-banner-animation9.active .premium-banner-ib-content, .premium-banner-animation9:hover .premium-banner-read-more, .premium-banner-animation9.active .premium-banner-read-more { -webkit-transform: translate3d(0, 45px, 0); transform: translate3d(0, 45px, 0); } .premium-banner-animation9:hover .premium-banner-ib-desc::before, .premium-banner-animation9.active .premium-banner-ib-desc::before { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); } .premium-banner-animation9:hover .premium-banner-ib-desc::after, .premium-banner-animation9.active .premium-banner-ib-desc::after { opacity: 0.5; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); } .premium-banner-animation9:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-banner-animation10 img { width: -webkit-calc(100% + 20px) !important; width: calc(100% + 20px) !important; max-width: -webkit-calc(100% + 20px) !important; max-width: calc(100% + 20px) !important; -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; } .premium-banner-animation10 .premium-banner-ib-title { position: relative; overflow: hidden; padding: 5px 0 15px; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); margin-bottom: 0; } .premium-banner-animation10 .premium-banner-ib-title::after { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; } .premium-banner-animation10:hover .premium-banner-ib-title, .premium-banner-animation10.active .premium-banner-ib-title { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation10:hover .premium-banner-ib-title::after, .premium-banner-animation10.active .premium-banner-ib-title::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation10.zoomout img, .premium-banner-animation10.scale img { -webkit-transform: translate3d(-10px, 0, 0) scale(1.1); transform: translate3d(-10px, 0, 0) scale(1.1); } .premium-banner-animation10 .premium-banner-ib-content, .premium-banner-animation10 .premium-banner-read-more { padding-top: 15px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .premium-banner-animation10 .premium-banner-read-more { padding: 0; } .premium-banner-animation10:hover .premium-banner-ib-content, .premium-banner-animation10.active .premium-banner-ib-content, .premium-banner-animation10:hover .premium-banner-read-more, .premium-banner-animation10.active .premium-banner-read-more { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation11 { -webkit-transition: -webkit-transform 1s ease-out; transition: -webkit-transform 1s ease-out; transition: transform 1s ease-out; transition: transform 1s ease-out, -webkit-transform 1s ease-out; -webkit-transition-delay: 0.125s; transition-delay: 0.125s; } .premium-banner-animation11 .premium-banner-ib-desc { position: absolute; z-index: 5; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); opacity: 0; top: auto; bottom: 0; min-height: 25%; height: auto; max-height: 100%; text-align: left; padding: 30px; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } .premium-banner-animation11 img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s; transition: opacity 0.35s, filter 0.35s, transform 0.35s, -webkit-filter 0.35s, -webkit-transform 0.35s; } .premium-banner-animation11 .premium-banner-ib-title { margin-bottom: 10px; } .premium-banner-animation11 .premium-banner-gradient { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .premium-banner-animation11 .premium-banner-gradient:after, .premium-banner-animation11 .premium-banner-gradient:before { position: absolute; content: ""; left: 0; top: 0; right: 0; bottom: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); background-image: -webkit-linear-gradient(40deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%); background-image: linear-gradient(50deg, rgba(84, 89, 95, 0.5) 27.89%, #6ec1e4 72.11%); z-index: 2; } .premium-banner-animation11 .premium-banner-gradient:before { mix-blend-mode: color; } .premium-banner-animation11 .premium-banner-gradient:after { mix-blend-mode: multiply; } .premium-banner-animation11:hover .premium-banner-ib-desc, .premium-banner-animation11.active .premium-banner-ib-desc { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation11:hover .premium-banner-gradient:after, .premium-banner-animation11:hover .premium-banner-gradient:before, .premium-banner-animation11.active .premium-banner-gradient:after, .premium-banner-animation11.active .premium-banner-gradient:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .premium-banner-animation11.zoomout img, .premium-banner-animation11.scale img { -webkit-transform: translate3d(-10px, 0, 0) scale(1.1); transform: translate3d(-10px, 0, 0) scale(1.1); } .premium-banner-ib-content p img { min-width: unset !important; max-width: none !important; width: auto !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; display: inline; } .premium-banner-link { display: inline-block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /**************** Premium Blog *****************/ /***********************************************/ .premium-blog-thumb-effect-wrapper { position: relative; overflow: hidden; } .premium-blog-thumb-effect-wrapper span { display: none; } .premium-blog-thumb-effect-wrapper:hover .premium-blog-thumbnail-overlay { opacity: 1; } .premium-blog-effect-container:not(.premium-blog-bordered-effect) .premium-blog-post-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; padding: 20px; } .premium-blog-bordered-effect .premium-blog-post-link { display: block; height: 100%; position: relative; } /*Thumbnail Img*/ .premium-blog-wrap .premium-blog-thumbnail-container { overflow: hidden; } .premium-blog-wrap .premium-blog-thumbnail-container img, .premium-blog-wrap .premium-blog-thumbnail-container .below-entry-meta { width: 100%; height: 100%; margin: 0 !important; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; } .premium-blog-thumbnail-overlay { opacity: 0; } .premium-blog-zoomout-effect img, .premium-blog-scale-effect img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-blog-sepia-effect img { -webkit-filter: sepia(30%); filter: sepia(30%); } .premium-blog-bright-effect img { -webkit-filter: brightness(1); filter: brightness(1); } .premium-blog-trans-effect img { -webkit-transform: translateX(-15px) scale(1.1); -ms-transform: translateX(-15px) scale(1.1); transform: translateX(-15px) scale(1.1); } .premium-blog-post-outer-container:hover .premium-blog-zoomin-effect img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-blog-post-outer-container:hover .premium-blog-zoomout-effect img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .premium-blog-post-outer-container:hover .premium-blog-scale-effect img { -webkit-transform: scale(1.3) rotate(5deg); -ms-transform: scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg); } .premium-blog-post-outer-container:hover .premium-blog-gray-effect img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .premium-blog-post-outer-container:hover .premium-blog-blur-effect img { -webkit-filter: blur(3px); filter: blur(3px); } .premium-blog-post-outer-container:hover .premium-blog-sepia-effect img { -webkit-filter: sepia(0%); filter: sepia(0%); } .premium-blog-post-outer-container:hover .premium-blog-bright-effect img { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .premium-blog-post-outer-container:hover .premium-blog-trans-effect img { -webkit-transform: translateX(0px) scale(1.1); -ms-transform: translateX(0px) scale(1.1); transform: translateX(0px) scale(1.1); } .premium-blog-post-container { overflow: hidden; } .premium-blog-post-container .premium-blog-inner-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-blog-post-container .premium-blog-post-content { line-height: 1.5em; color: #777; font-size: 14px; margin-bottom: 10px; } .premium-blog-post-container ul.post-categories a:hover, .premium-blog-post-container ul.post-categories a:focus, .premium-blog-post-container .premium-blog-post-link:hover, .premium-blog-post-container .premium-blog-post-link:focus { box-shadow: none !important; outline: none !important; } .premium-blog-post-container .premium-blog-entry-title { font-size: 18px; margin-bottom: 5px; } .premium-blog-post-container.premium-blog-skin-modern .premium-blog-content-wrapper { position: relative; z-index: 3; top: -50px; } .premium-blog-post-container .premium-blog-content-wrapper { background-color: #f5f5f5; padding: 30px; } .premium-blog-post-container .premium-blog-content-wrapper.empty-thumb { top: 0; } .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before, .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:after { position: absolute; content: ""; z-index: 1; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; height: 1px; width: 100%; background-color: #fff; } .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-thumbnail-container:before { width: 1px; height: 100%; } .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:after { width: 20px; opacity: 1; } .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner):hover .premium-blog-thumbnail-container:before { height: 20px; opacity: 1; } .premium-blog-post-container:not(.premium-blog-skin-classic):not(.premium-blog-skin-side):not(.premium-blog-skin-banner) .premium-blog-content-wrapper { margin: 0px 10px 20px; clear: both; } .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay a, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay span, .premium-blog-post-container.premium-blog-skin-classic .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay span, .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-overlay i, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay span, .premium-blog-post-container.premium-blog-skin-banner .premium-blog-thumbnail-overlay i { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-blog-post-container.premium-blog-skin-side { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-blog-post-container.premium-blog-skin-side .premium-blog-thumbnail-container { height: 100%; } .premium-blog-post-container.premium-blog-skin-side .premium-blog-content-wrapper { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .premium-blog-post-container.premium-blog-skin-banner { position: relative; } .premium-blog-post-container.premium-blog-skin-banner .premium-blog-content-wrapper { position: absolute; width: 100%; bottom: -5px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: transparent; z-index: 3; -webkit-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; } .premium-blog-post-container.premium-blog-skin-banner:hover .premium-blog-content-wrapper { bottom: 0px; } .premium-blog-post-container .premium-blog-cats-container ul.post-categories { margin: 0; padding: 0; list-style: none; display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-blog-post-container .premium-blog-cats-container a { display: block; font-size: 12px; color: #fff; background-color: #777; margin: 0 3px 10px 0; padding: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* * Diagonal Effect */ .premium-blog-diagonal-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .premium-blog-diagonal-effect:before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: " "; z-index: 1; background: rgba(255, 255, 255, 0.2); -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .premium-blog-post-outer-container:hover .premium-blog-diagonal-effect:before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); } /* * Framed Effect */ .premium-blog-framed-effect { position: absolute; width: -webkit-calc(100% - 30px); width: calc(100% - 30px); height: -webkit-calc(100% - 30px); height: calc(100% - 30px); top: 15px; left: 15px; opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .premium-blog-post-outer-container:hover .premium-blog-framed-effect { opacity: 0.99; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* * Bordered Effect */ .premium-blog-bordered-effect { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; padding: 15px; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .premium-blog-bordered-effect .premium-blog-post-link:before, .premium-blog-bordered-effect .premium-blog-post-link:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; -webkit-transition-delay: 0s; transition-delay: 0s; border-color: rgba(255, 255, 255, 0.45); } .premium-blog-bordered-effect .premium-blog-post-link:before { border-right: 2px solid; border-left: 2px solid; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .premium-blog-bordered-effect .premium-blog-post-link:after { border-top: 2px solid; border-bottom: 2px solid; -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .premium-blog-bordered-effect:hover { opacity: 0.99; } .premium-blog-bordered-effect:hover .premium-blog-post-link:before, .premium-blog-bordered-effect:hover .premium-blog-post-link:after { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* * Squares Effect */ .premium-blog-squares-effect, .premium-blog-squares-square-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .premium-blog-squares-effect:before, .premium-blog-squares-effect:after { position: absolute; content: ""; top: 0; left: 0; width: 50%; height: 50%; -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); opacity: 0.7; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .premium-blog-squares-square-container:before, .premium-blog-squares-square-container:after { transition: all 0.3s linear 0s; position: absolute; content: ""; top: 0; left: 0; width: 50%; height: 50%; -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); opacity: 0.7; -webkit-transition: all 0.3s linear 0s; } .premium-blog-squares-effect:after { -webkit-transform: translate(200%, 200%); -ms-transform: translate(200%, 200%); transform: translate(200%, 200%); } .premium-blog-squares-square-container:before { -webkit-transform: translate(-100%, 200%); -ms-transform: translate(-100%, 200%); transform: translate(-100%, 200%); } .premium-blog-squares-square-container:after { -webkit-transform: translate(200%, -100%); -ms-transform: translate(200%, -100%); transform: translate(200%, -100%); } .premium-blog-squares-effect:hover:before { -webkit-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); -ms-transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); transform: translate(0, 0%) scaleY(1.003) scaleX(1.003); } .premium-blog-squares-effect:hover:after { -webkit-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); -ms-transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); transform: translate(100%, 100%) scaleY(1.003) scaleX(1.003); } .premium-blog-squares-effect:hover .premium-blog-squares-square-container:before { -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); } .premium-blog-squares-effect:hover .premium-blog-squares-square-container:after { -webkit-transform: translate(100%, 0%); -ms-transform: translate(100%, 0%); transform: translate(100%, 0%); } .premium-blog-clear-fix { clear: both; } .premium-blog-masked .premium-blog-thumbnail-container { position: relative; overflow: visible; } .premium-blog-masked .premium-blog-thumbnail-container svg { position: absolute; height: 100px; width: 100%; bottom: -5px; left: 0; fill: #f5f5f5; z-index: 99; } .premium-blog-masked .premium-blog-thumbnail-container svg.premium-blog-shape-divider-svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .premium-blog-masked .premium-blog-author-thumbnail, .premium-blog-masked .premium-blog-skin-banner .premium-blog-content-wrapper { z-index: 999 !important; } .premium-blog-format-link { padding: 5px; line-height: 0; } .premium-blog-entry-meta { line-height: 1.3em; font-size: 12px; margin-bottom: 13px; color: #adadad; } .premium-blog-entry-meta i { margin-right: 3px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-blog-meta-data { display: inline-block; } .premium-blog-meta-data .premium-blog-meta-separator { margin: 0 5px; } .premium-blog-meta-data a, .premium-blog-meta-data span { color: inherit; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-blog-author-thumbnail { position: relative; padding: 0 30px; width: 100%; top: -10px; height: 0; pointer-events: none; } .premium-blog-author-thumbnail img { border-radius: 50%; width: 60px; pointer-events: all; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-blog-entry-title a, .premium-blog-post-tags-container a, .premium-blog-post-content .premium-blog-excerpt-link { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-blog-excerpt-link-wrap a.premium-blog-excerpt-link { background-color: transparent; color: #54595f; padding: 0; } .premium-blog-cta-full-yes .premium-blog-excerpt-link { width: 100%; } .premium-blog-post-tags-container { margin-top: 8px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-blog-post-tags-container a { color: inherit; margin-left: 5px; } /*Tags align*/ .premium-blog-align-left .post-categories, .premium-blog-align-left .premium-blog-post-tags-container { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .premium-blog-align-left .premium-blog-inner-container { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .premium-blog-align-center .post-categories, .premium-blog-align-center .premium-blog-post-tags-container { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-blog-align-center .premium-blog-inner-container { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-blog-align-right .post-categories, .premium-blog-align-right .premium-blog-post-tags-container { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .premium-blog-align-right .premium-blog-inner-container { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .premium-blog-wrap .premium-loading-feed { display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(255, 255, 255, 0.2); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 99; } .premium-blog-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-blog-wrap ul.slick-dots { width: 100%; } /* Pagination */ .premium-blog-pagination-container { text-align: right; } .premium-blog-pagination-container span { cursor: default; } .premium-blog-pagination-container .page-numbers { display: inline-block; border: none; color: #000; line-height: 1; font-size: 1em; font-weight: 400; text-decoration: none; padding: 0.75em; margin: 0 0.4em 0.4em 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* * List Layout */ .premium-blog-list .premium-blog-post-outer-container { width: 100%; } /** * Even Layout */ .premium-blog-even .premium-blog-post-container { height: 100%; } .premium-blog-even .slick-track { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-blog-even .slick-slide { height: inherit !important; } .premium-blog-filter { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-blog-filter .premium-blog-filters-container li a.category { outline: none; text-decoration: none; border-radius: 75px; margin: 15px 5px 20px; padding: 7px 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-blog-filter ul.premium-blog-filters-container { text-align: center; margin: 0; padding: 0; } .premium-blog-filter .premium-blog-filters-container li { list-style: none; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } /** * Responsive Style */ @media (max-width: 768px) { .premium-blog-post-container:not(.premium-blog-skin-banner) .premium-blog-content-wrapper { top: 0; margin: 0; padding: 15px; } .premium-blog-skin-side { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } /**************** Premium Button ***********************/ /*******************************************************/ .premium-button { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-button-style3-before i, .premium-button-style3-before svg { opacity: 0; -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .premium-button-style3-after i, .premium-button-style3-after svg { opacity: 0; -webkit-transform: translateX(-5px); -ms-transform: translateX(-5px); transform: translateX(-5px); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } .premium-button-style3-after:hover i, .premium-button-style3-after:hover svg { opacity: 1; } .premium-button-style3-before:hover i, .premium-button-style3-before:hover svg { opacity: 1; } .elementor-widget-premium-addon-button .premium-button-text-icon-wrapper { width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .elementor-widget-premium-addon-button .premium-button-text-icon-wrapper span, .elementor-widget-premium-addon-button .premium-button-text-icon-wrapper i, .elementor-widget-premium-addon-button .premium-button-text-icon-wrapper svg { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-button-style4-icon-wrapper { position: absolute; z-index: 2; width: 100%; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-button-style4-icon-wrapper.top { bottom: -100%; left: 0; } .premium-button-style4-icon-wrapper.bottom { top: -100%; left: 0; } .premium-button-style4-icon-wrapper.left { top: 0; left: -100%; } .premium-button-style4-icon-wrapper.right { top: 0; right: -100%; } .premium-button-style4-bottom:hover .premium-button-style4-icon-wrapper { top: 0; opacity: 1; } .premium-button-style4-top:hover .premium-button-style4-icon-wrapper { bottom: 0; opacity: 1; } .premium-button-style4-left:hover .premium-button-style4-icon-wrapper { left: 0; opacity: 1; } .premium-button-style4-right:hover .premium-button-style4-icon-wrapper { right: 0; opacity: 1; } .premium-button-style4-bottom:hover .premium-button-text-icon-wrapper { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .premium-button-style4-top:hover .premium-button-text-icon-wrapper { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .premium-button-style4-left:hover .premium-button-text-icon-wrapper { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .premium-button-style4-right:hover .premium-button-text-icon-wrapper { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } /**************** Premium Carousel ****************/ /**************************************************/ .premium-carousel-wrapper a.carousel-arrow, .premium-carousel-wrapper a.ver-carousel-arrow { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 2em; height: 2em; line-height: 0; text-align: center; position: absolute; z-index: 99; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-appearance: inherit; border: none; box-shadow: none; } .premium-carousel-wrapper a.carousel-arrow svg, .premium-carousel-wrapper a.ver-carousel-arrow svg { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ver-carousel-arrow.carousel-next i { margin-bottom: -3px; } .premium-carousel-wrapper a.slick-arrow:hover { box-shadow: none !important; } .premium-carousel-wrapper .premium-carousel-content-hidden { visibility: hidden; } .premium-carousel-wrapper a.carousel-arrow { top: 50%; } .premium-carousel-wrapper a.ver-carousel-arrow { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .premium-carousel-dots-above ul.slick-dots { position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /* * Custom Navigation Dot */ .premium-carousel-wrapper .premium-carousel-nav-dot, .premium-carousel-wrapper .premium-carousel-nav-arrow-prev, .premium-carousel-wrapper .premium-carousel-nav-arrow-next { display: none; } .premium-carousel-wrapper ul.slick-dots svg { width: 20px; height: 20px; outline: none !important; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes hvr-ripple-out { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } .premium-carousel-ripple-yes .premium-carousel-wrapper { padding-bottom: 1px; } .premium-carousel-ripple-yes ul.slick-dots li { position: relative; } .premium-carousel-ripple-yes ul.slick-dots li i { position: relative; z-index: 1; } .premium-carousel-ripple-yes ul.slick-dots li:hover:before { content: ""; position: absolute; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; pointer-events: none; background-color: rgba(0, 0, 0, 0.15); -webkit-animation: hvr-ripple-out 1.3s infinite; animation: hvr-ripple-out 1.3s infinite; } .premium-carousel-ripple-yes ul.slick-dots li.slick-active:hover:before { background-color: rgba(0, 0, 0, 0.3); } .premium-carousel-wrapper.premium-carousel-scale .slick-slide { -webkit-transform: scale(1.25, 1.25); -ms-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-carousel-wrapper.premium-carousel-scale div.slick-active { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } [dir=rtl] .premium-carousel-inner .slick-slide { float: right; } .premium-carousel-nav-fraction { text-align: center; position: relative; } .premium-carousel-nav-progressbar { width: 100%; height: 20px; left: 0; background-color: rgba(0, 0, 0, 0.25); text-align: center; -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 10; } .premium-carousel-nav-progressbar .premium-carousel-nav-progressbar-fill { background: #6ec1e4; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .premium-carousel-nav-progress { position: relative; text-align: left; overflow: hidden; height: 20px; background-color: rgba(0, 0, 0, 0.25); } .premium-carousel-nav-progress .premium-carousel-nav-progress-fill { width: 0%; height: 100%; font-size: 12px; background: #6ec1e4; text-align: center; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); position: absolute; overflow: hidden; line-height: 20px; -webkit-transition: width 0s ease-in-out !important; transition: width 0s ease-in-out !important; } /**************** Premium Contact Form7 **********/ /*************************************************/ .premium-cf-anim-yes .wpcf7-span::after { display: block; height: 2px; content: ""; top: -2px; position: relative; width: 0px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .premium-cf-anim-yes .wpcf7-span.is-focused::after { width: 100%; background-color: #4d7bfb; } .premium-cf-anim-middle-yes .wpcf7-span::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .premium-cf-anim-label .wpcf7-form-control::-webkit-input-placeholder, .premium-cf-anim-label-pos-back .wpcf7-form-control::-webkit-input-placeholder { color: transparent !important; } .premium-cf-anim-label .wpcf7-form-control:-ms-input-placeholder, .premium-cf-anim-label-pos-back .wpcf7-form-control:-ms-input-placeholder { color: transparent !important; } .premium-cf-anim-label .wpcf7-form-control::-ms-input-placeholder, .premium-cf-anim-label-pos-back .wpcf7-form-control::-ms-input-placeholder { color: transparent !important; } .premium-cf-anim-label .wpcf7-form-control::placeholder, .premium-cf-anim-label-pos-back .wpcf7-form-control::placeholder { color: transparent !important; } .premium-cf-anim-label .cf7-text-input-label, .premium-cf-anim-label-pos-back .cf7-text-input-label { position: relative; z-index: 2; -webkit-transform: translateX(10px) translateY(30px); -ms-transform: translateX(10px) translateY(30px); transform: translateX(10px) translateY(30px); opacity: 0.3; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-cf-anim-label .input-focused .cf7-text-input-label, .premium-cf-anim-label-pos-back .input-focused .cf7-text-input-label { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; opacity: 1; } .premium-cf-anim-label-letter label, .premium-cf-anim-css-filters label { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .wpcf7-span.is-focused input { outline: none; } .premium-cf-full { width: 100%; } .premium-cf-half { width: -webkit-calc(50% - 5px); width: calc(50% - 5px); } .premium-cf7-container .wpcf7-form div, .premium-cf7-container .wpcf7-form p { margin: 0; } .premium-cf7-container .wpcf7-radio { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-cf7-container .wpcf7-radio .wpcf7-list-item { margin: 0 15px 0 0; } .premium-cf7-container .wpcf7-form-control:focus { border-color: #e3e3e3; outline: none; } .premium-cf7-container input.wpcf7-submit { font-size: 16px; color: #fff; background-color: #4d7bfb; border: 1px solid #4d7bfb; font-weight: 900; border-radius: 0; text-decoration: none; box-shadow: none; margin-top: 10px; padding: 10px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-cf7-container label { color: #272727; font-size: 16px; font-weight: 400; margin-bottom: 5px; } .premium-cf7-container .wpcf7-text, .premium-cf7-container .wpcf7-textarea { color: #272727; } .premium-cf7-container .wpcf7-form-control::-webkit-input-placeholder { color: #363636; } .premium-cf7-container .wpcf7-form-control:-ms-input-placeholder { color: #363636; } .premium-cf7-container .wpcf7-form-control::-ms-input-placeholder { color: #363636; } .premium-cf7-container .wpcf7-form-control::placeholder { color: #363636; } .premium-cf7-container .wpcf7-spinner { display: none; margin: 10px; } .premium-cf7-container form.submitting .wpcf7-spinner { display: block; } .premium-cf7-container .wpcf7-form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .premium-cf7-cselect-yes .premium-cf7-container input[type=checkbox], .premium-cf7-cselect-yes .premium-cf7-container input[type=radio] { -webkit-appearance: none; -moz-appearance: none; border-style: solid; border-width: 0; outline: none; min-width: 1px; width: 15px; height: 15px; background: #ddd; padding: 3px; } .premium-cf7-cselect-yes .premium-cf7-container input[type=checkbox]::before, .premium-cf7-cselect-yes .premium-cf7-container input[type=radio]::before { content: ""; width: 100%; height: 100%; padding: 0; margin: 0; display: block; } .premium-cf7-cselect-yes .premium-cf7-container input[type=radio] { border-radius: 50%; } .premium-cf7-cselect-yes .premium-cf7-container input[type=radio]::before { border-radius: 50%; } .premium-cf7-cselect-yes .premium-cf7-container input[type=radio]:checked::before { background: #999; -webkit-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; } .premium-cf-head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-cf7-placeholder-hide-yes input::-webkit-input-placeholder, .premium-cf7-placeholder-hide-yes textarea::-webkit-input-placeholder { opacity: 0; visibility: hidden; } .premium-cf7-placeholder-hide-yes input::-moz-placeholder, .premium-cf7-placeholder-hide-yes textarea::-moz-placeholder { opacity: 0; visibility: hidden; } .premium-cf7-placeholder-hide-yes input:-ms-input-placeholder, .premium-cf7-placeholder-hide-yes textarea:-ms-input-placeholder { opacity: 0; visibility: hidden; } .premium-cf7-placeholder-hide-yes input:-moz-placeholder, .premium-cf7-placeholder-hide-yes textarea:-moz-placeholder { opacity: 0; visibility: hidden; } .premium-cf7-button-fwidth-yes .premium-cf-submit, .premium-cf7-button-fwidth-yes input.wpcf7-submit { width: 100%; } .premium-cf7-button-align-left .premium-cf-submit { margin: 0; } .premium-cf7-button-align-center .premium-cf-submit { margin: 0 auto; } .premium-cf7-button-align-right .premium-cf-submit { margin: 0 0 0 auto; } .elementor-widget-premium-contact-form:not(.premium-cf__preset1) label { padding-top: 10px; } .elementor-widget-premium-contact-form[class*=__preset] .wpcf7-textarea { height: 130px; } .premium-cf__preset1 .wpcf7-text, .premium-cf__preset1 .wpcf7-textarea { padding: 10px; border: 1px solid #e3e3e3; border-radius: 0; } .premium-cf__preset2 .wpcf7-text, .premium-cf__preset2 .wpcf7-textarea, .premium-cf__preset3 .wpcf7-text, .premium-cf__preset3 .wpcf7-textarea, .premium-cf__preset4 .wpcf7-text, .premium-cf__preset4 .wpcf7-textarea { padding: 7px 0 7px 10px; border: none; border-bottom: 1px solid #e3e3e3; border-radius: 0; } .premium-cf__preset5 .wpcf7-text, .premium-cf__preset5 .wpcf7-textarea, .premium-cf__preset6 .wpcf7-text, .premium-cf__preset6 .wpcf7-textarea { padding: 7px 0 7px 10px; border: 1px solid #e3e3e3; border-radius: 0; } .premium-cf__preset5 .wpcf7-select, .premium-cf__preset6 .wpcf7-select { border: 1px solid #e3e3e3; } /**************** Premium CountDown *************/ /************************************************/ .premium-countdown { display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; } .countdown-row { display: -webkit-flex; display: -ms-flexbox; display: flex; } .countdown .countdown-section { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .countdown .countdown-section:last-child { margin-right: 0; } .countdown .countdown-amount { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .countdown .pre_time-mid { display: block; } .premium-countdown-separator-yes .countdown_separator { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 10px; font-size: 30px; } .premium-countdown-separator-yes .countdown-row .countdown-section:last-child .countdown_separator, .premium-countdown-separator-yes .premium-countdown-block:last-child .countdown_separator { display: none; } /** * Digit and unit styles */ .countdown-period { width: 100%; } .countdown-period span { display: block; } .premium-countdown-inline .countdown-section { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .premium-countdown-inline .countdown-period { margin-left: 10px; } .premium-countdown-inline .premium-countdown-featured .countdown-period { width: unset !important; } .premium-countdown-block .countdown-section, .premium-countdown-uinside-yes .countdown-section { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-countdown-block .countdown-digit-separator, .premium-countdown-uinside-yes .countdown-digit-separator { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-countdown-block .premium-countdown-label, .premium-countdown-uinside-yes .premium-countdown-label { width: 100%; } .premium-countdown-uinside-yes .countdown-amount { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .countdown-digit-separator { display: -webkit-flex; display: -ms-flexbox; display: flex; } .countdown-circle-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .countdown-circle-wrap .countdown-svg { width: 100%; height: 100%; } .premium-countdown-circle .countdown-amount { border-radius: 100%; } /** * Flip Layout */ .premium-countdown-flipping { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-countdown-flipping .countdown_separator { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .premium-countdown-flipping .flip-unit-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .premium-countdown-block .flip-unit { position: absolute; top: 100%; left: 50%; width: 100%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } .premium-countdown-featured .countdown-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-countdown-featured .countdown-section:first-child { width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-countdown-featured .countdown-section:first-child .countdown-amount { height: auto !important; } .premium-countdown-featured .countdown-section:first-child .countdown-period span { width: unset !important; } .premium-countdown-featured .countdown-section:first-child .countdown_separator { display: none; } .countdown-separator-circle { width: 3px; height: 3px; background-color: #000; border-radius: 100%; } .premium-countdown-exp-message.premium-addons__v-hidden { display: none; } /**************** Premium Counter ***************/ /************************************************/ .premium-counter-area { padding: 10px 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-counter-area.top { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-counter-area.right { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .premium-counter-area.right .premium-counter-icon { padding-left: 20px; } .premium-counter-area.left .premium-counter-icon { padding-right: 20px; } .premium-counter-area .premium-counter-icon .icon i.fa:before { vertical-align: text-top; } .premium-counter-area .premium-counter-icon span.icon { text-align: center; display: inline-block; vertical-align: middle; } .premium-counter-area .premium-counter-icon .circle { border-radius: 100%; } .premium-counter-area .premium-counter-icon img, .premium-counter-area .premium-counter-icon svg { width: 80px; } .premium-counter-area .premium-counter-icon .premium-counter-animation svg { height: 80px; } .premium-counter-area .premium-counter-title p { padding: 0; margin: 0; } .premium-counter-area .premium-counter-value-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-init-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-init-wrapper.row { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-init-wrapper.right { text-align: right; } span.icon.flex-width { width: auto !important; height: auto !important; } .premium-counter-area .premium-counter-init { font-size: 35px; } /**************** Premium Dual Heading *****************/ /*******************************************************/ .premium-dual-header-first-header, .premium-dual-header-second-header { position: relative; padding: 0; margin: 0; display: inline-block; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .premium-dual-header-first-clip .premium-dual-header-first-span, .premium-dual-header-second-clip { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; } .premium-dual-header-first-clip.stroke .premium-dual-header-first-span, .premium-dual-header-second-clip.stroke { -webkit-text-stroke-color: transparent; -webkit-text-fill-color: #fafafa; -webkit-text-stroke-width: 2px; } @media (max-width: 500px) { .premium-dual-header-first-header, .premium-dual-header-second-header { word-wrap: break-word; } } .premium-dual-header-first-header.gradient .premium-dual-header-first-span, .premium-dual-header-second-header.gradient { background-size: 300% 300% !important; -webkit-animation: Gradient 10s ease-in-out infinite; animation: Gradient 10s ease-in-out infinite; } .premium-title-first-noise-yes .premium-dual-header-first-span { position: relative; } .premium-title-first-noise-yes .premium-dual-header-first-span::before { content: attr(data-text); position: absolute; left: -2px; text-shadow: 1px 0 blue; top: 0; background: transparent; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: pa-noise-anim-1 3s infinite linear alternate-reverse; width: 100%; height: 100%; } .premium-title-first-noise-yes .premium-dual-header-first-span::after { content: attr(data-text); position: absolute; left: 2px; text-shadow: -1px 0 red; top: 0; background: transparent; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: pa-noise-anim-2 2s infinite linear alternate-reverse; width: 100%; height: 100%; } .premium-title-second-noise-yes .premium-dual-header-second-header { position: relative; } .premium-title-second-noise-yes .premium-dual-header-second-header::before { content: attr(data-text); position: absolute; left: -2px; text-shadow: 1px 0 blue; top: 0; background: transparent; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: pa-noise-anim-1 3s infinite linear alternate-reverse; width: 100%; height: 100%; } .premium-title-second-noise-yes .premium-dual-header-second-header::after { content: attr(data-text); position: absolute; left: 2px; text-shadow: -1px 0 red; top: 0; background: transparent; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: pa-noise-anim-2 2s infinite linear alternate-reverse; width: 100%; height: 100%; } .premium-mask-yes.premium-header-inline .premium-dual-header-first-span, .premium-mask-yes.premium-header-inline .premium-dual-header-second-header, .premium-header-inline[class*=noise-yes] .premium-dual-header-first-span, .premium-header-inline[class*=noise-yes] .premium-dual-header-second-header { display: inline-block !important; } .premium-mask-yes .premium-dual-header-first-clip .premium-dual-header-first-span .premium-mask-span, .premium-mask-yes .premium-dual-header-second-clip .premium-mask-span { background: inherit; } .premium-title-first-wave-yes .premium-dual-header-first-span { background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd); background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd); -webkit-animation: pa-text-gradient 8s infinite; animation: pa-text-gradient 8s infinite; } .premium-title-second-wave-yes .premium-dual-header-second-clip { background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd); background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd); -webkit-animation: pa-text-gradient 8s infinite; animation: pa-text-gradient 8s infinite; } @-webkit-keyframes pa-text-gradient { 0%, 100% { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); } 50% { -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg); } } @keyframes pa-text-gradient { 0%, 100% { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); } 50% { -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg); } } @-webkit-keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-webkit-keyframes pa-noise-anim-1 { 0% { clip: rect(52px, 9999px, 45px, 0); } 5% { clip: rect(88px, 9999px, 39px, 0); } 10% { clip: rect(81px, 9999px, 75px, 0); } 15% { clip: rect(38px, 9999px, 42px, 0); } 20% { clip: rect(62px, 9999px, 51px, 0); } 25% { clip: rect(5px, 9999px, 36px, 0); } 30% { clip: rect(9px, 9999px, 29px, 0); } 35% { clip: rect(17px, 9999px, 85px, 0); } 40% { clip: rect(97px, 9999px, 36px, 0); } 45% { clip: rect(9px, 9999px, 31px, 0); } 50% { clip: rect(94px, 9999px, 74px, 0); } 55% { clip: rect(53px, 9999px, 75px, 0); } 60% { clip: rect(2px, 9999px, 36px, 0); } 65% { clip: rect(24px, 9999px, 56px, 0); } 70% { clip: rect(45px, 9999px, 5px, 0); } 75% { clip: rect(75px, 9999px, 21px, 0); } 80% { clip: rect(9px, 9999px, 39px, 0); } 85% { clip: rect(56px, 9999px, 89px, 0); } 90% { clip: rect(53px, 9999px, 7px, 0); } 95% { clip: rect(86px, 9999px, 84px, 0); } 100% { clip: rect(63px, 9999px, 37px, 0); } } @keyframes pa-noise-anim-1 { 0% { clip: rect(52px, 9999px, 45px, 0); } 5% { clip: rect(88px, 9999px, 39px, 0); } 10% { clip: rect(81px, 9999px, 75px, 0); } 15% { clip: rect(38px, 9999px, 42px, 0); } 20% { clip: rect(62px, 9999px, 51px, 0); } 25% { clip: rect(5px, 9999px, 36px, 0); } 30% { clip: rect(9px, 9999px, 29px, 0); } 35% { clip: rect(17px, 9999px, 85px, 0); } 40% { clip: rect(97px, 9999px, 36px, 0); } 45% { clip: rect(9px, 9999px, 31px, 0); } 50% { clip: rect(94px, 9999px, 74px, 0); } 55% { clip: rect(53px, 9999px, 75px, 0); } 60% { clip: rect(2px, 9999px, 36px, 0); } 65% { clip: rect(24px, 9999px, 56px, 0); } 70% { clip: rect(45px, 9999px, 5px, 0); } 75% { clip: rect(75px, 9999px, 21px, 0); } 80% { clip: rect(9px, 9999px, 39px, 0); } 85% { clip: rect(56px, 9999px, 89px, 0); } 90% { clip: rect(53px, 9999px, 7px, 0); } 95% { clip: rect(86px, 9999px, 84px, 0); } 100% { clip: rect(63px, 9999px, 37px, 0); } } @-webkit-keyframes pa-noise-anim-2 { 0% { clip: rect(14px, 9999px, 66px, 0); } 5% { clip: rect(19px, 9999px, 36px, 0); } 10% { clip: rect(17px, 9999px, 46px, 0); } 15% { clip: rect(46px, 9999px, 63px, 0); } 20% { clip: rect(28px, 9999px, 1px, 0); } 25% { clip: rect(64px, 9999px, 16px, 0); } 30% { clip: rect(58px, 9999px, 24px, 0); } 35% { clip: rect(18px, 9999px, 79px, 0); } 40% { clip: rect(61px, 9999px, 67px, 0); } 45% { clip: rect(63px, 9999px, 57px, 0); } 50% { clip: rect(59px, 9999px, 10px, 0); } 55% { clip: rect(20px, 9999px, 93px, 0); } 60% { clip: rect(49px, 9999px, 89px, 0); } 65% { clip: rect(70px, 9999px, 59px, 0); } 70% { clip: rect(70px, 9999px, 82px, 0); } 75% { clip: rect(82px, 9999px, 20px, 0); } 80% { clip: rect(25px, 9999px, 37px, 0); } 85% { clip: rect(76px, 9999px, 53px, 0); } 90% { clip: rect(2px, 9999px, 23px, 0); } 95% { clip: rect(9px, 9999px, 39px, 0); } 100% { clip: rect(41px, 9999px, 55px, 0); } } @keyframes pa-noise-anim-2 { 0% { clip: rect(14px, 9999px, 66px, 0); } 5% { clip: rect(19px, 9999px, 36px, 0); } 10% { clip: rect(17px, 9999px, 46px, 0); } 15% { clip: rect(46px, 9999px, 63px, 0); } 20% { clip: rect(28px, 9999px, 1px, 0); } 25% { clip: rect(64px, 9999px, 16px, 0); } 30% { clip: rect(58px, 9999px, 24px, 0); } 35% { clip: rect(18px, 9999px, 79px, 0); } 40% { clip: rect(61px, 9999px, 67px, 0); } 45% { clip: rect(63px, 9999px, 57px, 0); } 50% { clip: rect(59px, 9999px, 10px, 0); } 55% { clip: rect(20px, 9999px, 93px, 0); } 60% { clip: rect(49px, 9999px, 89px, 0); } 65% { clip: rect(70px, 9999px, 59px, 0); } 70% { clip: rect(70px, 9999px, 82px, 0); } 75% { clip: rect(82px, 9999px, 20px, 0); } 80% { clip: rect(25px, 9999px, 37px, 0); } 85% { clip: rect(76px, 9999px, 53px, 0); } 90% { clip: rect(2px, 9999px, 23px, 0); } 95% { clip: rect(9px, 9999px, 39px, 0); } 100% { clip: rect(41px, 9999px, 55px, 0); } } /**************** Premium Fancy Text *******************/ /*******************************************************/ .premium-atext__switch .premium-atext__wrapper:not(.premium-atext__typing) .premium-atext__text, .premium-atext__switch .premium-fancy-item-hidden { opacity: 0; } .premium-atext__wrapper { position: relative; } .premium-atext__wrapper > a { position: absolute; inset: 0; z-index: 9; } .premium-atext__wrapper > a span { display: none; } .premium-atext__wrapper .premium-fancy-list-items { list-style: none; } .premium-atext__wrapper .premium-atext__span-align { vertical-align: top; } .premium-atext__wrapper:not(.premium-atext__typing):not(.premium-atext__slide) .premium-atext__items-wrapper { margin: 0; padding: 0; border: none; position: relative; } .premium-atext__wrapper:not(.premium-atext__typing):not(.premium-atext__slide) .premium-fancy-list-items { position: absolute; top: 0; left: 0; display: inline-block; } .premium-atext__headline { display: block; font-size: 43px; } .premium-atext__clip .premium-fancy-item-visible { position: relative !important; } .premium-atext__clip .premium-atext__items-wrapper { display: inline-block; overflow: hidden; vertical-align: top; } .premium-atext__clip .premium-atext__items-wrapper::after { content: ""; position: absolute; top: 0; left: auto; right: 0; width: 2px; height: 100%; background-color: #0d0d0d; } .premium-atext__zoomout .premium-fancy-item-hidden { -webkit-animation: pa-zoom-out 0.8s; animation: pa-zoom-out 0.8s; } .premium-atext__zoomout .premium-fancy-item-visible { position: relative !important; -webkit-animation: pa-zoom-in 0.8s; animation: pa-zoom-in 0.8s; } .premium-atext__zoomout .premium-atext__items-wrapper { -webkit-perspective: 300px; perspective: 300px; } .premium-atext__rotate .premium-fancy-list-items { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; } .premium-atext__rotate .premium-fancy-item-hidden { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: pa-rotate-out 1.2s; animation: pa-rotate-out 1.2s; } .premium-atext__rotate .premium-fancy-item-visible { position: relative !important; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: pa-rotate-in 1.2s; animation: pa-rotate-in 1.2s; } .premium-atext__custom .premium-fancy-item-visible { position: relative !important; } .premium-atext__auto-fade .premium-atext__text { display: inline-block; width: 200px; font-weight: 400; } .premium-atext__auto-fade .premium-fancy-svg-text { position: relative; vertical-align: sub; } .premium-atext__auto-fade g > text { text-anchor: start; shape-rendering: crispEdges; opacity: 0; font-size: 300px; -webkit-animation-name: pa-auto-fade; animation-name: pa-auto-fade; -moz-animation-name: pa-auto-fade; -webkit-animation-duration: 9s; animation-duration: 9s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .premium-atext__auto-fade g > text:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } .premium-atext__auto-fade g > text:nth-child(2) { -webkit-animation-delay: 3s; animation-delay: 3s; } .premium-atext__auto-fade g > text:nth-child(3) { -webkit-animation-delay: 6s; animation-delay: 6s; } /* * Hightlighted Text */ .premium-atext__highlight .premium-atext__text { display: inline-block; } .premium-atext__paused-yes:hover .premium-atext__text, .premium-atext__paused-yes:hover .premium-atext__letter, .premium-atext__paused-yes:hover .text { -webkit-animation-play-state: paused; animation-play-state: paused; } .premium-atext__shadow .premium-atext__text { -webkit-animation: pa-text-shadow 1.5s ease-in-out infinite; animation: pa-text-shadow 1.5s ease-in-out infinite; } .premium-atext__pattern .premium-atext__text { text-shadow: 0.03em 0.03em 0 var(--pa-atext-fc); position: relative; z-index: 1; } .premium-atext__pattern .premium-atext__text::after { content: attr(data-text); position: absolute; top: 0.07em; left: 0.07em; z-index: -1; text-shadow: none; background-image: -webkit-linear-gradient(45deg, transparent 45%, var(--pa-atext-sc) 45%, hsl(48, 20%, 90%) 55%, transparent 0); background-image: linear-gradient(45deg, transparent 45%, var(--pa-atext-sc) 45%, hsl(48, 20%, 90%) 55%, transparent 0); background-size: 0.05em 0.05em; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: pa-pattern 15s linear infinite; animation: pa-pattern 15s linear infinite; } .premium-atext__fill .premium-atext__text { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; background-size: 300% 300% !important; -webkit-animation: pa-fill 10s ease-in-out infinite; animation: pa-fill 10s ease-in-out infinite; } .premium-atext__tilt { opacity: 0; } .premium-atext__tilt .premium-atext__letter { display: inline-block; -webkit-animation: pa-tilt 1s forwards ease-in-out infinite; animation: pa-tilt 1s forwards ease-in-out infinite; } .premium-atext__flip .premium-atext__letter { display: inline-block; -webkit-animation: pa-flip 1s forwards ease-in-out infinite; animation: pa-flip 1s forwards ease-in-out infinite; } .premium-atext__wave .premium-atext__letter { display: inline-block; -webkit-animation: pa-wave 1s backwards ease-in-out infinite; animation: pa-wave 1s backwards ease-in-out infinite; } .premium-atext__pop .premium-atext__letter { display: inline-block; -webkit-animation: pa-pop 1s forwards ease-in-out infinite; animation: pa-pop 1s forwards ease-in-out infinite; } .premium-atext__lines .text { fill: none; stroke-width: 1; stroke-linejoin: round; stroke-dasharray: 60 330; stroke-dashoffset: 0; -webkit-animation: pa-lines 3s infinite linear; animation: pa-lines 3s infinite linear; } .premium-atext__lines .text:nth-child(5n+1) { stroke: var(--pa-atext-fc); -webkit-animation-delay: -1.2s; animation-delay: -1.2s; } .premium-atext__lines .text:nth-child(5n+2) { stroke: var(--pa-atext-sc); -webkit-animation-delay: -2.4s; animation-delay: -2.4s; } .premium-atext__lines .text:nth-child(5n+3) { stroke: var(--pa-atext-tc); -webkit-animation-delay: -3.6s; animation-delay: -3.6s; } .premium-atext__lines .text:nth-child(5n+4) { stroke: var(--pa-atext-foc); -webkit-animation-delay: -4.8s; animation-delay: -4.8s; } .premium-atext__lines .text:nth-child(5n+5) { stroke: var(--pa-atext-fic); -webkit-animation-delay: -6s; animation-delay: -6s; } .premium-atext__underline .premium-atext__text { position: relative; z-index: 1; } .premium-atext__underline .premium-atext__text::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background-color: #ffff00; z-index: -1; } .premium-atext__shape .premium-atext__text { position: relative; } .premium-atext__shape .premium-atext__text svg { position: absolute; top: 50%; left: 50%; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); height: -webkit-calc(100% + 20px); height: calc(100% + 20px); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: visible; } .premium-atext__shape .premium-atext__text svg path { stroke: #3baede; stroke-width: 9; fill: none; opacity: 0; stroke-dasharray: 0 1500; -webkit-transition: 0.3s; transition: 0.3s; } .premium-atext__shape.draw-shape svg path { -webkit-animation: pa-shape-draw var(--pa-animation-duration, 1.2s) forwards ease 1; animation: pa-shape-draw var(--pa-animation-duration, 1.2s) forwards ease 1; } .premium-atext__shape.draw-shape svg path:nth-of-type(2) { -webkit-animation-delay: -webkit-calc(var(--pa-animation-duration, 1.2s) / 2); animation-delay: calc(var(--pa-animation-duration, 1.2s) / 2); } .premium-atext__shape.hide-shape svg path { opacity: 1; stroke-dasharray: 1500 1500; -webkit-animation: pa-shape-hide 0.4s forwards ease 1; animation: pa-shape-hide 0.4s forwards ease 1; } .premium-atext__reveal .premium-atext__text { color: transparent !important; -webkit-background-clip: text; background-clip: text; background-repeat: repeat-x; -webkit-animation: pa-reveal 2s forwards ease-in-out infinite; animation: pa-reveal 2s forwards ease-in-out infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .premium-atext__loading-yes .premium-atext__text { position: relative; } .premium-atext__loading-yes .premium-atext__text .premium-loading-bar { position: absolute; width: 100%; height: 3px; bottom: 0; left: 0; animation: pa-loading-bar 2.5s ease-out infinite; -webkit-animation: pa-loading-bar 2.5s ease-out infinite; } .premium-atext__loading-yes.pause .premium-atext__text:hover .premium-loading-bar { -webkit-animation-play-state: paused; animation-play-state: paused; } @-webkit-keyframes pa-text-shadow { 0% { -webkit-transform: translateY(0); transform: translateY(0); text-shadow: 0 0 0 var(--pa-atext-fc), 0 0 0 var(--pa-atext-sc), 0 0 0 var(--pa-atext-tc), 0 0 0 var(--pa-atext-foc); } 20% { -webkit-transform: translateY(-1em); transform: translateY(-1em); text-shadow: 0 0.125em 0 var(--pa-atext-fc), 0 0.25em 0 var(--pa-atext-sc), 0 -0.125em 0 var(--pa-atext-tc), 0 -0.25em 0 var(--pa-atext-foc); } 40% { -webkit-transform: translateY(0.5em); transform: translateY(0.5em); text-shadow: 0 -0.0625em 0 var(--pa-atext-fc), 0 -0.125em 0 var(--pa-atext-sc), 0 0.0625em 0 var(--pa-atext-tc), 0 0.125em 0 var(--pa-atext-foc); } 60% { -webkit-transform: translateY(-0.25em); transform: translateY(-0.25em); text-shadow: 0 0.03125em 0 var(--pa-atext-fc), 0 0.0625em 0 var(--pa-atext-sc), 0 -0.03125em 0 var(--pa-atext-tc), 0 -0.0625em 0 var(--pa-atext-foc); } 80% { -webkit-transform: translateY(0); transform: translateY(0); text-shadow: 0 0 0 var(--pa-atext-fc), 0 0 0 var(--pa-atext-sc), 0 0 0 var(--pa-atext-tc), 0 0 0 var(--pa-atext-foc); } } @keyframes pa-text-shadow { 0% { -webkit-transform: translateY(0); transform: translateY(0); text-shadow: 0 0 0 var(--pa-atext-fc), 0 0 0 var(--pa-atext-sc), 0 0 0 var(--pa-atext-tc), 0 0 0 var(--pa-atext-foc); } 20% { -webkit-transform: translateY(-1em); transform: translateY(-1em); text-shadow: 0 0.125em 0 var(--pa-atext-fc), 0 0.25em 0 var(--pa-atext-sc), 0 -0.125em 0 var(--pa-atext-tc), 0 -0.25em 0 var(--pa-atext-foc); } 40% { -webkit-transform: translateY(0.5em); transform: translateY(0.5em); text-shadow: 0 -0.0625em 0 var(--pa-atext-fc), 0 -0.125em 0 var(--pa-atext-sc), 0 0.0625em 0 var(--pa-atext-tc), 0 0.125em 0 var(--pa-atext-foc); } 60% { -webkit-transform: translateY(-0.25em); transform: translateY(-0.25em); text-shadow: 0 0.03125em 0 var(--pa-atext-fc), 0 0.0625em 0 var(--pa-atext-sc), 0 -0.03125em 0 var(--pa-atext-tc), 0 -0.0625em 0 var(--pa-atext-foc); } 80% { -webkit-transform: translateY(0); transform: translateY(0); text-shadow: 0 0 0 var(--pa-atext-fc), 0 0 0 var(--pa-atext-sc), 0 0 0 var(--pa-atext-tc), 0 0 0 var(--pa-atext-foc); } } @-webkit-keyframes pa-pattern { 0% { background-position: 0 0; } 0% { background-position: 100% -100%; } } @keyframes pa-pattern { 0% { background-position: 0 0; } 0% { background-position: 100% -100%; } } @-webkit-keyframes pa-fill { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes pa-fill { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-webkit-keyframes pa-tilt { 0% { -webkit-transform: rotateZ(-15deg); transform: rotateZ(-15deg); } 50% { -webkit-transform: rotateZ(15deg); transform: rotateZ(15deg); } 100% { -webkit-transform: rotateZ(-15deg); transform: rotateZ(-15deg); } } @keyframes pa-tilt { 0% { -webkit-transform: rotateZ(-15deg); transform: rotateZ(-15deg); } 50% { -webkit-transform: rotateZ(15deg); transform: rotateZ(15deg); } 100% { -webkit-transform: rotateZ(-15deg); transform: rotateZ(-15deg); } } @-webkit-keyframes pa-flip { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @keyframes pa-flip { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } } @-webkit-keyframes pa-wave { 0% { -webkit-transform: translateY(0em); transform: translateY(0em); } 50% { -webkit-transform: translateY(-1rem); transform: translateY(-1rem); } } @keyframes pa-wave { 0% { -webkit-transform: translateY(0em); transform: translateY(0em); } 50% { -webkit-transform: translateY(-1rem); transform: translateY(-1rem); } } @-webkit-keyframes pa-pop { 0% { -webkit-transform: rotateZ(5deg) scale(0.75) translateY(0); transform: rotateZ(5deg) scale(0.75) translateY(0); opacity: 0.1; } 50% { -webkit-transform: rotateZ(-5deg) scale(1) translateY(-0.5em); transform: rotateZ(-5deg) scale(1) translateY(-0.5em); opacity: 1; } 100% { -webkit-transform: rotateZ(5deg) scale(0.75) translateY(0); transform: rotateZ(5deg) scale(0.75) translateY(0); opacity: 0.1; } } @keyframes pa-pop { 0% { -webkit-transform: rotateZ(5deg) scale(0.75) translateY(0); transform: rotateZ(5deg) scale(0.75) translateY(0); opacity: 0.1; } 50% { -webkit-transform: rotateZ(-5deg) scale(1) translateY(-0.5em); transform: rotateZ(-5deg) scale(1) translateY(-0.5em); opacity: 1; } 100% { -webkit-transform: rotateZ(5deg) scale(0.75) translateY(0); transform: rotateZ(5deg) scale(0.75) translateY(0); opacity: 0.1; } } @-webkit-keyframes pa-lines { 100% { stroke-dashoffset: -400; } } @keyframes pa-lines { 100% { stroke-dashoffset: -400; } } @-webkit-keyframes pa-auto-fade { 0% { opacity: 0; } 20% { opacity: 1; } 35% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes pa-shape-draw { 0% { stroke-dasharray: 0 1500; opacity: 1; } 100% { stroke-dasharray: 1500 1500; opacity: 1; } } @keyframes pa-shape-draw { 0% { stroke-dasharray: 0 1500; opacity: 1; } 100% { stroke-dasharray: 1500 1500; opacity: 1; } } @-webkit-keyframes pa-shape-hide { 0% { stroke-dasharray: 1500 1500; opacity: 1; } 100% { opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } } @keyframes pa-shape-hide { 0% { stroke-dasharray: 1500 1500; opacity: 1; } 100% { opacity: 0; -webkit-filter: blur(10px); filter: blur(10px); } } @-webkit-keyframes pa-reveal { 0% { background-size: 0px; background-position-y: 0%; } 10% { background-size: 30px; background-position-y: 0%; } 35%, 45% { background-position-y: 100%; } 70% { background-size: 30px; background-position-y: 0%; } 100% { background-size: 200px; } } @keyframes pa-reveal { 0% { background-size: 0px; background-position-y: 0%; } 10% { background-size: 30px; background-position-y: 0%; } 35%, 45% { background-position-y: 100%; } 70% { background-size: 30px; background-position-y: 0%; } 100% { background-size: 200px; } } @keyframes pa-auto-fade { 0% { opacity: 0; } 20% { opacity: 1; } 35% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes pa-loading-bar { 0% { width: 0; } 100% { width: 100; } } @keyframes pa-loading-bar { 0% { width: 0; } 100% { width: 100; } } @-webkit-keyframes pa-zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes pa-zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes pa-zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); transform: translateZ(-100px); } } @keyframes pa-zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); transform: translateZ(-100px); } } @-webkit-keyframes pa-rotate-in { 0% { opacity: 0; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } 35% { opacity: 0; -webkit-transform: rotateX(120deg); transform: rotateX(120deg); } 65% { opacity: 0; } 100% { opacity: 1; -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } } @keyframes pa-rotate-in { 0% { opacity: 0; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } 35% { opacity: 0; -webkit-transform: rotateX(120deg); transform: rotateX(120deg); } 65% { opacity: 0; } 100% { opacity: 1; -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } } @-webkit-keyframes pa-rotate-out { 0% { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 35% { opacity: 1; -webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); } 65% { opacity: 0; } 100% { opacity: 0; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } } @keyframes pa-rotate-out { 0% { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 35% { opacity: 1; -webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); } 65% { opacity: 0; } 100% { opacity: 0; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } } /**************** Premium Bullet List ****************/ /*****************************************************/ .premium-bullet-list-box { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; } .premium-bullet-list-flex-start .premium-bullet-list-content { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .premium-bullet-list-center .premium-bullet-list-content { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .premium-bullet-list-flex-end .premium-bullet-list-content { -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .premium-bullet-list-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; width: auto; position: relative; } .premium-bullet-list-content .premium-bullet-list-text span, .premium-bullet-list-content .premium-bullet-list-wrapper { display: inline-block; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .premium-bullet-list-content .premium-bullet-list-text span { -webkit-transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out; margin: 0 5px; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .premium-bullet-list-content .premium-bullet-list-icon-text p { background-color: #eee; padding: 1px 5px; border-radius: 2px; font-size: 13px; } .premium-bullet-list-content .premium-bullet-list-text span, .premium-bullet-list-content .premium-bullet-list-icon-text p, .premium-bullet-list-content .premium-bullet-list-wrapper img, .premium-bullet-list-content .premium-bullet-list-wrapper svg, .premium-bullet-list-content .premium-bullet-list-wrapper i { -webkit-transition: color 0.3s ease-in-out, fill 0.3s ease-in-out, text-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, stroke 0.3s ease-in-out; transition: color 0.3s ease-in-out, fill 0.3s ease-in-out, text-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out, stroke 0.3s ease-in-out; } .premium-bullet-list-content .premium-bullet-list-wrapper { position: relative; line-height: 0; } .premium-bullet-list-content .premium-bullet-list-wrapper img, .premium-bullet-list-content .premium-bullet-list-wrapper svg { width: 30px !important; height: 30px !important; position: relative; z-index: 3; } .premium-bullet-list-content .premium-bullet-list-wrapper i, .premium-bullet-list-content .premium-bullet-list-wrapper .premium-bullet-list-icon-text { position: relative; z-index: 3; } .premium-bullet-list-content .premium-bullet-list-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } .premium-bullet-list-content .premium-bullet-list-link span { display: none; } .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector { width: 100%; height: 100%; position: absolute; top: 0.5em; z-index: 100; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-bullet-list-content:not(:last-of-type) .premium-bullet-list-connector .premium-icon-connector-content:after { content: ""; border-right-width: 1px; border-right-style: solid; border-color: #333333; display: block; height: 100%; } li.premium-bullet-list-content.premium-bullet-list-content-inline { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; z-index: 2; } li.premium-bullet-list-content.premium-bullet-list-content-inline:not(:first-child) { margin: 0 3px; } li.premium-bullet-list-content.premium-bullet-list-content-inline:first-child { margin: 0 3px 0 0; } .premium-bullet-list-divider:not(:last-child) { width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; overflow: hidden; } .premium-bullet-list-divider:not(:last-child):after { content: ""; display: block; border-top-style: solid; border-top-width: 1px; } .premium-bullet-list-divider-inline:not(:last-child) { float: right; display: inline-block; position: relative; height: 100%; overflow: hidden; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin: 0 3px; } .premium-bullet-list-divider-inline:not(:last-child):after { content: ""; display: block; border-left-width: 1px; height: 33px; border-left-style: solid; } .premium-bullet-list-icon-text { line-height: 1.5; } .premium-bullet-list-icon-text p, ul.premium-bullet-list-box, li.premium-bullet-list-content { margin: 0; } .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper i, .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-text span, .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-icon-text p { color: transparent !important; text-shadow: 0 0 3px #aaa; } .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-icon-connector-content, .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper .premium-lottie-animation svg, .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-wrapper img, .premium-bullet-list-blur:hover .premium-bullet-list-content .premium-bullet-list-badge { -webkit-filter: blur(3px); filter: blur(3px); } .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper i, .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-text span, .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-icon-text p { color: #aaa !important; text-shadow: 0 0px 0 transparent; } .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-icon-connector-content, .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper .premium-lottie-animation svg, .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-wrapper img, .premium-bullet-list-blur:hover .premium-bullet-list-content:hover .premium-bullet-list-badge { -webkit-filter: none; filter: none; } .premium-bullet-list-content .premium-bullet-list-badge { font-size: 11px; top: auto; min-width: -webkit-max-content; min-width: max-content; height: -webkit-fit-content; height: fit-content; } .premium-bullet-list-gradient-effect[data-text] { display: inline-block; position: relative; text-decoration: none; } .premium-bullet-list-gradient-effect[data-text]::before { content: attr(data-text); position: absolute; z-index: 1; overflow: hidden; -webkit-clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%); clip-path: polygon(0 0, 1px 0, 1px 100%, 0 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .premium-bullet-list-content:hover .premium-bullet-list-gradient-effect[data-text]::before, .premium-bullet-list-content:focus .premium-bullet-list-gradient-effect[data-text]::before { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } ul[data-list-animation*=animated-] .premium-bullet-list-divider, ul[data-list-animation*=animated-] .premium-bullet-list-content, ul[data-list-animation*=animated-] .premium-bullet-list-divider-inline { opacity: 0; } .premium-bullet-list-content-grow-effect:hover { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07); } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /**************** Premium Image Button ***********/ /*************************************************/ .premium-image-button { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; background-color: #eee; cursor: pointer; -webkit-transition: all 0.2s ease-in-out !important; transition: all 0.2s ease-in-out !important; } .premium-image-button .premium-button-style6-bg, .premium-image-button.premium-button-style6:before, .premium-image-button:not(.premium-image-button-style6):hover { background-color: #54595f; } /*Default background for slide styles*/ .premium-image-button-style4-icon-wrapper, .premium-image-button-style1:before { background-color: #54595f; } .premium-image-button-text-icon-wrapper { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 3; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .premium-image-button-text-icon-wrapper span, .premium-image-button-text-icon-wrapper i, .premium-image-button-text-icon-wrapper svg { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .premium-image-button-style1:before { position: absolute; content: ""; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .premium-image-button-style1-bottom:before { width: 100%; height: 0; top: 0; left: 0; } .premium-image-button-style1-top:before { width: 100%; height: 0; bottom: 0; left: 0; } .premium-image-button-style1-right:before { width: 0; height: 100%; bottom: 0; left: 0; } .premium-image-button-style1-left:before { width: 0; height: 100%; top: 0; right: 0; } .premium-image-button-style1-bottom:hover:before, .premium-image-button-style1-top:hover:before { height: 100%; } .premium-image-button-style1-right:hover:before, .premium-image-button-style1-left:hover:before { width: 100%; } .premium-image-button-style3 { z-index: 10; } .premium-image-button-style3:before { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ""; z-index: 1; background: rgba(255, 255, 255, 0.2); -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out; } .premium-image-button-diagonal-right:before { -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); } .premium-image-button-diagonal-right:hover:before { -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); } .premium-image-button-diagonal-left:before { -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -150%, 0); } .premium-image-button-diagonal-left:hover:before { -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 150%, 0); } .premium-image-button-diagonal-bottom:before { -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); } .premium-image-button-diagonal-bottom:hover:before { -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); } .premium-image-button-diagonal-top:before { -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 150%, 0); } .premium-image-button-diagonal-top:hover:before { -webkit-transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); transform: scale3d(14, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); } .premium-image-button-style4-icon-wrapper { position: absolute; z-index: 2; width: 100%; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-image-button-style4-icon-wrapper.top { bottom: -100%; left: 0; } .premium-image-button-style4-icon-wrapper.bottom { top: -100%; left: 0; } .premium-image-button-style4-icon-wrapper.left { top: 0; left: -100%; } .premium-image-button-style4-icon-wrapper.right { top: 0; right: -100%; } .premium-image-button-style4-bottom:hover .premium-image-button-style4-icon-wrapper { top: 0; opacity: 1; } .premium-image-button-style4-bottom:hover .premium-image-button-text-icon-wrapper { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .premium-image-button-style4-top:hover .premium-image-button-style4-icon-wrapper { bottom: 0; opacity: 1; } .premium-image-button-style4-top:hover .premium-image-button-text-icon-wrapper { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } .premium-image-button-style4-left:hover .premium-image-button-style4-icon-wrapper { left: 0; opacity: 1; } .premium-image-button-style4-left:hover .premium-image-button-text-icon-wrapper { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .premium-image-button-style4-right:hover .premium-image-button-style4-icon-wrapper { right: 0; opacity: 1; } .premium-image-button-style4-right:hover .premium-image-button-text-icon-wrapper { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .premium-image-button-style5:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; background: rgba(255, 255, 255, 0.2); -webkit-animation-name: premium-overlap-effect-done; animation-name: premium-overlap-effect-done; -webkit-animation-duration: 1s; animation-duration: 1s; } .premium-image-button-overlap-effect-vertical:before { -webkit-animation-name: premium-overlap-ver-effect-done; animation-name: premium-overlap-ver-effect-done; } .premium-image-button-overlap-effect-horizontal:hover:before { -webkit-animation-name: premium-overlap-effect; animation-name: premium-overlap-effect; } .premium-image-button-overlap-effect-vertical:hover:before { -webkit-animation-name: premium-overlap-ver-effect; animation-name: premium-overlap-ver-effect; } .premium-image-button-style6:before { content: ""; position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; border-radius: 100%; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-image-button-style6:hover:before { -webkit-transform: translate(-50%, -50%) scale(3); -ms-transform: translate(-50%, -50%) scale(3); transform: translate(-50%, -50%) scale(3); } .premium-image-button-style6 .premium-button-text-icon-wrapper { position: relative; z-index: 1; } @-webkit-keyframes premium-overlap-effect { 0% { opacity: 0; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 50% { opacity: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { opacity: 0; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes premium-overlap-effect { 0% { opacity: 0; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 50% { opacity: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { opacity: 0; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes premium-overlap-effect-done { 0% { opacity: 0; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 50% { opacity: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { opacity: 0; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes premium-overlap-effect-done { 0% { opacity: 0; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 50% { opacity: 1; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { opacity: 0; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes premium-overlap-ver-effect { 0% { opacity: 0; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { opacity: 1; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } 100% { opacity: 0; -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } } @keyframes premium-overlap-ver-effect { 0% { opacity: 0; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { opacity: 1; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } 100% { opacity: 0; -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } } @-webkit-keyframes premium-overlap-ver-effect-done { 0% { opacity: 0; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { opacity: 1; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } 100% { opacity: 0; -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } } @keyframes premium-overlap-ver-effect-done { 0% { opacity: 0; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { opacity: 1; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } 100% { opacity: 0; -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } } /************ Premium Image Scroll ************/ /**********************************************/ .premium-image-scroll-section, .premium-image-scroll-container { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-image-scroll-section { position: relative; overflow: hidden; width: 100%; -webkit-mask-image: -webkit-radial-gradient(white, black); } .premium-image-scroll-container { width: 100%; } .premium-image-scroll-container .premium-image-scroll-mask-media { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .premium-container-scroll { overflow: auto; } .premium-image-scroll-container .premium-image-scroll-horizontal { position: relative; width: 100%; height: 100%; } .premium-image-scroll-container .premium-image-scroll-horizontal img { max-width: none; height: 100%; } .premium-image-scroll-container .premium-image-scroll-vertical img { width: 100%; max-width: 100%; height: auto; } .premium-image-scroll-ver { position: relative; } .premium-image-scroll-container .premium-image-scroll-overlay { background: rgba(2, 2, 2, 0.3); } .premium-image-scroll-container .premium-image-scroll-link, .premium-image-scroll-container .premium-image-scroll-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 4; } .premium-image-scroll-content { display: inline-block; position: absolute; height: auto; top: 50%; left: 50%; text-align: center; z-index: 5; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .premium-container-scroll-instant .premium-image-scroll-image { -webkit-transition: all 0s ease-in-out !important; transition: all 0s ease-in-out !important; } .premium-image-scroll-container img { -webkit-transition: -webkit-transform 3s ease-in-out; transition: -webkit-transform 3s ease-in-out; transition: transform 3s ease-in-out; transition: transform 3s ease-in-out, -webkit-transform 3s ease-in-out; } .premium-image-scroll-container .premium-image-scroll-overlay, .premium-image-scroll-container .premium-image-scroll-content { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1; } .premium-image-scroll-container:hover .premium-image-scroll-overlay { opacity: 0; } .premium-image-scroll-container:hover .premium-image-scroll-content { opacity: 0; visibility: hidden; } .premium-image-scroll-content .premium-image-scroll-icon { display: inline-block; line-height: 1; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .pa-horizontal-mouse-scroll { -webkit-animation-name: pa-scroll-horizontal; animation-name: pa-scroll-horizontal; } .pa-vertical-mouse-scroll { -webkit-animation-name: pa-scroll-vertical; animation-name: pa-scroll-vertical; } @-webkit-keyframes pa-scroll-vertical { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(5px); transform: translateY(5px); } } @keyframes pa-scroll-vertical { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 100% { -webkit-transform: translateY(5px); transform: translateY(5px); } } @-webkit-keyframes pa-scroll-horizontal { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(5px); transform: translateX(5px); } } @keyframes pa-scroll-horizontal { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 100% { -webkit-transform: translateX(5px); transform: translateX(5px); } } /**************** Premium Image Separator ****************/ /*********************************************************/ .premium-image-separator-container { position: absolute; width: 100%; z-index: 2; top: auto; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-image-separator-container svg, .premium-image-separator-container img { display: inline-block !important; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; } .premium-image-separator-container .premium-image-separator-link { position: absolute; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none; } .premium-image-separator-container .premium-image-separator-link:hover, .premium-image-separator-container .premium-image-separator-link:visited, .premium-image-separator-container .premium-image-separator-link:focus, .premium-image-separator-container .premium-image-separator-link:active { box-shadow: none !important; outline: none !important; border: none !important; text-decoration: none !important; } .premium-image-separator-container i, .premium-image-separator-container > svg { padding: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /******** Premium Media Grid ********/ /************************************/ .premium-img-gallery-filter, .premium-blog-filter { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-img-gallery { clear: both; overflow: hidden; } .premium-gallery-container .premium-gallery-item { padding: 10px; float: left; } .premium-gallery-container .grid-sizer { width: 33.33%; } .premium-gallery-container .pa-gallery-item { padding: 10px; } .premium-img-gallery-filter .premium-gallery-cats-container li a.category, .premium-blog-filter .premium-blog-filters-container li a.category { outline: none; text-decoration: none; border-radius: 75px; margin: 15px 5px 20px; padding: 7px 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pa-gallery-img { position: relative; } .pa-gallery-img .pa-gallery-whole-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .pa-gallery-img .pa-gallery-whole-link span { display: none; } .pa-gallery-img.style2 .pa-gallery-whole-link, .pa-gallery-img.style3 .pa-gallery-whole-link { z-index: 99; } .pa-gallery-img-container { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pa-gallery-img-container img { display: block; width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-img-gallery.gray img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .premium-img-gallery.zoomout img, .premium-img-gallery.scale img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-img-gallery.sepia img { -webkit-filter: sepia(30%); filter: sepia(30%); } .premium-img-gallery.bright img { -webkit-filter: brightness(1); filter: brightness(1); } .premium-img-gallery.trans img { -webkit-transform: translateX(-15px) scale(1.1); -ms-transform: translateX(-15px) scale(1.1); transform: translateX(-15px) scale(1.1); } .pa-gallery-img .pa-gallery-magnific-image i, .pa-gallery-img .pa-gallery-magnific-image svg, .pa-gallery-img .pa-gallery-img-link i, .pa-gallery-img .pa-gallery-img-link svg { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pa-gallery-img .pa-gallery-magnific-image span, .pa-gallery-img .pa-gallery-img-link span { line-height: 1; display: inline-block; opacity: 0; margin: 0 5px; padding: 15px; border-radius: 50%; } .pa-gallery-img.style2 .pa-gallery-magnific-image span, .pa-gallery-img.style2 .pa-gallery-img-link span { margin: 0 5px 20px; } .pa-gallery-img:hover .pa-gallery-magnific-image span { -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.3s; } .pa-gallery-img:hover .pa-gallery-img-link span { -webkit-transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; transition: all 0.3s ease-in-out, opacity 0.5s ease-in-out 0.6s; } .pa-gallery-img:hover .pa-gallery-magnific-image span, .pa-gallery-img:hover .pa-gallery-img-link span { opacity: 1; } .premium-gallery-icon-show a.pa-gallery-video-icon span { opacity: 1; } .premium-img-gallery-filter ul.premium-gallery-cats-container, .premium-blog-filter ul.premium-blog-filters-container { text-align: center; margin: 0; padding: 0; } .premium-img-gallery-filter .premium-gallery-cats-container li, .premium-blog-filter .premium-blog-filters-container li { list-style: none; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .premium-img-gallery.zoomin .pa-gallery-img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .premium-img-gallery.zoomout .pa-gallery-img:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-img-gallery.scale .pa-gallery-img:hover img { -webkit-transform: scale(1.3) rotate(5deg); -ms-transform: scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg); } .premium-img-gallery.gray .pa-gallery-img:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .premium-img-gallery.blur .pa-gallery-img:hover img { -webkit-filter: blur(3px); filter: blur(3px); } .premium-img-gallery.sepia .pa-gallery-img:hover img { -webkit-filter: sepia(0%); filter: sepia(0%); } .premium-img-gallery.trans .pa-gallery-img:hover img { -webkit-transform: translateX(0px) scale(1.1); -ms-transform: translateX(0px) scale(1.1); transform: translateX(0px) scale(1.1); } .premium-img-gallery.bright .pa-gallery-img:hover img { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .pa-gallery-img .premium-gallery-caption { padding: 10px; } .pa-gallery-img .premium-gallery-caption .premium-gallery-img-name { display: block; margin-bottom: 0; } .pa-gallery-img.style1 { overflow: hidden; } .pa-gallery-img:not(.style2) .pa-gallery-icons-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pa-gallery-img:not(.style2) .pa-gallery-icons-inner-container { position: absolute; top: 33.33%; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .pa-gallery-img.style1 .premium-gallery-caption { position: absolute; top: auto; right: 0; bottom: -1px; left: 0; width: 100%; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .pa-gallery-img.style1:hover .premium-gallery-caption { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: -1px !important; } .pa-gallery-img.default .premium-gallery-caption { position: absolute; top: auto; right: 0; left: 0; width: 100%; bottom: 0; } .pa-gallery-img.style2 .pa-gallery-icons-caption-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; z-index: 1; background-color: rgba(108, 191, 226, 0.68); display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pa-gallery-img.style2 .pa-gallery-icons-caption-cell { width: 100%; } .pa-gallery-img.style2:hover .pa-gallery-icons-caption-container { opacity: 1; -webkit-transform: translate(15px, 15px); -ms-transform: translate(15px, 15px); transform: translate(15px, 15px); } .premium-clearfix { clear: both; } /** * Metro Layout */ .premium-img-gallery-metro .premium-gallery-item { overflow: hidden; } .premium-img-gallery-metro .pa-gallery-img { height: 100%; } .premium-img-gallery-metro .pa-gallery-img-container { height: 100%; } .premium-img-gallery-metro .pa-gallery-img-container img { min-height: 100%; width: 100%; object-fit: fill; } .premium-img-gallery .premium-gallery-item-hidden { visibility: hidden; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .premium-gallery-load-more { position: relative; } .premium-gallery-load-more .premium-gallery-load-more-btn { box-shadow: none; text-shadow: none; border: none; outline: none; -webkit-align-items: center; -ms-flex-align: center; align-items: center; vertical-align: bottom; cursor: pointer; line-height: 1; font-style: normal; font-weight: normal; background-image: none; color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-gallery-load-more-btn { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-gallery-load-more-btn div { margin-left: 3px; } .premium-gallery-load-more-btn .premium-loader { display: inline-block; width: 20px; height: 20px; } .pa-gallery-img .pa-gallery-lightbox-wrap { display: inline-block; } .premium-img-gallery-no-lightbox .premium-gallery-video-item .pa-gallery-img, .pa-gallery-img .pa-gallery-video-icon { cursor: pointer; } .pa-gallery-img-container iframe { position: absolute; visibility: hidden; top: 0; left: 0; max-width: 100%; width: 100%; height: 100%; margin: 0; line-height: 1; border: none; } .pa-gallery-img-container video { position: absolute; visibility: hidden; top: 0; left: 0; max-width: 100%; width: 100%; height: 100%; margin: 0; line-height: 1; border: none; object-fit: contain; } .pa-gallery-icons-inner-container svg, .pa-gallery-icons-caption-cell svg { width: 14px; height: 14px; } .premium-gallery-gradient-layer { position: absolute; bottom: 40px; width: 100%; height: 20px; background: -webkit-linear-gradient(bottom, rgb(23, 24, 31) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to top, rgb(23, 24, 31) 0%, rgba(255, 255, 255, 0) 100%); } /********* Premium Lottie Animations *********/ /*********************************************/ .elementor-widget-premium-lottie .premium-lottie-animation { position: relative; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .elementor-widget-premium-lottie .premium-lottie-animation a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } /**************** Premium Google Maps ******************/ /*******************************************************/ .premium-maps-info-container { margin-top: 10px; margin-bottom: 10px; } .premium-maps-info-container.advanced-pin { margin: -16px; width: 300px; position: relative; border-radius: 10px; overflow: hidden; z-index: 100000; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-maps-info-container.advanced-pin .gm-ui-hover-effect { display: none; } .premium-maps-info-container.advanced-pin .premium-maps-info-close { position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50%; height: 24px; width: 24px; cursor: pointer; z-index: 99; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0.4; } .premium-maps-info-container.advanced-pin .premium-maps-info-close:hover { opacity: 1; } .premium-maps-info-container.advanced-pin .premium-maps-info-img { position: relative; overflow: hidden; margin-bottom: 0; } .premium-maps-info-container.advanced-pin .premium-maps-info-img img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; } .premium-maps-info-container.advanced-pin .premium-maps-location-directions { position: absolute; width: 40px; height: 40px; border-radius: 100%; background-color: #fff; top: 100%; left: 83%; box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-maps-info-container.advanced-pin .eicon-share-arrow { font-size: 20px; } .premium-maps-info-container.advanced-pin .eicon-headphones { font-weight: bold; } .premium-maps-info-container.advanced-pin .premium-maps-location-info { color: #222; font-size: 13px; text-align: left; } .premium-maps-info-container.advanced-pin .maps-info-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 8px; } .premium-maps-info-container.advanced-pin .maps-info-item i { margin-right: 14px; } .premium-maps-info-container.advanced-pin p { margin: 0; } .premium-maps-info-container.maps-skin1 .premium-maps-info-close { top: 12px; right: 12px; background-color: #fff; } .premium-maps-info-container.maps-skin1 .premium-maps-title-wrap { position: relative; padding: 16px; background-color: rgb(66, 133, 244); } .premium-maps-info-container.maps-skin1 .premium-maps-info-img { height: 150px; } .premium-maps-info-container.maps-skin1 .premium-maps-location-info { padding: 28px 16px 16px; } .premium-maps-info-container.maps-skin1 .premium-maps-info-desc { border-top: 1px solid rgba(230, 230, 230, 0.5); margin-top: 12px; padding-top: 12px; } .premium-maps-info-container.maps-skin1 .premium-maps-location-direction { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-maps-info-container.maps-skin1 .premium-maps-location-direction span { display: none; } .premium-maps-info-container.maps-skin2 { padding: 35px 25px 25px; } .premium-maps-info-container.maps-skin2 .premium-maps-title-wrap { -webkit-order: 1; -ms-flex-order: 1; order: 1; background-color: #fff; padding-bottom: 10px; border-bottom: 1px solid rgba(230, 230, 230, 0.5); } .premium-maps-info-container.maps-skin2 .premium-maps-info-title { font-weight: bold; font-size: 18px; } .premium-maps-info-container.maps-skin2 .premium-maps-info-img { -webkit-order: 2; -ms-flex-order: 2; order: 2; height: 80px; margin-top: 10px; } .premium-maps-info-container.maps-skin2 .premium-maps-location-info { padding-top: 14px; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .premium-maps-info-container.maps-skin2 .premium-maps-info-desc { margin: 15px 0 10px; } .premium-maps-info-container.maps-skin3 { padding: 25px; } .premium-maps-info-container.maps-skin3 .premium-maps-skin3-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px; border-bottom: 1px solid rgba(230, 230, 230, 0.5); } .premium-maps-info-container.maps-skin3 .premium-maps-title-wrap { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: left; margin-left: 12px; } .premium-maps-info-container.maps-skin3 .premium-maps-title-wrap .eicon-share-arrow { display: none; } .premium-maps-info-container.maps-skin3 .premium-maps-info-title { margin-bottom: 5px; } .premium-maps-info-container.maps-skin3 .premium-maps-info-img { width: 80px; height: 80px; border-radius: 100%; } .premium-maps-info-container.maps-skin3 .premium-maps-location-info { padding-top: 14px; } .premium-maps-info-container.maps-skin2 .premium-maps-info-close, .premium-maps-info-container.maps-skin3 .premium-maps-info-close { top: 12px; right: 12px; background-color: #bbb; } .premium-maps-info-title, .premium-maps-info-desc { margin: 0; padding: 0; } .premium-maps-container .gm-style-iw { text-align: center; } .premium-maps-container .gm-style img { max-width: none !important; } .premium-maps-container .gm-style-iw-c, .premium-maps-container .gm-style-iw-d { overflow: visible !important; max-height: initial !important; max-width: initial !important; } .premium-adv-carousel__item-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; z-index: 99; } .premium-adv-carousel__media-info-wrap { padding: 5px; z-index: 3; text-align: center; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .premium-adv-carousel__media-info-wrap .premium-adv-carousel__media-title, .premium-adv-carousel__media-info-wrap .premium-adv-carousel__media-desc { display: block; } .premium-adv-carousel__media-info-wrap .premium-adv-carousel__media-title { font-size: 19px; font-weight: 700; } .premium-adv-carousel__media-info-wrap .premium-adv-carousel__media-desc { font-size: 14px; white-space: normal; } .premium-adv-carousel__media-wrap, .premium-adv-carousel__media-info-wrap { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-adv-carousel__media-wrap { height: 300px; overflow: hidden; width: 100%; -webkit-transition: -webkit-transform 500ms; transition: -webkit-transform 500ms; transition: transform 500ms; transition: transform 500ms, -webkit-transform 500ms; } .premium-adv-carousel__item { width: 300px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; } .premium-adv-carousel__media-wrap img.premium-adv-carousel__item-img, .premium-adv-carousel__media-wrap .premium-adv-carousel__item-img img { width: 100%; height: 100%; -webkit-transition: -webkit-transform 500ms; transition: -webkit-transform 500ms; transition: transform 500ms; transition: transform 500ms, -webkit-transform 500ms; } .premium-adv-carousel__template-wrapper { width: 100%; height: 100%; max-height: 100%; white-space: normal; } .premium-adv-carousel__template-wrapper section { padding: 0 !important; overflow: hidden; } .premium-adv-carousel__video-wrap, .premium-adv-carousel__iframe-wrap, .premium-adv-carousel__iframe-wrap iframe { height: 100% !important; cursor: pointer; } .premium-adv-carousel__video-wrap { position: relative; } .premium-adv-carousel__video-wrap video { width: 100%; height: 100%; object-fit: cover; } .premium-adv-carousel__video-icon { z-index: 3; position: absolute; top: 50%; left: 50%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; padding: 10px; } .premium-adv-carousel__video-icon i { font-size: 25px; } .premium-adv-carousel__video-icon svg { width: 50px; height: 50px; } .premium-adv-carousel__vid-overlay { height: 100% !important; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; cursor: pointer; -webkit-transition: -webkit-transform 500ms; transition: -webkit-transform 500ms; transition: transform 500ms; transition: transform 500ms, -webkit-transform 500ms; } .premium-adv-carousel__item:hover .premium-adv-carousel__media-info-wrap { -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } .premium-adv-carousel__item-outer-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .premium-adv-carousel__icons-holder { display: none; } .premium-adv-carousel__infinite .premium-adv-carousel__container { position: relative; pointer-events: none; overflow: hidden !important; } .premium-adv-carousel__infinite .premium-adv-carousel__container:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; background: none !important; } .premium-adv-carousel__infinite .premium-adv-carousel__inner-container { width: 100%; overflow: scroll; pointer-events: all; -ms-overflow-style: none; scrollbar-width: none; } .premium-adv-carousel__infinite .premium-adv-carousel__inner-container::-webkit-scrollbar { display: none; } .premium-adv-carousel__infinite .premium-adv-carousel__items { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-adv-carousel__infinite .premium-adv-carousel__item { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; } .premium-adv-carousel__infinite .premium-adv-carousel__item:hover .premium-adv-carousel__media-info-wrap { -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } .premium-adv-carousel__infinite.premium-adv-carousel__horizontal { white-space: nowrap; } .premium-adv-carousel__infinite.premium-adv-carousel__vertical .premium-adv-carousel__inner-container { height: 500px; } .premium-adv-carousel__infinite.premium-adv-carousel__vertical .premium-adv-carousel__items { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-adv-carousel__infinite.premium-adv-carousel__vertical .premium-adv-carousel__item, .premium-adv-carousel__infinite.premium-adv-carousel__vertical .premium-adv-carousel__item-outer-wrapper { width: 100%; } .premium-adv-carousel__coverflow .premium-adv-carousel__media-info-wrap, .premium-adv-carousel__carousel .premium-adv-carousel__media-info-wrap, .premium-adv-carousel__flat .premium-adv-carousel__media-info-wrap { visibility: hidden; opacity: 0; } .premium-adv-carousel__coverflow .flipster__item--current .premium-adv-carousel__media-info-wrap, .premium-adv-carousel__carousel .flipster__item--current .premium-adv-carousel__media-info-wrap, .premium-adv-carousel__flat .flipster__item--current .premium-adv-carousel__media-info-wrap { visibility: visible; opacity: 1; } .premium-adv-carousel__coverflow .premium-adv-carousel__item-outer-wrapper, .premium-adv-carousel__carousel .premium-adv-carousel__item-outer-wrapper, .premium-adv-carousel__flat .premium-adv-carousel__item-outer-wrapper { cursor: pointer; } .premium-adv-carousel__item .pa-media-icons-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-adv-carousel__item .pa-media-icons-wrapper .pa-media-icons-inner-container { position: absolute; top: 50%; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .premium-adv-carousel__item .pa-media-icons-wrapper .pa-media-icons-inner-container .pa-media-magnific-image i, .premium-adv-carousel__item .pa-media-icons-wrapper .pa-media-icons-inner-container .pa-media-magnific-image svg { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-adv-carousel__item .pa-media-icons-wrapper .pa-media-icons-inner-container .pa-media-magnific-image span { line-height: 1; display: inline-block; opacity: 0; padding: 15px; border-radius: 50%; margin: 0 5px 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-adv-carousel__item:hover .pa-media-magnific-image span { opacity: 1 !important; } .flipster__button { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 2em; height: 2em; line-height: 0; text-align: center; border: none; box-shadow: none; color: transparent; } .flipster__button svg { width: 15px; height: 15px; stroke: none; } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--past-1 .flipster__item__content, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--future-1 .flipster__item__content { -webkit-transform: scale(-webkit-calc(0.95 - 1 / 10)); -ms-transform: scale(calc(0.95 - 1 / 10)); transform: scale(calc(0.95 - 1 / 10)); } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--past-2 .flipster__item__content, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--future-2 .flipster__item__content { -webkit-transform: scale(-webkit-calc(0.95 - 2 / 10)); -ms-transform: scale(calc(0.95 - 2 / 10)); transform: scale(calc(0.95 - 2 / 10)); } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--past-3 .flipster__item__content, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--future-3 .flipster__item__content { -webkit-transform: scale(-webkit-calc(0.95 - 3 / 10)); -ms-transform: scale(calc(0.95 - 3 / 10)); transform: scale(calc(0.95 - 3 / 10)); } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--past-4 .flipster__item__content, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--future-4 .flipster__item__content { -webkit-transform: scale(-webkit-calc(0.95 - 4 / 10)); -ms-transform: scale(calc(0.95 - 4 / 10)); transform: scale(calc(0.95 - 4 / 10)); } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--past-5 .flipster__item__content, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--future-5 .flipster__item__content { -webkit-transform: scale(-webkit-calc(0.95 - 5 / 10)); -ms-transform: scale(calc(0.95 - 5 / 10)); transform: scale(calc(0.95 - 5 / 10)); } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--past-6 .flipster__item__content, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--future-6 .flipster__item__content { -webkit-transform: scale(-webkit-calc(0.95 - 6 / 10)); -ms-transform: scale(calc(0.95 - 6 / 10)); transform: scale(calc(0.95 - 6 / 10)); } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--past-7 .flipster__item__content, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--future-7 .flipster__item__content { -webkit-transform: scale(-webkit-calc(0.95 - 7 / 10)); -ms-transform: scale(calc(0.95 - 7 / 10)); transform: scale(calc(0.95 - 7 / 10)); } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--past-8 .flipster__item__content, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--future-8 .flipster__item__content { -webkit-transform: scale(-webkit-calc(0.95 - 8 / 10)); -ms-transform: scale(calc(0.95 - 8 / 10)); transform: scale(calc(0.95 - 8 / 10)); } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--past-9 .flipster__item__content, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--future-9 .flipster__item__content { -webkit-transform: scale(-webkit-calc(0.95 - 9 / 10)); -ms-transform: scale(calc(0.95 - 9 / 10)); transform: scale(calc(0.95 - 9 / 10)); } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--past-10 .flipster__item__content, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .premium-adv-carousel__items .flipster__item--future-10 .flipster__item__content { -webkit-transform: scale(-webkit-calc(0.95 - 10 / 10)); -ms-transform: scale(calc(0.95 - 10 / 10)); transform: scale(calc(0.95 - 10 / 10)); } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .flipster--flat .flipster__item--future, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .flipster--flat .flipster__item--past { opacity: 0.3; } .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .flipster--flat .flipster__item--future-1, .premium-adv-carousel__flat.premium-adv-carousel__gradual-yes .flipster--flat .flipster__item--past-1 { opacity: 0.8; } /**Responsive Layout*/ @media (max-width: 1024px) { .premium-adv-carousel__item .pa-media-icons-wrapper .pa-media-icons-inner-container .pa-media-magnific-image span { opacity: 1; } } /************* Premium Mini Cart *************/ .pa-woo-mc__outer-container, .pa-woo-mc__inner-container, .pa-woo-mc__icon-wrapper, .pa-woo-mc__text-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; } .pa-woo-mc__outer-container { gap: 5px; } .pa-woo-mc__content-wrapper .pa-woo-mc__outer-container a:hover { color: currentColor; } .pa-woo-mc__inner-container { cursor: pointer; } .pa-woo-mc__inner-container * { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pa-woo-mc__widget-shopping-outer-wrapper { position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; } .pa-woo-mc__widget-shopping-outer-wrapper .premium-loading-feed { display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(255, 255, 255, 0.2); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pa-woo-mc__link, .pa-woo-mc__badge { position: absolute; top: 0; z-index: 1; } .pa-woo-mc__link { width: 100%; height: 100%; left: 0; z-index: 9; } .pa-woo-mc__badge { right: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 13px; height: 13px; background-color: #d9534f; color: #fff; font-size: 10px; border-radius: 50%; } .pa-woo-mc__text-wrapper { gap: 5px; } .pa-woo-mc__icon-wrapper { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .pa-woo-mc__icon-wrapper svg, .pa-woo-mc__icon-wrapper .premium-lottie-animation { width: 20px; height: 20px; } .pa-woo-mc__icon-wrapper i { font-size: 20px; } .pa-woo-mc__cart-content { overflow: hidden; } .pa-woo-mc__cart-header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px; color: #000000; border-bottom: 1px solid #dcdcdc; } .pa-woo-mc__cart-title { font-size: 15px; font-weight: 700; text-transform: uppercase; } .pa-woo-mc__overlay { position: absolute; inset: 0; z-index: 999; -webkit-transition: all 0.5s; transition: all 0.5s; } .pa-woo-mc__close-button { cursor: pointer; width: 13px; height: 13px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pa-woo-mc__close-button i { font-size: 13px; color: rgba(0, 0, 0, 0.631372549); } .pa-woo-mc__close-button svg { width: 100%; height: 100%; fill: rgba(0, 0, 0, 0.631372549); } .pa-woo-mc__content-wrapper { z-index: 1000; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 360px; -webkit-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; overflow: hidden; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; background: #f7f7f7; } .pa-woo-mc__content-wrapper.pa-woo-mc__slide { position: fixed; height: 100vh; top: 0; display: none; } .pa-woo-mc__content-wrapper.pa-woo-mc__slide.right { right: 0; } .pa-woo-mc__content-wrapper.pa-woo-mc__slide.left { left: 0; } .pa-woo-mc__content-wrapper.pa-woo-mc__menu { position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); visibility: hidden; opacity: 0; border: 1px solid black; } .pa-woo-mc__content-wrapper.pa-woo-mc__menu.pa-woo-mc__open { visibility: visible; opacity: 1; } .pa-woo-mc__content-wrapper.pa-woo-mc__menu .pa-woo-mc__items-wrapper { height: 50vh; } .pa-woo-mc__item-price { font-size: 16px; font-weight: 500; } .pa-woo-mc__items-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 20px; padding-bottom: 20px; row-gap: 20px; overflow-y: auto; } .pa-woo-mc__item-wrapper { padding: 0 20px; -webkit-column-gap: 20px; column-gap: 20px; position: relative; } .pa-woo-mc__empty-msg { padding: 0 20px; font-size: 15px; } .pa-woo-mc__product-data, .pa-woo-mc__item-qty, .pa-woo-mc__title-row, .pa-woo-mc__price-row { display: -webkit-flex; display: -ms-flexbox; display: flex; } .pa-woo-mc__product-data, .pa-woo-mc__title-row, .pa-woo-mc__price-row { -webkit-flex: 1; -ms-flex: 1; flex: 1; } .pa-woo-mc__product-data { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .pa-woo-mc__price-row { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .pa-woo-mc__product-thumbnail { width: 105px; height: 105px; } .pa-woo-mc__product-thumbnail img { height: 100%; border-radius: 24px; } .pa-woo-mc__product-thumbnail a { color: transparent; } .pa-woo-mc__item-qty { -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid black; } .pa-woo-mc__input[type=number] { -webkit-appearance: textfield; appearance: textfield; width: 20px; background: transparent; font-size: 15px; font-weight: 500; pointer-events: none; outline: none; } .pa-woo-mc__input[type=number]::-webkit-inner-spin-button, .pa-woo-mc__input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } .pa-woo-mc__input[type=number], .pa-woo-mc__qty-btn { padding: 0; margin: 0; text-align: center; border: none; border-radius: 0; } .pa-woo-mc__qty-btn { width: 13px; height: 13px; fill: rgba(0, 0, 0, 0.631372549); border: none; cursor: pointer; } .pa-woo-mc__qty-btn * { fill: rgba(0, 0, 0, 0.631372549); } .pa-woo-mc__qty-btn.disabled { cursor: not-allowed; pointer-events: none; } .pa-woo-mc__qty-btn-yes .pa-woo-mc__qty-btn, .pa-woo-mc__qty-btn-yes svg:not(:root).pa-woo-mc__qty-btn { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pa-woo-mc__qty-btn-yes .pa-woo-mc__input[type=number] { pointer-events: auto; } .pa-woo-mc__title { font-size: 15px; font-weight: 600; color: #000000; } .pa-woo-mc__layout-1 { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pa-woo-mc__layout-1 .pa-woo-mc__title-row { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pa-woo-mc__layout-2 .pa-woo-mc__product-data { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .pa-woo-mc__layout-2 .pa-woo-mc__title { text-align: left; width: 100%; } .pa-woo-mc__qty-ctrls-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .pa-woo-mc__qty-ctrls-row .pa-woo-mc__item-qty { border: 1px solid black; } .pa-woo-mc__cart-footer { padding: 20px; margin-top: auto; border-top: 1px solid #dcdcdc; } .pa-woo-mc__cart-footer .pa-woo-mc__cart-subtotal { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pa-woo-mc__cart-footer .pa-woo-mc__subtotal-heading { font-size: 14px; letter-spacing: 0px; text-transform: uppercase; color: #000000; font-weight: 700; } .pa-woo-mc__cart-footer .pa-woo-mc__subtotal { font-size: 15px; letter-spacing: 0px; text-transform: uppercase; color: #000000; font-weight: 700; } .pa-woo-mc__remove-item { display: none; cursor: pointer; } .pa-woo-mc__remove-item svg { width: 100%; height: 100%; } .pa-woo-mc__remove-icon-yes .pa-woo-mc__remove-item { display: block; } .pa-woo-mc__cart-buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; margin-top: 20px; } .pa-woo-mc__mc-btn { width: 100%; border-radius: 15px; padding: 12px; text-align: center; font-weight: 700; } .pa-woo-mc__view-cart { background: #dcdcdc; color: #000000; } .pa-woo-mc__checkout { background: #000000; color: #ffffff; } .pa-woo-mc__item-notice { position: absolute; left: 0; top: 100%; width: 100%; font-size: 15px; padding: 0 20px; color: red; } .pa-woo-mc__mw-left .pa-woo-mc__menu, .pa-woo-mc__mw-right .pa-woo-mc__menu { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .pa-woo-mc__mw-left .pa-woo-mc__menu { left: 0; } .pa-woo-mc__mw-right .pa-woo-mc__menu { right: 0; left: unset; } .pa-woo-mc__slide-up.pa-woo-mc__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); } .pa-woo-mc__slide-up.pa-woo-mc__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .pa-woo-mc__slide-up.pa-woo-mc__mw-left .pa-woo-mc__menu, .pa-woo-mc__slide-up.pa-woo-mc__mw-right .pa-woo-mc__menu { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .pa-woo-mc__slide-up.pa-woo-mc__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc__slide-up.pa-woo-mc__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pa-woo-mc__slide-down.pa-woo-mc__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-50%) translateY(-10px); -ms-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); } .pa-woo-mc__slide-down.pa-woo-mc__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .pa-woo-mc__slide-down.pa-woo-mc__mw-left .pa-woo-mc__menu, .pa-woo-mc__slide-down.pa-woo-mc__mw-right .pa-woo-mc__menu { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .pa-woo-mc__slide-down.pa-woo-mc__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc__slide-down.pa-woo-mc__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pa-woo-mc__slide-left.pa-woo-mc__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-45%); -ms-transform: translateX(-45%); transform: translateX(-45%); } .pa-woo-mc__slide-left.pa-woo-mc__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pa-woo-mc__slide-left.pa-woo-mc__mw-left .pa-woo-mc__menu, .pa-woo-mc__slide-left.pa-woo-mc__mw-right .pa-woo-mc__menu { -webkit-transform: translateX(5%); -ms-transform: translateX(5%); transform: translateX(5%); } .pa-woo-mc__slide-left.pa-woo-mc__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc__slide-left.pa-woo-mc__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .pa-woo-mc__slide-right.pa-woo-mc__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-55%); -ms-transform: translateX(-55%); transform: translateX(-55%); } .pa-woo-mc__slide-right.pa-woo-mc__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pa-woo-mc__slide-right.pa-woo-mc__mw-left .pa-woo-mc__menu, .pa-woo-mc__slide-right.pa-woo-mc__mw-right .pa-woo-mc__menu { -webkit-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); } .pa-woo-mc__slide-right.pa-woo-mc__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc__slide-right.pa-woo-mc__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .pa-woo-mc__anim-overlay { transition: transform 0.5s, -webkit-transform 0.5s; } .pa-woo-mc__anim-overlay.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .pa-woo-mc__anim-overlay.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .pa-show-trash-text .pa-woo-mc__remove-item span { display: inline !important; font-size: 10px; text-decoration: underline; } .pa-show-trash-icon .pa-woo-mc__remove-item { width: 17px; height: 17px; } .pa-show-trash-icon .pa-woo-mc__remove-item svg { display: block !important; } .widget_shopping_cart_content { overflow-y: auto; } .pa-flex-col { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-mc-title-yes .pa-woo-mc__cart-header { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pa-mc-separator-yes .pa-woo-mc__item-divider { display: block !important; height: 1px; border: 0; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #dcdcdc; } .pa-mc-separator-yes .pa-woo-mc__items-wrapper { row-gap: 0; } .pa-show-layout-1 .pa-woo-mc__layout-1 { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .pa-show-layout-2 .pa-woo-mc__layout-2 { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } /**Float Option*/ .premium-mc-float-yes .pa-woo-mc__inner-container { position: fixed; z-index: 99; } .premium-mc-float-left .pa-woo-mc__inner-container { left: 0; } .premium-mc-float-right .pa-woo-mc__inner-container { right: 0; } .premium-mc-float-top .pa-woo-mc__inner-container { top: 0; } .premium-mc-float-middle .pa-woo-mc__inner-container { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-mc-float-bottom .pa-woo-mc__inner-container { bottom: 0; } /** Common With the off-canvas widget*/ html.msection-html { margin-top: 0 !important; } html.offcanvas-open { min-height: 100vh; } html.offcanvas-open body { overflow-x: hidden; } html.offcanvas-open .eb-total-outer-container { overflow: hidden; } .premium-magic-section-body-inner { position: relative; z-index: 9; -webkit-transition: all 0.5s; transition: all 0.5s; } .pa-woo-mc__qty-btn, svg:not(:root).pa-woo-mc__qty-btn { display: none; } @media (max-width: 1024px) { .pa-woo-mc__content-wrapper { width: 50vw; } .pa-woo-mc-tablet__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .pa-woo-mc-tablet__mw-left .pa-woo-mc__menu, .pa-woo-mc-tablet__mw-right .pa-woo-mc__menu { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .pa-woo-mc-tablet__mw-left .pa-woo-mc__menu { left: 0; } .pa-woo-mc-tablet__mw-right .pa-woo-mc__menu { right: 0; left: unset; } .pa-woo-mc__slide-up.pa-woo-mc-tablet__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); } .pa-woo-mc__slide-up.pa-woo-mc-tablet__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .pa-woo-mc__slide-up.pa-woo-mc-tablet__mw-left .pa-woo-mc__menu, .pa-woo-mc__slide-up.pa-woo-mc-tablet__mw-right .pa-woo-mc__menu { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .pa-woo-mc__slide-up.pa-woo-mc-tablet__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc__slide-up.pa-woo-mc-tablet__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pa-woo-mc_slide-down.pa-woo-mc-tablet__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-50%) translateY(-10px); -ms-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); } .pa-woo-mc_slide-down.pa-woo-mc-tablet__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .pa-woo-mc_slide-down.pa-woo-mc-tablet__mw-left .pa-woo-mc__menu, .pa-woo-mc_slide-down.pa-woo-mc-tablet__mw-right .pa-woo-mc__menu { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .pa-woo-mc_slide-down.pa-woo-mc-tablet__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc_slide-down.pa-woo-mc-tablet__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pa-woo-mc_slide-left.pa-woo-mc-tablet__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-45%); -ms-transform: translateX(-45%); transform: translateX(-45%); } .pa-woo-mc_slide-left.pa-woo-mc-tablet__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pa-woo-mc_slide-left.pa-woo-mc-tablet__mw-left .pa-woo-mc__menu, .pa-woo-mc_slide-left.pa-woo-mc-tablet__mw-right .pa-woo-mc__menu { -webkit-transform: translateX(5%); -ms-transform: translateX(5%); transform: translateX(5%); } .pa-woo-mc_slide-left.pa-woo-mc-tablet__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc_slide-left.pa-woo-mc-tablet__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .pa-woo-mc_slide-right.pa-woo-mc-tablet__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-55%); -ms-transform: translateX(-55%); transform: translateX(-55%); } .pa-woo-mc_slide-right.pa-woo-mc-tablet__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pa-woo-mc_slide-right.pa-woo-mc-tablet__mw-left .pa-woo-mc__menu, .pa-woo-mc_slide-right.pa-woo-mc-tablet__mw-right .pa-woo-mc__menu { -webkit-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); } .pa-woo-mc_slide-right.pa-woo-mc-tablet__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc_slide-right.pa-woo-mc-tablet__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } @media (max-width: 767px) { .pa-woo-mc__content-wrapper { width: 100vw; } .pa-woo-mc-mobile__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .pa-woo-mc-mobile__mw-left .pa-woo-mc__menu, .pa-woo-mc-mobile__mw-right .pa-woo-mc__menu { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .pa-woo-mc-mobile__mw-left .pa-woo-mc__menu { left: 0; } .pa-woo-mc-mobile__mw-right .pa-woo-mc__menu { right: 0; left: unset; } .pa-woo-mc__slide-up.pa-woo-mc-mobile__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); } .pa-woo-mc__slide-up.pa-woo-mc-mobile__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .pa-woo-mc__slide-up.pa-woo-mc-mobile__mw-left .pa-woo-mc__menu, .pa-woo-mc__slide-up.pa-woo-mc-mobile__mw-right .pa-woo-mc__menu { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .pa-woo-mc__slide-up.pa-woo-mc-mobile__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc__slide-up.pa-woo-mc-mobile__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pa-woo-mc_slide-down.pa-woo-mc-mobile__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-50%) translateY(-10px); -ms-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); } .pa-woo-mc_slide-down.pa-woo-mc-mobile__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } .pa-woo-mc_slide-down.pa-woo-mc-mobile__mw-left .pa-woo-mc__menu, .pa-woo-mc_slide-down.pa-woo-mc-mobile__mw-right .pa-woo-mc__menu { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .pa-woo-mc_slide-down.pa-woo-mc-mobile__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc_slide-down.pa-woo-mc-mobile__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .pa-woo-mc_slide-left.pa-woo-mc-mobile__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-45%); -ms-transform: translateX(-45%); transform: translateX(-45%); } .pa-woo-mc_slide-left.pa-woo-mc-mobile__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pa-woo-mc_slide-left.pa-woo-mc-mobile__mw-left .pa-woo-mc__menu, .pa-woo-mc_slide-left.pa-woo-mc-mobile__mw-right .pa-woo-mc__menu { -webkit-transform: translateX(5%); -ms-transform: translateX(5%); transform: translateX(5%); } .pa-woo-mc_slide-left.pa-woo-mc-mobile__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc_slide-left.pa-woo-mc-mobile__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .pa-woo-mc_slide-right.pa-woo-mc-mobile__mw-center .pa-woo-mc__menu { -webkit-transform: translateX(-55%); -ms-transform: translateX(-55%); transform: translateX(-55%); } .pa-woo-mc_slide-right.pa-woo-mc-mobile__mw-center .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pa-woo-mc_slide-right.pa-woo-mc-mobile__mw-left .pa-woo-mc__menu, .pa-woo-mc_slide-right.pa-woo-mc-mobile__mw-right .pa-woo-mc__menu { -webkit-transform: translateX(-5%); -ms-transform: translateX(-5%); transform: translateX(-5%); } .pa-woo-mc_slide-right.pa-woo-mc-mobile__mw-left .pa-woo-mc__menu.pa-woo-mc__open, .pa-woo-mc_slide-right.pa-woo-mc-mobile__mw-right .pa-woo-mc__menu.pa-woo-mc__open { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .premium-mobile-menu__wrap { position: relative; z-index: 99; } .premium-mobile-menu__dir-row .premium-mobile-menu__list { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .premium-mobile-menu__dir-column .premium-mobile-menu__list { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-mobile-menu__left .premium-mobile-menu__wrap { left: 0; } .premium-mobile-menu__center .premium-mobile-menu__wrap { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .premium-mobile-menu__right .premium-mobile-menu__wrap { right: 0; } .premium-mobile-menu__top .premium-mobile-menu__wrap { top: 0; } .premium-mobile-menu__bottom .premium-mobile-menu__wrap { bottom: 0; } .premium-mobile-menu__list { margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 480px; -webkit-column-gap: 5px; column-gap: 5px; } .premium-mobile-menu__item { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; list-style: none; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: visible; cursor: pointer; text-align: center; padding: 0; margin: 0; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .premium-mobile-menu__item-inner { background: #eee; } .premium-mobile-menu__item-inner .premium-mobile-menu__icon-wrap, .premium-mobile-menu__item-inner .premium-lottie-animation, .premium-mobile-menu__item-inner .premium-drawable-icon { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-mobile-menu__item-inner i { font-size: 20px; } .premium-mobile-menu__item-inner svg { width: 20px; height: 20px; } .premium-mobile-menu__items-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-mobile-menu__link { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; overflow: hidden; min-height: 70px; } .premium-mobile-menu__badge { position: absolute; display: -webkit-flex; display: -ms-flexbox; display: flex; top: 5px; right: 5px; } .premium-mobile-menu__badge span { font-size: 10px; } .premium-mobile-menu__text span, .premium-mobile-menu__badge span { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-mobile-menu__indicator-yes .active-menu-item .premium-mobile-menu__link::after { position: absolute; content: ""; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 5px; height: 5px; background-color: #000; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /**************** Premium Modal Box ****************/ /***************************************************/ .premium-modal-trigger-btn, .premium-modal-box-modal-lower-close { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; } .premium-modal-trigger-btn i, .premium-modal-trigger-btn > svg, .premium-modal-trigger-btn .premium-modal-box-icon { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-modal-trigger-btn > svg { width: 30px; height: 30px; } .premium-modal-box-modal-close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; position: relative; z-index: 99; } .premium-modal-box-modal-close:hover, .premium-modal-box-modal-close:focus { color: #000; text-decoration: none; cursor: pointer; } button.premium-modal-box-modal-close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .premium-modal-box-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; -webkit-overflow-scrolling: touch; outline: 0; padding: 0 !important; background: rgba(0, 0, 0, 0.5); -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-modal-box-modal .premium-modal-box-modal-dialog { position: absolute; max-height: -webkit-calc(100vh - 150px); max-height: calc(100vh - 150px); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; opacity: 0; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; } .premium-modal-box-modal-content { background-clip: padding-box; outline: 0; overflow-x: hidden; } .premium-modal-backdrop.premium-in { filter: alpha(opacity=50); opacity: 0.5 !important; } .premium-in { opacity: 1; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .premium-modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .premium-modal-box-modal-header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px 15px; border-bottom: 1px solid #e5e5e5; } .premium-modal-box-modal-header .premium-modal-box-modal-close { margin-top: -2px; } .premium-modal-box-modal-header .premium-modal-box-modal-title { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; } .premium-modal-box-modal-header .premium-modal-box-modal-title svg { width: 50px; height: 60px; } .premium-modal-box-modal-body { position: relative; padding: 15px; } .premium-modal-box-modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .premium-modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .premium-modal-trigger-text { background: none !important; display: inline-block; } .premium-modal-box-container { width: 100% !important; } /*Open Modal Button Style*/ .premium-modal-trigger-container .premium-modal-trigger-btn { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-modal-trigger-container .premium-modal-trigger-btn.premium-btn-block { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-modal-trigger-container .premium-modal-trigger-img, .premium-modal-trigger-container .premium-modal-trigger-text, .premium-modal-trigger-container .premium-modal-trigger-animation { cursor: pointer; } .premium-modal-trigger-container .premium-modal-trigger-animation { display: inline-block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*Image on Modal Header Style*/ .premium-modal-box-modal-header img { width: 48px; padding-right: 5px; } .premium-modal-box-modal-header i, .premium-modal-box-modal-header svg { padding-right: 6px; } .premium-modal-trigger-img, .premium-modal-trigger-text, .premium-modal-box-close-button-container, .premium-modal-box-modal-close, .premium-modal-box-modal-lower-close { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (min-width: 768px) { .premium-modal-box-modal-dialog { width: 700px; max-height: 600px; overflow: auto; } } @media (max-width: 767px) { .premium-modal-box-modal-dialog { width: 100%; max-height: 500px; overflow: auto; } } .premium-modal-box-container[data-modal-animation*=animated-] { opacity: 0; } /************ Premium Nav Menu ************/ .premium-nav-widget-container ul { list-style: none; margin: 0; padding: 0; } .premium-nav-widget-container .premium-main-nav-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; } /*Vertical Main Menu**/ .premium-nav-ver .premium-ver-inner-container { width: 45%; position: relative; } .premium-nav-ver .premium-nav-menu-container, .premium-nav-ver .premium-ver-toggler { width: 100%; } .premium-nav-ver .premium-nav-menu-container { background-color: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .premium-nav-ver .premium-main-nav-menu { position: relative; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children .premium-sub-menu { visibility: hidden; opacity: 0; position: absolute; min-width: 250px; } .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children.premium-item-hovered > .premium-sub-menu, .premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.menu-item-has-children.premium-item-hovered .premium-mega-content-container { opacity: 1; visibility: visible; } .premium-nav-ver .premium-nav-menu-item { width: 100%; } .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-mega-content-container, .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-right .premium-nav-menu-item.menu-item-has-children .premium-sub-menu { left: 100%; top: 0; } .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-mega-content-container, .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-nav-menu-item.menu-item-has-children .premium-sub-menu { right: 100%; top: 0; } .premium-nav-ver:not(.premium-hamburger-menu).premium-vertical-left .premium-menu-link { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /*Horizontal Main Menu**/ .premium-nav-hor > .elementor-widget-container > .premium-nav-widget-container > .premium-ver-inner-container > .premium-nav-menu-container { height: 60px; } .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item .premium-sub-menu { visibility: hidden; opacity: 0; position: absolute; min-width: 220px; } .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-sub-menu, .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-mega-content-container { top: 100%; } .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item > .premium-sub-menu .premium-sub-menu { left: 100%; top: 0; } .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-sub-menu, .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-mega-content-container { visibility: visible; opacity: 1; pointer-events: auto; } .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-mega-item-static .premium-mega-content-container { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item:not(.premium-mega-item-static) .premium-mega-content-container { left: 0; } /**Mega Menu Container*/ .premium-mega-nav-item > .premium-sub-menu { display: none; } .premium-mega-nav-item { position: relative; } .premium-mega-nav-item.premium-item-hovered > .premium-mega-content-container { visibility: visible; opacity: 1; pointer-events: auto; } .premium-mega-content-container { visibility: hidden; position: absolute; z-index: 9999; opacity: 0; pointer-events: none; } .premium-hamburger-menu .premium-mega-content-container, .premium-nav-slide .premium-mega-content-container, .premium-nav-dropdown .premium-mega-content-container { visibility: visible; position: relative; opacity: 1; pointer-events: auto; } /**Hamburger Menu*/ .premium-nav-widget-container .premium-hamburger-toggle, .premium-mobile-menu-outer-container .premium-mobile-menu-close { text-decoration: none; cursor: pointer; } .premium-nav-widget-container .premium-hamburger-toggle { display: none; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-nav-widget-container .premium-hamburger-toggle i { padding: 0.25em; font-size: 22px; } .premium-nav-widget-container .premium-hamburger-toggle svg { width: 22px; height: 22px; } .premium-nav-widget-container .premium-hamburger-toggle i, .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text, .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close { color: #494c4f; } .premium-nav-widget-container .premium-hamburger-toggle svg, .premium-nav-widget-container .premium-hamburger-toggle svg path { fill: #494c4f; } .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-text, .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close { margin: 2px; } .premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close { display: none; } .premium-mobile-menu-container { width: 100%; } .premium-mobile-menu-container .premium-main-mobile-menu { width: 100%; } .premium-mobile-menu-container ul { list-style: none; margin: 0; padding: 0; } .premium-mobile-menu-container .premium-mobile-menu, .premium-mobile-menu-container .premium-sub-menu { display: none; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-mobile-menu-container .premium-nav-menu-item { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-mobile-menu-container .premium-item-badge { top: 50%; right: 0; left: unset; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-nav-hor .premium-mobile-menu-container .premium-item-badge { top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } /**Vertical Hamburger Menu*/ .premium-mobile-menu-outer-container { opacity: 0; } .premium-mobile-menu-outer-container.premium-vertical-toggle-open { opacity: 1; } .premium-ver-hamburger-menu .premium-mobile-menu-outer-container { background-color: #f7f7f7; width: 300px; -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); height: 100%; position: fixed; top: 0; left: 0; overflow-x: hidden; z-index: 10002; -webkit-transition: 0.5s; transition: 0.5s; padding-top: 50px; } .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container { margin-top: 50px; } .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-container .premium-item-badge { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close { position: absolute; top: 2%; right: 5px; padding: 0 9px; z-index: 10000; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; color: #494c4f; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close .premium-toggle-close { margin: 5px; } .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg { width: 22px; height: 22px; fill: #494c4f; } .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close svg path { fill: #494c4f; } .premium-ver-hamburger-menu .premium-mobile-menu-outer-container .premium-mobile-menu-close i { font-size: 22px; } .premium-ver-hamburger-menu .premium-vertical-toggle-open { -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; transform: translateX(0) !important; -webkit-transition: 0.5s; transition: 0.5s; } /** Vertical Toggler*/ .premium-ver-toggle-yes .premium-nav-menu-container { height: auto; } .premium-ver-toggle-yes .premium-ver-toggler { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 20px 15px 20px; background: #eeeeee; color: #042551; cursor: pointer; } .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-title, .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-btn { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-ver-toggle-yes .premium-ver-toggler .premium-ver-toggler-txt { text-indent: 5px; } .premium-ver-toggle-yes .premium-ver-toggler:hover { background: #54595f; color: #fff; } .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg, .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-close svg path, .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg, .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-open svg path, .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg, .premium-ver-toggle-yes .premium-ver-toggler:hover .premium-ver-title-icon svg path { fill: #fff; } .premium-ver-toggle-yes .premium-ver-close, .premium-ver-toggle-yes .premium-ver-open, .premium-ver-toggle-yes .premium-nav-menu-container, .premium-ver-toggle-yes .premium-ver-toggler { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .premium-ver-toggle-yes .premium-ver-close i, .premium-ver-toggle-yes .premium-ver-close svg, .premium-ver-toggle-yes .premium-ver-open i, .premium-ver-toggle-yes .premium-ver-open svg, .premium-ver-toggle-yes .premium-nav-menu-container i, .premium-ver-toggle-yes .premium-nav-menu-container svg, .premium-ver-toggle-yes .premium-ver-toggler i, .premium-ver-toggle-yes .premium-ver-toggler svg { -webkit-transition: color 0.3s linear 0s; transition: color 0.3s linear 0s; } .premium-ver-toggle-yes .premium-ver-toggler-txt { -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .premium-ver-toggle-yes .premium-ver-close, .premium-ver-toggle-yes .premium-ver-open, .premium-ver-toggle-yes .premium-ver-title-icon { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-ver-toggle-yes .premium-ver-close i, .premium-ver-toggle-yes .premium-ver-open i, .premium-ver-toggle-yes .premium-ver-title-icon i { font-size: 16px; } .premium-ver-toggle-yes .premium-ver-close svg, .premium-ver-toggle-yes .premium-ver-open svg, .premium-ver-toggle-yes .premium-ver-title-icon svg { width: 17px; height: 17px; fill: #042551; } .premium-ver-toggle-yes .premium-ver-close svg path, .premium-ver-toggle-yes .premium-ver-open svg path, .premium-ver-toggle-yes .premium-ver-title-icon svg path { fill: #042551; } .premium-ver-toggle-yes.premium-ver-always .premium-ver-open { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .premium-ver-toggle-yes .premium-ver-collapsed .premium-nav-menu-container { visibility: hidden; opacity: 0; } .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-close { display: none; } .premium-ver-toggle-yes .premium-ver-collapsed .premium-ver-open { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .premium-ver-toggle-yes.premium-ver-hover .premium-nav-menu-container { position: absolute; z-index: 10002; } .premium-ver-toggle-yes.premium-ver-click .premium-nav-menu-container { position: absolute; z-index: 10001; } .premium-ver-toggle-yes .premium-nav-menu-container, .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-nav-menu-container { visibility: visible; opacity: 1; } .premium-ver-toggle-yes .premium-ver-open, .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-open { display: none; } .premium-ver-toggle-yes .premium-ver-close, .premium-ver-toggle-yes .premium-ver-title-icon, .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-close, .premium-ver-toggle-yes.premium-ver-hover .premium-ver-inner-container:hover .premium-ver-title-icon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } /** Sticky Menu */ .premium-sticky-parent { position: fixed; z-index: 10003; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top { will-change: transform; -webkit-transition: -webkit-transform 500ms linear !important; transition: -webkit-transform 500ms linear !important; transition: transform 500ms linear !important; transition: transform 500ms linear, -webkit-transform 500ms linear !important; -webkit-transition-delay: 1s; transition-delay: 1s; } .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideDown { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .premium-sticky-scroll-yes.premium-sticky-parent.headroom--not-top.slideUp { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .premium-nav-sticky-yes.premium-sticky-active.premium-ham-dropdown .premium-mobile-menu-container, .premium-ham-dropdown .premium-stretch-dropdown .premium-mobile-menu-container { max-height: 400px; overflow-y: auto; } /**Common*/ .premium-nav-slide-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: rgba(0, 0, 0, 0.6); z-index: 10002; } .premium-nav-slide-overlay.premium-vertical-toggle-open { display: block; } .premium-active-menu, .premium-active-menu:not(.premium-mega-nav-item) > .premium-sub-menu, .premium-active-menu.premium-mega-nav-item > .premium-mega-content-container { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-active-menu .premium-toggle-close { display: block; } .premium-nav-menu-container .premium-sub-menu { background-color: #fff; } .premium-mobile-menu-container li, .premium-mobile-menu-container li > .premium-mega-content-container { width: 100% !important; } i.premium-item-icon, i.premium-sub-item-icon { font-size: 13px; } svg.premium-item-icon, svg.premium-sub-item-icon { width: 20px; height: 20px; } .premium-item-icon, .premium-sub-item-icon { margin: 0 7px; display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-item-icon svg, .premium-sub-item-icon svg { width: 20px; height: 20px; } .premium-item-icon.premium-lottie-animation, .premium-sub-item-icon.premium-lottie-animation { width: 20px; height: 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-item-icon.dashicons, .premium-sub-item-icon.dashicons { width: 13px; height: 13px; } .premium-nav-menu-item { position: relative; } .premium-nav-menu-item .premium-menu-link, .premium-nav-menu-item .premium-dropdown-icon { -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .premium-nav-menu-item .premium-menu-link { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 7px 10px; text-decoration: none; position: relative; } .premium-nav-menu-item .premium-dropdown-icon { margin: 5px; } .premium-nav-menu-item.menu-item-has-children { position: relative; } .premium-nav-menu-item.menu-item-has-children .premium-sub-menu { z-index: 9999; } .premium-nav-menu-item.menu-item-has-children .premium-sub-menu .premium-sub-menu-link { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .premium-nav-menu-item .menu-link { position: relative; text-decoration: none; } .premium-item-badge, .premium-sub-item-badge, .premium-rn-badge { position: absolute; padding: 1px 6px; min-width: 35px; text-align: center; font-size: 10px; border-radius: 4px; line-height: 1.8; white-space: nowrap; } .premium-nav-hor:not(.premium-hamburger-menu) .premium-item-badge, .premium-nav-hor:not(.premium-nav-slide) .premium-item-badge, .premium-nav-hor:not(.premium-nav-dropdown) .premium-item-badge { position: relative; margin: 8px; } .premium-nav-hor .premium-sub-item-badge, .premium-nav-slide .premium-sub-item-badge, .premium-nav-dropdown .premium-sub-item-badge, .premium-nav-ver.premium-vertical-right .premium-item-badge, .premium-nav-ver.premium-vertical-right .premium-sub-item-badge { top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-nav-ver.premium-vertical-left .premium-item-badge, .premium-nav-ver.premium-vertical-left .premium-sub-item-badge { top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-hamburger-menu .premium-mega-content-container, .premium-nav-dropdown .premium-mega-content-container, .premium-nav-slide .premium-mega-content-container { display: none; } .premium-mega-item-static { position: static !important; } .premium-hamburger-menu .premium-nav-menu-container, .premium-nav-dropdown .premium-nav-menu-container, .premium-nav-slide .premium-nav-menu-container { display: none; } .premium-hamburger-menu .premium-hamburger-toggle, .premium-nav-dropdown .premium-hamburger-toggle, .premium-nav-slide .premium-hamburger-toggle { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .premium-hidden-icon-yes.premium-hamburger-menu .premium-item-icon, .premium-hidden-icon-yes.premium-hamburger-menu .premium-sub-item-icon, .premium-hidden-icon-yes.premium-nav-dropdown .premium-item-icon, .premium-hidden-icon-yes.premium-nav-dropdown .premium-sub-item-icon, .premium-hidden-icon-yes.premium-nav-slide .premium-item-icon, .premium-hidden-icon-yes.premium-nav-slide .premium-sub-item-icon { display: none; } .premium-hidden-badge-yes.premium-hamburger-menu .premium-item-badge, .premium-hidden-badge-yes.premium-hamburger-menu .premium-sub-item-badge, .premium-hidden-badge-yes.premium-hamburger-menu .premium-rn-badge, .premium-hidden-badge-yes.premium-nav-dropdown .premium-item-badge, .premium-hidden-badge-yes.premium-nav-dropdown .premium-sub-item-badge, .premium-hidden-badge-yes.premium-nav-dropdown .premium-rn-badge, .premium-hidden-badge-yes.premium-nav-slide .premium-item-badge, .premium-hidden-badge-yes.premium-nav-slide .premium-sub-item-badge, .premium-hidden-badge-yes.premium-nav-slide .premium-rn-badge { display: none; } .premium-ham-dropdown .premium-mobile-menu-container, .premium-nav-dropdown .premium-mobile-menu-container { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-ham-dropdown .premium-toggle-opened .premium-toggle-close, .premium-nav-dropdown .premium-toggle-opened .premium-toggle-close { display: inline !important; } .premium-ham-dropdown .premium-toggle-opened .premium-toggle-text, .premium-nav-dropdown .premium-toggle-opened .premium-toggle-text { display: none !important; } .premium-stretch-dropdown .premium-mobile-menu-container { position: absolute; z-index: 9999; } .premium-nav-default { display: none; } .premium-hamburger-toggle { width: 100%; } .premium-hamburger-toggle * { -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } /* * Pointer & Pointer Animations */ .premium-menu-link-parent::before, .premium-menu-link-parent::after { display: block; position: absolute; -webkit-transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1); transition: all 0.3s cubic-bezier(0.58, 0.3, 0.005, 1); } .premium-nav-pointer-underline .premium-menu-link-parent::after, .premium-nav-pointer-double-line .premium-menu-link-parent::after { content: ""; bottom: 0; } .premium-nav-pointer-overline .premium-menu-link-parent::before, .premium-nav-pointer-double-line .premium-menu-link-parent::before { content: ""; top: 0; } .premium-nav-pointer-underline .premium-menu-link-parent::before, .premium-nav-pointer-underline .premium-menu-link-parent::after, .premium-nav-pointer-overline .premium-menu-link-parent::before, .premium-nav-pointer-overline .premium-menu-link-parent::after, .premium-nav-pointer-double-line .premium-menu-link-parent::before, .premium-nav-pointer-double-line .premium-menu-link-parent::after { height: 3px; width: 100%; left: 0; background-color: #55595c; z-index: 2; } .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after { opacity: 0; } .premium-nav-pointer-underline.premium-nav-animation-none, .premium-nav-pointer-overline.premium-nav-animation-none, .premium-nav-pointer-double-line.premium-nav-animation-none { -webkit-transition-duration: 0s; transition-duration: 0s; } .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent, .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::before, .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent::after, .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:focus, .premium-nav-pointer-underline.premium-nav-animation-none .premium-menu-link-parent:hover, .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent, .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::before, .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent::after, .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:focus, .premium-nav-pointer-overline.premium-nav-animation-none .premium-menu-link-parent:hover, .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent, .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::before, .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent::after, .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:focus, .premium-nav-pointer-double-line.premium-nav-animation-none .premium-menu-link-parent:hover { -webkit-transition-duration: 0s; transition-duration: 0s; } .premium-nav-pointer-underline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after, .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after { width: 10px; inset-inline-start: 100%; } .premium-nav-pointer-overline.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-double-line.premium-nav-animation-slide .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { width: 10px; left: -20px; } .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-underline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after, .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-overline.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after, .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-double-line.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after { height: 0; width: 0; left: 50%; } .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { top: -10px; } .premium-nav-pointer-underline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after, .premium-nav-pointer-overline.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after, .premium-nav-pointer-double-line.premium-nav-animation-drop-in .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after { bottom: -10px; } .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before, .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { top: 10px; } .premium-nav-pointer-underline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after, .premium-nav-pointer-overline.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after, .premium-nav-pointer-double-line.premium-nav-animation-drop-out .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::after { bottom: 10px; } .premium-nav-pointer-framed .premium-menu-link-parent::before { content: ""; } .premium-nav-pointer-framed .premium-menu-link-parent::before, .premium-nav-pointer-framed .premium-menu-link-parent::after { background: transparent; left: 0; top: 0; bottom: 0; right: 0; border: 3px solid #55595c; } .premium-nav-pointer-framed.premium-nav-animation-grow .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .premium-nav-pointer-framed.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after { width: 3px; height: 3px; } .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::before { border-width: 0 0 3px 3px; -webkit-transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s; } .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent::after { content: ""; top: auto; bottom: 0; left: auto; right: 0; border-width: 3px 3px 0 0; -webkit-transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s; } .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before { -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; } .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after { -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; } .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-menu-link-parent:focus::after { width: 100%; height: 100%; } .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before { -webkit-transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s; } .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after { -webkit-transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s; } .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-draw .premium-active-item .premium-menu-link-parent::after { width: 100%; height: 100%; } .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before { border-width: 3px 0 0 3px; } .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after { content: ""; top: auto; bottom: 0; left: auto; right: 0; border-width: 0 3px 3px 0; } .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent::after { width: 3px; height: 3px; } .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:hover::after, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-menu-link-parent:focus::after { width: 100%; height: 100%; -webkit-transition: opacity 2ms, width 0.4s, height 0.4s; transition: opacity 2ms, width 0.4s, height 0.4s; } .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::before, .premium-nav-pointer-framed.premium-nav-animation-corners .premium-active-item .premium-menu-link-parent::after { width: 100%; height: 100%; -webkit-transition: opacity 2ms, width 0.4s, height 0.4s; transition: opacity 2ms, width 0.4s, height 0.4s; } .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-grow .premium-menu-link-parent:focus { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-shrink .premium-menu-link-parent:focus { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-sink .premium-menu-link-parent:focus { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-float .premium-menu-link-parent:focus { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-skew .premium-menu-link-parent:focus { -webkit-transform: skew(-8deg); -ms-transform: skew(-8deg); transform: skew(-8deg); } .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:hover, .premium-nav-pointer-text.premium-nav-animation-rotate .premium-menu-link-parent:focus { -webkit-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .premium-nav-pointer-background .premium-menu-link-parent::before { top: 0; left: 0; right: 0; bottom: 0; background: #55595c; background-color: rgb(85, 89, 92); z-index: -1; } .premium-nav-pointer-background .premium-menu-link-parent::before, .premium-nav-pointer-background .premium-menu-link-parent::after { content: ""; -webkit-transition: 0.3s; transition: 0.3s; } .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent::before { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-grow .premium-menu-link-parent:focus::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-nav-pointer-background.premium-nav-animation-grow .premium-active-item .premium-menu-link-parent::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-nav-pointer-background.premium-nav-animation-shrink .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-transition: 0.3; transition: 0.3; } .premium-nav-pointer-background.premium-nav-animation-sweep-left .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { left: 100%; } .premium-nav-pointer-background.premium-nav-animation-sweep-right .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { right: 100%; } .premium-nav-pointer-background.premium-nav-animation-sweep-up .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { top: 100%; } .premium-nav-pointer-background.premium-nav-animation-sweep-down .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { bottom: 100%; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after { top: 0; left: 0; right: 0; bottom: 0; background: #55595c; background-color: rgb(85, 89, 92); z-index: -1; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::before { top: 0; bottom: 100%; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent::after { top: 100%; bottom: 0; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::before { bottom: 50%; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:hover::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-menu-link-parent:focus::after { top: 50%; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::before { bottom: 50%; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-vertical .premium-active-item .premium-menu-link-parent::after { top: 50%; } .premium-nav-pointer-background.premium-nav-animation-shutter-out-vertical .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { bottom: 50%; top: 50%; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::before { right: 0; left: 100%; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent::after { right: 100%; left: 0; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::before, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::before { left: 50%; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:hover::after, .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-menu-link-parent:focus::after { right: 50%; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::before { left: 50%; } .premium-nav-pointer-background.premium-nav-animation-shutter-in-horizontal .premium-active-item .premium-menu-link-parent::after { right: 50%; } .premium-nav-pointer-background.premium-nav-animation-shutter-out-horizontal .premium-nav-menu-item:not(.premium-active-item) .premium-menu-link-parent:not(:hover):not(:focus)::before { left: 50%; right: 50%; } .premium-active-item::before, .premium-active-item::after, .premium-menu-link-parent:hover::before, .premium-menu-link-parent:hover::after, .premium-menu-link-parent:focus::before, .premium-menu-link-parent:focus::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /**Sub Menu Animation*/ .premium-nav-menu-item .premium-sub-menu, .premium-nav-menu-item .premium-mega-content-container { -webkit-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } [class*=premium-nav-slide-].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-sub-menu, [class*=premium-nav-slide-].premium-nav-hor:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-mega-content-container, [class*=premium-nav-slide-].premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu.premium-item-hovered > .premium-sub-menu, [class*=premium-nav-slide-].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-sub-menu, [class*=premium-nav-slide-].premium-nav-ver:not(.premium-hamburger-menu) .premium-nav-menu-item.premium-item-hovered > .premium-mega-content-container, [class*=premium-nav-slide-].premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu.premium-item-hovered > .premium-sub-menu { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu, .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container, .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu, .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu, .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container, .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu, .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu, .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container, .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu, .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-sub-menu, .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-content-container, .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-sub-menu, .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-content-container { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } /**Horizontal - Static Mega Content*/ /*UP*/ .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container { -webkit-transform: translateX(-50%) translateY(10px); -ms-transform: translateX(-50%) translateY(10px); transform: translateX(-50%) translateY(10px); } .premium-nav-slide-up.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } /*DOWN*/ .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container { -webkit-transform: translateX(-50%) translateY(-10px); -ms-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); } .premium-nav-slide-down.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } /*Left*/ .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container { -webkit-transform: translateX(-45%); -ms-transform: translateX(-45%); transform: translateX(-45%); } .premium-nav-slide-left.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /*Right*/ .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static .premium-mega-content-container { -webkit-transform: translateX(-55%); -ms-transform: translateX(-55%); transform: translateX(-55%); } .premium-nav-slide-right.premium-nav-hor:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /**Vertical - Static Mega Content*/ .premium-nav-slide-down.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container, .premium-nav-slide-up.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .premium-nav-slide-right.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container, .premium-nav-slide-left.premium-nav-ver:not(.premium-hamburger-menu) .premium-mega-item-static.premium-item-hovered .premium-mega-content-container { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } /** Random Badge */ .premium-rn-badge, .premium-mega-content-container .premium-rn-badge { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; right: 10px; -webkit-transition: all 0.3s; transition: all 0.3s; } .premium-nav-ver.premium-vertical-left .premium-rn-badge { top: 50%; left: 10px; right: unset; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-nav-ver.premium-vertical-left .premium-mega-content-container .premium-rn-badge { left: unset; right: 10px; } /** Sub Item Badge Effects*/ .has-pa-badge:hover { -webkit-transition: all 0.3s; transition: all 0.3s; } .premium-sub-item-badge { -webkit-transition: all 0.3s; transition: all 0.3s; } .premium-mega-content-container .premium-badge-dot .premium-sub-item-badge, .premium-mega-content-container .premium-badge-dot .premium-rn-badge, .premium-sub-menu .premium-badge-dot .premium-sub-item-badge, .premium-sub-menu .premium-badge-dot .premium-rn-badge { font-size: 0px; min-width: 1px; padding: 3px; border-radius: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; } .premium-mega-content-container .premium-badge-pulse:hover .premium-sub-item-badge, .premium-mega-content-container .premium-badge-pulse:hover .premium-rn-badge, .premium-sub-menu .premium-badge-pulse:hover .premium-sub-item-badge, .premium-sub-menu .premium-badge-pulse:hover .premium-rn-badge { -webkit-animation: badge-pulse-grow 0.5s alternate infinite ease-in-out; animation: badge-pulse-grow 0.5s alternate infinite ease-in-out; } .premium-mega-content-container .premium-badge-buzz:hover .premium-sub-item-badge, .premium-mega-content-container .premium-badge-buzz:hover .premium-rn-badge, .premium-sub-menu .premium-badge-buzz:hover .premium-sub-item-badge, .premium-sub-menu .premium-badge-buzz:hover .premium-rn-badge { -webkit-animation: badge-buzz 0.5s alternate infinite ease-in-out; animation: badge-buzz 0.5s alternate infinite ease-in-out; } .premium-mega-content-container .premium-badge-slide-right .premium-sub-item-badge, .premium-mega-content-container .premium-badge-slide-right .premium-rn-badge, .premium-sub-menu .premium-badge-slide-right .premium-sub-item-badge, .premium-sub-menu .premium-badge-slide-right .premium-rn-badge { -webkit-transform: translateY(-50%) translateX(-5px); -ms-transform: translateY(-50%) translateX(-5px); transform: translateY(-50%) translateX(-5px); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .premium-mega-content-container .premium-badge-slide-right:hover .premium-sub-item-badge, .premium-mega-content-container .premium-badge-slide-right:hover .premium-rn-badge, .premium-sub-menu .premium-badge-slide-right:hover .premium-sub-item-badge, .premium-sub-menu .premium-badge-slide-right:hover .premium-rn-badge { -webkit-transform: translateY(-50%) translateX(5px); -ms-transform: translateY(-50%) translateX(5px); transform: translateY(-50%) translateX(5px); } .premium-mega-content-container .premium-badge-slide-left .premium-sub-item-badge, .premium-mega-content-container .premium-badge-slide-left .premium-rn-badge, .premium-sub-menu .premium-badge-slide-left .premium-sub-item-badge, .premium-sub-menu .premium-badge-slide-left .premium-rn-badge { -webkit-transform: translateY(-50%) translateX(5px); -ms-transform: translateY(-50%) translateX(5px); transform: translateY(-50%) translateX(5px); -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; } .premium-mega-content-container .premium-badge-slide-left:hover .premium-sub-item-badge, .premium-mega-content-container .premium-badge-slide-left:hover .premium-rn-badge, .premium-sub-menu .premium-badge-slide-left:hover .premium-sub-item-badge, .premium-sub-menu .premium-badge-slide-left:hover .premium-rn-badge { -webkit-transform: translateY(-50%) translateX(-5px); -ms-transform: translateY(-50%) translateX(-5px); transform: translateY(-50%) translateX(-5px); } .premium-mega-content-container .premium-badge-expand .premium-sub-item-badge, .premium-mega-content-container .premium-badge-expand .premium-rn-badge, .premium-sub-menu .premium-badge-expand .premium-sub-item-badge, .premium-sub-menu .premium-badge-expand .premium-rn-badge { -webkit-transform: translateY(-50%) scaleX(0); -ms-transform: translateY(-50%) scaleX(0); transform: translateY(-50%) scaleX(0); -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } .premium-mega-content-container .premium-badge-expand:hover .premium-sub-item-badge, .premium-mega-content-container .premium-badge-expand:hover .premium-rn-badge, .premium-sub-menu .premium-badge-expand:hover .premium-sub-item-badge, .premium-sub-menu .premium-badge-expand:hover .premium-rn-badge { -webkit-transform: translateY(-50%) scaleX(1); -ms-transform: translateY(-50%) scaleX(1); transform: translateY(-50%) scaleX(1); } /* Pulse Grow */ @-webkit-keyframes badge-pulse-grow { to { -webkit-transform: translateY(-50%) scale(1.07); transform: translateY(-50%) scale(1.07); } } @keyframes badge-pulse-grow { to { -webkit-transform: translateY(-50%) scale(1.07); transform: translateY(-50%) scale(1.07); } } /* Buzz */ @-webkit-keyframes badge-buzz { 50% { -webkit-transform: translateY(-50%) translateX(3px) rotate(2deg); transform: translateY(-50%) translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateY(-50%) translateX(-3px) rotate(-2deg); transform: translateY(-50%) translateX(-3px) rotate(-2deg); } } @keyframes badge-buzz { 50% { -webkit-transform: translateY(-50%) translateX(3px) rotate(3deg); transform: translateY(-50%) translateX(3px) rotate(3deg); } 100% { -webkit-transform: translateY(-50%) translateX(-3px) rotate(-3deg); transform: translateY(-50%) translateX(-3px) rotate(-3deg); } } body.premium-scroll-disabled { overflow-y: hidden; height: 100vh; margin: 0; } /**Fix: conflict with Elementor's sticky feature. */ .elementor-sticky__spacer .premium-nav-widget-container { visibility: unset !important; opacity: unset !important; } .elementor-sticky__spacer .premium-mega-content-container { visibility: hidden !important; opacity: 0 !important; } /************* Premium Recent Posts Notification *************/ /*************************************************************/ .pa-rec-not-icon-wrap { position: relative; display: inline-block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: #000000; border-radius: 100%; padding: 10px; cursor: pointer; } .pa-rec-not-icon-wrap svg { width: 50px; height: 50px; display: block; } .pa-rec-not-icon-wrap i { font-size: 50px; } .pa-rec-not-icon-wrap img { display: block; } .pa-rec-not-icon-wrap .premium-not-icon { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff; fill: #fff; } .pa-rec-not-icon-wrap .premium-not-icon-text { margin: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pa-rec-not-icon-wrap .premium-icon-with-no-post { display: none; } .pa-rec-not-number { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 25px; height: 25px; position: absolute; top: -5px; right: -5px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #ffffff; background-color: #ff0000; border-radius: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pa-rec-posts-container { position: fixed; background: #f7f7f7; height: 100vh; top: 0; width: 30vw; z-index: 99999; } .pa-container-left .pa-rec-posts-container { left: 0; } .pa-container-right .pa-rec-posts-container { right: 0; } .pa-rec-posts-body { max-height: 90vh; scrollbar-width: none; overflow-y: scroll; } .pa-rec-posts-body::-webkit-scrollbar { width: 0 !important; } .pa-rec-posts-header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .pa-rec-posts-header .pa-rec-posts-close { cursor: pointer; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .pa-rec-posts-header .pa-rec-posts-close-icon { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .pa-rec-title-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pa-rec-title-wrap svg { width: 50px; height: 50px; display: block; } .pa-rec-title-wrap i { font-size: 50px; } .pa-rec-posts-overlay { position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; max-width: 100%; max-height: 100%; display: none; z-index: 9999; opacity: 0; background-color: rgba(7, 7, 7, 0.5215686275); } /*Thumbnail Img*/ .pa-rec-posts-container .premium-blog-thumbnail-container { overflow: hidden; } .pa-rec-posts-container .premium-blog-thumbnail-container img, .pa-rec-posts-container .premium-blog-thumbnail-container .below-entry-meta { width: 100%; height: 100%; margin: 0 !important; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; display: block; } /* * Diagonal Effect */ /* * Framed Effect */ /* * Bordered Effect */ /* * Squares Effect */ /*Tags align*/ /* * List Layout */ /** * Even Layout */ /** * Responsive Style */ @media (max-width: 768px) { .premium-blog-content-wrapper { top: 0; margin: 0; padding: 15px; } .premium-blog-skin-side { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } /************ Premium Team Members ************/ /**********************************************/ .premium-person-container { position: relative; } .premium-person-image-container { position: relative; text-align: center; overflow: hidden; } .premium-person-image-container .premium-person-image-wrap { overflow: hidden; } .premium-person-zoomout-effect .premium-person-image-container img, .premium-person-scale-effect .premium-person-image-container img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-person-sepia-effect .premium-person-image-container img { -webkit-filter: sepia(30%); filter: sepia(30%); } .premium-person-bright-effect .premium-person-image-container img { -webkit-filter: brightness(1); filter: brightness(1); } .premium-person-trans-effect .premium-person-image-container img { -webkit-transform: translateX(-15px) scale(1.1); -ms-transform: translateX(-15px) scale(1.1); transform: translateX(-15px) scale(1.1); } .premium-person-zoomin-effect:hover .premium-person-image-container img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-person-zoomout-effect:hover .premium-person-image-container img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .premium-person-scale-effect:hover .premium-person-image-container img { -webkit-transform: scale(1.3) rotate(5deg); -ms-transform: scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg); } .premium-person-grayscale-effect:hover .premium-person-image-container img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .premium-person-blur-effect:hover .premium-person-image-container img { -webkit-filter: blur(3px); filter: blur(3px); } .premium-person-sepia-effect:hover .premium-person-image-container img { -webkit-filter: sepia(0%); filter: sepia(0%); } .premium-person-bright-effect:hover .premium-person-image-container img { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .premium-person-trans-effect:hover .premium-person-image-container img { -webkit-transform: translateX(0px) scale(1.1); -ms-transform: translateX(0px) scale(1.1); transform: translateX(0px) scale(1.1); } .premium-person-container .premium-person-image-container img { width: 100%; height: 100%; display: block; object-fit: cover; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .premium-person-style2 .premium-person-social { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; opacity: 0; } .premium-person-style2 .premium-person-image-container:hover .premium-person-social { opacity: 1; } .premium-person-list-item a { display: inline-block; } .premium-person-style2 .premium-person-list-item a { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-person-info-container { padding: 30px 15px; } .premium-person-name { margin: 0 0 5px; font-weight: 700; } .premium-person-title { margin: 0 0 20px; padding: 0; } .premium-person-content { margin: 0 0 30px; } /*Override Theme List Margin*/ ul.premium-person-social-list { margin: 0px !important; padding: 0; } .premium-person-social-list .premium-person-list-item { display: inline; list-style: none; } .premium-person-social-list li { position: relative; bottom: 0px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .premium-person-social-list li i { position: relative; bottom: 0px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-size: 18px; } .premium-person-defaults-yes li.premium-person-facebook:hover a { background-color: #3b5998 !important; } .premium-person-defaults-yes li.premium-person-twitter:hover a { background-color: #55acee !important; } .premium-person-defaults-yes li.premium-person-linkedin:hover a { background-color: #0077b5 !important; } .premium-person-defaults-yes li.premium-person-google:hover a { background-color: #dc4e41 !important; } .premium-person-defaults-yes li.premium-person-youtube:hover a { background-color: #b31217 !important; } .premium-person-defaults-yes li.premium-person-instagram:hover a { background-color: #e4405f !important; } .premium-person-defaults-yes li.premium-person-skype:hover a { background-color: #00aff0 !important; } .premium-person-defaults-yes li.premium-person-pinterest:hover a { background-color: #bd081c !important; } .premium-person-defaults-yes li.premium-person-dribbble:hover a { background-color: #ea4c89 !important; } .premium-person-defaults-yes li.premium-person-mail:hover a { background-color: #b23121 !important; } .premium-person-defaults-yes li.premium-person-behance:hover a { background-color: #1769ff !important; } .premium-person-defaults-yes li.premium-person-whatsapp:hover a { background-color: #25d366 !important; } .premium-person-defaults-yes li.premium-person-telegram:hover a { background-color: #0088cc !important; } .premium-person-defaults-yes li.premium-person-site:hover a { background-color: #0055a5 !important; } .premium-person-social-list li:hover a { box-shadow: none; } .premium-person-social-list li a:focus { box-shadow: none; outline: none; } .elementor-widget-premium-addon-person { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .elementor-widget-premium-addon-person .elementor-widget-container { width: 100%; } .premium-persons-container.multiple-persons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .premium-person-style1 .premium-person-container { overflow: hidden; } .premium-person-style1 .premium-person-container .premium-person-info { position: absolute; top: auto; right: 0; left: 0; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .premium-person-style1 .premium-person-container:hover .premium-person-info { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: -1px !important; } .premium-person-style1 .premium-person-social-list li:hover { bottom: 5px; } .premium-person-style1.multiple-persons:not([data-persons-equal=yes]) { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .premium-person-style1 .slick-track { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-person-style1 .slick-slide { height: inherit !important; } .premium-person-style3 .premium-person-info-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .premium-person-style3 .premium-person-title-desc-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .premium-person-style3 .premium-person-name-icons-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .premium-person-style3 .premium-person-title { opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 0; } .premium-person-style3 .premium-person-title span { display: inline-block; } .premium-person-style3 .premium-person-name { padding-left: 10px; } .premium-person-style3 .premium-person-social-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .premium-person-style3 .premium-person-list-item { line-height: 0; } .premium-person-style3 .premium-person-list-item a { padding: 5px 10px 0 0; margin: 5px 0; } .premium-person-style3 .premium-person-container:hover .premium-person-title { opacity: 1; } .premium-person-style3 .premium-person-container:hover .premium-person-social-list { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .premium-persons-title-cw .premium-person-title { -webkit-transform: translateX(15px) rotate(90deg); -ms-transform: translateX(15px) rotate(90deg); transform: translateX(15px) rotate(90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } .premium-persons-title-cw .premium-person-container:hover .premium-person-title { -webkit-transform: translateX(0) rotate(90deg); -ms-transform: translateX(0) rotate(90deg); transform: translateX(0) rotate(90deg); } .premium-persons-title-ccw .premium-person-title { width: auto; margin-right: 20px; -webkit-transform: translateX(15px) rotate(-90deg); -ms-transform: translateX(15px) rotate(-90deg); transform: translateX(15px) rotate(-90deg); -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; } .premium-persons-title-ccw .premium-person-container:hover .premium-person-title { -webkit-transform: translateX(0) rotate(-90deg); -ms-transform: translateX(0) rotate(-90deg); transform: translateX(0) rotate(-90deg); } /**Premium Pinterest Feed*/ .premium-pinterest-feed { /*Pin Box Skins**/ /**Card*/ /**Banner*/ /**On Side*/ /**Slide*/ /*End Pin Box Skins**/ /*Profile Header**/ /*End of Profile Header**/ /*Boards Layout**/ /*End of Boards Layout**/ } .premium-pinterest-feed__outer-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-pinterest-feed__pins-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-pinterest-feed__pin-outer-wrapper { padding: 0 2.5px; } .premium-pinterest-feed__pin-wrapper { height: 100%; } .premium-pinterest-feed__pin-creator a { display: inline-block; text-transform: capitalize; } .premium-pinterest-feed__shares { margin-left: auto; } .premium-pinterest-feed__share-outer { -webkit-order: 10; -ms-flex-order: 10; order: 10; } .premium-pinterest-feed__meta { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-pinterest-feed__pin-media { cursor: pointer; position: relative; overflow: hidden; } .premium-pinterest-feed__pin-media img { width: 100%; height: 100% !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; } .premium-pinterest-feed__cover_wrap { width: 100%; overflow: hidden; } .premium-pinterest-feed__pinterest-icon svg { display: block; } .premium-pinterest-feed__overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 8; } .premium-pinterest-feed__pin-meta-wrapper { z-index: 9; } .premium-pinterest-feed__pin-layout-1 .premium-pinterest-feed__pin-meta-wrapper, .premium-pinterest-feed__pin-layout-1 .premium-pinterest-feed__pin-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-pinterest-feed__pin-layout-1 .premium-pinterest-feed__pin-wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-pinterest-feed__pin-layout-1 .premium-pinterest-feed__pin-meta-wrapper { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .premium-pinterest-feed__pin-layout-2 .premium-pinterest-feed__pin-wrapper { position: relative; cursor: pointer; overflow: hidden; } .premium-pinterest-feed__pin-layout-2 .premium-pinterest-feed__pin-inner-meta { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-pinterest-feed__pin-layout-2 .premium-pinterest-feed__pin-meta-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .premium-pinterest-feed__pin-layout-2 .premium-pinterest-feed__pin-desc { -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-top: auto !important; } .premium-pinterest-feed__pin-layout-2 .premium-pinterest-feed__pin-media { width: 100%; height: 100%; } .premium-pinterest-feed__pin-layout-3 .premium-pinterest-feed__pin-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; } .premium-pinterest-feed__pin-layout-3 .premium-pinterest-feed__pin-meta-wrapper, .premium-pinterest-feed__pin-layout-3 .premium-pinterest-feed__pin-media { width: 50%; } .premium-pinterest-feed__pin-layout-3 .premium-pinterest-feed__pin-meta-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .premium-pinterest-feed__pin-layout-3 .premium-pinterest-feed__meta { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-pinterest-feed__pin-layout-3 .premium-pinterest-feed__pin-media { height: 400px; } .premium-pinterest-feed__pin-layout-3 .premium-pinterest-feed__pin-media img { object-fit: cover; } .premium-pinterest-feed__pin-layout-3 .premium-pinterest-feed__pin-desc { text-align: center; } .premium-pinterest-feed__pin-layout-4 .premium-pinterest-feed__pin-wrapper { position: relative; cursor: pointer; overflow: hidden; } .premium-pinterest-feed__pin-layout-4 .premium-pinterest-feed__pin-wrapper:hover .premium-pinterest-feed__pin-meta-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: -1px !important; } .premium-pinterest-feed__pin-layout-4 .premium-pinterest-feed__pinterest-icon { position: absolute; top: 10px; left: 10px; z-index: 1; } .premium-pinterest-feed__pin-layout-4 .premium-pinterest-feed__pin-desc { padding-left: 15px; } .premium-pinterest-feed__pin-layout-4 .premium-pinterest-feed__pin-meta-wrapper { padding: 30px 15px 15px 0; position: absolute; width: 100%; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); bottom: 10px; } .premium-pinterest-feed__pin-layout-4 .premium-pinterest-feed__pin-media { width: 100%; height: 100%; } .premium-pinterest-feed__pin-layout-4 .premium-pinterest-feed__dots { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .premium-pinterest-feed__pin-layout-4 .premium-pinterest-feed__dot { width: 7px; height: 7px; border-radius: 100%; background-color: #fff; display: inline-block; margin: 0 3px; } .premium-pinterest-feed__profile-header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 12px; margin-bottom: 5px; } .premium-pinterest-feed__profile-header > * { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-pinterest-feed__profile-counts { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 20px; font-weight: 400; } .premium-pinterest-feed__profile-counts span { display: inline-block; white-space: nowrap; } .premium-pinterest-feed__profile-counts > span { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 3px 5px; margin: 0 4px; -webkit-column-gap: 6px; column-gap: 6px; } .premium-pinterest-feed__user-info-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-pinterest-feed__user-info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 15px; column-gap: 15px; } .premium-pinterest-feed__avatar { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } .premium-pinterest-feed__avatar img { width: 100%; height: 100%; border-radius: 50%; } .premium-pinterest-feed__username a { text-transform: capitalize; font-size: 17px; color: #202020; font-weight: 700px; } .premium-pinterest-feed__follow-button { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px 20px; background: #ed455e; color: #fff; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-column-gap: 5px; column-gap: 5px; } .premium-pinterest-feed__follow-button .premium-pinterest-feed__pinterest-icon * { fill: #fff !important; } .premium-pinterest-feed__follow-button:hover { color: #fff; } .premium-pinterest-feed__profile-desc { font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 10px; margin-bottom: 10px; } .premium-pinterest-feed__board-trigger-wrapper, .premium-pinterest-feed__load-more-wrapper { width: 100%; text-align: center; } .premium-pinterest-feed__board-trigger, .premium-pinterest-feed__load-more-btn { cursor: pointer; display: inline-block; padding: 7px 20px; margin-bottom: 4px; margin-top: 4px; border: none; border-radius: 5px; background-color: #efefef; } .premium-pinterest-feed__boards-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .premium-pinterest-feed__board-wrapper { position: relative; width: 250px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; overflow: hidden; margin: 4px; } .premium-pinterest-feed__board-wrapper > * { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-pinterest-feed__board-wrapper span { display: inline-block; } .premium-pinterest-feed__board-wrapper > a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; } .premium-pinterest-feed__board-wrapper .premium-pinterest-feed__pinterest-icon { position: absolute; top: 10px; left: 10px; z-index: 1; } .premium-pinterest-feed__board-cover { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-pinterest-feed__board-layout-cover .premium-pinterest-feed__board-cover img { width: 100%; height: 100%; object-fit: cover; } .premium-pinterest-feed__board-layout-2 .premium-pinterest-feed__board-cover { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 2px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-pinterest-feed__board-layout-2 .premium-pinterest-feed__board-cover img:nth-of-type(1), .premium-pinterest-feed__board-layout-2 .premium-pinterest-feed__board-cover img:nth-of-type(2) { width: -webkit-calc((100% - 2px) / 2); width: calc((100% - 2px) / 2); } .premium-pinterest-feed__board-layout-2 .premium-pinterest-feed__board-cover img:nth-of-type(3), .premium-pinterest-feed__board-layout-2 .premium-pinterest-feed__board-cover img:nth-of-type(4), .premium-pinterest-feed__board-layout-2 .premium-pinterest-feed__board-cover img:nth-of-type(5) { width: -webkit-calc((100% - 4px) / 3); width: calc((100% - 4px) / 3); } .premium-pinterest-feed__board-layout-3 .premium-pinterest-feed__board-cover { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 2px; height: 150px; } .premium-pinterest-feed__board-layout-3 .premium-pinterest-feed__board-cover .premium-cover-divider { width: 35%; display: grid; height: 100%; max-height: 100%; overflow: hidden; gap: 2px; } .premium-pinterest-feed__board-layout-3 .premium-pinterest-feed__board-cover .premium-cover-divider img { width: 100%; height: 100%; object-fit: cover; } .premium-pinterest-feed__board-layout-3 .premium-pinterest-feed__board-cover > img:nth-of-type(1) { width: -webkit-calc(65% - 2px); width: calc(65% - 2px); } .premium-carousel-yes .slick-track { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-carousel-yes.premium-pinterest-feed__grid .slick-slide { height: inherit !important; } .premium-carousel-yes ul.slick-dots { width: 100%; } .premium-read-more { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: block; white-space: nowrap; } .premium-display-none { display: none; } .premium-pinterest-feed__masonry .premium-pinterest-feed__content-wrapper { width: 100%; } /************* Premium Post Ticker *************/ /***********************************************/ /**Basic CSS*/ .premium-post-ticker { /**Stock*/ /**Layouts*/ /**Layout 1 */ /**Layout 2 */ /**Layout 3*/ /**Layout 4 - vertical ticker */ } .premium-post-ticker__outer-wrapper, .premium-post-ticker__header-wrapper, .premium-post-ticker__content, .premium-post-ticker__title-wrapper, .premium-post-ticker__date-wrapper, .premium-post-ticker__post-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-post-ticker__title-wrapper img { max-width: unset; } .premium-post-ticker__outer-wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .premium-post-ticker__header-wrapper, .premium-post-ticker__title-wrapper, .premium-post-ticker__date-wrapper { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-post-ticker__post-wrapper { -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 7px 20px; } .premium-post-ticker__post-wrapper i, .premium-post-ticker__post-wrapper a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-post-ticker__post-wrapper.slick-slide { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; position: relative; } .premium-post-ticker__content { width: 100%; background-color: #ececed; } .premium-post-ticker__posts-wrapper { min-width: 0; min-height: 0; } .premium-post-ticker__posts-wrapper .slick-list, .premium-post-ticker__posts-wrapper .slick-track { height: 100%; } .premium-post-ticker__outer-wrapper, .premium-post-ticker__post-wrapper { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .premium-post-ticker__title-wrapper, .premium-post-ticker__post-wrapper { -webkit-column-gap: 5px; column-gap: 5px; } .premium-post-ticker__title, .premium-post-ticker__date { white-space: nowrap; } .premium-post-ticker__title, .premium-post-ticker__post-title { margin: 0; text-transform: capitalize; } .premium-post-ticker__title { font-size: 15px; } .premium-post-ticker__post-title { font-size: 17px; } .premium-post-ticker__post-title a { display: inline-block; } .premium-post-ticker__post-date { font-size: 12px; margin-left: 6px; } .premium-post-ticker__separator { position: absolute; right: 0; width: 2px; height: 20px; background: #000; z-index: 1; } .premium-post-ticker__icon-wrapper { -webkit-order: 1; -ms-flex-order: 1; order: 1; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-post-ticker__icon-wrapper > svg { width: 50px; height: 50px; } .premium-post-ticker__icon-wrapper img { width: 50px; } .premium-post-ticker__icon-wrapper .premium-lottie-animation, .premium-post-ticker__icon-wrapper .premium-drawable-icon { width: 50px; height: 50px; line-height: 50px; } .premium-post-ticker__icon-wrapper .premium-lottie-animation svg, .premium-post-ticker__icon-wrapper .premium-drawable-icon svg { width: 100%; height: 100%; } .premium-post-ticker__thumbnail-wrapper a { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; } .premium-post-ticker__thumbnail-wrapper img { width: 50px; } .premium-post-ticker__post-author { font-size: 12px; } .premium-post-ticker__arrows { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; z-index: 99; -webkit-column-gap: 2px; column-gap: 2px; } .premium-post-ticker__arrows a { cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-appearance: inherit; box-shadow: none; padding: 0 5px; border: 1px solid currentColor; border-radius: 0; } .premium-post-ticker__hidden { visibility: hidden; opacity: 0; } .premium-post-ticker__change-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; column-gap: 5px; } .premium-post-ticker__change-wrapper .up { color: #009e73; } .premium-post-ticker__change-wrapper .down { color: #d94040; } .premium-post-ticker__change-percent { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; column-gap: 5px; } .premium-post-ticker__symbol, .premium-post-ticker__change-wrapper { margin: 0 50px; } .premium-post-ticker__symbol-icon { border-radius: 50% !important; } .premium-post-ticker__layout-2 .premium-post-ticker__date-wrapper, .premium-post-ticker__layout-3 .premium-post-ticker__date-wrapper { background: #7a7a7a; } .premium-post-ticker__layout-1 .premium-post-ticker__date-wrapper { font-size: 13px; margin-bottom: 5px; } .premium-post-ticker__layout-1 .premium-post-ticker__title-wrapper { padding: 0 25px; } .premium-post-ticker__layout-2 .premium-post-ticker__date-wrapper { margin: 0; padding: 0 25px; } .premium-post-ticker__layout-2 .premium-post-ticker__title-wrapper { position: relative; padding: 3px 10px; } .premium-post-ticker__layout-2 .premium-post-ticker__title-wrapper::after { content: ""; position: absolute; width: 30%; height: 100%; left: 100%; bottom: 0; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%); } .premium-post-ticker__layout-3 .premium-post-ticker__header-wrapper { z-index: 99; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); position: relative; } .premium-post-ticker__layout-3 .premium-post-ticker__header-wrapper::after { content: ""; position: absolute; width: 20px; height: 100%; left: 99%; bottom: 0; -webkit-clip-path: polygon(0% 0%, 34% 0, 100% 50%, 34% 100%, 0% 100%); clip-path: polygon(0% 0%, 34% 0, 100% 50%, 34% 100%, 0% 100%); } .premium-post-ticker__layout-3 .premium-post-ticker__date-wrapper, .premium-post-ticker__layout-3 .premium-post-ticker__title-wrapper { padding: 3px 7px; } .premium-post-ticker__layout-3 .premium-post-ticker__post-wrapper { padding: 10px 20px; } .premium-post-ticker__layout-3 .premium-post-ticker__content { padding-top: 10px; } .premium-post-ticker__layout-4 .slick-list { overflow-x: visible; } .premium-post-ticker__layout-4 .premium-post-ticker__header-wrapper { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .premium-post-ticker__layout-4 .premium-post-ticker__arrows { background: transparent; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .premium-post-ticker__layout-4 .premium-post-ticker__arrows a { padding: 0 1px; line-height: 15px; } .premium-post-ticker__layout-4 .premium-post-ticker__arrows i { font-size: 15px; } .premium-post-ticker__layout-4 .premium-post-ticker__arrows .prev-arrow { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-post-ticker__layout-4 .premium-post-ticker__title-wrapper { margin: 0 5px; } .premium-post-ticker__layout-4 .premium-post-ticker__content { overflow-x: auto; overflow-y: hidden; } .premium-post-ticker__layout-4 .premium-post-ticker__change-wrapper span { text-align: center; } .premium-ticker-pointer-yes:not(.premium-post-ticker__layout-3) .premium-post-ticker__content > div:first-child { position: relative; } .premium-ticker-pointer-yes:not(.premium-post-ticker__layout-3) .premium-post-ticker__content > div:first-child::after { content: ""; position: absolute; width: 0; height: 0; left: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; border-width: 8px 0 8px 7px; border-style: solid; border-color: transparent transparent transparent currentColor; } /**Typing Effect*/ .premium-typing-yes .premium-post-ticker__post-wrapper > div:first-child { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-typing-yes .premium-post-ticker__post-title { position: relative; } .premium-typing-yes .premium-post-ticker__post-title.premium-text-typing::after { content: ""; position: absolute; opacity: 1; } /**End of Typing Effect*/ /**Reverse Effect*/ .premium-reversed-yes .premium-post-ticker__content { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .premium-reversed-yes.premium-post-ticker__layout-2 .premium-post-ticker__outer-wrapper, .premium-reversed-yes.premium-post-ticker__layout-3 .premium-post-ticker__outer-wrapper, .premium-reversed-yes.premium-post-ticker__layout-4 .premium-post-ticker__outer-wrapper { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .premium-reversed-yes.premium-post-ticker__layout-3 .premium-post-ticker__header-wrapper, .premium-reversed-yes.premium-post-ticker__layout-4 .premium-post-ticker__header-wrapper { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .premium-reversed-yes.premium-post-ticker__layout-2 .premium-post-ticker__title-wrapper::after { left: unset; right: 100%; -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%); clip-path: polygon(100% 0, 0% 100%, 100% 100%); } .premium-reversed-yes.premium-post-ticker__layout-3 .premium-post-ticker__header-wrapper::after { left: unset; right: 99%; -webkit-clip-path: polygon(34% 0%, 100% 0%, 100% 100%, 34% 100%, 0% 50%); clip-path: polygon(34% 0%, 100% 0%, 100% 100%, 34% 100%, 0% 50%); } .premium-reversed-yes.premium-post-ticker__layout-4 .slick-list { direction: rtl; } .premium-reversed-yes.premium-ticker-pointer-yes:not(.premium-post-ticker__layout-3) .premium-post-ticker__content > div:first-child { position: relative; } .premium-reversed-yes.premium-ticker-pointer-yes:not(.premium-post-ticker__layout-3) .premium-post-ticker__content > div:first-child::after { left: -7px; top: 50%; border-width: 8px 8px 7px 0; border-color: transparent currentColor transparent transparent; } .premium-reversed-yes.premium-typing-yes .premium-post-ticker__post-title.premium-text-typing::after { right: 100%; } .premium-reversed-yes.premium-fade-yes .premium-post-ticker__post-wrapper, .premium-reversed-yes.premium-typing-yes .premium-post-ticker__post-wrapper { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /**End of Reverse Effect*/ /**************** Premium Pricing Table ****************/ /*******************************************************/ .premium-pricing-table-container { position: relative; text-align: center; display: inline-block; width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-pricing-icon-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; line-height: 0; } .premium-pricing-icon-container .premium-pricing-icon { display: inline-block; } .premium-pricing-icon-container .premium-pricing-image { overflow: hidden; } .premium-pricing-icon-container .premium-pricing-image img { width: 25px; height: 25px; object-fit: cover; } .premium-badge-left:not(.premium-badge-flag) { position: absolute; top: 0; } .premium-badge-right:not(.premium-badge-flag) { position: absolute; top: 0; right: 0; } .premium-badge-left { left: 0; } .premium-badge-triangle.premium-badge-left .corner { width: 0; height: 0; border-top: 150px solid; border-bottom: 150px solid transparent; border-right: 150px solid transparent; } .premium-badge-triangle.premium-badge-right .corner { width: 0; height: 0; border-bottom: 150px solid transparent; border-right: 150px solid; border-left: 150px solid transparent; } .premium-badge-triangle span { position: absolute; top: 35px; width: 100px; text-align: center; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: block; text-transform: uppercase; } .premium-badge-triangle.premium-badge-right span { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 0; } .premium-badge-circle { min-width: 4em; min-height: 4em; line-height: 4em; text-align: center; border-radius: 100%; position: absolute; z-index: 1; } .premium-badge-stripe { position: absolute; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 15em; overflow: hidden; height: 15em; } .premium-badge-stripe.premium-badge-left { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .premium-badge-stripe .corner { text-align: center; left: 0; width: 150%; -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: 35px; font-size: 13px; line-height: 2; font-weight: 800; text-transform: uppercase; } .premium-badge-flag.premium-badge-right .corner { right: -8px; border-radius: 4px 4px 0 4px; } .premium-badge-flag.premium-badge-right .corner::before, .premium-badge-flag.premium-badge-right .corner::after { right: 0; } .premium-badge-flag.premium-badge-left .corner { left: -8px; border-radius: 4px 4px 4px 0; } .premium-badge-flag.premium-badge-left .corner::before, .premium-badge-flag.premium-badge-left .corner::after { left: 0; } .premium-badge-flag .corner { text-align: center; padding: 3px 15px; position: absolute; top: 10%; } .premium-badge-flag .corner::before, .premium-badge-flag .corner::after { content: ""; display: block; position: absolute; width: 0; height: 0; top: 100%; border-bottom: 8px solid transparent; } .elementor-widget-premium-addon-pricing-table { overflow: visible !important; } .premium-badge-flag.premium-badge-right .corner::after { border-left: 8px solid rgba(0, 0, 0, 0.2); } .premium-badge-flag.premium-badge-left .corner::before { border-right: 8px solid rgba(0, 0, 0, 0.2); } .premium-pricing-price-currency { position: relative; } .premium-pricing-button-container { display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-pricing-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; list-style-type: none; margin: 0; padding: 0; } .premium-pricing-list .premium-pricing-list-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-pricing-list .premium-pricing-list-item svg { width: 50px; height: 50px; } .premium-pricing-list .premium-pricing-list-item img { width: 30px; height: 30px; object-fit: cover; } .premium-pricing-list .premium-pricing-list-span { position: relative; } .premium-pricing-list .list-item-tooltip { border-bottom: 1px dotted; } .premium-pricing-list .premium-pricing-list-tooltip { position: absolute; top: -webkit-calc(100% + 1px); top: calc(100% + 1px); left: 0; visibility: hidden; padding: 15px 20px; border-radius: 5px; min-width: 200px; overflow: hidden; text-align: left; font-size: 0.8rem; color: #fff; background-color: #aaa; } .premium-pricing-features-left .premium-pricing-list-span { text-align: left; } .premium-pricing-features-center .premium-pricing-list-span { text-align: center; } .premium-pricing-features-right .premium-pricing-list-span { text-align: right; } .premium-pricing-list-span:hover .premium-pricing-list-tooltip { z-index: 99; visibility: visible; opacity: 1; } .premium-pricing-slashed-price-value { display: inline-block; font-size: 20px; font-weight: 400; margin-right: 5px; } .premium-pricing-price-value { font-size: 70px; } .premium-pricing-description-container li { list-style-position: inside; text-indent: -40px; } @-moz-document url-prefix() { .premium-pricing-description-container li { text-indent: 0px; } } .premium-pricing-button-container .premium-pricing-price-button { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 6px 12px; text-align: center; color: #fff; background: #6ec1e4; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /**************** Premium Progress Bar ****************/ /******************************************************/ .premium-progressbar-container { position: relative; } .premium-progressbar-bar-wrap { position: relative; text-align: left; overflow: hidden; height: 25px; margin-bottom: 50px; background-color: #f5f5f5; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .premium-progressbar-bar-wrap.premium-progressbar-dots { background-color: transparent; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; box-shadow: none; } .premium-progressbar-bar-wrap .progress-segment { position: relative; width: 25px; height: 25px; border-radius: 50%; overflow: hidden; background-color: #f5f5f5; } .premium-progressbar-bar-wrap .progress-segment.filled { background: #6ec1e4; } .premium-progressbar-bar-wrap .progress-segment:not(:first-child):not(:last-child) { margin: 0 4px; } .premium-progressbar-bar-wrap .progress-segment:first-child { margin-right: 4px; } .premium-progressbar-bar-wrap .progress-segment:last-child { margin-left: 4px; } .premium-progressbar-bar-wrap .progress-segment .segment-inner { position: absolute; top: 0; left: 0; height: 100%; background-color: #6ec1e4; } .premium-progressbar-bar { float: left; width: 0%; height: 100%; font-size: 12px; background: #6ec1e4; text-align: center; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); position: absolute; overflow: hidden; line-height: 20px; -webkit-transition: width 0s ease-in-out !important; transition: width 0s ease-in-out !important; } .premium-progressbar-striped .premium-progressbar-bar { background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .premium-progressbar-active .premium-progressbar-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .premium-progressbar-gradient .premium-progressbar-bar { background-size: 400% 400% !important; -webkit-animation: progress-bar-gradient 10s ease-in-out infinite; animation: progress-bar-gradient 10s ease-in-out infinite; } .premium-progressbar-container .clearfix { clear: both; } .premium-progressbar-container p:first-of-type { margin: 0; float: left; } .premium-progressbar-container p:nth-of-type(2) { margin: 0; float: right; } .premium-progressbar-name { left: 50%; top: 0; right: 0; -webkit-transform: translateX(-12.5px); -ms-transform: translateX(-12.5px); transform: translateX(-12.5px); z-index: 1; } .premium-progressbar-multiple-label { position: relative; float: left; width: 0; left: 50%; } .premium-progressbar-center-label { position: relative; white-space: nowrap; } .premium-progressbar-arrow { height: 15px; left: 50%; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 11px solid; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .premium-progressbar-pin { border-left: 1px solid; height: 12px; left: 50%; display: inline-block; } /** * Circle Progress Bar */ .premium-progressbar-circle-wrap, .premium-progressbar-hf-circle-wrap { width: 200px; height: 200px; position: relative; margin: 0 auto; } .premium-progressbar-circle-wrap .premium-progressbar-circle-content, .premium-progressbar-hf-circle-wrap .premium-progressbar-circle-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .premium-progressbar-circle-wrap .premium-lottie-animation, .premium-progressbar-hf-circle-wrap .premium-lottie-animation { line-height: 1; } .premium-progressbar-circle-wrap .premium-progressbar-circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-clip-path: inset(0 0 0 50%); clip-path: inset(0 0 0 50%); } .premium-progressbar-circle-wrap .premium-progressbar-circle div { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-width: 6px; border-style: solid; border-color: #54595f; border-radius: 50%; -webkit-clip-path: inset(0 50% 0 0); clip-path: inset(0 50% 0 0); } .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-left { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .premium-progressbar-circle-wrap .premium-progressbar-circle .premium-progressbar-circle-right { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); visibility: hidden; } .premium-progressbar-circle-wrap .premium-progressbar-circle-base { width: 100%; height: 100%; border: 6px solid #eee; border-radius: 50%; } /** * Half Circle Progress Bar */ .premium-progressbar-hf-container { position: relative; width: 200px; height: 200px; } .premium-progressbar-hf-circle-wrap { overflow: hidden; } .premium-progressbar-hf-circle-wrap .premium-progressbar-left-label { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-progressbar-hf-circle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-clip-path: inset(0 0 50% 0); clip-path: inset(0 0 50% 0); } .premium-progressbar-hf-circle-progress { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border: 12px solid #000; border-radius: 50%; -webkit-clip-path: inset(50% 0 0 0); clip-path: inset(50% 0 0 0); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 1500ms linear; transition: -webkit-transform 1500ms linear; transition: transform 1500ms linear; transition: transform 1500ms linear, -webkit-transform 1500ms linear; } .premium-progressbar-circle-inner { height: 100%; width: 100%; border: 12px solid #eee; border-radius: 50%; } .premium-progressbar-hf-labels { margin: 0 auto; position: relative; font-size: 12px; font-weight: 400; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @-webkit-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 0; } } @-webkit-keyframes progress-bar-gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes progress-bar-gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @media (max-width: 768px) { .premium-progressbar-center-label { -webkit-transform: rotate(-90deg) !important; -ms-transform: rotate(-90deg) !important; transform: rotate(-90deg) !important; float: none !important; -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } } .premium-search { /** Loader */ /* Pagination */ } .premium-search__container { position: relative; } .premium-search__container.is-focused .premium-search__input-wrap::after { width: 100%; background-color: #4d7bfb; } .premium-search__container.is-focused .premium-search__label { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; opacity: 1; } .premium-search__spinner .premium-loading-feed { display: block !important; position: relative !important; } .premium-search__input-wrap { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .premium-search__input-wrap .premium-search__input { width: 100%; height: 100%; outline: none; border-radius: 0; border: 1px solid #eee; background-color: #fff; padding: 8px 16px; } .premium-search__input-wrap .premium-search__input:focus { outline: none; border: 1px solid #eee; box-shadow: none; } .premium-search__label { padding: 8px 0; } .premium-search__input-btn-wrap { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .premium-search__type-select { height: 100%; background-color: #fff; outline: none; border-radius: 0; border: 1px solid #eee; } .premium-search__type-select:focus { outline: none; border: 1px solid #eee; box-shadow: none; } .premium-search__btn-wrap { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-search__spinner { position: absolute; right: 5px; } .premium-search__remove-wrap { position: absolute; right: 20px; cursor: pointer; } .premium-search__remove-wrap .premium-search__remove-icon { font-size: 15px; background: #aaa; padding: 12px; border-radius: 100%; width: 20px; height: 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-search__btn[type=button] { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; } .premium-search__btn[type=button] svg { width: 20px; height: 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-search__query-wrap { position: absolute; left: 0; z-index: 6; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } .premium-search__query-wrap.query-hidden { display: none; } .premium-search__query-wrap .premium-loading-feed { position: absolute; inset: 0; background: rgba(255, 255, 255, 0.2); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 99; } .premium-search__query-wrap .slick-track { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-search__query-wrap .slick-slide { height: inherit !important; } .premium-search__query-wrap ul.slick-dots { width: 100%; } .premium-search__query-wrap .slick-disabled { opacity: 0; visibility: hidden; } .premium-search__posts-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; overflow-y: scroll; } .premium-search__results-number { width: 100%; margin-left: 5px; margin-bottom: 10px; } .premium-search__select-after .premium-search__input-wrap { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-search__select-after .premium-search__type-filter { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .premium-search__select-after .premium-search__btn-wrap { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .premium-search__post-inner { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f5f5f5; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .premium-search__link { position: absolute; inset: 0; z-index: 2; } .premium-search__post-content .premium-search__post-title { font-size: 18px; } .premium-search__post-content .premium-search__post-title a { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-search__post-content .premium-search-excerpt-link { background-color: transparent !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-search__overlay { position: absolute; inset: 0; z-index: 2; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-search__overlay a { width: 100%; height: 100%; } .premium-search__post-excerpt { margin: 0; } .premium-search__thumbnail-wrap { position: relative; } .premium-search__thumbnail-wrap span { display: none; } .premium-search__thumbnail { text-align: center; overflow: hidden; } .premium-search__thumbnail img { width: 100%; display: block; object-fit: cover; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .premium-search__skin-classic .premium-search__post-title { margin: 20px 20px 10px; } .premium-search__skin-classic .premium-search__excerpt-wrap { margin: 0 20px 20px; } .premium-search__skin-classic .premium-search__post-inner { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-search__skin-side .premium-search__post-title { margin: 20px 20px 10px; } .premium-search__skin-side .premium-search__excerpt-wrap { margin: 0 20px 20px; } .premium-search__skin-side .premium-search__post-inner { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-search__skin-side .premium-search__post-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .premium-search__skin-banner .premium-search__post-inner { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-search__skin-banner .premium-search__post-content { position: absolute; width: 100%; bottom: -5px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: transparent; z-index: 3; -webkit-transition: bottom 0.3s ease-in-out; transition: bottom 0.3s ease-in-out; padding: 30px; } .premium-search__skin-banner .premium-search__post-wrap:hover .premium-search__post-content { bottom: 0px; } .premium-search__arrow-top a.carousel-arrow { top: 0; } .premium-search__arrow-middle a.carousel-arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; } .premium-search__arrow-bottom a.carousel-arrow { bottom: 0; } .premium-search__effect-zoomout img, .premium-search__effect-scale img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-search__effect-sepia img { -webkit-filter: sepia(30%); filter: sepia(30%); } .premium-search__effect-sepia .premium-search__post-wrap:hover img { -webkit-filter: sepia(0%); filter: sepia(0%); } .premium-search__effect-bright img { -webkit-filter: brightness(1); filter: brightness(1); } .premium-search__effect-bright .premium-search__post-wrap:hover img { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .premium-search__effect-trans img { -webkit-transform: translateX(-15px) scale(1.1); -ms-transform: translateX(-15px) scale(1.1); transform: translateX(-15px) scale(1.1); } .premium-search__effect-trans .premium-search__post-wrap:hover img { -webkit-transform: translateX(0px) scale(1.1); -ms-transform: translateX(0px) scale(1.1); transform: translateX(0px) scale(1.1); } .premium-search__effect-zoomin .premium-search__post-wrap:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-search__effect-zoomout .premium-search__post-wrap:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .premium-search__effect-scale .premium-search__post-wrap:hover img { -webkit-transform: scale(1.3) rotate(5deg); -ms-transform: scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg); } .premium-search__effect-gray .premium-search__post-wrap:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .premium-search__effect-blur .premium-search__post-wrap:hover img { -webkit-filter: blur(3px); filter: blur(3px); } .premium-search__footer { width: 100%; } .premium-search-form__pagination-container { text-align: right; } .premium-search-form__pagination-container span { cursor: default; } .premium-search-form__pagination-container .page-numbers { display: inline-block; border: none; color: #000; line-height: 1; font-size: 1em; font-weight: 400; text-decoration: none; padding: 0.75em; margin: 0 0.4em 0.4em 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-search-anim-yes .premium-search__input-wrap::after { display: block; position: absolute; width: 0px; height: 2px; content: ""; bottom: 0px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .premium-search-anim-middle-yes .premium-search__input-wrap::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .premium-search-anim-label .premium-search__input::-webkit-input-placeholder, .premium-search-anim-label-pos-back .premium-search__input::-webkit-input-placeholder { color: transparent !important; } .premium-search-anim-label .premium-search__input:-ms-input-placeholder, .premium-search-anim-label-pos-back .premium-search__input:-ms-input-placeholder { color: transparent !important; } .premium-search-anim-label .premium-search__input::-ms-input-placeholder, .premium-search-anim-label-pos-back .premium-search__input::-ms-input-placeholder { color: transparent !important; } .premium-search-anim-label .premium-search__input::placeholder, .premium-search-anim-label-pos-back .premium-search__input::placeholder { color: transparent !important; } .premium-search-anim-label .premium-search__label, .premium-search-anim-label-pos-back .premium-search__label { position: relative; z-index: 2; -webkit-transform: translateX(10px) translateY(30px); -ms-transform: translateX(10px) translateY(30px); transform: translateX(10px) translateY(30px); opacity: 0.3; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-search-anim-label-letter .premium-search__label, .premium-search-anim-css-filters .premium-search__label { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pa-highlighted-text { margin: 0 !important; padding: 0 !important; } /** * Responsive Style */ @media (max-width: 768px) { .premium-search__container:not(.premium-search__skin-banner) .premium-search__post-content { top: 0; margin: 0; padding: 15px; } .premium-search__skin-side .premium-search__post-inner { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } /**************** Premium Tags Cloud ****************/ /****************************************************/ .premium-tcloud-term-wrap { margin: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-tcloud-hidden { opacity: 0; visibility: hidden; } .premium-tcloud-canvas-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-tcloud-default .premium-tcloud-term, .premium-tcloud-ribbon .premium-tcloud-term { background-color: var(--tag-color); padding: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-tcloud-default .premium-tcloud-term:hover, .premium-tcloud-ribbon .premium-tcloud-term:hover { background-color: var(--tag-hover-color); } .premium-tcloud-default .premium-tcloud-term:hover::before, .premium-tcloud-ribbon .premium-tcloud-term:hover::before { border-color: transparent var(--tag-hover-color) transparent transparent; } .premium-tcloud-default .premium-tcloud-term-link, .premium-tcloud-ribbon .premium-tcloud-term-link { color: var(--tag-text-color); -webkit-transition: all 0.3s ease-in-out, font-size 0s; transition: all 0.3s ease-in-out, font-size 0s; line-height: 1; } .premium-tcloud-default .premium-tcloud-term { border: 1px solid var(--tag-color); } .premium-tcloud-canvas { cursor: pointer; } .premium-tcloud-ribbon .premium-tcloud-term { position: relative; } .premium-tcloud-ribbon .premium-tcloud-term::before { position: absolute; content: ""; top: 0; right: 100%; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: var(--tag-ribbon-size) var(--tag-ribbon-size) var(--tag-ribbon-size) 0px; border-color: transparent var(--tag-color) transparent transparent; -webkit-transition: all 0.3s ease-in-out, border-width 0s; transition: all 0.3s ease-in-out, border-width 0s; } .premium-tcloud-ribbon .premium-tcloud-term::after { position: absolute; content: ""; top: 50%; left: -8px; margin: 0 auto; width: 5px; height: 5px; border-radius: 100%; background-color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-tcloud-sphere .premium-tcloud-terms-container { display: none; } /**************** Premium Testimonials ****************/ /******************************************************/ .premium-testimonial-box.multiple-testimonials { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .premium-testimonial-box { width: 100%; background: transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-testimonial-box .premium-testimonial-author-info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .premium-testimonial-person-name, .premium-testimonial-job { margin: 0; color: #212121; } .premium-testimonial-text-wrapper { margin: 10px 0; } .premium-testimonial-heading { font-size: 24px; color: #212121; font-weight: 700; margin-bottom: 10px; } .premium-testimonial-heading p { margin: 0; } .premium-testimonial-person-name { font-size: 21px; font-weight: 600; margin-bottom: 5px; } .premium-testimonial-job { font-size: 18px; } .premium-testimonial-container { position: relative; width: 100%; } .premium-testimonial-img-wrapper { overflow: hidden; border-radius: 50%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-testimonial-img-wrapper img { object-fit: cover; width: 100%; height: 100% !important; } .premium-testimonial-content-wrapper { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 20px; } .premium-testimonial-clear-float { clear: both; } .premium-testimonial-upper-quote, .premium-testimonial-lower-quote { position: absolute; z-index: 1; } .premium-testimonial-lower-quote { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .premium-testimonial__rating-wrapper { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .premium-testimonial__skin1 .premium-testimonial-heading, .premium-testimonial__skin1 .premium-testimonial-text-wrapper { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .premium-testimonial__skin1 .premium-testimonial-author-info { -webkit-order: 3; -ms-flex-order: 3; order: 3; } .premium-testimonial__skin1 .premium-testimonial-upper-quote { top: 0; left: 12px; } .premium-testimonial__skin1 .premium-testimonial-lower-quote { bottom: 3px; right: 12px; } .premium-testimonial__skin1 .premium-testimonial__rating-wrapper { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .premium-testimonial__skin2 .premium-testimonial-text-wrapper { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .premium-testimonial__skin2 .premium-testimonial__img-info { -webkit-order: 4; -ms-flex-order: 4; order: 4; } .premium-testimonial__skin3 .premium-testimonial-heading { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-testimonial__skin3 .premium-testimonial-text-wrapper { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .premium-testimonial__skin3 .premium-testimonial-lower-quote { top: 12px; right: 12px; } .premium-testimonial__skin4 .premium-testimonial-text-wrapper { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .premium-testimonial__skin4 .premium-testimonial-upper-quote { bottom: -25px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .premium-testimonial__img-info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-testimonial__img-top .premium-testimonial-img-wrapper, .premium-testimonial__img-bottom .premium-testimonial-img-wrapper { position: absolute; z-index: 1; } .premium-testimonial__img-top .premium-testimonial-img-wrapper { top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-testimonial__img-top .premium-testimonial-heading:first-child, .premium-testimonial__img-top .premium-testimonial-text-wrapper:first-child { margin-top: 40px; } .premium-testimonial__img-bottom .premium-testimonial-img-wrapper { bottom: 0; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); } .premium-testimonial__img-bottom .premium-testimonial-job { margin-bottom: 40px; } .premium-testimonial__carousel { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } .premium-testimonial__carousel .slick-slide { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-testimonial__carousel .slick-slide:not(.slick-center) { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0.6; -webkit-filter: grayscale(70%); filter: grayscale(70%); } .premium-testimonial__carousel-img { cursor: pointer; } .elementor-widget-premium-addon-testimonials:not(.premium-testimonial__skin1):not(.premium-testimonial__skin4) .premium-testimonial-person-name, .elementor-widget-premium-addon-testimonials:not(.premium-testimonial__skin1):not(.premium-testimonial__skin4) .premium-testimonial-job { margin: 0 10px; } .pa-txt-sc__outer-container, .pa-txt-sc__item-container { display: -webkit-flex; display: -ms-flexbox; display: flex; } .pa-txt-sc__outer-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; } .pa-txt-sc__outer-container .premium-lottie-animation { width: 150px; height: 150px; } .pa-txt-sc__outer-container .premium-lottie-animation > svg { width: 100%; height: 100%; } .pa-txt-sc__hov-item { position: absolute; visibility: hidden; opacity: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; -webkit-transition: opacity 0.13s; transition: opacity 0.13s; } .pa-txt-sc__hov-item :not(.pa-txt-sc__item-img) { left: 0; top: 0; } .pa-txt-sc__hov-item.pa-txt-sc__item-img { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pa-txt-sc__hov-hide:hover .pa-txt-sc__main-item { visibility: hidden; opacity: 0; } .pa-txt-sc__item-container { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .pa-txt-sc__item-container:hover .pa-txt-sc__hov-item { visibility: visible !important; } .pa-txt-sc__item-container:hover .pa-txt-sc__main-item, .pa-txt-sc__item-container:hover .pa-txt-sc__hov-item { -webkit-transition: opacity 0.13s ease-in-out; transition: opacity 0.13s ease-in-out; } .pa-txt-sc__item-text { font-size: 35px; margin: 0; } .pa-txt-sc__item-text.pa-txt-sc__main-item { width: 100%; } .pa-txt-sc__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .pa-txt-sc__item-svg, .pa-txt-sc__item-icon { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .pa-txt-sc__effect-grow { -webkit-clip-path: inset(0 100% 100% 0); clip-path: inset(0 100% 100% 0); -webkit-transition: 1.2s cubic-bezier(0.16, 0.09, 0, 1.02); transition: 1.2s cubic-bezier(0.16, 0.09, 0, 1.02); } .pa-txt-sc__effect-outline svg.outline-svg, .pa-txt-sc__effect-circle svg.outline-svg, .pa-txt-sc__effect-h-underline svg.outline-svg, .pa-txt-sc__effect-x svg.outline-svg, .pa-txt-sc__effect-underline-zigzag svg.outline-svg, .pa-txt-sc__effect-double-underline svg.outline-svg, .pa-txt-sc__effect-diagonal svg.outline-svg, .pa-txt-sc__effect-strikethrough svg.outline-svg, .pa-txt-sc__effect-curly svg.outline-svg { fill: none; stroke-width: 2px; position: absolute; left: -5%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 110%; height: 113%; } .pa-txt-sc__effect-outline svg.outline-svg.outline, .pa-txt-sc__effect-circle svg.outline-svg.outline, .pa-txt-sc__effect-h-underline svg.outline-svg.outline, .pa-txt-sc__effect-x svg.outline-svg.outline, .pa-txt-sc__effect-underline-zigzag svg.outline-svg.outline, .pa-txt-sc__effect-double-underline svg.outline-svg.outline, .pa-txt-sc__effect-diagonal svg.outline-svg.outline, .pa-txt-sc__effect-strikethrough svg.outline-svg.outline, .pa-txt-sc__effect-curly svg.outline-svg.outline { stroke: currentColor; } .pa-txt-sc__effect-outline svg.outline-svg.outline path:first-child, .pa-txt-sc__effect-circle svg.outline-svg.outline path:first-child, .pa-txt-sc__effect-h-underline svg.outline-svg.outline path:first-child, .pa-txt-sc__effect-x svg.outline-svg.outline path:first-child, .pa-txt-sc__effect-underline-zigzag svg.outline-svg.outline path:first-child, .pa-txt-sc__effect-double-underline svg.outline-svg.outline path:first-child, .pa-txt-sc__effect-diagonal svg.outline-svg.outline path:first-child, .pa-txt-sc__effect-strikethrough svg.outline-svg.outline path:first-child, .pa-txt-sc__effect-curly svg.outline-svg.outline path:first-child { -webkit-animation: pa-svg-outline 0.5s ease-in-out 0s forwards; animation: pa-svg-outline 0.5s ease-in-out 0s forwards; stroke-dasharray: 1740 1742; stroke-dashoffset: 1741; } .pa-txt-sc__effect-outline svg.outline-svg.outline path:nth-child(2), .pa-txt-sc__effect-circle svg.outline-svg.outline path:nth-child(2), .pa-txt-sc__effect-h-underline svg.outline-svg.outline path:nth-child(2), .pa-txt-sc__effect-x svg.outline-svg.outline path:nth-child(2), .pa-txt-sc__effect-underline-zigzag svg.outline-svg.outline path:nth-child(2), .pa-txt-sc__effect-double-underline svg.outline-svg.outline path:nth-child(2), .pa-txt-sc__effect-diagonal svg.outline-svg.outline path:nth-child(2), .pa-txt-sc__effect-strikethrough svg.outline-svg.outline path:nth-child(2), .pa-txt-sc__effect-curly svg.outline-svg.outline path:nth-child(2) { -webkit-animation: pa-svg-outline 0.5s ease-in-out 499ms forwards; animation: pa-svg-outline 0.5s ease-in-out 499ms forwards; stroke-dasharray: 1743 1745; stroke-dashoffset: 1744; } .pa-txt-sc__effect-min-mask .premium-mask-span { position: relative; overflow: hidden; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; background: inherit; } .pa-txt-sc__effect-min-mask .premium-mask-span::after { content: ""; position: absolute; top: 0; right: 0px; width: 100%; height: 100%; background-color: currentColor; -webkit-backface-visibility: visible; backface-visibility: visible; } .pa-txt-sc__effect-underline::after { content: ""; position: absolute; width: 100%; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); height: 2px; bottom: 0; left: 0; background-color: currentColor; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; z-index: 1; } .pa-txt-sc__effect-underline.underline::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .pa-txt-sc__effect-hvr-pulse-grow.hvr-pulse-grow { -webkit-animation: hvr-pulse-grow 0.3s ease-in-out alternate infinite; animation: hvr-pulse-grow 0.3s ease-in-out alternate infinite; } .pa-txt-sc__effect-hvr-buzz.hvr-buzz { -webkit-animation: hvr-buzz 0.3s ease-in-out alternate infinite; animation: hvr-buzz 0.3s ease-in-out alternate infinite; } .pa-txt-sc__effect-rotate { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .pa-txt-sc__effect-rotate.rotate { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .pa-txt-sc__effect-d-rotate { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .pa-txt-sc__effect-d-rotate.d-rotate { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .pa-txt-sc__effect-hvr-wobble-vertical { -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .pa-txt-sc__effect-hvr-wobble-vertical.hvr-wobble-vertical { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .pa-txt-sc__effect-hvr-float-shadow { -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .pa-txt-sc__effect-hvr-float-shadow:after { pointer-events: none; position: absolute; z-index: -1; content: ""; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .pa-txt-sc__effect-hvr-float-shadow.hvr-float-shadow { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .pa-txt-sc__effect-hvr-float-shadow.hvr-float-shadow::after { opacity: 1; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); } .pa-clipped-bg span { background-clip: text; -webkit-text-fill-color: transparent; -webkit-background-clip: text; } @-webkit-keyframes pa-svg-outline { 100% { stroke-dashoffset: 0; } } @keyframes pa-svg-outline { 100% { stroke-dashoffset: 0; } } @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(3deg); transform: translateX(3px) rotate(3deg); } 100% { -webkit-transform: translateX(-3px) rotate(-3deg); transform: translateX(-3px) rotate(-3deg); } } @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /**Premium Tiktok Feed*/ .premium-tiktok-feed { /*Profile Header**/ /*End of Profile Header**/ /*Video Box Layouts**/ /**Card*/ /**Banner*/ /**Slide*/ /*End of Video Box Layouts**/ /**Load More Button*/ /**End of Load More Button*/ /**Default Values*/ } .premium-tiktok-feed__outer-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-tiktok-feed__videos-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-tiktok-feed__video-outer-wrapper { padding: 2.5px; } .premium-tiktok-feed__video-wrapper { height: 100%; } .premium-tiktok-feed__video-wrapper video { height: 100%; } .premium-tiktok-feed__video-counts { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 12px; column-gap: 12px; cursor: pointer; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid #d7d7d7; } .premium-tiktok-feed__video-counts span { display: inline-block; white-space: nowrap; } .premium-tiktok-feed__vid-creator a { display: inline-block; font-size: 17px; text-transform: lowercase; } .premium-tiktok-feed__created-at { font-size: 14px; } .premium-tiktok-feed__shares { position: relative; margin-left: auto; z-index: 11; } .premium-tiktok-feed__meta { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-tiktok-feed__video-media { cursor: pointer; overflow: hidden; position: relative; } .premium-tiktok-feed__video-media img, .premium-tiktok-feed__video-media video { width: 100%; height: 100% !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-tiktok-feed__video-media .premium-tiktok-feed__play-icon { position: absolute; right: 20px; top: 20px; z-index: 9; } .premium-tiktok-feed__video-link { position: absolute; inset: 0; z-index: 10; } .premium-tiktok-feed__vid-desc { font-size: 14px; line-height: 20px; font-weight: 200; } .premium-tiktok-feed__profile-header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 12px; margin-bottom: 5px; } .premium-tiktok-feed__profile-header > * { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-tiktok-feed__profile-counts { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 20px; font-weight: 400; } .premium-tiktok-feed__profile-counts span { display: inline-block; white-space: nowrap; } .premium-tiktok-feed__profile-counts > span { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 3px 5px; margin: 0 4px; -webkit-column-gap: 6px; column-gap: 6px; } .premium-tiktok-feed__user-info-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-tiktok-feed__user-info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 15px; column-gap: 15px; } .premium-tiktok-feed__avatar { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } .premium-tiktok-feed__avatar img { width: 100%; height: 100%; border-radius: 50%; } .premium-tiktok-feed__username a { text-transform: lowercase; font-size: 17px; font-weight: 700px; } .premium-tiktok-feed__follow-button { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px 20px; border-radius: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-column-gap: 5px; column-gap: 5px; } .premium-tiktok-feed__follow-button svg { width: 100%; height: 100%; } .premium-tiktok-feed__profile-desc { font-size: 14px; line-height: 20px; font-weight: 400; margin-top: 10px; margin-bottom: 10px; } .premium-tiktok-feed__vid-layout-1 .premium-tiktok-feed__vid-meta-wrapper, .premium-tiktok-feed__vid-layout-1 .premium-tiktok-feed__video-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-tiktok-feed__vid-layout-1 .premium-tiktok-feed__video-wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-tiktok-feed__vid-layout-1 .premium-tiktok-feed__vid-meta-wrapper { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .premium-tiktok-feed__vid-layout-1 .premium-tiktok-feed__video-counts { position: relative; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .premium-tiktok-feed__vid-layout-2 .premium-tiktok-feed__video-wrapper { position: relative; cursor: pointer; overflow: hidden; } .premium-tiktok-feed__vid-layout-2 .premium-tiktok-feed__vid-inner-meta { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-tiktok-feed__vid-layout-2 .premium-tiktok-feed__vid-meta-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; } .premium-tiktok-feed__vid-layout-2 .premium-tiktok-feed__vid-desc { margin-top: auto !important; } .premium-tiktok-feed__vid-layout-2 .premium-tiktok-feed__vid-desc, .premium-tiktok-feed__vid-layout-2 .premium-tiktok-feed__video-counts { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-tiktok-feed__vid-layout-2 .premium-tiktok-feed__video-media { width: 100%; height: 100%; } .premium-tiktok-feed__vid-layout-3 .premium-tiktok-feed__video-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; } .premium-tiktok-feed__vid-layout-3 .premium-tiktok-feed__vid-meta-wrapper, .premium-tiktok-feed__vid-layout-3 .premium-tiktok-feed__video-media { width: 50%; } .premium-tiktok-feed__vid-layout-3 .premium-tiktok-feed__vid-meta-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .premium-tiktok-feed__vid-layout-3 .premium-tiktok-feed__meta { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-tiktok-feed__vid-layout-3 .premium-tiktok-feed__video-counts { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; } .premium-tiktok-feed__vid-layout-3 .premium-tiktok-feed__video-media { height: 400px; } .premium-tiktok-feed__vid-layout-3 .premium-tiktok-feed__video-media img { object-fit: cover; } .premium-tiktok-feed__vid-layout-3 .premium-tiktok-feed__vid-desc { text-align: center; } .premium-tiktok-feed__load-more-wrapper { width: 100%; text-align: center; } .premium-tiktok-feed__load-more-btn { cursor: pointer; display: inline-block; padding: 7px 20px; margin-bottom: 4px; margin-top: 4px; border: none; border-radius: 5px; background-color: #efefef; } .premium-tiktok-feed .premium-display-none { display: none; } .premium-tiktok-feed__scheme-light .premium-tiktok-feed__profile-header, .premium-tiktok-feed__scheme-light .premium-tiktok-feed__video-wrapper { background: #eee; } .premium-tiktok-feed__scheme-light .premium-tiktok-feed__follow-button { background-color: #202020; color: #fff; } .premium-tiktok-feed__scheme-light .premium-tiktok-feed__username a, .premium-tiktok-feed__scheme-light .premium-tiktok-feed__profile-desc, .premium-tiktok-feed__scheme-light .premium-tiktok-feed__profile-counts, .premium-tiktok-feed__scheme-light .premium-tiktok-feed__vid-creator a, .premium-tiktok-feed__scheme-light .premium-tiktok-feed__created-at, .premium-tiktok-feed__scheme-light .premium-tiktok-feed__vid-desc, .premium-tiktok-feed__scheme-light .premium-tiktok-feed__video-counts > span, .premium-tiktok-feed__scheme-light .premium-tiktok-feed__video-counts > span > i, .premium-tiktok-feed__scheme-light .premium-tiktok-sharer, .premium-tiktok-feed__scheme-light .custom-fa { color: #202020; } .premium-tiktok-feed__scheme-light .premium-tiktok-feed__video-counts svg, .premium-tiktok-feed__scheme-light .premium-tiktok-feed__video-counts svg * { color: #202020; } .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__profile-header, .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__video-wrapper { background: #202020; } .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__follow-button { background-color: #eee; color: #202020; } .premium-tiktok-feed__scheme-dark .fa.custom-fa { -webkit-text-stroke-color: #fff; } .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__username a, .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__profile-desc, .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__profile-counts, .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__vid-creator a, .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__created-at, .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__vid-desc, .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__video-counts > span, .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__video-counts > span > i, .premium-tiktok-feed__scheme-dark .premium-tiktok-sharer, .premium-tiktok-feed__scheme-dark .custom-fa { color: #fff; } .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__video-counts svg, .premium-tiktok-feed__scheme-dark .premium-tiktok-feed__video-counts svg * { color: #fff; } .premium-carousel-yes .premium-tiktok-feed__videos-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-carousel-yes.premium-tiktok-feed__grid .slick-slide { height: inherit !important; } .premium-tiktok-feed__tiktok-icon.premium-tiktok-icon-video { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /**Tiktok Modal*/ .premium-tiktok-feed-modal-iframe-modal { display: none; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9999; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .premium-tiktok-feed-modal-iframe-modal .premium-tiktok-feed__video-content { height: 90%; } .premium-tiktok-feed-modal-iframe-modal iframe { width: 325px; height: 100%; max-width: 605px; } .premium-tiktok-temp-close { position: absolute; top: 24px; right: 40px; color: #a4afb7; font-size: 20px; z-index: 1000; cursor: pointer; } .premium-tiktok-temp-close:hover { color: #495157; } /**End of Tiktok Modal*/ /**************** Premium Title ****************/ /***********************************************/ .premium-title-container .premium-title-header { position: relative; margin: 0; padding: 10px; } .premium-title-container .premium-title-header:not(.premium-title-style7) { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-title-container .premium-title-header svg { width: 40px; height: 40px; } .premium-title-container .premium-title-header img { width: 40px; height: 40px; object-fit: cover; } .premium-title-container .premium-title-header a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .premium-title-container .premium-lottie-animation { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-title-icon-row .premium-title-icon { margin-right: 10px; } .premium-title-icon-row-reverse .premium-title-icon { margin-left: 10px; } .premium-title-flex-start .premium-title-header { text-align: left; } .premium-title-center .premium-title-header { text-align: center; } .premium-title-flex-end .premium-title-header { text-align: right; } .premium-title-style3, .premium-title-style4 { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-title-style1, .premium-title-style2, .premium-title-style5, .premium-title-style6, .premium-title-style8, .premium-title-style9 { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .premium-title-style7 { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-title-style7 .premium-title-style7-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-title-style1 { border-width: 0; border-left: 3px solid #6ec1e4; } .premium-title-container.style2, .premium-title-container.style4, .premium-title-container.style5, .premium-title-container.style6 { border-bottom: 3px solid #6ec1e4; } /*Style 6 Header*/ .premium-title-style6:before { position: absolute; left: 50%; bottom: 0; margin-left: -2px; content: ""; border: 3px solid transparent; } /*Style 6 Trinagle*/ .premium-title-style7-stripe-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-title-style7:before { display: none; } .premium-title-style8 .premium-title-text[data-animation=shiny] { background-size: 125px !important; color: rgba(255, 255, 255, 0); -webkit-background-clip: text !important; background-clip: text !important; -webkit-animation-name: pa-shinny-text !important; animation-name: pa-shinny-text !important; -webkit-animation-duration: var(--animation-speed) !important; animation-duration: var(--animation-speed) !important; -webkit-animation-iteration-count: infinite !important; animation-iteration-count: infinite !important; background: var(--base-color) -webkit-gradient(linear, left top, right top, from(var(--base-color)), to(var(--base-color)), color-stop(0.5, var(--shiny-color))) 0 0 no-repeat; } @-webkit-keyframes pa-shinny-text { 0% { background-position: 0%; } 100% { background-position: 200%; } } @keyframes pa-shinny-text { 0% { background-position: 0%; } 100% { background-position: 200%; } } .premium-title-style9[data-animation-blur=process] .premium-title-style9-letter { -webkit-animation: pa-blur-shadow 2s 1 alternate; animation: pa-blur-shadow 2s 1 alternate; } @-webkit-keyframes pa-blur-shadow { from { text-shadow: 0 0 var(--shadow-value) var(--shadow-color); color: transparent; } to { text-shadow: 0; } } @keyframes pa-blur-shadow { from { text-shadow: 0 0 var(--shadow-value) var(--shadow-color); color: transparent; } to { text-shadow: 0; } } .premium-title-gradient-yes .premium-title-text, .premium-title-gradient-yes .premium-title-icon { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: -webkit-linear-gradient(left, #ffa648, #f17cc1, #4da9fd); background-image: linear-gradient(to right, #ffa648, #f17cc1, #4da9fd); -webkit-animation: pa-text-gradient 8s infinite; animation: pa-text-gradient 8s infinite; } .premium-title-noise-yes .premium-title-text { position: relative; } .premium-title-noise-yes .premium-title-text::before { content: attr(data-text); position: absolute; left: -2px; text-shadow: 1px 0 blue; top: 0; background: transparent; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: pa-noise-anim-1 3s infinite linear alternate-reverse; width: 100%; height: 100%; } .premium-title-noise-yes .premium-title-text::after { content: attr(data-text); position: absolute; left: 2px; text-shadow: -1px 0 red; top: 0; background: transparent; overflow: hidden; clip: rect(0, 900px, 0, 0); animation: pa-noise-anim-2 2s infinite linear alternate-reverse; width: 100%; height: 100%; } .premium-title-clipped .premium-title-text { -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; } @-webkit-keyframes pa-text-gradient { 0%, 100% { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); } 50% { -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg); } } @keyframes pa-text-gradient { 0%, 100% { -webkit-filter: hue-rotate(0deg); filter: hue-rotate(0deg); } 50% { -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg); } } @-webkit-keyframes pa-noise-anim-1 { 0% { clip: rect(52px, 9999px, 92px, 0); } 5% { clip: rect(88px, 9999px, 190px, 0); } 10% { clip: rect(81px, 9999px, 109px, 0); } 15% { clip: rect(38px, 9999px, 265px, 0); } 20% { clip: rect(62px, 9999px, 85px, 0); } 25% { clip: rect(5px, 9999px, 89px, 0); } 30% { clip: rect(9px, 9999px, 80px, 0); } 35% { clip: rect(17px, 9999px, 221px, 0); } 40% { clip: rect(97px, 9999px, 119px, 0); } 45% { clip: rect(9px, 9999px, 111px, 0); } 50% { clip: rect(94px, 9999px, 131px, 0); } 55% { clip: rect(53px, 9999px, 87px, 0); } 60% { clip: rect(2px, 9999px, 256px, 0); } 65% { clip: rect(24px, 9999px, 29px, 0); } 70% { clip: rect(45px, 9999px, 157px, 0); } 75% { clip: rect(75px, 9999px, 266px, 0); } 80% { clip: rect(9px, 9999px, 86px, 0); } 85% { clip: rect(56px, 9999px, 19px, 0); } 90% { clip: rect(53px, 9999px, 50px, 0); } 95% { clip: rect(86px, 9999px, 4px, 0); } 100% { clip: rect(63px, 9999px, 276px, 0); } } @keyframes pa-noise-anim-1 { 0% { clip: rect(52px, 9999px, 92px, 0); } 5% { clip: rect(88px, 9999px, 190px, 0); } 10% { clip: rect(81px, 9999px, 109px, 0); } 15% { clip: rect(38px, 9999px, 265px, 0); } 20% { clip: rect(62px, 9999px, 85px, 0); } 25% { clip: rect(5px, 9999px, 89px, 0); } 30% { clip: rect(9px, 9999px, 80px, 0); } 35% { clip: rect(17px, 9999px, 221px, 0); } 40% { clip: rect(97px, 9999px, 119px, 0); } 45% { clip: rect(9px, 9999px, 111px, 0); } 50% { clip: rect(94px, 9999px, 131px, 0); } 55% { clip: rect(53px, 9999px, 87px, 0); } 60% { clip: rect(2px, 9999px, 256px, 0); } 65% { clip: rect(24px, 9999px, 29px, 0); } 70% { clip: rect(45px, 9999px, 157px, 0); } 75% { clip: rect(75px, 9999px, 266px, 0); } 80% { clip: rect(9px, 9999px, 86px, 0); } 85% { clip: rect(56px, 9999px, 19px, 0); } 90% { clip: rect(53px, 9999px, 50px, 0); } 95% { clip: rect(86px, 9999px, 4px, 0); } 100% { clip: rect(63px, 9999px, 276px, 0); } } @-webkit-keyframes pa-noise-anim-2 { 0% { clip: rect(14px, 9999px, 100px, 0); } 5% { clip: rect(19px, 9999px, 155px, 0); } 10% { clip: rect(17px, 9999px, 161px, 0); } 15% { clip: rect(46px, 9999px, 99px, 0); } 20% { clip: rect(28px, 9999px, 250px, 0); } 25% { clip: rect(64px, 9999px, 105px, 0); } 30% { clip: rect(58px, 9999px, 132px, 0); } 35% { clip: rect(18px, 9999px, 196px, 0); } 40% { clip: rect(61px, 9999px, 129px, 0); } 45% { clip: rect(63px, 9999px, 157px, 0); } 50% { clip: rect(59px, 9999px, 142px, 0); } 55% { clip: rect(20px, 9999px, 29px, 0); } 60% { clip: rect(49px, 9999px, 54px, 0); } 65% { clip: rect(70px, 9999px, 228px, 0); } 70% { clip: rect(70px, 9999px, 289px, 0); } 75% { clip: rect(82px, 9999px, 152px, 0); } 80% { clip: rect(25px, 9999px, 156px, 0); } 85% { clip: rect(76px, 9999px, 266px, 0); } 90% { clip: rect(2px, 9999px, 125px, 0); } 95% { clip: rect(9px, 9999px, 182px, 0); } 100% { clip: rect(41px, 9999px, 108px, 0); } } @keyframes pa-noise-anim-2 { 0% { clip: rect(14px, 9999px, 100px, 0); } 5% { clip: rect(19px, 9999px, 155px, 0); } 10% { clip: rect(17px, 9999px, 161px, 0); } 15% { clip: rect(46px, 9999px, 99px, 0); } 20% { clip: rect(28px, 9999px, 250px, 0); } 25% { clip: rect(64px, 9999px, 105px, 0); } 30% { clip: rect(58px, 9999px, 132px, 0); } 35% { clip: rect(18px, 9999px, 196px, 0); } 40% { clip: rect(61px, 9999px, 129px, 0); } 45% { clip: rect(63px, 9999px, 157px, 0); } 50% { clip: rect(59px, 9999px, 142px, 0); } 55% { clip: rect(20px, 9999px, 29px, 0); } 60% { clip: rect(49px, 9999px, 54px, 0); } 65% { clip: rect(70px, 9999px, 228px, 0); } 70% { clip: rect(70px, 9999px, 289px, 0); } 75% { clip: rect(82px, 9999px, 152px, 0); } 80% { clip: rect(25px, 9999px, 156px, 0); } 85% { clip: rect(76px, 9999px, 266px, 0); } 90% { clip: rect(2px, 9999px, 125px, 0); } 95% { clip: rect(9px, 9999px, 182px, 0); } 100% { clip: rect(41px, 9999px, 108px, 0); } } /* *Premium Global Tooltip */ .premium-global-tooltip { display: none; } .premium-global-tooltip-content .premium-tootltip-icon img { display: inline-block; vertical-align: middle; } .premium-global-tooltip-content .premium-tootltip-icon, .premium-global-tooltip-content .premium-tooltip-gallery { display: inline-block; } .premium-global-tooltip-content .premium-tootltip-icon img, .premium-global-tooltip-content .premium-tooltip-gallery img { width: 100%; height: 100%; object-fit: cover; } /**************** Premium Video Box ************/ /***********************************************/ .premium-video-box-transform { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .premium-video-box-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-video-box-container > div { position: relative; overflow: hidden; } .premium-video-box-image-container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; cursor: pointer; margin: auto; -webkit-transition: 0.2s all; transition: 0.2s all; } .premium-video-box-play-icon-container { position: absolute; z-index: 2; cursor: pointer; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(252, 252, 252, 0.35); } .premium-video-box-description-container { position: absolute; z-index: 2; padding: 5px; text-align: center; cursor: pointer; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .premium-video-box-text { margin-bottom: 0 !important; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-video-box-play-icon { padding: 15px; -webkit-transform: translateX(4%); -ms-transform: translateX(4%); transform: translateX(4%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-video-box-video-container, .premium-vid-lightbox-container { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; -webkit-transition: opacity 0.8s ease-in-out; transition: opacity 0.8s ease-in-out; overflow: hidden; cursor: pointer; } .premium-video-box-container[data-overlay=true][data-type=self] .premium-video-box-video-container { opacity: 0; visibility: hidden; } .premium-video-box-video-container iframe { max-width: 100%; width: 100%; height: 100%; margin: 0; line-height: 1; border: none; } .premium-video-box-video-container video { max-width: 100%; width: 100%; height: 100%; margin: 0; line-height: 1; border: none; background-color: #000; object-fit: contain; } .premium-video-box-container .premium-video-box-vimeo-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; z-index: 3; margin: 10px; margin-right: 10px; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; margin-right: 4.6em; } .premium-video-box-vimeo-wrap .premium-video-box-vimeo-portrait { width: 60px; height: 60px; background: rgba(23, 35, 34, 0.75); margin-right: 1px; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0; } .premium-video-box-vimeo-portrait img { width: 50px; height: 50px; margin: 5px; padding: 0; border: 0; border-radius: 50%; } .premium-video-box-vimeo-wrap .premium-video-box-vimeo-headers { font-size: 10px; } .premium-video-box-vimeo-wrap .premium-video-box-vimeo-title { max-width: 100%; font-size: 2em !important; font-weight: 700; margin: 0; padding: 0.1em 0.2em; background: rgba(23, 35, 34, 0.75); display: inline-block; text-transform: none; line-height: normal; letter-spacing: normal; } .premium-video-box-vimeo-wrap .premium-video-box-vimeo-byline { font-size: 1.2em !important; font-weight: 400; color: #fff; margin-top: 0.1em; padding: 0.2em 0.5em; background: rgba(23, 35, 34, 0.75); text-transform: none; line-height: normal; letter-spacing: normal; } .premium-video-box-playlist-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-video-box-playlist-container .premium-video-box-container { height: 100%; overflow: hidden; } .premium-video-box-container:hover .premium-video-box-image-container.zoomin { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .premium-video-box-container:hover .premium-video-box-image-container.zoomout { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-video-box-container:hover .premium-video-box-image-container.scale { -webkit-transform: scale(1.3) rotate(5deg); -ms-transform: scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg); } .premium-video-box-container:hover .premium-video-box-image-container.gray { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .premium-video-box-container:hover .premium-video-box-image-container.blur { -webkit-filter: blur(3px); filter: blur(3px); } .premium-video-box-container:hover .premium-video-box-image-container.sepia { -webkit-filter: sepia(0%); filter: sepia(0%); } .premium-video-box-container:hover .premium-video-box-image-container.trans { -webkit-transform: translateX(0px) scale(1.1); -ms-transform: translateX(0px) scale(1.1); transform: translateX(0px) scale(1.1); } .premium-video-box-container:hover .premium-video-box-image-container.bright { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .premium-video-box-image-container.gray { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .premium-video-box-image-container.zoomout, .premium-video-box-image-container.scale { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-video-box-image-container.sepia { -webkit-filter: sepia(30%); filter: sepia(30%); } .premium-video-box-image-container.bright { -webkit-filter: brightness(1); filter: brightness(1); } .premium-video-box-image-container.trans { -webkit-transform: translateX(-15px) scale(1.1); -ms-transform: translateX(-15px) scale(1.1); transform: translateX(-15px) scale(1.1); } .premium-video-box-mask-media { -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } /* Sticky Video Option */ .premium-video-box-container.premium-video-box-sticky-apply { z-index: 99; overflow: unset; } .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap { position: fixed !important; z-index: 99999; height: 225px; width: 400px; background: #fff; } .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-vimeo-wrap, .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-container:before { visibility: hidden; } .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap { box-shadow: unset; } .premium-video-box-sticky-close, .premium-video-box-sticky-infobar { display: none; } .premium-video-box-sticky-apply .premium-video-box-sticky-close { position: absolute; padding: 5px; cursor: pointer; z-index: 99999; height: 14px; width: 14px; box-sizing: content-box; border-radius: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-video-box-sticky-apply .premium-video-box-play-icon-container { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-video-box-sticky-apply .premium-video-box-play-icon { -webkit-transition: none; transition: none; } .premium-video-box-sticky-apply .premium-video-box-sticky-infobar { display: block; position: relative; top: 100%; width: 100%; padding: 5px; text-align: center; z-index: 9999; margin-top: -1px; } .premium-video-box-sticky-apply .premium-video-box-inner-wrap.ui-draggable { cursor: move; } .premium-video-sticky-top-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap { right: auto; left: 20px; top: 20px; } .premium-video-sticky-bottom-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap { right: auto; left: 20px; bottom: 20px; } .premium-video-sticky-top-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap { left: auto; right: 20px; top: 20px; } .premium-video-sticky-bottom-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap { left: auto; right: 20px; bottom: 20px; } .premium-video-sticky-center-left .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap { right: auto; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-video-sticky-center-right .premium-video-box-container.premium-video-box-sticky-apply .premium-video-box-inner-wrap { left: auto; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-video-sticky-bottom-right .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap, .premium-video-sticky-bottom-left .premium-video-box-sticky-infobar-wrap.premium-video-box-sticky-apply .premium-video-box-inner-wrap { bottom: 55px; } .premium-video-sticky-top-left .premium-video-box-sticky-apply .premium-video-box-sticky-close, .premium-video-sticky-bottom-left .premium-video-box-sticky-apply .premium-video-box-sticky-close, .premium-video-sticky-center-left .premium-video-box-sticky-apply .premium-video-box-sticky-close { top: -10px; right: -10px; } .premium-video-sticky-top-right .premium-video-box-sticky-apply .premium-video-box-sticky-close, .premium-video-sticky-bottom-right .premium-video-box-sticky-apply .premium-video-box-sticky-close, .premium-video-sticky-center-right .premium-video-box-sticky-apply .premium-video-box-sticky-close { top: -10px; left: -10px; } .premium-video-box-filter-sticky { -webkit-filter: none !important; filter: none !important; } .premium-mscroll-yes.elementor-widget-premium-addon-video-box div { cursor: default; } .premium-video-box-background { width: 100%; } .premium-video-box-background + div { position: absolute; width: 80%; height: 80%; top: 0; left: 0; } .premium-videobox-layout2 .premium-videobox-column { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 50%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-videobox-layout2 .premium-videobox-column:first-child .premium-video-box-trigger { height: 100%; } .premium-videobox-layout2 .premium-videobox-column:nth-child(2) { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: -webkit-calc(100% - var(--pa-first-column-width)); width: calc(100% - var(--pa-first-column-width)); } .premium-videobox-layout2 .premium-videobox-column:nth-child(2) .premium-video-box-container { height: auto !important; } /************ Premium Vertical Scroll ************/ /*************************************************/ .premium-vscroll-inner { position: relative; min-height: 100%; } .premium-vscroll-inner .premium-vscroll-dots { position: fixed; z-index: 100; opacity: 1; margin-top: -32px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-vscroll-wrap .premium-vscroll-nav-menu { opacity: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-vscroll-inner .premium-vscroll-dots, .premium-vscroll-wrap .premium-vscroll-dots-hide { opacity: 0; visibility: hidden; } .premium-vscroll-nav-dots-yes .premium-vscroll-inner .premium-vscroll-dots:not(.premium-vscroll-dots-hide) { opacity: 1; visibility: visible; } .premium-vscroll-dots.middle { top: 50%; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-vscroll-dots.top { top: 40px; } .premium-vscroll-dots.bottom { bottom: 30px; } .premium-vscroll-dots.right { right: 17px; } .premium-vscroll-dots.left { left: 17px; } .premium-vscroll-inner ul.premium-vscroll-dots-list, .premium-vscroll-wrap .premium-vscroll-nav-menu { margin: 0 !important; padding: 0; } .premium-vscroll-inner ul.premium-vscroll-dots-list li { width: 14px; height: 13px; margin: 7px; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: visible; } .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; } .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-nav-link span { top: 2px; left: 2.5px; width: 8px; height: 8px; border: 1px solid #000; border-radius: 50%; position: absolute; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-vscroll-inner .premium-vscroll-dot-item.active .premium-vscroll-nav-link span { -webkit-transform: scale(1.6); -ms-transform: scale(1.6); transform: scale(1.6); } .premium-vscroll-inner .premium-vscroll-dot-item .premium-vscroll-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; padding-left: 0.4em; padding-right: 0.4em; } .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip { right: 27px; } .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item { width: 4px; height: 30px; } .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item span { width: 100%; height: 100%; border-radius: 0; } .premium-vscroll-inner .premium-vscroll-dots.lines .premium-vscroll-dot-item.active span { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-vscroll-inner .premium-vscroll-dots.right .premium-vscroll-tooltip::after { position: absolute; top: 50%; content: ""; left: -webkit-calc(100% - 1px); left: calc(100% - 1px); width: 10px; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip { left: 27px; } .premium-vscroll-inner .premium-vscroll-dots.left .premium-vscroll-tooltip::after { position: absolute; top: 50%; content: ""; right: -webkit-calc(100% - 1px); right: calc(100% - 1px); width: 10px; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* * Lines */ @media (max-width: 768px) { .premium-vscroll-dots.right { right: 7px; } .premium-vscroll-dots.left { left: 7px; } } .premium-vscroll-nav-menu { position: fixed; top: 20px; height: 40px; z-index: 100; padding: 0; margin: 0; } .premium-vscroll-nav-menu.left { left: 0; } .premium-vscroll-nav-menu.right { right: 0; } .premium-vscroll-nav-menu .premium-vscroll-nav-item { display: inline-block; margin: 10px; color: #000; background: #fff; background: rgba(255, 255, 255, 0.3); } .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link { padding: 9px 18px; display: block; cursor: pointer; color: #000; } .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:hover { color: #000; } .premium-vscroll-nav-menu .premium-vscroll-nav-item .premium-vscroll-nav-link:focus { outline: none; } .multiscroll-nav li a:focus { outline: none; } .premium-vscroll-temp .slimScrollBar { visibility: hidden; } [data-hijacking=off] .premium-vscroll-temp { height: 100vh; } [data-hijacking=off] .premium-vscroll-temp > div { opacity: 0; top: 0; left: 0; width: 100%; /* Force Hardware Acceleration */ -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } [data-hijacking=off] .premium-vscroll-temp:first-of-type > div::before { display: none; position: absolute; width: 100%; top: 20px; z-index: 2; } [data-hijacking=off][data-animation=rotate] .premium-vscroll-temp { position: relative; /* enable a 3D-space for children elements */ -webkit-perspective: 1800px; perspective: 1800px; } [data-hijacking=off][data-animation=rotate] .premium-vscroll-temp > div { position: absolute; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } [data-hijacking=off][data-animation=rotate] .premium-vscroll-temp:last-of-type > div { opacity: 1 !important; -webkit-transform: translateY(0px) scale(1) rotateX(0deg) !important; transform: translateY(0px) scale(1) rotateX(0deg) !important; } [data-hijacking=off][data-animation=parallax] .premium-vscroll-temp > div { position: fixed; } [data-hijacking=off][data-animation=scaleDown] .premium-vscroll-temp > div { position: fixed; } [data-hijacking=off] .premium-vscroll-parallax-last { -webkit-transform: translateY(0px) scale(1) !important; -ms-transform: translateY(0px) scale(1) !important; transform: translateY(0px) scale(1) !important; } [data-hijacking=off] .premium-vscroll-parallax-position { position: unset !important; } /**Premium Weather Widget*/ .premium-weather { /*Layouts**/ } .premium-weather__outer-wrapper { position: relative; } .premium-weather__outer-wrapper * { z-index: 10; } .premium-weather__temp-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-weather__outer-wrapper, .premium-weather__desc-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-weather__basic-weather { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-weather__icon-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-weather__icon-wrapper i { font-size: 70px; } .premium-weather__icon-wrapper > svg, .premium-weather__icon-wrapper img, .premium-weather__icon-wrapper .premium-lottie-animation { width: 70px; height: 70px; } .premium-weather__icon-wrapper .premium-lottie-animation svg { width: 100%; height: 100%; } .premium-weather__city-name { font-size: 30px; display: inline-block; color: #54595F; } .premium-weather__current-weather .premium-weather__temp-wrapper span { font-size: 35px; } .premium-weather__temp-unit { position: relative; font-size: 20px; top: -5px; } .premium-weather__temp-val { font-size: 45px; font-weight: 600; } .premium-weather__desc-wrapper { margin-left: 50px; } .premium-weather__desc { font-size: 20px; text-transform: capitalize; white-space: nowrap; } .premium-weather__feels-like { font-size: 13px; color: #54595F; white-space: nowrap; } .premium-weather__extra-weather { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-column-gap: 50px; column-gap: 50px; } .premium-weather__extra-weather.slick-slide { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .premium-weather__extra-weather > div { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 5px; margin-top: 10px; } .premium-weather__extra-weather svg { width: 16px; height: 16px; } .premium-weather__extra-weather span { white-space: nowrap; font-size: 15px; } .premium-weather__forecast { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .premium-weather__forecast .premium-weather__forecast-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-weather__forecast .premium-weather__forecast-item.slick-slide { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .premium-weather__forecast .premium-weather__forecast-item .premium-weather__forecast-item-data { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-weather__forecast .premium-weather__forecast-item .premium-weather__forecast-item-date { white-space: nowrap; font-size: 15px; } .premium-weather__forecast .premium-weather__forecast-item .premium-weather__temp-wrapper { font-size: 20px; font-weight: 600; } .premium-weather__hourly-item { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-weather__hourly-item.slick-slide { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .premium-weather__hourly-item .premium-weather__icon-wrapper { margin-bottom: 5px; } .premium-weather__hourly-item .premium-weather__icon-wrapper i { font-size: 35px; } .premium-weather__hourly-item .premium-weather__icon-wrapper > svg, .premium-weather__hourly-item .premium-weather__icon-wrapper img, .premium-weather__hourly-item .premium-weather__icon-wrapper .premium-lottie-animation { width: 35px; height: 35px; } .premium-weather__hourly-item .premium-weather__temp-wrapper span { font-size: 20px; } .premium-weather__hourly-item .premium-weather__hourly-item-date { display: inline-block; white-space: nowrap; font-size: 13px; margin-bottom: 5px; } @media (max-width: 1024px) { .premium-weather__layout-2 .premium-weather__extra-weather { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .premium-weather__layout-2 .premium-weather__basic-weather { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .premium-weather__layout-2 .premium-weather__basic-weather .premium-weather__icon-weather { width: 70px; height: 70px; } .premium-weather__layout-2 .premium-weather__desc-wrapper { -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-weather__layout-2 .premium-weather__extra-outer-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-weather__layout-2 .premium-weather__extra-outer-wrapper .premium-weather__extra-weather { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .premium-weather__layout-3 .premium-weather__current-weather { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 40px; margin-bottom: 10px; } .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__extra-outer-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__basic-weather, .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__extra-outer-wrapper, .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__extra-weather { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__basic-weather { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__basic-weather .premium-weather__icon-wrapper i { font-size: 80px; } .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__basic-weather .premium-weather__icon-wrapper > svg, .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__basic-weather .premium-weather__icon-wrapper img, .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__basic-weather .premium-weather__icon-wrapper .premium-lottie-animation { width: 80px; height: 80px; } .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__basic-weather .premium-weather__desk { font-size: 20px; } .premium-weather__layout-3 .premium-weather__current-weather .premium-weather__basic-weather .premium-weather__feels-like { font-size: 10px; } .premium-weather__layout-3 .premium-weather__hourly-forecast-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-weather__layout-3 .premium-weather__extra-outer-wrapper { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .premium-weather__layout-3 .premium-weather__extra-outer-wrapper .premium-weather__temp-wrapper span { font-size: 60px; } .premium-weather__layout-3 .premium-weather__extra-outer-wrapper .premium-weather__extra-weather { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .premium-weather__layout-2 .premium-weather__forecast-item .premium-weather__temp-max, .premium-weather__layout-2 .premium-weather__forecast-item .premium-weather__temp-min, .premium-weather__layout-3 .premium-weather__forecast-item .premium-weather__temp-max, .premium-weather__layout-3 .premium-weather__forecast-item .premium-weather__temp-min { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /**Daily Forecast Styles */ @media (max-width: 1024px) { .premium-daily-forecast__style-1 .premium-weather__forecast, .premium-daily-forecast__style-2 .premium-weather__forecast, .premium-daily-forecast__style-3 .premium-weather__forecast { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .premium-daily-forecast__style-1 .premium-weather__forecast-item, .premium-daily-forecast__style-2 .premium-weather__forecast-item { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 20px; } .premium-daily-forecast__style-1 .premium-weather__forecast-item .premium-weather__temp-wrapper, .premium-daily-forecast__style-2 .premium-weather__forecast-item .premium-weather__temp-wrapper { font-size: 17px; font-weight: 600; } .premium-daily-forecast__style-2 .premium-weather__forecast-item .premium-weather__temp-wrapper, .premium-daily-forecast__style-3 .premium-weather__forecast-item .premium-weather__temp-wrapper { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 6px; column-gap: 6px; } .premium-daily-forecast__style-2 .premium-weather__forecast-item .premium-weather__forecast-item-data, .premium-daily-forecast__style-3 .premium-weather__forecast-item .premium-weather__forecast-item-data { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-daily-forecast__style-1 .premium-weather__forecast-item .premium-weather__temp-wrapper { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-daily-forecast__style-1 .premium-weather__forecast-item .premium-weather__icon-wrapper i { font-size: 50px; } .premium-daily-forecast__style-1 .premium-weather__forecast-item .premium-weather__icon-wrapper > svg, .premium-daily-forecast__style-1 .premium-weather__forecast-item .premium-weather__icon-wrapper img, .premium-daily-forecast__style-1 .premium-weather__forecast-item .premium-weather__icon-wrapper .premium-lottie-animation { width: 50px; height: 50px; } .premium-daily-forecast__style-2 .premium-weather__forecast-item .premium-weather__forecast-item-date { -webkit-order: 2; -ms-flex-order: 2; order: 2; } .premium-daily-forecast__style-2 .premium-weather__forecast-item .premium-weather__forecast-item-data { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-daily-forecast__style-2 .premium-weather__forecast-item .premium-weather__icon-wrapper i { font-size: 45px; } .premium-daily-forecast__style-2 .premium-weather__forecast-item .premium-weather__icon-wrapper > svg, .premium-daily-forecast__style-2 .premium-weather__forecast-item .premium-weather__icon-wrapper img, .premium-daily-forecast__style-2 .premium-weather__forecast-item .premium-weather__icon-wrapper .premium-lottie-animation { width: 45px; height: 45px; } .premium-daily-forecast__style-3 .premium-weather__forecast-item { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-daily-forecast__style-3 .premium-weather__forecast-item .premium-weather__forecast-item-data { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .premium-daily-forecast__style-3 .premium-weather__forecast-item .premium-weather__icon-wrapper i { font-size: 40px; } .premium-daily-forecast__style-3 .premium-weather__forecast-item .premium-weather__icon-wrapper > svg, .premium-daily-forecast__style-3 .premium-weather__forecast-item .premium-weather__icon-wrapper img, .premium-daily-forecast__style-3 .premium-weather__forecast-item .premium-weather__icon-wrapper .premium-lottie-animation { width: 40px; height: 40px; } .premium-daily-forecast__style-4 .premium-weather__forecast { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .premium-daily-forecast__style-4 .premium-weather__forecast .premium-weather__forecast-item { width: 100%; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-daily-forecast__style-4 .premium-weather__forecast .premium-weather__icon-wrapper i { font-size: 30px; } .premium-daily-forecast__style-4 .premium-weather__forecast .premium-weather__icon-wrapper > svg, .premium-daily-forecast__style-4 .premium-weather__forecast .premium-weather__icon-wrapper img, .premium-daily-forecast__style-4 .premium-weather__forecast .premium-weather__icon-wrapper .premium-lottie-animation { width: 30px; height: 30px; } .premium-daily-forecast__style-4 .premium-weather__forecast .premium-weather__forecast-item-data { gap: 50px; margin-left: auto; } .premium-daily-forecast__style-4 .premium-weather__forecast .premium-weather__forecast-item-data > *:not(.premium-weather__icon-wrapper) { min-width: 30px; text-align: center; } .premium-daily-forecast__style-1 .premium-weather__forecast-item, .premium-daily-forecast__style-2 .premium-weather__forecast-item, .premium-daily-forecast__style-3 .premium-weather__forecast-item, .premium-daily-forecast__style-4 .premium-weather__forecast { background-color: #F0F0F0; padding: 15px; } .premium-daily-forecast__style-3 .premium-weather__forecast-item, .premium-daily-forecast__style-4 .premium-weather__forecast { border-radius: 15px; } .premium-daily-forecast__style-4 .premium-weather__forecast-item { padding: 10px 0 10px 0; } /**Hourly-forecast-layout*/ .premium-hours-vertical .premium-weather__hourly-item, .premium-weather__tab-content .premium-weather__hourly-item { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-hours-vertical .premium-weather__hourly-data, .premium-weather__tab-content .premium-weather__hourly-data { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-column-gap: 50px; column-gap: 50px; } .premium-hours-vertical .premium-weather__hourly-data > *, .premium-weather__tab-content .premium-weather__hourly-data > * { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 5px; column-gap: 5px; } .premium-hours-vertical .premium-weather__hourly-item-date { font-size: 15px; } .premium-hours-vertical .premium-weather__hourly-item { padding: 10px 0 10px 0; } .premium-hours-vertical .premium-weather__hourly-item .premium-weather__hourly-data i { font-size: 15px; } .premium-hours-vertical .premium-weather__hourly-item .premium-weather__hourly-data svg { width: 15px; height: 15px; } .premium-hours-vertical .premium-weather__hourly-item .premium-weather__icon-wrapper i { font-size: 30px; } .premium-hours-vertical .premium-weather__hourly-item .premium-weather__icon-wrapper > svg, .premium-hours-vertical .premium-weather__hourly-item .premium-weather__icon-wrapper img, .premium-hours-vertical .premium-weather__hourly-item .premium-weather__icon-wrapper .premium-lottie-animation { width: 30px; height: 30px; } .premium-hours-vertical .premium-weather__hourly-item .premium-weather__hourly-data > :not(.premium-weather__icon-wrapper) > span, .premium-hours-vertical .premium-weather__hourly-item .premium-weather__temp-wrapper > span { font-size: 16px; font-weight: 600; } /**End of Hourly-forecast-layout*/ /**Tabs Layout*/ .premium-weather__forecast-tabs-wrapper { overflow-x: auto; overflow-y: hidden; } .premium-weather__forecast-tabs-wrapper .premium-weather__tabs-headers, .premium-weather__forecast-tabs-wrapper .premium-weather__weather-indicators { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-weather__forecast-tabs-wrapper .premium-weather__tabs-headers { list-style: none; margin: 0; padding: 0; } .premium-weather__forecast-tabs-wrapper .premium-weather__tabs-headers li { background: #F0F0F0; border-radius: 10px; padding: 10px 0 10px 0; margin: 20px 10px 0 10px; cursor: pointer; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .premium-weather__forecast-tabs-wrapper .premium-weather__tabs-headers li:hover { background: #E4E3E3; } .premium-weather__forecast-tabs-wrapper .premium-weather__tab-content:not(.current) { display: none; } .premium-weather__forecast-tabs-wrapper .premium-weather__weather-indicators { width: 100%; border-bottom: 1px solid #DEDEDE; padding: 20px 0px 20px 0px; } .premium-weather__forecast-tabs-wrapper .premium-weather__weather-indicators .premium-weather__weather-indicator, .premium-weather__forecast-tabs-wrapper .premium-weather__weather-indicators .premium-weather__weather-data-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-weather__forecast-tabs-wrapper .premium-weather__weather-indicators .premium-weather__weather-indicator { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-weather__forecast-tabs-wrapper .premium-weather__weather-indicators .premium-weather__weather-indicator i { font-size: 17px; } .premium-weather__forecast-tabs-wrapper .premium-weather__weather-indicators .premium-weather__weather-indicator svg { width: 17px; height: 17px; } .premium-weather__forecast-tabs-wrapper .premium-weather__weather-indicators .premium-weather__weather-data-wrapper { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-column-gap: 50px; column-gap: 50px; } .premium-weather__forecast-tabs-wrapper .premium-weather__hourly-item > *, .premium-weather__forecast-tabs-wrapper .premium-weather__weather-indicators > * { -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .premium-weather__forecast-tabs-wrapper .premium-weather__hourly-item-date, .premium-weather__forecast-tabs-wrapper .premium-weather__tab-content .premium-weather__hourly-item > :not(.premium-weather__hourly-item-date):not(.premium-weather__icon-wrapper) { font-size: 15px; } .premium-weather__forecast-tabs-wrapper .premium-weather__hourly-item { padding: 15px 0 15px 0; } .premium-weather__forecast-tabs-wrapper .premium-weather__icon-wrapper i { font-size: 30px; } .premium-weather__forecast-tabs-wrapper .premium-weather__icon-wrapper > svg, .premium-weather__forecast-tabs-wrapper .premium-weather__icon-wrapper img, .premium-weather__forecast-tabs-wrapper .premium-weather__icon-wrapper .premium-lottie-animation { width: 30px; height: 30px; } .premium-weather-space-between .premium-weather__tab-header { -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } /**End of Tabs Layout*/ /**Defaults*/ .premium-weather__layout-1 .premium-weather__hourly-forecast-wrapper, .premium-weather__layout-3 .premium-weather__hourly-forecast-wrapper, .premium-weather__layout-2.premium-weather__hourly-yes .premium-weather__extra-outer-wrapper { background-color: #F0F0F0; border-radius: 20px; padding: 25px 15px 25px 15px; margin: 25px 0 15px 0; } /**End of Defaults*/ /**Current Weather Responsive*/ .premium-cw-sec-inline .premium-weather__current-weather { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-cw-sec-inline .premium-weather__current-weather > * { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-cw-sec-block .premium-weather__current-weather { display: block; } .premium-weather__layout-1.premium-cw-block .premium-weather__basic-weather { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-weather__layout-1.premium-cw-block .premium-weather__basic-weather .premium-weather__city-wrapper { width: 100%; } .premium-weather__layout-1.premium-cw-inline .premium-weather__basic-weather { -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } .premium-weather__layout-1.premium-cw-inline .premium-weather__basic-weather .premium-weather__city-wrapper { width: unset; } @media (min-width: 2400px) { .premium-cw-sec-widescreen-inline .premium-weather__current-weather { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-cw-sec-widescreen-inline .premium-weather__current-weather > * { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-cw-sec-widescreen-block .premium-weather__current-weather { display: block; } .premium-weather__layout-1.premium-cw-widescreen-block .premium-weather__basic-weather { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-weather__layout-1.premium-cw-widescreen-block .premium-weather__basic-weather .premium-weather__city-wrapper { width: 100%; } .premium-weather__layout-1.premium-cw-widescreen-inline .premium-weather__basic-weather { -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } .premium-weather__layout-1.premium-cw-widescreen-inline .premium-weather__basic-weather .premium-weather__city-wrapper { width: unset; } } @media (max-width: 1366px) { .premium-cw-sec-laptop-inline .premium-weather__current-weather { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-cw-sec-laptop-inline .premium-weather__current-weather > * { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-cw-sec-laptop-block .premium-weather__current-weather { display: block; } .premium-weather__layout-1.premium-cw-laptop-block .premium-weather__basic-weather { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-weather__layout-1.premium-cw-laptop-block .premium-weather__basic-weather .premium-weather__city-wrapper { width: 100%; } .premium-weather__layout-1.premium-cw-laptop-inline .premium-weather__basic-weather { -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } .premium-weather__layout-1.premium-cw-laptop-inline .premium-weather__basic-weather .premium-weather__city-wrapper { width: unset; } } @media (max-width: 1200px) { .premium-cw-sec-tablet_extra-inline .premium-weather__current-weather { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-cw-sec-tablet_extra-inline .premium-weather__current-weather > * { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-cw-sec-tablet_extra-block .premium-weather__current-weather { display: block; } .premium-weather__layout-1.premium-cw-tablet_extra-block .premium-weather__basic-weather { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-weather__layout-1.premium-cw-tablet_extra-block .premium-weather__basic-weather .premium-weather__city-wrapper { width: 100%; } .premium-weather__layout-1.premium-cw-tablet_extra-inline .premium-weather__basic-weather { -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } .premium-weather__layout-1.premium-cw-tablet_extra-inline .premium-weather__basic-weather .premium-weather__city-wrapper { width: unset; } } @media (max-width: 1024px) { .premium-cw-sec-tablet-inline .premium-weather__current-weather { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-cw-sec-tablet-inline .premium-weather__current-weather > * { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-cw-sec-tablet-block .premium-weather__current-weather { display: block; } .premium-weather__layout-1.premium-cw-tablet-block .premium-weather__basic-weather { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-weather__layout-1.premium-cw-tablet-block .premium-weather__basic-weather .premium-weather__city-wrapper { width: 100%; } .premium-weather__layout-1.premium-cw-tablet-inline .premium-weather__basic-weather { -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } .premium-weather__layout-1.premium-cw-tablet-inline .premium-weather__basic-weather .premium-weather__city-wrapper { width: unset; } } @media (max-width: 880px) { .premium-cw-sec-mobile_extra-inline .premium-weather__current-weather { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-cw-sec-mobile_extra-inline .premium-weather__current-weather > * { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-cw-sec-mobile_extra-block .premium-weather__current-weather { display: block; } .premium-weather__layout-1.premium-cw-mobile_extra-block .premium-weather__basic-weather { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-weather__layout-1.premium-cw-mobile_extra-block .premium-weather__basic-weather .premium-weather__city-wrapper { width: 100%; } .premium-weather__layout-1.premium-cw-mobile_extra-inline .premium-weather__basic-weather { -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } .premium-weather__layout-1.premium-cw-mobile_extra-inline .premium-weather__basic-weather .premium-weather__city-wrapper { width: unset; } } @media (max-width: 767px) { .premium-cw-sec-mobile-inline .premium-weather__current-weather { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-cw-sec-mobile-inline .premium-weather__current-weather > * { -webkit-order: 1; -ms-flex-order: 1; order: 1; } .premium-cw-sec-mobile-block .premium-weather__current-weather { display: block; } .premium-weather__layout-1.premium-cw-mobile-block .premium-weather__basic-weather { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-weather__layout-1.premium-cw-mobile-block .premium-weather__basic-weather .premium-weather__city-wrapper { width: 100%; } .premium-weather__layout-1.premium-cw-mobile-inline .premium-weather__basic-weather { -webkit-flex-wrap: unset; -ms-flex-wrap: unset; flex-wrap: unset; } .premium-weather__layout-1.premium-cw-mobile-inline .premium-weather__basic-weather .premium-weather__city-wrapper { width: unset; } } /**End of Current Weather Responsive*/ .premium-woo-cats__list li.product-category { width: 100%; } .premium-woo-cats__list-wrap ul.products { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; list-style: none outside; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-woo-cats__list-wrap .woocommerce-loop-category__title { margin: 10px 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-cats__list-wrap .woocommerce-loop-category__title sup { margin-left: 5px; } .premium-woo-cats__list-wrap ul.slick-dots { width: 100%; } .premium-woo-cats__category { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-woo-cats__img-wrap { position: relative; overflow: hidden; width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-cats__img-wrap img { width: 100%; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-cats__img-overlay { position: absolute; inset: 0; -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } .premium-woo-cats__content-wrap { position: relative; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-cats__count { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-cats__desc { margin: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-cats__img-zoomout img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-woo-cats__img-zoomout li.product:hover img { -webkit-transform: none; -ms-transform: none; transform: none; } .premium-woo-cats__img-zoomin img { -webkit-transform: none; -ms-transform: none; transform: none; } .premium-woo-cats__img-zoomin li.product:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-woo-cats__img-gray img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .premium-woo-cats__img-gray li.product:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .premium-woo-cats__img-sepia img { -webkit-filter: sepia(30%); filter: sepia(30%); } .premium-woo-cats__img-sepia li.product:hover img { -webkit-filter: sepia(0%); filter: sepia(0%); } .premium-woo-cats__img-bright img { -webkit-filter: brightness(1); filter: brightness(1); } .premium-woo-cats__img-bright li.product:hover img { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .premium-woo-cats__img-trans img { -webkit-transform: translateX(-15px) scale(1.1); -ms-transform: translateX(-15px) scale(1.1); transform: translateX(-15px) scale(1.1); } .premium-woo-cats__img-trans li.product:hover img { -webkit-transform: translateX(0px) scale(1.1); -ms-transform: translateX(0px) scale(1.1); transform: translateX(0px) scale(1.1); } .premium-woo-cats__img-scale li.product:hover img { -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg); -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg); transform: scaleX(1.3) scaleY(1.3) rotate(5deg); } .premium-woo-cats__content-below .premium-woo-cats__category { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-woo-cats__content-above .premium-woo-cats__category { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .premium-woo-cats__content-next .premium-woo-cats__category { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .elementor-widget-premium-woo-cta .pa-wrapper-container { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-woo-btn-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .premium-woo-btn-container .premium-woo-cta-button { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; border: none; } .premium-woo-btn-container .premium-woo-btn-text { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-btn-container .premium-add-icon-image { border-color: #000; width: 100%; height: 100%; } .premium-woo-btn-container .premium-woo-btn-icon { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-btn-container .premium-woo-icon-hidden .premium-woo-btn-icon { display: none; } .premium-woo-btn-container .premium-woo-cta-button:focus { outline: none; } .premium-woo-btn-container .premium-button-text-icon-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-woo-btn-container img { cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-btn-container .quantity-input-wrapper { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 7px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: inherit; } .premium-woo-btn-container input[type=number].product-quantity::-webkit-inner-spin-button, .premium-woo-btn-container input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .premium-wrapper-woo-cta .quantity-grouped-wrapper { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 7px; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; height: inherit; } .premium-wrapper-woo-cta .product-quantity, .premium-wrapper-woo-cta .grouped_product_qty { color: #222222; font-size: 16px; height: 43px; width: 70px !important; border-style: solid !important; border-width: 1px 1px 1px 1px !important; text-align: center; border-radius: 0 !important; -webkit-appearance: textfield; appearance: textfield; height: 100%; padding: 0; margin: 0; outline: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-wrapper-woo-cta input[type=number].grouped_product_qty::-webkit-inner-spin-button, .premium-wrapper-woo-cta input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .premium-wrapper-woo-cta .add-to-cart-icons-quantity-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; height: 100%; } .premium-wrapper-woo-cta .add-to-cart-icons-quantity-wrapper .quantity-button { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #222222; background-color: #ffffff; border-color: #e0e0e0; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; height: 21.5px; font-size: 13px; width: 33px; border-style: solid; border-width: 1px 1px 1px 1px; cursor: pointer; border-radius: 0; height: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-wrapper-woo-cta .add-to-cart-icons-quantity-wrapper .fa-plus:before { content: "\f067"; } .premium-wrapper-woo-cta .add-to-cart-icons-quantity-wrapper .fa-minus:before { content: "\f068"; } .premium-wrapper-woo-cta .view-cart-button { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .premium-wrapper-woo-cta .premium-cta-message-box { text-align: center; } .premium-wrapper-woo-cta .unavailable-message { text-align: center; } .premium-wrapper-woo-cta .product-quantity-message { display: block; margin-bottom: 10px; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .premium-wrapper-woo-cta .premium-variations, .premium-wrapper-woo-cta .premium-grouped-product { border-collapse: separate; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-wrapper-woo-cta .premium-variations th, .premium-wrapper-woo-cta .premium-grouped-product th { border: none; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-wrapper-woo-cta .premium-variations td, .premium-wrapper-woo-cta .premium-grouped-product td { border: none; text-align: center; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-wrapper-woo-cta .premium-grouped-product .pa-qty-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-wrapper-woo-cta .pro-wish { display: inline; margin-left: 10px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .premium-wrapper-woo-cta .premium-woo-cta__spinner { position: relative; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .premium-wrapper-woo-cta .premium-woo-cta__spinner.loader-visible { margin-left: 10px; } .premium-wrapper-woo-cta .premium-woo-cta__spinner .premium-loading-feed { display: block !important; position: relative !important; } .pa-grouped .quantity-input-wrapper, .pa-external .quantity-input-wrapper { display: none; } /********** Premium Woo Products **********/ /******************************************/ .ast-single-post .entry-content .premium-woocommerce a { text-decoration: none; } .premium-woocommerce .premium-woo-qv-btn { cursor: pointer; } .premium-woocommerce:not(.premium-woo-skin-grid-7) li.product .star-rating { margin: 0 auto 0.5em; } .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-sale-wrap .premium-woo-product-onsale, .premium-woocommerce:not(.premium-woo-skin-grid-10) .premium-woo-product-featured-wrap .premium-woo-product-featured { display: block; text-align: center; color: #fff; min-width: 2em; min-height: 2em; line-height: 2em; padding: 0.3em 0.6em; margin: 0.5em 0.6em; } .premium-woocommerce .pa-out-of-stock { display: block; text-align: center; color: #fff; min-width: 2em; min-height: 2em; line-height: 2em; padding: 0.3em 0.6em; top: 7px; left: 9px; margin: 0; } .premium-woocommerce .woocommerce-loop-product__title { margin-bottom: 0.5em; font-size: 1em; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woocommerce .premium-woo-product-category { display: block; font-size: 0.85em; margin-bottom: 0.5em; line-height: 1.3; } .premium-woocommerce .premium-woo-products-inner ul.products { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none outside; -webkit-column-gap: 0; column-gap: 0; } .premium-woocommerce .premium-woo-products-inner ul.products li.product { margin: 0 0 10px; padding: 0 10px; } .premium-woocommerce .premium-woo-products-inner ul.products li.product .premium-woo-product-wrapper { overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woocommerce .woocommerce-loop-product__link { position: relative; display: block !important; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woocommerce .premium-woo-ribbon-container, .premium-woocommerce .pa-out-of-stock { position: absolute; z-index: 9; } .premium-woocommerce .premium-woo-ribbon-container { top: 0; left: 0; } .premium-woo-product-thumbnail { position: relative; overflow: hidden; } .premium-woo-product-thumbnail .woocommerce-loop-product__link img { display: block; margin: 0; width: 100%; } .premium-woo-product-sale-wrap, .premium-woo-product-featured-wrap { margin: 0; } .premium-woocommerce .premium-woo-products-details-wrap { padding: 1em 1.2em; } .premium-woocommerce li.product .price { display: block; line-height: 1.3; font-weight: 700; margin-bottom: 0.5em; font-size: 0.9em; } .premium-woocommerce li.product .price del { display: inline-block; font-weight: 400; background: transparent; opacity: 1; } .premium-woocommerce li.product .price ins { display: inline-block; background: transparent; text-decoration: none; font-weight: inherit; } .premium-woocommerce li.product .price .amount { color: inherit !important; } .premium-woocommerce li.product .premium-woo-product-desc p { margin: 0; } .premium-woo-product-align-left .premium-woocommerce li.product .star-rating { margin-left: 0; margin-right: auto; } .premium-woo-product-align-center .premium-woocommerce li.product .star-rating { margin-left: auto; margin-right: auto; } .premium-woo-product-align-right .premium-woocommerce li.product .star-rating { margin-left: auto; margin-right: 0; } .premium-woo-products-pagination ul.page-numbers { display: -webkit-flex; display: -ms-flexbox; display: flex; list-style-type: none; margin: 0; margin-top: 10px; padding: 0; border: none; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-woo-products-pagination ul.page-numbers li { margin: 0 0.4em 0.4em 0; padding: 0; text-align: center; } .premium-woo-products-pagination ul.page-numbers li .page-numbers { margin: 0; text-decoration: none; color: #000; border: 1px solid #54595f; line-height: 1; font-size: 1em; font-weight: 400; padding: 0.75em; display: block; min-width: 2.5em; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-products-pagination ul.page-numbers li .page-numbers:hover, .premium-woo-products-pagination ul.page-numbers li .page-numbers.current { background-color: #54595f; color: #fff; outline: none; } .premium-woocommerce .premium-loading-feed, .premium-woo-quick-view-loader .premium-loading-feed { display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(255, 255, 255, 0.2); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /** * Image Hover Effects */ .premium-woocommerce .woocommerce-loop-product__link img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-product__hover-zoomout .woocommerce-loop-product__link img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-woo-product__hover-zoomout li.product:hover .woocommerce-loop-product__link img { -webkit-transform: none; -ms-transform: none; transform: none; } .premium-woo-product__hover-zoomin .woocommerce-loop-product__link img { -webkit-transform: none; -ms-transform: none; transform: none; } .premium-woo-product__hover-zoomin li.product:hover .woocommerce-loop-product__link img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-woo-product__hover-gray .woocommerce-loop-product__link img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .premium-woo-product__hover-gray li.product:hover .woocommerce-loop-product__link img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .premium-woo-product__hover-sepia .woocommerce-loop-product__link img { -webkit-filter: sepia(30%); filter: sepia(30%); } .premium-woo-product__hover-sepia li.product:hover .woocommerce-loop-product__link img { -webkit-filter: sepia(0%); filter: sepia(0%); } .premium-woo-product__hover-bright .woocommerce-loop-product__link img { -webkit-filter: brightness(1); filter: brightness(1); } .premium-woo-product__hover-bright li.product:hover .woocommerce-loop-product__link img { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .premium-woo-product__hover-trans .woocommerce-loop-product__link img { -webkit-transform: translateX(-15px) scale(1.1); -ms-transform: translateX(-15px) scale(1.1); transform: translateX(-15px) scale(1.1); } .premium-woo-product__hover-trans li.product:hover .woocommerce-loop-product__link img { -webkit-transform: translateX(0px) scale(1.1); -ms-transform: translateX(0px) scale(1.1); transform: translateX(0px) scale(1.1); } .premium-woo-product__hover-scale li.product:hover .woocommerce-loop-product__link img { -webkit-transform: scaleX(1.3) scaleY(1.3) rotate(5deg); -ms-transform: scaleX(1.3) scaleY(1.3) rotate(5deg); transform: scaleX(1.3) scaleY(1.3) rotate(5deg); } .premium-woocommerce .premium-woo-product__on_hover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; opacity: 0; } .premium-woo-product__hover-swap li.product:hover .premium-woo-product__on_hover { opacity: 1; } .premium-woo-skin-grid-1 .premium-woo-qv-btn, .premium-woo-skin-grid-3 .premium-woo-qv-btn, .premium-woo-skin-grid-4 .premium-woo-qv-btn { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 5px; background: rgba(2, 2, 2, 0.5); color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 2; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .premium-woo-skin-grid-4 .premium-woo-qv-btn { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .premium-woo-skin-grid-1 .premium-woo-qv-icon, .premium-woo-skin-grid-3 .premium-woo-qv-icon, .premium-woo-skin-grid-4 .premium-woo-qv-icon, .premium-woo-skin-grid-6 .premium-woo-qv-icon { margin-left: 0.5em; } .premium-woo-product-thumbnail:hover .premium-woo-qv-btn-translate { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .premium-woo-product-wrapper .premium-woo-qv-data { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; cursor: pointer; } /** * Skin 1,4 */ .premium-woo-skin-grid-1 .premium-woo-product-actions-wrapper, .premium-woo-skin-grid-4 .premium-woo-product-actions-wrapper { position: absolute; top: 0.7em; right: 1em; -webkit-transform: translate3d(15px, 0, 0); transform: translate3d(15px, 0, 0); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; z-index: 9; } .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-cart-btn { position: relative; display: block; margin: 0 0 3px; background: #fff; text-align: center; outline: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woocommerce .premium-woo-product-actions-wrapper .premium-woo-add-cart-icon { display: block; color: #54595f; width: 30px; line-height: 30px; height: 30px; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-skin-grid-1 li.product:hover .premium-woo-product-actions-wrapper, .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-actions-wrapper { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); opacity: 1; } .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon { -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .premium-woocommerce .premium-woo-cart-btn.adding .premium-woo-add-cart-icon::before { content: "\f013"; } .premium-woocommerce .premium-woo-cart-btn.added .premium-woo-add-cart-icon::before { content: "\f00c"; } /** * Skin 2 */ .premium-woo-skin-grid-2 li.product .premium-woo-products-details-wrap { position: absolute; background: #fff; bottom: 0; left: 0; width: 100%; z-index: 2; padding: 0; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.4s; transition: opacity 0.2s, -webkit-transform 0.4s; transition: transform 0.4s, opacity 0.2s; transition: transform 0.4s, opacity 0.2s, -webkit-transform 0.4s; -webkit-transform: translateZ(0) translateY(5px); transform: translateZ(0) translateY(5px); } .premium-woo-skin-grid-2 .premium-woo-product-details { padding: 15px 0; } .premium-woo-skin-grid-2 li.product:hover .premium-woo-products-details-wrap { opacity: 1; -webkit-transform: translateZ(0) translateY(0); transform: translateZ(0) translateY(0); } .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper { position: static; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .premium-woo-skin-grid-2 .premium-woo-product-actions-wrapper > * { -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 50%; } .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .button { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; text-align: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-woo-skin-grid-2 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn { background-color: #54595f; } /** * Skin 4 */ .premium-woo-skin-grid-4 li.product .premium-woo-products-details-wrap { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: scale(0.9) translateZ(0) translateY(-50%); transform: scale(0.9) translateZ(0) translateY(-50%); text-align: center; z-index: 2; opacity: 0; -webkit-transition: opacity 0.5s, -webkit-transform 0.3s; transition: opacity 0.5s, -webkit-transform 0.3s; transition: opacity 0.5s, transform 0.3s; transition: opacity 0.5s, transform 0.3s, -webkit-transform 0.3s; } .premium-woo-skin-grid-4 li.product .premium-woo-product-overlay, .premium-woo-skin-grid-8 li.product .premium-woo-product-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: rgba(27, 27, 23, 0.3); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .premium-woo-skin-grid-4 li.product:hover .premium-woo-product-overlay, .premium-woo-skin-grid-8 li.product:hover .premium-woo-product-overlay { opacity: 1; visibility: visible; z-index: 1; } .premium-woo-skin-grid-4 li.product:hover .premium-woo-products-details-wrap { -webkit-transform: scale(1) translateZ(0) translateY(-50%); transform: scale(1) translateZ(0) translateY(-50%); opacity: 1; } /** * Skin 5 */ .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-woo-skin-grid-5 li.product .premium-woo-product-actions-wrapper .premium-woo-qv-btn { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #54595f; padding: 10px; -webkit-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .premium-woo-skin-grid-5 li.product .premium-woo-products-details-wrap { width: 75%; } .premium-woo-skin-grid-5 .premium-woo-product-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-woo-product-align-right .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .premium-woo-product-align-center .premium-woo-skin-grid-5 .premium-woo-product-actions-wrapper { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /** * Skin 6 */ .premium-woo-skin-grid-6 .premium-woo-qv-btn { position: absolute; top: 50%; left: 50%; min-width: 40%; text-align: center; padding: 5px; background: rgba(2, 2, 2, 0.5); color: #fff; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; z-index: 2; } .premium-woo-skin-grid-6 li.product:hover .premium-woo-qv-btn { opacity: 1; visibility: visible; } .premium-woo-product-align-right .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating, .premium-woo-product-align-left .premium-woo-skin-grid-6 li.product .premium-woo-product-info .star-rating, .premium-woo-product-align-right .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating, .premium-woo-product-align-left .premium-woo-skin-grid-7 li.product .premium-woo-product-info .star-rating { margin: 0; } .premium-woo-skin-grid-6 li.product .premium-woo-product-info { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .premium-woo-product-align-center .premium-woocommerce li.product .premium-woo-product-info { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .premium-woo-product-align-right .premium-woocommerce li.product .premium-woo-product-info { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .premium-woo-skin-grid-6 li.product .premium-woo-product-gallery-images { display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 10px; width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .premium-woo-product-gallery-images .premium-woo-product__gallery_image { width: 20%; margin: 0 0.2em; border: 2px solid #aaa; cursor: pointer; } /** * Metro */ .premium-woo-products-metro li.product .premium-woo-product-thumbnail img, .premium-woo-products-metro li.product .premium-woo-product-wrapper, .premium-woo-products-metro li.product .premium-woo-product-thumbnail, .premium-woo-products-metro li.product .woocommerce-LoopProduct-link { height: 100%; } .premium-woo-products-metro ul.products li.product { margin-bottom: 0; } .premium-woo-products-metro li.product .premium-woo-product-thumbnail img { object-fit: cover; } /* * Carousel */ .premium-carousel-hidden { opacity: 0; visibility: hidden; } .premium-woocommerce:not(.premium-woo-skin-grid-7) .slick-arrow { border-radius: 50%; } .premium-woocommerce ul.slick-dots { width: 100%; } /* * Quick View Html/body */ html.premium-woo-qv-opened, html.premium-woo-qv-opened body { overflow: hidden; } /** * Quick View Modal */ .premium-woo-quick-view-back { position: fixed; visibility: hidden; overflow: hidden; background: rgba(2, 2, 2, 0.5); opacity: 0; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; z-index: 999; } .premium-woo-quick-view-active { top: 0; left: 0; width: 100%; height: 100%; opacity: 1; visibility: visible; } #premium-woo-quick-view-modal { position: fixed; visibility: hidden; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; z-index: 1400; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; overflow-x: hidden; overflow-y: auto; } #premium-woo-quick-view-modal.active { visibility: visible; opacity: 1; } #premium-woo-quick-view-modal.active .premium-woo-content-main { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; width: 100%; } #premium-woo-quick-view-modal .premium-woo-content-main-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; padding: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #premium-woo-quick-view-modal .premium-woo-content-main { position: relative; pointer-events: none; max-width: 100%; text-align: left; z-index: 1045; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.5s; transition: opacity 0.3s, -webkit-transform 0.5s; transition: transform 0.5s, opacity 0.3s; transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s; margin: 0 auto; } #premium-woo-quick-view-modal .premium-woo-lightbox-content { position: relative; display: table; pointer-events: auto; background-color: #fff; width: 975px; margin: 20px auto; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15); overflow: hidden; } #premium-woo-quick-view-modal .premium-woo-product > .product { display: -webkit-flex; display: -ms-flexbox; display: flex; } #premium-woo-quick-view-modal .premium-woo-product-summary { padding: 30px; } #premium-woo-quick-view-modal .premium-woo-product-summary .quantity { min-width: auto; } #premium-woo-quick-view-modal .premium-woo-product-summary .quantity input[type=number]::-webkit-inner-spin-button, #premium-woo-quick-view-modal .premium-woo-product-summary .quantity input[type=number]::-webkit-outer-spin-button { display: unset; } #premium-woo-quick-view-modal .added_to_cart { margin-left: 10px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #premium-woo-quick-view-modal .premium-woo-qv-desc { margin-bottom: 30px; } #premium-woo-quick-view-modal .woocommerce-product-details__short-description p { margin: 0; } #premium-woo-quick-view-modal .premium-woo-atc-button { margin-bottom: 10px; } #premium-woo-quick-view-modal.inline .premium-woo-product > .product .premium-woo-qv-image-slider, #premium-woo-quick-view-modal.inline .premium-woo-product > .product .premium-woo-product-summary { width: 50%; } #premium-woo-quick-view-modal.block .premium-woo-product > .product { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /** * Class used instead of ID because ID will override styling controls. */ .premium-woo-lightbox-content .woocommerce-loop-product__title { font-size: 30px; margin-bottom: 5px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-lightbox-content .price { margin-bottom: 10px; } .premium-woo-lightbox-content .premium-woo-qv-meta { border-top: 1px solid #ccc; border-bottom: 0; padding: 1em 0 0; margin: 0 0 0.8em; } .premium-woo-lightbox-content .product_meta > span { display: block !important; border: none; font-size: 13px; margin-bottom: 5px; } .premium-woo-lightbox-content .premium-woo-atc-button button.button.alt { display: inline-block; background-color: #6ec1e4; color: #fff; padding: 10px 40px; cursor: pointer; text-decoration: none; overflow: visible; font-weight: 700; background-image: none; border: none; border-radius: 0px; box-shadow: none; text-shadow: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .premium-woo-lightbox-content form.cart { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; padding: 0; border: none; width: 100%; } .premium-woo-lightbox-content form.cart table { border: none; margin-bottom: 20px; border-collapse: collapse; width: 100%; } .premium-woo-lightbox-content form.cart table tbody { display: table-row-group; border: none; } .premium-woo-lightbox-content form.cart table tbody tr { border-bottom: 1px solid #ccc; } .premium-woo-lightbox-content form.cart table tbody tr td { background: rgba(0, 0, 0, 0); vertical-align: middle !important; padding: 15px 15px 15px 0 !important; } .premium-woo-lightbox-content form.cart .group_table td { border: none; } .premium-woo-lightbox-content form.cart .group_table td:first-child { width: 4em; text-align: center; } .premium-woo-lightbox-content form.cart.variations_form { display: block; } .premium-woo-lightbox-content form.cart.grouped_form { display: block; } .premium-woo-lightbox-content form.cart.grouped_form table .button { line-height: 1.2em; } .premium-woo-lightbox-content form.cart.grouped_form .quantity { width: 100%; } .premium-woo-lightbox-content form.cart.grouped_form .qty { min-width: 100px; padding: 10px; } .premium-woo-lightbox-content form.cart table.variations th { background-color: #ffffff; } .premium-woo-lightbox-content form.cart div.woocommerce-variation-add-to-cart { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-woo-lightbox-content form.cart div.quantity { margin-right: 15px; width: auto; } .premium-woo-lightbox-content form.cart div.quantity input[type=number] { min-width: 90px; } .premium-woo-lightbox-content form.cart div.quantity input, .premium-woo-lightbox-content form.cart div.quantity a { height: 100%; border: 1px solid; box-sizing: border-box; } .premium-woo-lightbox-content form.cart div.quantity .qty:focus { outline: none; } .premium-qv-badge { position: absolute; top: 0; left: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); width: 15em; height: 15em; overflow: hidden; z-index: 9; } .premium-qv-badge .corner { text-align: center; width: 150%; -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: 35px; font-size: 13px; line-height: 2; font-weight: 800; text-transform: uppercase; background-color: red; color: #fff; } .premium-woo-quick-view-close { position: absolute; font-size: 22px; top: 10px; right: 10px; text-align: center; z-index: 2; color: #000; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #premium-woo-quick-view-content div.images { opacity: 1 !important; margin: 0; } .premium-woocommerce li.product .added_to_cart.wc-forward { display: none; } .premium-woo-atc-button .add_to_cart_button .premium-woo-cart-loader { -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin-left: 5px; vertical-align: baseline; } .premium-woocommerce div.star-rating, .premium-woo-lightbox-content div.star-rating { display: block; float: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 0.857em; width: 5.4em; font-family: "star"; } .premium-woocommerce div.star-rating::before, .premium-woo-lightbox-content div.star-rating::before { content: "sssss"; color: #54595f; float: left; top: 0; left: 0; position: absolute; } .premium-woocommerce div.star-rating span, .premium-woo-lightbox-content div.star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .premium-woocommerce div.star-rating span::before, .premium-woo-lightbox-content div.star-rating span::before { content: "SSSSS"; color: inherit; top: 0; position: absolute; left: 0; } .premium-woo-lightbox-content .star-rating { margin-bottom: 20px; } .premium-woo-products-details-wrap .premium-woo-atc-button .button { display: inline-block; background-color: #6ec1e4; color: #fff; padding: 10px 40px; cursor: pointer; text-decoration: none; overflow: visible; font-weight: 700; background-image: none; border: none; border-radius: 0px; box-shadow: none; text-shadow: none; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* * Flex slider */ .premium-woo-qv-image-slider { position: relative; } .premium-woo-qv-image-slider li { list-style: none; } .premium-woo-qv-image-slider .flex-control-nav { margin: 0; padding: 0; width: 100%; position: absolute; bottom: 10px; text-align: center; } .premium-woo-qv-image-slider .flex-control-nav li { margin: 0 6px; display: inline-block; vertical-align: middle; } .premium-woo-qv-image-slider .flex-control-nav li a { width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 20px; } .premium-woo-qv-image-slider .flex-control-nav li a.flex-active { cursor: default; } .premium-woo-qv-image-slider .flex-control-nav li a:focus { outline: none; } .premium-woo-qv-image-slider img { object-fit: cover; width: 100%; } .premium-woo-qv-image-slider .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .premium-woo-qv-image-slider .flex-direction-nav a { text-decoration: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 2em; height: 2em; position: absolute; top: 50%; z-index: 10; cursor: pointer; color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .premium-woo-qv-image-slider .flex-direction-nav .flex-next, .premium-woo-qv-image-slider .flex-direction-nav .flex-prev { font-family: "Font Awesome 5 Free"; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .premium-woo-qv-image-slider .flex-direction-nav .flex-prev { left: 10px; } .premium-woo-qv-image-slider .flex-direction-nav .flex-prev::before { content: "\f104"; } .premium-woo-qv-image-slider .flex-direction-nav .flex-next { right: 10px; } .premium-woo-qv-image-slider .flex-direction-nav .flex-next::before { content: "\f105"; } /* * Load More Button */ .premium-woo-load-more { position: relative; } .premium-woo-load-more .premium-woo-load-more-btn { box-shadow: none; text-shadow: none; border: none; outline: none; -webkit-align-items: center; -ms-flex-align: center; align-items: center; vertical-align: bottom; cursor: pointer; line-height: 1; font-style: normal; font-weight: normal; background-image: none; color: #fff; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 10px 20px; } .premium-woo-load-more-btn { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .premium-woo-load-more-btn span { margin-right: 3px; } .premium-woo-load-more-btn .premium-loader { display: inline-block; width: 20px; height: 20px; } .premium-woo-title-above-yes .premium-woo-product__link { opacity: 0; } @media (max-width: 544px) { #premium-woo-quick-view-content .premium-woo-lightbox-content { display: block; } } @media (max-width: 767px) { .premium-woo-qv-btn { display: none; } } .tooltipster-fall, .tooltipster-grow.tooltipster-show { -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); } .tooltipster-base { -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex; pointer-events: none; position: absolute; } .tooltipster-box { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .tooltipster-content { box-sizing: border-box; max-height: 100%; max-width: 100%; border-color: #000; } .tooltipster-ruler { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } .tooltipster-grow { -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); } .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1); -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4); transition-timing-function: cubic-bezier(.23, .635, .495, 2.4); } .tooltipster-fall { -webkit-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } .tooltipster-slide { -webkit-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); transition-timing-function: cubic-bezier(.175, .885, .32, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } @-webkit-keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { -webkit-animation: tooltipster-fading .4s; animation: tooltipster-fading .4s; } @-webkit-keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } @keyframes tooltipster-rotating { 25% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 75% { -webkit-transform: rotate(2deg); transform: rotate(2deg); } 100% { -webkit-transform: rotate(0); transform: rotate(0); } } .tooltipster-update-rotate { -webkit-animation: tooltipster-rotating .6s; animation: tooltipster-rotating .6s; } @-webkit-keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes tooltipster-scaling { 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .tooltipster-update-scale { -webkit-animation: tooltipster-scaling .6s; animation: tooltipster-scaling .6s; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; margin-left: -10px; top: -2px; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: -2px; top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: -2px; top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: -2px; height: 10px; margin-left: -9px; width: 20px; } .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { left: 0; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { left: -3px; top: 0; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { left: 3px; top: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { left: 0; top: -3px; } .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } /* * Common Title/Dual Heading */ .premium-title-bg-text:before { position: absolute; content: attr(data-background); top: 0; left: 0; text-align: left; } .premium-bg-text-yes .elementor-widget-container:before { position: absolute; top: 0; left: 0; text-align: left; } .premium-mask-yes .premium-mask-span { position: relative; overflow: hidden; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .premium-mask-yes .premium-mask-span::after { content: ""; position: absolute; top: 0; right: 0px; width: 100%; height: 100%; background-color: currentColor; -webkit-backface-visibility: visible; backface-visibility: visible; } /* * Common Buttons Style. */ .premium-button .premium-lottie-animation, .premium-image-button .premium-lottie-animation { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-button svg:not(.premium-btn-svg), .premium-image-button svg:not(.premium-btn-svg) { width: 30px; height: 30px; } .premium-btn-sm, .premium-btn-md, .premium-btn-lg, .premium-btn-block { background-color: #eee; color: #042551; margin: 0px; text-decoration: none; } .premium-btn-sm:hover, .premium-btn-md:hover, .premium-btn-lg:hover, .premium-btn-block:hover { background-color: #54595f; color: #eee; } div[class*=elementor-widget-premium] .premium-btn-sm { padding: 12px 24px; font-size: 14px; line-height: 1; } div[class*=elementor-widget-premium] .premium-btn-sm.premium-button-line6::after { padding: 12px 24px; } div[class*=elementor-widget-premium] .premium-btn-md { padding: 14px 26px; font-size: 16px; line-height: 1.2; } div[class*=elementor-widget-premium] .premium-btn-md.premium-button-line6::after { padding: 14px 26px; } div[class*=elementor-widget-premium] .premium-btn-lg { padding: 16px 28px; font-size: 18px; line-height: 1.3333; } div[class*=elementor-widget-premium] .premium-btn-lg.premium-button-line6::after { padding: 16px 28px; } div[class*=elementor-widget-premium] .premium-btn-block { font-size: 18px; line-height: 1; padding: 20px 0px; width: 100%; text-align: center; } div[class*=elementor-widget-premium] .premium-btn-block.premium-button-line6::after { padding: 20px 0px; } .premium-button-text { display: inline-block; width: 100%; } /* * Common Button/Image Button Mouse Detect Effect. */ .premium-mouse-detect-yes .premium-button-style6 .premium-button-style6-bg { position: absolute; z-index: 0; top: 0; left: 0; width: 0px; height: 0px; border-radius: 50%; display: block; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out; transition: width 0.4s ease-in-out, height 0.4s ease-in-out; } .premium-mouse-detect-yes .premium-button-style6:hover .premium-button-style6-bg { width: 225%; height: 560px; } .premium-mouse-detect-yes .premium-button-style6:before { width: 0; height: 0; } /** Loader */ .premium-loader { border: 3px solid #f3f3f3; border-top-width: 3px; border-top-style: solid; border-radius: 50%; border-top: 3px solid; border-top-color: #bbb; width: 30px; height: 30px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin: 0 auto; } /* Common SVG Draw premium-svg-drawer not prefixed with 'svg' because it's rendered as div with custom SVG code. */ .premium-svg-nodraw *, .premium-svg-drawer * { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-property: stroke, fill, background-color !important; transition-property: stroke, fill, background-color !important; } .premium-svg-nodraw .no-transition, .premium-svg-drawer .no-transition { -webkit-transition: none !important; transition: none !important; } /** This is added to give a default Path Thickness because the Icon will be invisible if icon color has no value. */ .premium-svg-drawer * { stroke-width: 15px; stroke: #000; } /** Common Animation */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /**Notice*/ .premium-error-notice { width: 100%; padding: 10px; color: #b94a48; background-color: #f2dede; border-color: #eed3d7; text-align: center; } .premium-error-notice a { color: #252c59; } .premium-addons__v-hidden { visibility: hidden; opacity: 0; }