/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ .swiper-container-wrap .swiper-slide, .swiper-container .swiper-slide { text-align: center; } .swiper-container-wrap .swiper-slide img, .swiper-container .swiper-slide img { width: auto; } .swiper-container-wrap-dots-outside .swiper-pagination, .swiper-container-dots-outside .swiper-pagination { position: static; } .swiper-container-wrap .swiper-button-next, .swiper-container-wrap .swiper-button-prev, .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev { background: transparent; font-size: 20px; height: auto; line-height: 1; margin: 0; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: auto; } .swiper-container-wrap .swiper-button-next .fa, .swiper-container-wrap .swiper-button-prev .fa, .swiper-container .swiper-button-next .fa, .swiper-container .swiper-button-prev .fa { vertical-align: top; } .swiper-container-wrap .swiper-pagination { bottom: 10px; left: 0; width: 100%; } .swiper-container-wrap-dots-outside .swiper-pagination { position: static; } .swiper-container-wrap .swiper-pagination-bullet { background: #ccc; margin: 0 4px; opacity: 1; height: 8px; width: 8px; } .swiper-container-wrap .swiper-pagination-bullet-active { background: #000; } .swiper-container-3d .swiper-slide { -o-transition-property: all; transition-property: all; -webkit-transition-property: all; } .sa-el-alert-warning { background: #fff6ee; color: #faa05a; padding: 5px; margin: 0; }.sa-el-card>.elementor-widget-container { border-radius: .5rem; background-color: #fff; box-shadow: 0 .2rem 2.8rem rgba(36, 36, 36, .1); word-wrap: break-word; overflow-wrap: break-word; } .elementor-widget-sa-el-card .sa-el-card-btn { display: inline-block; vertical-align: middle; text-align: center; text-decoration: none; font-size: 14px; line-height: 1; -webkit-transition: all .3s; transition: all .3s; } .elementor-widget-sa-el-card .sa-el-card-btn:not(.sa-el-card-btn--link) { padding: 15px 25px; border-radius: .25rem; background-color: #562dd4; color: #fff; } .elementor-widget-sa-el-card .sa-el-card-btn:not(.sa-el-card-btn--link):hover, .elementor-widget-sa-el-card .sa-el-card-btn:not(.sa-el-card-btn--link):focus { background-color: #e2498a; } .elementor-widget-sa-el-card .sa-el-card-btn.sa-el-card-btn--link { color: #562dd4; } .elementor-widget-sa-el-card .sa-el-card-btn.sa-el-card-btn--link:hover, .elementor-widget-sa-el-card .sa-el-card-btn.sa-el-card-btn--link:focus { color: #e2498a; } .elementor-widget-sa-el-card .sa-el-card-btn-icon { -webkit-transition: all .3s; transition: all .3s; } .elementor-widget-sa-el-card .sa-el-card-btn-icon+.sa-el-card-btn-text, .elementor-widget-sa-el-card .sa-el-card-btn-text+.sa-el-card-btn-icon { margin-left: 5px; } .sa-el-card-figure { position: relative; height: 250px; } .elementor-widget-sa-el-card .sa-el-card-figure>img { width: 100%; height: 100%; border-top-left-radius: calc(.5rem - 1px); border-top-right-radius: calc(.5rem - 1px); vertical-align: bottom; object-fit: cover; } .sa-el-card-body { padding: 1.5rem; } .sa-el-card-title { margin-top: 0; margin-bottom: .75rem; color: #151515; font-weight: 700; font-size: 22px; } .sa-el-card-text { margin-bottom: 1rem; color: #616161; font-size: 16px; line-height: 1.7; } .sa-el-card-text>p { margin-top: 0; margin-bottom: 0; } .sa-el-card--top .sa-el-card-figure { display: inline-block; width: 100%; } .sa-el-card--right>.elementor-widget-container, .sa-el-card--left>.elementor-widget-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .sa-el-card--right .sa-el-card-figure, .sa-el-card--left .sa-el-card-figure { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .sa-el-card--right .sa-el-card-body, .sa-el-card--left .sa-el-card-body { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 2.5rem; max-width: 50%; } .sa-el-card--left .sa-el-card-figure>img { border-radius: calc(.5rem - 1px) 0 0 calc(.5rem - 1px); } .sa-el-card--right>.elementor-widget-container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } .sa-el-card--right .sa-el-card-figure>img { border-radius: 0 calc(.5rem - 1px) calc(.5rem - 1px) 0; -webkit-border-radius: 0 calc(.5rem - 1px) calc(.5rem - 1px) 0; -moz-border-radius: 0 calc(.5rem - 1px) calc(.5rem - 1px) 0; -ms-border-radius: 0 calc(.5rem - 1px) calc(.5rem - 1px) 0; -o-border-radius: 0 calc(.5rem - 1px) calc(.5rem - 1px) 0; } .sa-el-card-figure .sa-el-card-badge { position: absolute; padding: 5px 15px; border-radius: 50px; background-color: #fff; font-size: 12px; } .sa-el-card-figure .sa-el-card-badge--top-left { top: 1rem; left: 1rem; } .sa-el-card-figure .sa-el-card-badge--top-center { top: 1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sa-el-card-figure .sa-el-card-badge--top-right { top: 1rem; right: 1rem; } .sa-el-card-figure .sa-el-card-badge--middle-left { top: 50%; left: 1rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sa-el-card-figure .sa-el-card-badge--middle-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sa-el-card-figure .sa-el-card-badge--middle-right { top: 50%; right: 1rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sa-el-card-figure .sa-el-card-badge--bottom-left { bottom: 1rem; left: 1rem; } .sa-el-card-figure .sa-el-card-badge--bottom-center { bottom: 1rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .sa-el-card-figure .sa-el-card-badge--bottom-right { right: 1rem; bottom: 1rem; } .sa-el-link { display: inline-block; position: relative; } .sa-el-link-effect-1:after { background: #000; position: absolute; bottom: -4px; content: ''; height: 1px; left: 0; opacity: 0; transform: translateY(10px); transition: height 0.25s, opacity 0.25s, transform 0.25s; width: 100%; } .sa-el-link-effect-1:hover:after { height: 4px; opacity: 1; transform: translateY(0); } .sa-el-link-effect-2:after { background: #000; position: absolute; bottom: -4px; content: ''; height: 1px; left: 0; opacity: 0; transform: translateY(0); transition: height 0.25s, opacity 0.25s, transform 0.25s; width: 100%; } .sa-el-link-effect-2:hover:after { height: 4px; opacity: 1; transform: translateY(10px); } .sa-el-link-effect-3:before, .sa-el-link-effect-3:after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s; } .sa-el-link-effect-3:before { margin-right: 10px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px); } .sa-el-link-effect-3:after { margin-left: 10px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px); } .sa-el-link-effect-3:hover:before, .sa-el-link-effect-3:hover:after, .sa-el-link-effect-3:focus:before, .sa-el-link-effect-3:focus:after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); } .sa-el-link-effect-4 { -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .sa-el-link-effect-4 span { position: relative; display: inline-block; padding: 0 14px; background: #2195de; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .sa-el-link-effect-4 span:before { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #0965a0; text-align: center; content: attr(data-hover); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } .sa-el-link-effect-4:hover span, .sa-el-link-effect-4:focus span { -webkit-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); } .sa-el-link-effect-4:hover span:before, .sa-el-link-effect-4:focus span:before { background: #28a2ee; } .sa-el-link-effect-5 { display: inline-block; overflow: hidden; padding: 0 4px; } .sa-el-link-effect-5 span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .sa-el-link-effect-5 span:before { position: absolute; top: 100%; content: attr(data-hover); font-weight: 700; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sa-el-link-effect-5:hover span, .sa-el-link-effect-5:focus span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .sa-el-link-effect-6 { margin: 0 10px; padding: 10px 20px; } .sa-el-link-effect-6:before { position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #fff; content: ''; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; transition: top 0.3s; } .sa-el-link-effect-6:after { position: absolute; top: 0; left: 0; width: 2px; height: 2px; background: #fff; content: ''; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; } .sa-el-link-effect-6:hover::before { top: 100%; opacity: 1; } .sa-el-link-effect-6:hover::after { height: 100%; } .sa-el-link-effect-7 { padding: 12px 10px 10px; color: #566473; text-shadow: none; font-weight: 700; } .sa-el-link-effect-7:before, .sa-el-link-effect-7:after { position: absolute; top: 100%; left: 0; width: 100%; height: 3px; background: #566473; content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); } .sa-el-link-effect-7:after { opacity: 0; -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: top 0.3s, opacity 0.3s, transform 0.3s; } .sa-el-link-effect-7:hover::before, .sa-el-link-effect-7:hover::after, .sa-el-link-effect-7:focus::before, .sa-el-link-effect-7:focus::after { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .sa-el-link-effect-7:hover::after, .sa-el-link-effect-7:focus::after { top: 0%; opacity: 1; } .sa-el-link-effect-8 { padding: 10px 20px; } .sa-el-link-effect-8:before, .sa-el-link-effect-8:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #354856; content: ''; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .sa-el-link-effect-8:after { border-color: #fff; opacity: 0; -webkit-transform: translateY(-7px) translateX(6px); -moz-transform: translateY(-7px) translateX(6px); transform: translateY(-7px) translateX(6px); } .sa-el-link-effect-8:hover:before, .sa-el-link-effect-8:focus:before { opacity: 0; -webkit-transform: translateY(5px) translateX(-5px); -moz-transform: translateY(5px) translateX(-5px); transform: translateY(5px) translateX(-5px); } .sa-el-link-effect-8:hover:after, .sa-el-link-effect-8:focus:after { opacity: 1; -webkit-transform: translateY(0px) translateX(0px); -moz-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); } .sa-el-link-effect-9 { display: inline-block; margin: 0 20px; padding: 18px 20px; } .sa-el-link-effect-9:before, .sa-el-link-effect-9:after { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff; content: ''; opacity: 0.2; -webkit-transition: opacity 0.3s, height 0.3s; -moz-transition: opacity 0.3s, height 0.3s; transition: opacity 0.3s, height 0.3s; } .sa-el-link-effect-9:after { top: 100%; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .sa-el-link-effect-9 span:first-child { z-index: 2; display: block; font-weight: 300; } .sa-el-link-effect-9 span:last-child { z-index: 1; display: block; padding: 8px 0 0 0; color: rgba(0, 0, 0, 0.4); text-shadow: none; text-transform: none; font-style: italic; font-size: 0.75em; font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } .sa-el-link-effect-9:hover:before, .sa-el-link-effect-9:focus:before { height: 6px; } .sa-el-link-effect-9:hover:before, .sa-el-link-effect-9:hover:after, .sa-el-link-effect-9:focus:before, .sa-el-link-effect-9:focus:after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .sa-el-link-effect-9:hover span:last-child, .sa-el-link-effect-9:focus span:last-child { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } .sa-el-link-effect-10 { display: inline-block; overflow: hidden; margin: 0 15px; } .sa-el-link-effect-10 span { display: block; background: #0f7c67; padding: 8px 20px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .sa-el-link-effect-10:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #fff; color: #0f7c67; content: attr(data-hover); padding: 8px 20px; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(-50%); } .sa-el-link-effect-10:hover span, .sa-el-link-effect-10:focus span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } .sa-el-link-effect-10:hover:before, .sa-el-link-effect-10:focus:before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); z-index: 1; } .sa-el-link-effect-11 { padding: 10px 0; border-top: 2px solid #0972b4; color: #0972b4; text-shadow: none; } .sa-el-link-effect-11:before { position: absolute; top: 0; left: 0; overflow: hidden; padding: 10px 0; max-width: 0; border-bottom: 2px solid #fff; color: #fff; content: attr(data-hover); -webkit-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s; } .sa-el-link-effect-11:hover:before, .sa-el-link-effect-11:focus:before { max-width: 100%; } .sa-el-link-effect-12:before, .sa-el-link-effect-12:after { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.2); -moz-transform: translateX(-50%) translateY(-50%) scale(0.2); transform: translateX(-50%) translateY(-50%) scale(0.2); } .sa-el-link-effect-12:after { width: 90px; height: 90px; border-width: 6px; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); -moz-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8); } .sa-el-link-effect-12:hover:before, .sa-el-link-effect-12:hover:after, .sa-el-link-effect-12:focus:before, .sa-el-link-effect-12:focus:after { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -moz-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); } .sa-el-link-effect-13 { display: inline-block; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .sa-el-link-effect-13:before { position: absolute; top: 100%; left: 50%; color: transparent; content: '\2022'; text-shadow: 0 0 transparent; font-size: 1.2em; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } .sa-el-link-effect-13:hover:before, .sa-el-link-effect-13:focus:before { color: #fff; text-shadow: 10px 0 #fff, -10px 0 #fff; } .sa-el-link-effect-13:hover, .sa-el-link-effect-13:focus { color: #ba7700; } .sa-el-link-effect-14 { display: inline-block; padding: 0 20px; height: 45px; line-height: 45px; } .sa-el-link-effect-14:before, .sa-el-link-effect-14:after { position: absolute; width: 45px; height: 2px; background: #fff; content: ''; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; } .sa-el-link-effect-14:before { top: 0; left: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; } .sa-el-link-effect-14:after { right: 0; bottom: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; transform-origin: 100% 0; } .sa-el-link-effect-14:hover:before, .sa-el-link-effect-14:hover:after, .sa-el-link-effect-14:focus:before, .sa-el-link-effect-14:focus:after { opacity: 1; } .sa-el-link-effect-14:hover:before, .sa-el-link-effect-14:focus:before { left: 50%; -webkit-transform: rotate(0deg) translateX(-50%); -moz-transform: rotate(0deg) translateX(-50%); transform: rotate(0deg) translateX(-50%); } .sa-el-link-effect-14:hover:after, .sa-el-link-effect-14:focus:after { right: 50%; -webkit-transform: rotate(0deg) translateX(50%); -moz-transform: rotate(0deg) translateX(50%); transform: rotate(0deg) translateX(50%); } .sa-el-link-effect-15 { display: inline-block; color: rgba(0, 0, 0, 0.2); font-weight: 700; text-shadow: none; } .sa-el-link-effect-15:before { color: #fff; content: attr(data-hover); position: absolute; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .sa-el-link-effect-15:hover:before, .sa-el-link-effect-15:focus:before { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); opacity: 0; } .sa-el-link-effect-16 { display: inline-block; color: #6f8686; text-shadow: 0 0 1px rgba(111, 134, 134, 0.3); } .sa-el-link-effect-16:before { color: #fff; content: attr(data-hover); position: absolute; opacity: 0; text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none; } .sa-el-link-effect-16:hover:before, .sa-el-link-effect-16:focus:before { -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); transform: scale(1) translateX(0px) translateY(0px) rotate(0deg); opacity: 1; } .sa-el-link-effect-17 { display: inline-block; color: #10649b; text-shadow: none; padding: 10px 0; } .sa-el-link-effect-17:before { color: #fff; text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); content: attr(data-hover); position: absolute; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none; } .sa-el-link-effect-17:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff; opacity: 0; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); transform: translateY(5px); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none; } .sa-el-link-effect-17:hover:before, .sa-el-link-effect-17:focus:before { opacity: 0; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); transform: translateY(-2px); } .sa-el-link-effect-17:hover:after, .sa-el-link-effect-17:focus:after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .sa-el-link-effect-18 { display: inline-block; position: relative; z-index: 1; padding: 0 5px; color: #000; font-weight: 700; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .sa-el-link-effect-18:before, .sa-el-link-effect-18:after { position: absolute; width: 100%; left: 0; top: 50%; height: 2px; margin-top: -1px; background: #000; content: ''; z-index: -1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; pointer-events: none; } .sa-el-link-effect-18:before { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); } .sa-el-link-effect-18:after { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); } .sa-el-link-effect-18:hover, .sa-el-link-effect-18:focus { color: #000; } .sa-el-link-effect-18:hover:before, .sa-el-link-effect-18:hover:after, .sa-el-link-effect-18:focus:before, .sa-el-link-effect-18:focus:after { opacity: 0.7; } .sa-el-link-effect-18:hover:before, .sa-el-link-effect-18:focus:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .sa-el-link-effect-18:hover:after, .sa-el-link-effect-18:focus:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .sa-el-link-effect-19 { display: inline-block; line-height: 2em; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; width: 200px; } .sa-el-link-effect-19 span { position: relative; display: inline-block; width: 100%; padding: 0 14px; background: #e35041; -webkit-transition: -webkit-transform 0.4s, background 0.4s; -moz-transition: -moz-transform 0.4s, background 0.4s; transition: transform 0.4s, background 0.4s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -100px; -moz-transform-origin: 50% 50% -100px; transform-origin: 50% 50% -100px; } .sa-el-link-effect-19 span:before { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: #b53a2d; padding: 0 14px; content: attr(data-hover); -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; transform-origin: 0 50%; pointer-events: none; } .sa-el-link-effect-19:hover span, .sa-el-link-effect-19:focus span { background: #b53a2d; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); transform: rotateY(-90deg); } .sa-el-link-effect-19:hover span:before, .sa-el-link-effect-19:focus span:before { background: #ef5e50; } .sa-el-link-effect-20 { display: inline-block; line-height: 2em; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; } .sa-el-link-effect-20 span { position: relative; display: inline-block; text-align: center; padding: 3px 15px 0; background: #587285; box-shadow: inset 0 3px #2f4351; -webkit-transition: background 0.6s; -moz-transition: background 0.6s; transition: background 0.6s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; } .sa-el-link-effect-20 span:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; color: #2f4351; content: attr(data-hover); -webkit-transform: rotateX(270deg); -moz-transform: rotateX(270deg); transform: rotateX(270deg); -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; } .sa-el-link-effect-20:hover span, .sa-el-link-effect-20:focus span { background: #2f4351; } .sa-el-link-effect-20:hover span::before, .sa-el-link-effect-20:focus span::before { -webkit-transform: rotateX(10deg); -moz-transform: rotateX(10deg); transform: rotateX(10deg); } .sa-el-link-effect-21 { display: inline-block; padding: 10px; color: #237546; font-weight: 700; text-shadow: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .sa-el-link-effect-21:before, .sa-el-link-effect-21:after { position: absolute; left: 0; width: 100%; height: 2px; background: #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .sa-el-link-effect-21:before { top: 0; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .sa-el-link-effect-21:after { bottom: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } .sa-el-link-effect-21:hover, .sa-el-link-effect-21:focus { color: #fff; } .sa-el-link-effect-21:hover:before, .sa-el-link-effect-21:focus:before, .sa-el-link-effect-21:hover:after, .sa-el-link-effect-21:focus:after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .elementor-element.sa-el-prallax-multi { overflow: hidden; } .elementor-element .sa-el-parallax-layer { position: absolute; display: block; width: 100%; height: 100%; background-repeat: no-repeat; overflow: hidden; pointer-events: none; } .elementor-section.sa-el-particles-section .elementor-container { z-index: 1; } .elementor-section.sa-el-particles-section > canvas { position: absolute; top: 0; }